{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/y1UcbjgjNxsA3SMErDM0/eveyaFnWqHEUxbwgiMwm/mrPomTZwk.js"],
  "sourcesContent": ["// Generated by Framer (8289486)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, useActiveVariantCallback, useOnVariantChange, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nconst cycleOrder = [\"oirbF4Hg1\", \"Ct67iRob7\"];\nconst variantClassNames = {\n  Ct67iRob7: \"framer-v-9p1le6\",\n  oirbF4Hg1: \"framer-v-1lks8hr\"\n};\nfunction addPropertyOverrides(overrides, ...variants) {\n  const nextOverrides = {};\n  variants === null || variants === void 0 ? void 0 : variants.forEach(variant => variant && Object.assign(nextOverrides, overrides[variant]));\n  return nextOverrides;\n}\nconst humanReadableVariantMap = {\n  black: \"Ct67iRob7\",\n  white: \"oirbF4Hg1\"\n};\nconst transitions = {\n  default: {\n    damping: 60,\n    delay: 0,\n    duration: .3,\n    ease: [.44, 0, .56, 1],\n    mass: 1,\n    stiffness: 500,\n    type: \"spring\"\n  }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  id,\n  style,\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"oirbF4Hg1\",\n  ...restProps\n}, ref) {\n  const outerVariantId = humanReadableVariantMap[outerVariant];\n  const variant = outerVariantId || outerVariant;\n  const {\n    baseVariant,\n    classNames,\n    gestureVariant,\n    setGestureState,\n    setVariant,\n    transition,\n    variants\n  } = useVariantState({\n    cycleOrder,\n    defaultVariant: \"oirbF4Hg1\",\n    transitions,\n    variant,\n    variantClassNames\n  });\n  const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n  const {\n    activeVariantCallback,\n    delay\n  } = useActiveVariantCallback(baseVariant);\n  const onAppear1cwh7df = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"Ct67iRob7\"), 1e3);\n  });\n  const onAppear5qkako = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"oirbF4Hg1\"), 250);\n  });\n  useOnVariantChange(baseVariant, {\n    Ct67iRob7: onAppear5qkako,\n    default: onAppear1cwh7df\n  });\n  const defaultLayoutId = React.useId();\n  return /*#__PURE__*/_jsx(LayoutGroup, {\n    id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n    children: /*#__PURE__*/_jsx(motion.div, {\n      initial: variant,\n      animate: variants,\n      onHoverStart: () => setGestureState({\n        isHovered: true\n      }),\n      onHoverEnd: () => setGestureState({\n        isHovered: false\n      }),\n      onTapStart: () => setGestureState({\n        isPressed: true\n      }),\n      onTap: () => setGestureState({\n        isPressed: false\n      }),\n      onTapCancel: () => setGestureState({\n        isPressed: false\n      }),\n      className: cx(\"framer-I0a6V\", classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsx(motion.div, {\n        ...restProps,\n        className: cx(\"framer-1lks8hr\", className),\n        \"data-framer-name\": \"white\",\n        \"data-highlight\": true,\n        layoutDependency: layoutDependency,\n        layoutId: \"oirbF4Hg1\",\n        ref: ref,\n        style: {\n          backgroundColor: \"rgb(255, 56, 56)\",\n          borderBottomLeftRadius: 56,\n          borderBottomRightRadius: 56,\n          borderTopLeftRadius: 56,\n          borderTopRightRadius: 56,\n          ...style\n        },\n        transition: transition,\n        variants: {\n          Ct67iRob7: {\n            backgroundColor: \"var(--token-1de4a4f5-0f25-4835-8ade-a17375ccf7af, rgb(23, 23, 23))\"\n          }\n        },\n        ...addPropertyOverrides({\n          Ct67iRob7: {\n            \"data-framer-name\": \"black\"\n          }\n        }, baseVariant, gestureVariant)\n      })\n    })\n  });\n});\nconst css = ['.framer-I0a6V [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }', \"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\", \".framer-I0a6V .framer-19fi0eh { display: block; }\", \".framer-I0a6V .framer-1lks8hr { height: 12px; overflow: hidden; position: relative; width: 12px; will-change: transform; }\", \".framer-I0a6V.framer-v-9p1le6 .framer-1lks8hr { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 12px); }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @framerIntrinsicHeight 12\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @framerIntrinsicWidth 12\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"Ct67iRob7\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         */\nconst FramermrPomTZwk = withCSS(Component, css, \"framer-I0a6V\");\nexport default FramermrPomTZwk;\nFramermrPomTZwk.displayName = \"purchase dot\";\nFramermrPomTZwk.defaultProps = {\n  height: 12,\n  width: 12\n};\naddPropertyControls(FramermrPomTZwk, {\n  variant: {\n    options: [\"oirbF4Hg1\", \"Ct67iRob7\"],\n    optionTitles: [\"white\", \"black\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  }\n});\naddFonts(FramermrPomTZwk, []);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramermrPomTZwk\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerIntrinsicHeight\": \"12\",\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicWidth\": \"12\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Ct67iRob7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./mrPomTZwk.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onAppear1cwh7df", "args", "onAppear5qkako", "useOnVariantChange", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "css", "FramermrPomTZwk", "withCSS", "mrPomTZwk_default", "addPropertyControls", "ControlType", "addFonts"]
}