{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/nZonktnzdp7SwXRSmmA1/ACqVi01rJaGzlC6PmFh4/DotsPattern.js"],
  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType } from \"framer\"; /**\n                                                           * @framerSupportedLayoutWidth fixed\n                                                           * @framerSupportedLayoutHeight fixed\n                                                           * @framerDisableUnlink\n                                                           */\nexport default function DotsPattern(props) {\n  return /*#__PURE__*/_jsx(\"div\", {\n    style: {\n      width: \"100%\",\n      height: \"100%\",\n      backgroundImage: `radial-gradient(${props.dotColor} ${props.dotSize / 2 - .4}px, ${props.fill} ${props.dotSize / 2 + .4}px)`,\n      backgroundSize: `${props.spacing}px ${props.spacing}px`,\n      backgroundPosition: `${props.alignH} ${props.alignV}`,\n      borderRadius: props.radiusIsMixed ? `${props.topLeft}px ${props.topRight}px ${props.bottomRight}px ${props.bottomLeft}px` : `${props.radius}px`\n    }\n  });\n}\n;\nDotsPattern.defaultProps = {\n  fill: \"black\",\n  dotColor: \"white\",\n  dotSize: 10,\n  spacing: 16,\n  alignH: \"center\",\n  alignV: \"center\",\n  radius: 0,\n  radiusIsMixed: false,\n  topLeft: 0,\n  topRight: 0,\n  bottomRight: 0,\n  bottomLeft: 0\n};\naddPropertyControls(DotsPattern, {\n  fill: {\n    type: ControlType.Color,\n    defaultValue: DotsPattern.defaultProps.fill\n  },\n  dotColor: {\n    type: ControlType.Color,\n    defaultValue: DotsPattern.defaultProps.dotColor\n  },\n  dotSize: {\n    type: ControlType.Number,\n    defaultValue: DotsPattern.defaultProps.dotSize,\n    min: 1\n  },\n  spacing: {\n    type: ControlType.Number,\n    defaultValue: DotsPattern.defaultProps.spacing,\n    min: 1\n  },\n  alignH: {\n    type: ControlType.Enum,\n    defaultValue: DotsPattern.defaultProps.alignH,\n    options: [\"left\", \"center\", \"right\"],\n    optionTitles: [\"Left\", \"Center\", \"Right\"],\n    displaySegmentedControl: true,\n    title: \"Align\"\n  },\n  alignV: {\n    type: ControlType.Enum,\n    defaultValue: DotsPattern.defaultProps.alignV,\n    options: [\"top\", \"center\", \"bottom\"],\n    optionTitles: [\"Top\", \"Center\", \"Bottom\"],\n    displaySegmentedControl: true,\n    title: \" \"\n  },\n  radius: {\n    type: ControlType.FusedNumber,\n    defaultValue: DotsPattern.defaultProps.radius,\n    toggleKey: \"radiusIsMixed\",\n    toggleTitles: [\"All\", \"Individual\"],\n    valueKeys: [\"topLeft\", \"topRight\", \"bottomRight\", \"bottomLeft\"],\n    valueLabels: [\"TL\", \"TR\", \"BR\", \"BL\"],\n    min: 0\n  }\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"DotsPattern\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerSupportedLayoutWidth\": \"fixed\",\n        \"framerDisableUnlink\": \"\",\n        \"framerSupportedLayoutHeight\": \"fixed\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./DotsPattern.map"],
  "mappings": "2FAMe,SAARA,EAA6BC,EAAO,CACzC,OAAoBC,EAAK,MAAO,CAC9B,MAAO,CACL,MAAO,OACP,OAAQ,OACR,gBAAiB,mBAAmBD,EAAM,YAAYA,EAAM,QAAU,EAAI,SAASA,EAAM,QAAQA,EAAM,QAAU,EAAI,QACrH,eAAgB,GAAGA,EAAM,aAAaA,EAAM,YAC5C,mBAAoB,GAAGA,EAAM,UAAUA,EAAM,SAC7C,aAAcA,EAAM,cAAgB,GAAGA,EAAM,aAAaA,EAAM,cAAcA,EAAM,iBAAiBA,EAAM,eAAiB,GAAGA,EAAM,UACvI,CACF,CAAC,CACH,CAEAD,EAAY,aAAe,CACzB,KAAM,QACN,SAAU,QACV,QAAS,GACT,QAAS,GACT,OAAQ,SACR,OAAQ,SACR,OAAQ,EACR,cAAe,GACf,QAAS,EACT,SAAU,EACV,YAAa,EACb,WAAY,CACd,EACAG,EAAoBH,EAAa,CAC/B,KAAM,CACJ,KAAMI,EAAY,MAClB,aAAcJ,EAAY,aAAa,IACzC,EACA,SAAU,CACR,KAAMI,EAAY,MAClB,aAAcJ,EAAY,aAAa,QACzC,EACA,QAAS,CACP,KAAMI,EAAY,OAClB,aAAcJ,EAAY,aAAa,QACvC,IAAK,CACP,EACA,QAAS,CACP,KAAMI,EAAY,OAClB,aAAcJ,EAAY,aAAa,QACvC,IAAK,CACP,EACA,OAAQ,CACN,KAAMI,EAAY,KAClB,aAAcJ,EAAY,aAAa,OACvC,QAAS,CAAC,OAAQ,SAAU,OAAO,EACnC,aAAc,CAAC,OAAQ,SAAU,OAAO,EACxC,wBAAyB,GACzB,MAAO,OACT,EACA,OAAQ,CACN,KAAMI,EAAY,KAClB,aAAcJ,EAAY,aAAa,OACvC,QAAS,CAAC,MAAO,SAAU,QAAQ,EACnC,aAAc,CAAC,MAAO,SAAU,QAAQ,EACxC,wBAAyB,GACzB,MAAO,GACT,EACA,OAAQ,CACN,KAAMI,EAAY,YAClB,aAAcJ,EAAY,aAAa,OACvC,UAAW,gBACX,aAAc,CAAC,MAAO,YAAY,EAClC,UAAW,CAAC,UAAW,WAAY,cAAe,YAAY,EAC9D,YAAa,CAAC,KAAM,KAAM,KAAM,IAAI,EACpC,IAAK,CACP,CACF,CAAC",
  "names": ["DotsPattern", "props", "p", "addPropertyControls", "ControlType"]
}