{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/7dVZzxkfGcT5mBIy2YB1/mTzOneSuMGTxMSt2q6uu/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(\"assets/512/SYi5SqgCufMfnYz3WXGfQ90fUvM.png\",\"https://framerusercontent.com/modules/7dVZzxkfGcT5mBIy2YB1/mTzOneSuMGTxMSt2q6uu/vF3KYFVj4.js\").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"]
}