{"version":3,"file":"DottedBackground.DT_IESeO.mjs","names":[],"sources":["https:/framerusercontent.com/modules/TnBrO26dpUWGLWMJc60i/vqeXNUEHlFz1ffGGhTnn/DottedBackground.js"],"sourcesContent":["// Pure CSS background. Nothing here renders a stylesheet into the React tree.\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";const themes={light:{background:\"#F3F4F2\",dots:\"#D0D2CF\"},dark:{background:\"#000000\",dots:\"rgba(208, 209, 207, 0.3)\"}};/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 360\n * @framerIntrinsicHeight 240\n */export default function DottedBackground({appearance=\"custom\",dotColor=\"#C8C8C8\",dotSize=1.5,gridSpacing=20,backgroundColor=\"#EBEBEB\",style}){const theme=appearance===\"light\"||appearance===\"dark\"?themes[appearance]:{background:backgroundColor,dots:dotColor};const spacing=Number.isFinite(gridSpacing)?Math.max(1,gridSpacing):20;const radius=(Number.isFinite(dotSize)?Math.max(0,dotSize):1.5)/2;return /*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{width:\"100%\",height:\"100%\",display:\"block\",...style,pointerEvents:\"none\",backgroundColor:theme.background,backgroundImage:radius>0?`radial-gradient(circle at center, ${theme.dots} ${radius}px, transparent ${radius+.15}px)`:\"none\",backgroundSize:`${spacing}px ${spacing}px`,backgroundPosition:`${-spacing/2}px ${-spacing/2}px`,backgroundRepeat:\"repeat\"}});}addPropertyControls(DottedBackground,{appearance:{type:ControlType.Enum,title:\"Mode\",options:[\"light\",\"dark\",\"custom\"],optionTitles:[\"Light\",\"Dark\",\"Custom\"],defaultValue:\"custom\",displaySegmentedControl:true,description:\"A static CSS pattern. Same dot spacing on the canvas and in preview.\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#EBEBEB\",hidden:({appearance})=>appearance===\"light\"||appearance===\"dark\"},dotColor:{type:ControlType.Color,title:\"Dots\",defaultValue:\"#C8C8C8\",hidden:({appearance})=>appearance===\"light\"||appearance===\"dark\"},dotSize:{type:ControlType.Number,title:\"Dot size\",defaultValue:1.5,min:.5,max:10,step:.5,unit:\"px\"},gridSpacing:{type:ControlType.Number,title:\"Spacing\",defaultValue:20,min:5,max:100,step:1,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DottedBackground\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"240\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"360\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DottedBackground.map"],"mappings":"6JAMG,SAAwB,EAAiB,CAAC,aAAW,SAAS,WAAS,UAAU,UAAQ,IAAI,cAAY,GAAG,kBAAgB,UAAU,SAAO,CAAC,IAAM,EAAM,IAAa,SAAS,IAAa,OAAO,EAAO,GAAY,CAAC,WAAW,EAAgB,KAAK,CAAQ,EAAQ,EAAQ,OAAO,SAAS,CAAW,EAAE,KAAK,IAAI,EAAE,CAAW,EAAE,GAAS,GAAQ,OAAO,SAAS,CAAO,EAAE,KAAK,IAAI,EAAE,CAAO,EAAE,KAAK,EAAE,OAAoB,EAAK,MAAM,CAAC,cAAc,OAAO,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,QAAQ,GAAG,EAAM,cAAc,OAAO,gBAAgB,EAAM,WAAW,gBAAgB,EAAO,EAAE,qCAAqC,EAAM,KAAK,GAAG,EAAO,kBAAkB,EAAO,IAAI,KAAK,OAAO,eAAe,GAAG,EAAQ,KAAK,EAAQ,IAAI,mBAAmB,GAAG,CAAC,EAAQ,EAAE,KAAK,CAAC,EAAQ,EAAE,IAAI,iBAAiB,QAAQ,CAAC,CAAC,CAAE,mBALlwB,IAAoD,EAAO,EAAO,CAAC,MAAM,CAAC,WAAW,UAAU,KAAK,SAAS,EAAE,KAAK,CAAC,WAAW,UAAU,KAAK,0BAA0B,CAAC,EAKylB,EAAoB,EAAiB,CAAC,WAAW,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,QAAQ,CAAC,QAAQ,OAAO,QAAQ,EAAE,aAAa,CAAC,QAAQ,OAAO,QAAQ,EAAE,aAAa,SAAS,wBAAwB,GAAK,YAAY,sEAAsE,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,QAAQ,CAAC,gBAAc,IAAa,SAAS,IAAa,MAAM,EAAE,SAAS,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,aAAa,UAAU,QAAQ,CAAC,gBAAc,IAAa,SAAS,IAAa,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,IAAI,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC"}