{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/yIqnpIuertQSYRYknLqZ/PR7XAxifkaB5fYkOtGYr/vF3KYFVj4.js"],
  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\"; // Generated by Framer (6906a2c)\nimport * as React from \"react\";import { motion, LayoutGroup } from \"framer-motion\";import { useActiveVariantCallback, Image, addFonts, withCSS, addPropertyControls, ControlType, cx, useAddVariantProps, useVariantState } from \"framer\";import { useRandomID } from \"https://framer.com/m/framer/randomID.js@^2.0.0\";const cycleOrder = [\"Bqlr7g2kq\", \"gCKthQ4E5\"];const variantClassNames = { \"Bqlr7g2kq\": \"framer-v-meu42\", \"gCKthQ4E5\": \"framer-v-1fs7eiu\" };const humanReadableVariantMap = { \"Variant 1\": \"Bqlr7g2kq\", \"Rotated\": \"gCKthQ4E5\" };const transitions = { \"default\": { \"type\": \"spring\", \"ease\": [0, 0, 1, 1], \"duration\": 0.3, \"delay\": 0, \"stiffness\": 500, \"damping\": 60, \"mass\": 1 }, \"gCKthQ4E5\": { \"type\": \"spring\", \"ease\": [0.44, 0, 0.56, 1], \"duration\": 0.3, \"delay\": 0, \"stiffness\": 500, \"damping\": 60, \"mass\": 1 } };const Component = /*#__PURE__*/React.forwardRef(function ({ style, className, width, height, layoutId, variant: outerVariant = \"Bqlr7g2kq\", image: Z4S9ZLLoB = new URL(\"https://framerusercontent.com/images/SYi5SqgCufMfnYz3WXGfQ90fUvM.png?scale-down-to=512\").href, tap: YIJXKXMmj, ...restProps }, ref) {const outerVariantId = humanReadableVariantMap[outerVariant];const variant = outerVariantId || outerVariant;const { variants, baseVariant, gestureVariant, classNames, transition, setVariant, setGestureState } = useVariantState({ defaultVariant: \"Bqlr7g2kq\", variant, transitions, variantClassNames, cycleOrder });const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;const { activeVariantCallback, delay } = useActiveVariantCallback(baseVariant);const onTapmeu42 = activeVariantCallback(async (...args) => {if (YIJXKXMmj) {const res = await YIJXKXMmj(...args);if (res === false) return false;}});const onMouseEntermeu42 = activeVariantCallback(async (...args) => {setVariant(\"gCKthQ4E5\");});const onTap1fs7eiu = activeVariantCallback(async (...args) => {if (YIJXKXMmj) {const res = await YIJXKXMmj(...args);if (res === false) return false;}});const onMouseLeave1fs7eiu = activeVariantCallback(async (...args) => {setVariant(\"Bqlr7g2kq\");});const variantProps = React.useMemo(() => ({ \"gCKthQ4E5\": { \"Bqlr7g2kq\": { \"onTap\": onTap1fs7eiu, \"onMouseLeave\": onMouseLeave1fs7eiu, \"onMouseEnter\": undefined, \"data-framer-name\": \"Rotated\", \"background\": null, \"data-highlight\": true }, \"CLrke3yRQ\": { \"background\": { \"src\": Z4S9ZLLoB, \"fit\": \"fill\" } } } }), [Z4S9ZLLoB, onTap1fs7eiu, onMouseLeave1fs7eiu]);const addVariantProps = useAddVariantProps(baseVariant, gestureVariant, variantProps);const defaultLayoutId = useRandomID();return /*#__PURE__*/_jsx(LayoutGroup, { id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId, children: /*#__PURE__*/_jsx(motion.div, { initial: variant, animate: variants, onHoverStart: () => setGestureState({ isHovered: true }), onHoverEnd: () => setGestureState({ isHovered: false }), onTapStart: () => setGestureState({ isPressed: true }), onTap: () => setGestureState({ isPressed: false }), onTapCancel: () => setGestureState({ isPressed: false }), className: cx(\"framer-qtlZw\", classNames), style: { \"display\": \"contents\" }, children: /*#__PURE__*/_jsx(motion.div, { ...restProps, layoutId: \"Bqlr7g2kq\", className: cx(\"framer-meu42\", className), style: { \"rotate\": 0, ...style }, background: null, \"data-highlight\": true, \"data-framer-name\": \"Variant 1\", onTap: onTapmeu42, onMouseEnter: onMouseEntermeu42, variants: { \"gCKthQ4E5\": { \"rotate\": 360 } }, transition: transition, layoutDependency: layoutDependency, ref: ref, ...addVariantProps(\"Bqlr7g2kq\"), children: /*#__PURE__*/_jsx(Image, { layoutId: \"CLrke3yRQ\", className: \"framer-15qia1h\", style: { \"rotate\": 0 }, background: { \"src\": Z4S9ZLLoB, \"fit\": \"fill\" }, alt: \"\", variants: { \"gCKthQ4E5\": { \"rotate\": 359 } }, transition: transition, layoutDependency: layoutDependency, ...addVariantProps(\"CLrke3yRQ\") }) }) }) });});const css = [\".framer-qtlZw [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-qtlZw * { box-sizing: border-box; }\", \".framer-qtlZw .framer-meu42 { position: relative; cursor: pointer; overflow: visible; width: 240px; height: 240px; }\", \".framer-qtlZw .framer-15qia1h { position: absolute; overflow: visible; height: var(--framer-aspect-ratio-supported, 240px); right: 0px; left: 0px; top: 0px; flex: none; aspect-ratio: 1 / 1; }\", \".framer-qtlZw.framer-v-1fs7eiu .framer-meu42 { width: 240px; height: 240px; cursor: pointer; }\", \".framer-qtlZw.framer-v-1fs7eiu .framer-15qia1h { width: auto; height: var(--framer-aspect-ratio-supported, 200px); right: 20px; bottom: auto; left: 20px; top: 20px; flex: none; aspect-ratio: 1 / 1; }\"]; /**\n* This is a generated Framer component.\n* @framerIntrinsicHeight 240\n* @framerIntrinsicWidth 240\n* @framerCanvasComponentVariantDetails {\"propertyName\": \"variant\", \"data\": {\"default\": {\"layout\": [\"fixed\", \"fixed\"]}, \"gCKthQ4E5\": {\"layout\": [\"fixed\", \"fixed\"]}}}\n* @framerVariables {\"Z4S9ZLLoB\": \"image\", \"YIJXKXMmj\": \"tap\"}\n*/const FramervF3KYFVj4 = withCSS(Component, css);export default FramervF3KYFVj4;FramervF3KYFVj4.displayName = \"Rotating Button\";FramervF3KYFVj4.defaultProps = { \"width\": 240, \"height\": 240 };addPropertyControls(FramervF3KYFVj4, { \"variant\": { \"type\": ControlType.Enum, \"title\": \"Variant\", \"options\": [\"Bqlr7g2kq\", \"gCKthQ4E5\"], \"optionTitles\": [\"Variant 1\", \"Rotated\"] }, \"Z4S9ZLLoB\": { \"type\": ControlType.Image, \"title\": \"Image\", \"__defaultAssetReference\": \"SYi5SqgCufMfnYz3WXGfQ90fUvM.png\" }, \"YIJXKXMmj\": { \"type\": ControlType.EventHandler, \"title\": \"Tap\" } });addFonts(FramervF3KYFVj4, []);\nexport const __FramerMetadata__ = { \"exports\": { \"Props\": { \"type\": \"tsType\", \"annotations\": { \"framerContractVersion\": \"1\" } }, \"default\": { \"type\": \"reactComponent\", \"name\": \"FramervF3KYFVj4\", \"slots\": [], \"annotations\": { \"framerIntrinsicWidth\": \"240\", \"framerIntrinsicHeight\": \"240\", \"framerContractVersion\": \"1\", \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\": \\\"variant\\\", \\\"data\\\": {\\\"default\\\": {\\\"layout\\\": [\\\"fixed\\\", \\\"fixed\\\"]}, \\\"gCKthQ4E5\\\": {\\\"layout\\\": [\\\"fixed\\\", \\\"fixed\\\"]}}}\", \"framerVariables\": \"{\\\"Z4S9ZLLoB\\\": \\\"image\\\", \\\"YIJXKXMmj\\\": \\\"tap\\\"}\" } }, \"__FramerMetadata__\": { \"type\": \"variable\" } } };\n//# sourceMappingURL=./vF3KYFVj4.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "Component", "Y", "style", "className", "width", "height", "layoutId", "outerVariant", "Z4S9ZLLoB", "YIJXKXMmj", "restProps", "ref", "variant", "variants", "baseVariant", "gestureVariant", "classNames", "transition", "setVariant", "setGestureState", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTapmeu42", "args", "onMouseEntermeu42", "onTap1fs7eiu", "onMouseLeave1fs7eiu", "variantProps", "se", "addVariantProps", "useAddVariantProps", "defaultLayoutId", "useRandomID", "p", "LayoutGroup", "motion", "cx", "Image2", "css", "FramervF3KYFVj4", "withCSS", "vF3KYFVj4_default", "addPropertyControls", "ControlType", "addFonts"]
}