{"version":3,"file":"CurvedDivider.BeTQ0ou3.mjs","names":["React"],"sources":["https:/framerusercontent.com/modules/I1QQVrttrr6YFiU7AA3K/rdVQV2jD7UvI2CFQNHKo/CurvedDivider.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Curved Section Divider\n * A panel with a configurable curved top edge, filled with a vertical\n * linear gradient. Useful for transitioning between two stacked sections.\n *\n * Place this at the top of the section whose color you want to \"rise\" into the\n * section above.\n *\n * @framerIntrinsicWidth 1440\n * @framerIntrinsicHeight 500\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function CurvedDivider(props){const{gradientStart=\"#F7FBFF\",gradientEnd=\"#FFFFFF\",curveDepth=40,style}=props;// Unique gradient id so multiple instances of this component on the same\n// page don't share/override each other's gradient definitions.\nconst gradientId=React.useMemo(()=>`curvedDividerGradient_${Math.random().toString(36).slice(2,9)}`,[]);return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",...style},children:/*#__PURE__*/_jsxs(\"svg\",{width:\"100%\",height:\"100%\",viewBox:`0 0 1000 1000`,preserveAspectRatio:\"none\",style:{position:\"absolute\",inset:0,display:\"block\"},children:[/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsxs(\"linearGradient\",{id:gradientId,x1:\"0\",y1:\"0\",x2:\"0\",y2:\"1\",children:[/*#__PURE__*/_jsx(\"stop\",{offset:\"0%\",stopColor:gradientStart}),/*#__PURE__*/_jsx(\"stop\",{offset:\"100%\",stopColor:gradientEnd})]})}),/*#__PURE__*/_jsx(\"path\",{d:`\n                        M 0 1000\n                        L 0 ${curveDepth}\n                        Q 500 ${-curveDepth} 1000 ${curveDepth}\n                        L 1000 1000\n                        Z\n                    `,fill:`url(#${gradientId})`})]})});}addPropertyControls(CurvedDivider,{gradientStart:{type:ControlType.Color,title:\"Gradient Top\",defaultValue:\"#F7FBFF\",description:\"Color at the top edge (right at the curve)\"},gradientEnd:{type:ControlType.Color,title:\"Gradient Bottom\",defaultValue:\"#FFFFFF\",description:\"Color at the bottom of the panel\"},curveDepth:{type:ControlType.Number,title:\"Curve Depth\",defaultValue:40,min:0,max:200,step:5,description:\"How much the top edge bulges upward (0 = flat)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CurvedDivider\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"500\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"1440\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CurvedDivider.map"],"mappings":"iLAYG,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,gBAAc,UAAU,cAAY,UAAU,aAAW,GAAG,SAAO,EAEnH,EAAWA,EAAM,YAAY,yBAAyB,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,GAAG,CAAK,EAAE,SAAsB,EAAM,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,gBAAgB,oBAAoB,OAAO,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,QAAQ,OAAO,EAAE,SAAS,CAAc,EAAK,OAAO,CAAC,SAAsB,EAAM,iBAAiB,CAAC,GAAG,EAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,SAAS,CAAc,EAAK,OAAO,CAAC,OAAO,KAAK,UAAU,CAAa,CAAC,EAAe,EAAK,OAAO,CAAC,OAAO,OAAO,UAAU,CAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,OAAO,CAAC,EAAE;;8BAEtnB,EAAW;gCACT,CAAC,EAAW,QAAQ,EAAW;;;sBAGzC,KAAK,QAAQ,EAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,iBApBA,IAAyB,IAAoD,EAoB5E,EAAoB,EAAc,CAAC,cAAc,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,UAAU,YAAY,4CAA4C,EAAE,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,kBAAkB,aAAa,UAAU,YAAY,kCAAkC,EAAE,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,YAAY,gDAAgD,CAAC,CAAC"}