{"version":3,"file":"DotsPattern.Bafo7jPd.mjs","names":[],"sources":["https:/framerusercontent.com/modules/nZonktnzdp7SwXRSmmA1/bj8wpP5mHs5fEZbQTkPo/DotsPattern.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function DotsPattern(props){return /*#__PURE__*/ _jsx(\"div\",{style:{width:\"100%\",height:\"100%\",backgroundImage:`radial-gradient(${props.dotColor} ${props.dotSize/2-.4}px, ${props.fill} ${props.dotSize/2+.4}px)`,backgroundSize:`${props.spacing}px ${props.spacing}px`,backgroundPosition:`${props.alignH} ${props.alignV}`,borderRadius:props.radiusIsMixed?`${props.topLeft}px ${props.topRight}px ${props.bottomRight}px ${props.bottomLeft}px`:`${props.radius}px`}});};DotsPattern.displayName=\"Dots Pattern\";DotsPattern.defaultProps={fill:\"black\",dotColor:\"white\",dotSize:10,spacing:16,alignH:\"center\",alignV:\"center\",radius:0,radiusIsMixed:false,topLeft:0,topRight:0,bottomRight:0,bottomLeft:0};addPropertyControls(DotsPattern,{fill:{type:ControlType.Color,defaultValue:DotsPattern.defaultProps.fill},dotColor:{type:ControlType.Color,defaultValue:DotsPattern.defaultProps.dotColor},dotSize:{type:ControlType.Number,defaultValue:DotsPattern.defaultProps.dotSize,min:1},spacing:{type:ControlType.Number,defaultValue:DotsPattern.defaultProps.spacing,min:1},alignH:{type:ControlType.Enum,defaultValue:DotsPattern.defaultProps.alignH,options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],displaySegmentedControl:true,title:\"Align\"},alignV:{type:ControlType.Enum,defaultValue:DotsPattern.defaultProps.alignV,options:[\"top\",\"center\",\"bottom\"],optionTitles:[\"Top\",\"Center\",\"Bottom\"],displaySegmentedControl:true,title:\" \"},radius:{type:ControlType.FusedNumber,defaultValue:DotsPattern.defaultProps.radius,toggleKey:\"radiusIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"topLeft\",\"topRight\",\"bottomRight\",\"bottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DotsPattern\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DotsPattern.map"],"mappings":"6JAGI,SAAwB,EAAY,EAAM,CAAC,OAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,gBAAgB,mBAAmB,EAAM,SAAS,GAAG,EAAM,QAAQ,EAAE,GAAG,MAAM,EAAM,KAAK,GAAG,EAAM,QAAQ,EAAE,GAAG,KAAK,eAAe,GAAG,EAAM,QAAQ,KAAK,EAAM,QAAQ,IAAI,mBAAmB,GAAG,EAAM,OAAO,GAAG,EAAM,SAAS,aAAa,EAAM,cAAc,GAAG,EAAM,QAAQ,KAAK,EAAM,SAAS,KAAK,EAAM,YAAY,KAAK,EAAM,WAAW,IAAI,GAAG,EAAM,OAAO,IAAI,CAAC,CAAC,kBAHpb,IAAoD,CAGmY,EAAY,YAAY,eAAe,EAAY,aAAa,CAAC,KAAK,QAAQ,SAAS,QAAQ,QAAQ,GAAG,QAAQ,GAAG,OAAO,SAAS,OAAO,SAAS,OAAO,EAAE,cAAc,GAAM,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,EAAoB,EAAY,CAAC,KAAK,CAAC,KAAK,EAAY,MAAM,aAAa,EAAY,aAAa,KAAK,CAAC,SAAS,CAAC,KAAK,EAAY,MAAM,aAAa,EAAY,aAAa,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,aAAa,EAAY,aAAa,QAAQ,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,aAAa,EAAY,aAAa,QAAQ,IAAI,EAAE,CAAC,OAAO,CAAC,KAAK,EAAY,KAAK,aAAa,EAAY,aAAa,OAAO,QAAQ,CAAC,OAAO,SAAS,QAAQ,CAAC,aAAa,CAAC,OAAO,SAAS,QAAQ,CAAC,wBAAwB,GAAK,MAAM,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAY,KAAK,aAAa,EAAY,aAAa,OAAO,QAAQ,CAAC,MAAM,SAAS,SAAS,CAAC,aAAa,CAAC,MAAM,SAAS,SAAS,CAAC,wBAAwB,GAAK,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAY,YAAY,aAAa,EAAY,aAAa,OAAO,UAAU,gBAAgB,aAAa,CAAC,MAAM,aAAa,CAAC,UAAU,CAAC,UAAU,WAAW,cAAc,aAAa,CAAC,YAAY,CAAC,KAAK,KAAK,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC"}