{
  "version": 3,
  "sources": ["ssg:https://framer.com/m/framer/Example.js@^1.0.0", "ssg:https://framerusercontent.com/modules/uEC27expP7xSDXjbSd0y/Fo2DjJJvVAr7CA38RXkN/Ssss.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";// Welcome to Code in Framer\n// Get Started: https://www.framer.com/docs/guides/\n/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/docs/guides/auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */ export default function Example(props){const{tint,style}=props;const[active,setActive]=useState(false);return(/*#__PURE__*/ _jsx(motion.div,{style:{...style,...containerStyle},children:/*#__PURE__*/ _jsx(motion.div,{onTap:()=>setActive(!active),style:{margin:50,padding:75,borderRadius:30,backgroundColor:tint},whileHover:{rotate:90},animate:{scale:active?1.25:1}})}));};Example.defaultProps={tint:\"#09F\"};addPropertyControls(Example,{tint:{title:\"Tint\",type:ControlType.Color}});const containerStyle={height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Example\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Example.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useLayoutEffect}from\"react\";import Example from\"https://framer.com/m/framer/Example.js@^1.0.0\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export function hideScroll(Component){return props=>{useLayoutEffect(()=>{const style=document.createElement(\"style\");style.innerHTML=\"::-webkit-scrollbar { width: 1px; }\"+// WebKit-based browsers (Chrome, Safari, Opera)\n\"::-webkit-scrollbar-track { background: transparent; }\"+\"::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 1px; }\"+\"scrollbar-width: thin;\"+// Firefox\n\"-ms-overflow-style: none;\"+// Internet Explorer and Edge\n\"overflow: -moz-scrollbars-none;\"// Older versions of Firefox\n;document.head.appendChild(style);},[]);return /*#__PURE__*/_jsx(Component,{...props});};}const ExampleWithHiddenScroll=hideScroll(Example);export default ExampleWithHiddenScroll;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"hideScroll\":{\"type\":\"reactHoc\",\"name\":\"hideScroll\",\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Ssss.map"],
  "mappings": "8GAQmB,SAARA,EAAyBC,EAAM,CAAC,GAAK,CAAC,KAAAC,EAAK,MAAAC,CAAK,EAAEF,EAAW,CAACG,EAAOC,CAAS,EAAEC,EAAS,EAAK,EAAE,OAAqBC,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,GAAGL,EAAM,GAAGM,CAAc,EAAE,SAAuBF,EAAKC,EAAO,IAAI,CAAC,MAAM,IAAIH,EAAU,CAACD,CAAM,EAAE,MAAM,CAAC,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgBF,CAAI,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,MAAME,EAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAG,CAAEJ,EAAQ,aAAa,CAAC,KAAK,MAAM,EAAEU,EAAoBV,EAAQ,CAAC,KAAK,CAAC,MAAM,OAAO,KAAKW,EAAY,KAAK,CAAC,CAAC,EAAE,IAAMF,EAAe,CAAC,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,QAAQ,ECF1kB,SAASG,EAAWC,EAAU,CAAC,OAAOC,IAAQC,EAAgB,IAAI,CAAC,IAAMC,EAAM,SAAS,cAAc,OAAO,EAAEA,EAAM,UAAU,mPAIxI,SAAS,KAAK,YAAYA,CAAK,CAAE,EAAE,CAAC,CAAC,EAAsBC,EAAKJ,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAI,CAAC,IAAMI,EAAwBN,EAAWO,CAAO",
  "names": ["Example", "props", "tint", "style", "active", "setActive", "ye", "p", "motion", "containerStyle", "addPropertyControls", "ControlType", "hideScroll", "Component", "props", "fe", "style", "p", "ExampleWithHiddenScroll", "Example"]
}