{"version":3,"file":"PageDivider.BY0n02Ap.mjs","names":["React.useMemo"],"sources":["https:/framerusercontent.com/modules/Zv6oXKvuEvGR5Mqah3Z7/XkJ6Bt0siWqd3SavXmwy/PageDivider.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Instructions:\n * Create a clean page divider that blends into the background\n *//**\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 8\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function PageDivider(props){const{orientation=\"horizontal\",color=\"#000000\",opacity=.18,thickness=1,fade=.22,radius=999,style}=props;const isHorizontal=orientation===\"horizontal\";const clampedOpacity=Number.isFinite(opacity)?Math.max(0,Math.min(1,opacity)):.18;const clampedFade=Number.isFinite(fade)?Math.max(0,Math.min(.49,fade)):.22;const safeThickness=Number.isFinite(thickness)?Math.max(1,thickness):1;const gradient=React.useMemo(()=>{const mid=`rgba(0,0,0,0)`;// Use currentColor via CSS variable approach? Keep simple: compute via rgba not possible from hex reliably.\n// Instead rely on color stop with opacity using linear-gradient + color with alpha via CSS `color-mix` not universal.\n// Best: set background with multiple stops using the provided color and overall element opacity.\n// We'll set element background gradient in solid color and apply opacity at element level.\nconst fadeStart=`${Math.round(clampedFade*100)}%`;const fadeEnd=`${Math.round((1-clampedFade)*100)}%`;if(isHorizontal){return`linear-gradient(90deg, transparent 0%, ${color} ${fadeStart}, ${color} ${fadeEnd}, transparent 100%)`;}return`linear-gradient(180deg, transparent 0%, ${color} ${fadeStart}, ${color} ${fadeEnd}, transparent 100%)`;},[isHorizontal,color,clampedFade]);return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",pointerEvents:\"none\",...style},\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"div\",{style:{width:isHorizontal?\"100%\":`${safeThickness}px`,height:isHorizontal?`${safeThickness}px`:\"100%\",backgroundImage:gradient,opacity:clampedOpacity,borderRadius:radius,transform:\"translateZ(0)\"}})});}addPropertyControls(PageDivider,{orientation:{type:ControlType.Enum,title:\"Orientation\",options:[\"horizontal\",\"vertical\"],optionTitles:[\"Horizontal\",\"Vertical\"],defaultValue:\"horizontal\",displaySegmentedControl:true},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\"},opacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:.18,min:0,max:1,step:.01},thickness:{type:ControlType.Number,title:\"Thickness\",defaultValue:1,min:1,max:24,step:1,unit:\"px\"},fade:{type:ControlType.Number,title:\"Fade\",defaultValue:.22,min:0,max:.49,step:.01},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:999,min:0,max:999,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PageDivider\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"8\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PageDivider.map"],"mappings":"qKASG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,cAAY,aAAa,QAAM,UAAU,UAAQ,IAAI,YAAU,EAAE,OAAK,IAAI,SAAO,IAAI,SAAO,EAAY,EAAa,IAAc,aAAmB,EAAe,OAAO,SAAS,CAAO,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,CAAO,CAAC,EAAE,IAAU,EAAY,OAAO,SAAS,CAAI,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,IAAI,CAAI,CAAC,EAAE,IAAU,EAAc,OAAO,SAAS,CAAS,EAAE,KAAK,IAAI,EAAE,CAAS,EAAE,EAAQ,EAASA,MAAkB,CAIzc,IAAM,EAAU,GAAG,KAAK,MAAM,EAAY,GAAG,EAAE,GAAS,EAAQ,GAAG,KAAK,OAAO,EAAE,GAAa,GAAG,EAAE,GAAkI,OAA5H,EAAoB,0CAA0C,EAAM,GAAG,EAAU,IAAI,EAAM,GAAG,EAAQ,qBAA4B,2CAA2C,EAAM,GAAG,EAAU,IAAI,EAAM,GAAG,EAAQ,oBAAqB,EAAE,CAAC,EAAa,EAAM,CAAW,CAAC,EAAE,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,cAAc,OAAO,GAAG,CAAK,EAAE,cAAc,OAAO,SAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,EAAa,OAAO,GAAG,EAAc,IAAI,OAAO,EAAa,GAAG,EAAc,IAAI,OAAO,gBAAgB,EAAS,QAAQ,EAAe,aAAa,EAAO,UAAU,eAAe,CAAC,CAAC,CAAC,CAAC,CAAE,iBAb7vB,IAA4B,IAAoD,EAa8qB,EAAoB,EAAY,CAAC,YAAY,CAAC,KAAK,EAAY,KAAK,MAAM,cAAc,QAAQ,CAAC,aAAa,UAAU,EAAE,aAAa,CAAC,aAAa,UAAU,EAAE,aAAa,aAAa,wBAAwB,EAAI,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,IAAI,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,IAAI,IAAI,EAAE,IAAI,IAAI,KAAK,GAAG,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,IAAI,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC"}