{"version":3,"file":"DotsPattern.CUIx-ljJ.mjs","names":[],"sources":["https:/framerusercontent.com/modules/nZonktnzdp7SwXRSmmA1/ACqVi01rJaGzlC6PmFh4/DotsPattern.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerDisableUnlink\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.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\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DotsPattern.map"],"mappings":"iOAII,SAAwB,EAAY,EAAM,CAAC,MAAqB,GAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,iBAAiB,kBAAkB,EAAM,SAAS,GAAG,EAAM,QAAQ,EAAE,GAAG,MAAM,EAAM,KAAK,GAAG,EAAM,QAAQ,EAAE,GAAG,KAAK,kBAAkB,EAAM,QAAQ,KAAK,EAAM,QAAQ,IAAI,sBAAsB,EAAM,OAAO,GAAG,EAAM,SAAS,aAAa,EAAM,iBAAiB,EAAM,QAAQ,KAAK,EAAM,SAAS,KAAK,EAAM,YAAY,KAAK,EAAM,WAAW,OAAO,EAAM,OAAO,GAAI,CAAC,EAAC,AAAE,cAA6L,AAJ9pB,GAA2C,IAAoD,CAImY,EAAY,aAAa,CAAC,KAAK,QAAQ,SAAS,QAAQ,QAAQ,GAAG,QAAQ,GAAG,OAAO,SAAS,OAAO,SAAS,OAAO,EAAE,eAAc,EAAM,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,CAAE,EAAC,EAAoB,EAAY,CAAC,KAAK,CAAC,KAAK,EAAY,MAAM,aAAa,EAAY,aAAa,IAAK,EAAC,SAAS,CAAC,KAAK,EAAY,MAAM,aAAa,EAAY,aAAa,QAAS,EAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,aAAa,EAAY,aAAa,QAAQ,IAAI,CAAE,EAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,aAAa,EAAY,aAAa,QAAQ,IAAI,CAAE,EAAC,OAAO,CAAC,KAAK,EAAY,KAAK,aAAa,EAAY,aAAa,OAAO,QAAQ,CAAC,OAAO,SAAS,OAAQ,EAAC,aAAa,CAAC,OAAO,SAAS,OAAQ,EAAC,yBAAwB,EAAK,MAAM,OAAQ,EAAC,OAAO,CAAC,KAAK,EAAY,KAAK,aAAa,EAAY,aAAa,OAAO,QAAQ,CAAC,MAAM,SAAS,QAAS,EAAC,aAAa,CAAC,MAAM,SAAS,QAAS,EAAC,yBAAwB,EAAK,MAAM,GAAI,EAAC,OAAO,CAAC,KAAK,EAAY,YAAY,aAAa,EAAY,aAAa,OAAO,UAAU,gBAAgB,aAAa,CAAC,MAAM,YAAa,EAAC,UAAU,CAAC,UAAU,WAAW,cAAc,YAAa,EAAC,YAAY,CAAC,KAAK,KAAK,KAAK,IAAK,EAAC,IAAI,CAAE,CAAC,EAAC"}