{"version":3,"file":"DotPatternBackground.DoAMR0_I.mjs","names":["React.useMemo"],"sources":["https:/framerusercontent.com/modules/EQ4DShnpltBQx5qce6ot/2j93BMvrAZN9rQV96vvh/DotPatternBackground.js"],"sourcesContent":["// User instructions: create a dot pattern for backgrounds with adjustable dot color, distance, resize as small as 0.1px, and amount/density.\nimport{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 300\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function DotPatternBackground(props){const{dotColor,backgroundColor,dotOpacity,dotSize,spacing,density,offsetX,offsetY,style}=props;const computed=React.useMemo(()=>{const safeDotSize=Math.max(.1,Number.isFinite(dotSize)?dotSize:.1);const safeSpacing=Math.max(.1,Number.isFinite(spacing)?spacing:16);const safeDensity=Math.max(.05,Number.isFinite(density)?density:1);const effectiveSpacing=Math.max(.1,safeSpacing/safeDensity);const effectiveDotSize=Math.min(safeDotSize,effectiveSpacing);const image=`radial-gradient(circle, color-mix(in srgb, ${dotColor} ${Math.max(0,Math.min(1,dotOpacity))*100}%, transparent) 0 ${effectiveDotSize}px, transparent ${effectiveDotSize}px 100%)`;return{effectiveSpacing,image};},[dotColor,dotOpacity,dotSize,spacing,density]);return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",backgroundColor,backgroundImage:computed.image,backgroundSize:`${computed.effectiveSpacing}px ${computed.effectiveSpacing}px`,backgroundPosition:`${offsetX}px ${offsetY}px`,backgroundRepeat:\"repeat\",...style},\"aria-hidden\":\"true\"});}addPropertyControls(DotPatternBackground,{dotColor:{type:ControlType.Color,title:\"Dot\",defaultValue:\"#000000\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},dotOpacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:1,min:0,max:1,step:.01},dotSize:{type:ControlType.Number,title:\"Dot Size\",defaultValue:1.5,min:.1,max:100,step:.1,unit:\"px\"},spacing:{type:ControlType.Number,title:\"Distance\",defaultValue:16,min:.1,max:400,step:.1,unit:\"px\"},density:{type:ControlType.Number,title:\"Density\",defaultValue:1,min:.1,max:10,step:.05},offsetX:{type:ControlType.Number,title:\"Offset X\",defaultValue:0,min:-1e3,max:1e3,step:.5,unit:\"px\"},offsetY:{type:ControlType.Number,title:\"Offset Y\",defaultValue:0,min:-1e3,max:1e3,step:.5,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DotPatternBackground\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"300\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DotPatternBackground.map"],"mappings":"sKAOG,SAAwB,EAAqB,EAAM,CAAC,GAAK,CAAC,WAAS,kBAAgB,aAAW,UAAQ,UAAQ,UAAQ,UAAQ,UAAQ,SAAO,EAAY,EAASA,MAAkB,CAAC,IAAM,EAAY,KAAK,IAAI,GAAG,OAAO,SAAS,CAAO,EAAE,EAAQ,EAAE,EAA8I,EAAiB,KAAK,IAAI,GAApJ,KAAK,IAAI,GAAG,OAAO,SAAS,CAAO,EAAE,EAAQ,EAAoH,EAA9F,KAAK,IAAI,IAAI,OAAO,SAAS,CAAO,EAAE,EAAQ,CAA4D,CAAC,EAAQ,EAAiB,KAAK,IAAI,EAAY,CAAgB,EAAiM,MAAM,CAAC,mBAAiB,MAAA,8CAA7J,EAAS,GAAG,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,CAAU,CAAC,EAAE,IAAI,oBAAoB,EAAiB,kBAAkB,EAAiB,SAAuC,CAAE,EAAE,CAAC,EAAS,EAAW,EAAQ,EAAQ,CAAO,CAAC,EAAE,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,kBAAgB,gBAAgB,EAAS,MAAM,eAAe,GAAG,EAAS,iBAAiB,KAAK,EAAS,iBAAiB,IAAI,mBAAmB,GAAG,EAAQ,KAAK,EAAQ,IAAI,iBAAiB,SAAS,GAAG,CAAK,EAAE,cAAc,MAAM,CAAC,CAAE,iBAN9hC,IAA4B,IAAoD,EAM+8B,EAAoB,EAAqB,CAAC,SAAS,CAAC,KAAK,EAAY,MAAM,MAAM,MAAM,aAAa,SAAS,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG,KAAK,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG,KAAK,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,EAAE,IAAI,KAAK,IAAI,IAAI,KAAK,GAAG,KAAK,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,EAAE,IAAI,KAAK,IAAI,IAAI,KAAK,GAAG,KAAK,IAAI,CAAC,CAAC"}