{"version":3,"file":"Divider.7pkgBCcv.mjs","names":["useId"],"sources":["https:/framerusercontent.com/modules/kwNeaLkDQZb9Zs3xwIUd/19Oa87kYQy1n49lzIICT/Divider.js"],"sourcesContent":["// Section Divider\n// Created by Frankie from Framer-Expert.com\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useId}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function SectionDivider({color=\"#ea4324\",backgroundColor=\"#f4f1eb\",height=32,tickEvery=10,showTicks=true,skewAngle=0,tickOpacity=40,borderTop=true,borderBottom=false,borderLeft=false,borderRight=false}){const uid=useId().replace(/:/g,\"\");const patternId=`tp-${uid}`;const line=`1px solid ${color}`;// extra must cover the full diagonal shift at any angle\n// at 45deg on a 32px tall element: tan(45) * 32 = 32px\n// but we need to cover the full viewport width shift too\n// so we use a large fixed value that covers all cases\nconst extra=skewAngle!==0?Math.ceil(Math.abs(Math.tan(Math.abs(skewAngle)*Math.PI/180))*2e3)+200:0;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height,minHeight:height,maxHeight:height,position:\"relative\",boxSizing:\"border-box\",overflow:\"hidden\",backgroundColor,borderTop:borderTop?line:\"none\",borderBottom:borderBottom?line:\"none\",borderLeft:borderLeft?line:\"none\",borderRight:borderRight?line:\"none\"},children:showTicks&&/*#__PURE__*/_jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",style:{position:\"absolute\",top:0,// center the oversized svg so overflow clips evenly on both sides\nleft:\"50%\",transform:`translateX(-50%) skewX(${skewAngle}deg)`,// wide enough that after skew it still covers full width\nwidth:`calc(100% + ${extra*2}px)`,height:\"100%\",opacity:tickOpacity/100,display:\"block\",transformOrigin:\"center center\"},children:[/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsx(\"pattern\",{id:patternId,x:\"0\",y:\"0\",width:tickEvery,height:height,patternUnits:\"userSpaceOnUse\",children:/*#__PURE__*/_jsx(\"rect\",{x:\"0\",y:\"0\",width:\"1\",height:height,fill:color})})}),/*#__PURE__*/_jsx(\"rect\",{x:\"0\",y:\"0\",width:\"100%\",height:height,fill:`url(#${patternId})`})]})});}SectionDivider.defaultProps={color:\"#ea4324\",backgroundColor:\"#f4f1eb\",height:32,tickEvery:10,showTicks:true,skewAngle:0,tickOpacity:40,borderTop:true,borderBottom:false,borderLeft:false,borderRight:false};addPropertyControls(SectionDivider,{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#ea4324\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#f4f1eb\"},height:{type:ControlType.Number,title:\"Height\",defaultValue:32,min:8,max:200,step:4,displayStepper:true},showTicks:{type:ControlType.Boolean,title:\"Show Ticks\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},tickEvery:{type:ControlType.Number,title:\"Tick Every (px)\",defaultValue:10,min:2,max:60,step:2,displayStepper:true,hidden:props=>!props.showTicks},tickOpacity:{type:ControlType.Number,title:\"Opacity %\",defaultValue:40,min:5,max:100,step:5,displayStepper:true,hidden:props=>!props.showTicks},skewAngle:{type:ControlType.Number,title:\"Skew Angle\",defaultValue:0,min:-80,max:80,step:1,displayStepper:true,hidden:props=>!props.showTicks},borderTop:{type:ControlType.Boolean,title:\"Border Top\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},borderBottom:{type:ControlType.Boolean,title:\"Border Bottom\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},borderLeft:{type:ControlType.Boolean,title:\"Border Left\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},borderRight:{type:ControlType.Boolean,title:\"Border Right\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"}});SectionDivider.displayName=\"Section Divider\";\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SectionDivider\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Divider.map"],"mappings":"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"}