{"version":3,"file":"CSS_Patterns.CLFabAlf.mjs","names":[],"sources":["https:/framerusercontent.com/modules/WIJMJpPugUhHrOg0vn2F/KXpZRtUvu9SlR4uAoPu1/CSS_Patterns.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{Frame,addPropertyControls,ControlType}from\"framer\";export default function Pattern({distance,lineColor,angle,backgroundColor}){return /*#__PURE__*/_jsx(Frame,{width:\"100%\",height:\"100%\",radius:0,/* Use the prop value here, which defaults to transparent */background:backgroundColor,style:{backgroundImage:`repeating-linear-gradient(\n          ${angle}deg,\n          transparent,\n          transparent ${distance-1}px,\n          ${lineColor} ${distance-1}px,\n          ${lineColor} ${distance}px\n        )`}});}// Adding property controls for customization in Framer\naddPropertyControls(Pattern,{distance:{type:ControlType.Number,defaultValue:8,min:2,max:50,step:1,displayStepper:true},lineColor:{type:ControlType.Color,defaultValue:\"#52525b\"},angle:{type:ControlType.Number,defaultValue:-45,min:-180,max:180,step:1,displayStepper:true},/* New Background Color Control */backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"transparent\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Pattern\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CSS_Patterns.map"],"mappings":"oKAAqG,SAAwB,EAAQ,CAAC,WAAS,YAAU,QAAM,mBAAiB,CAAC,OAAoB,EAAK,EAAM,CAAC,MAAM,OAAO,OAAO,OAAO,OAAO,EAA8D,WAAW,EAAgB,MAAM,CAAC,gBAAgB;YACvV,EAAM;;wBAEM,EAAS,EAAE;YACvB,EAAU,GAAG,EAAS,EAAE;YACxB,EAAU,GAAG,EAAS;UACxB,CAAC,CAAC,CAAE,iBAN4B,IAA0D,EAOpG,EAAoB,EAAQ,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,eAAe,EAAI,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,aAAa,SAAS,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,aAAa,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,EAAE,eAAe,EAAI,EAAoC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,aAAa,CAAC,CAAC"}