{
  "version": 3,
  "sources": ["ssg:https://framer.com/m/framer/utils.js@^0.9.0", "ssg:https://framerusercontent.com/modules/SgyPsVAyTNfkXKeWjphd/SZoMyX1A7T2BGLwwx4II/Shake.js"],
  "sourcesContent": ["export const centerContent = {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\"\n};\nexport const autoSizingText = {\n    width: \"max-content\",\n    wordBreak: \"break-word\",\n    overflowWrap: \"break-word\",\n    overflow: \"hidden\",\n    whiteSpace: \"pre-wrap\",\n    flexShrink: 0\n};\nexport const defaultContainerStyles = {\n    ...centerContent,\n    overflow: \"hidden\"\n};\nexport const containerStyles = defaultContainerStyles;\nexport const randomColor = ()=>\"#\" + Math.floor(Math.random() * 16777215).toString(16)\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"centerContent\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"autoSizingText\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultContainerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomColor\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./Utils.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{randomColor}from\"https://framer.com/m/framer/utils.js@^0.9.0\";import{motion}from\"framer-motion\";// Learn more: https://www.framer.com/docs/guides/overrides/\nconst useStore=createStore({background:\"#0099FF\"});export function withSkew(Component){return props=>{return /*#__PURE__*/_jsx(motion.div,{initial:{skewX:-10},animate:{skewX:0},transition:{duration:3,repeat:Infinity,repeatType:\"reverse\",ease:\"easeInOut\"},children:/*#__PURE__*/_jsx(Component,{...props})});};}export function withHover(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,whileHover:{scale:1.05}});};}export function withRandomColor(Component){return props=>{const[store,setStore]=useStore();return /*#__PURE__*/_jsx(Component,{...props,animate:{background:store.background},onClick:()=>{setStore({background:randomColor()});}});};}const shakeAnimation={hidden:{x:0},visible:{x:[0,-10,10,-10,10,-5,5,-2,2,0],transition:{duration:6,repeat:Infinity,repeatType:\"reverse\",ease:\"easeInOut\"}}};export function withShake(Component){return props=>{return /*#__PURE__*/_jsx(motion.div,{initial:\"hidden\",animate:\"visible\",variants:shakeAnimation,children:/*#__PURE__*/_jsx(Component,{...props})});};}// Smoother jiggle animation for when the button becomes visible\nconst jiggleAnimation={hidden:{scale:1},visible:{scale:[1,1.02],transition:{duration:.6,ease:\"easeInOut\",repeat:Infinity,repeatType:\"reverse\"}}};export function withJiggleOnVisible(Component){return props=>{const{width,...restProps}=props;return /*#__PURE__*/_jsx(motion.div,{style:{width:width||\"100%\"},initial:\"hidden\",animate:\"visible\",variants:jiggleAnimation,children:/*#__PURE__*/_jsx(Component,{...restProps})});};}// Define a separate shake animation for absolute positioned elements\nconst absoluteShakeAnimation={hidden:{x:0},visible:{x:[0,-10,10,-10,10,-5,5,-2,2,0],transition:{duration:6,repeat:Infinity,repeatType:\"reverse\",ease:\"easeInOut\"}}};// Create a new HOC for absolute shake animation\nexport function withAbsoluteShake(Component){return props=>{return /*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",zIndex:1},initial:\"hidden\",animate:\"visible\",variants:absoluteShakeAnimation,children:/*#__PURE__*/_jsx(Component,{...props})});};}// Example component wrapped with all HOCs\nconst MyComponent=props=>{// Your component implementation\nreturn /*#__PURE__*/_jsx(\"button\",{...props,children:\"Click me\"});};// Use the new HOC for the absolute shake animation\nexport default withAbsoluteShake(withJiggleOnVisible(withShake(withSkew(withHover(withRandomColor(MyComponent))))));export function textDecoration(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style,textDecorationLine:\"underline\",textDecorationStyle:\"dotted\",textDecorationColor:\"#2e42ff\",textDecorationThickness:\"2px\",textUnderlineOffset:\"4px\"}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"textDecoration\":{\"type\":\"reactHoc\",\"name\":\"textDecoration\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withAbsoluteShake\":{\"type\":\"reactHoc\",\"name\":\"withAbsoluteShake\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withJiggleOnVisible\":{\"type\":\"reactHoc\",\"name\":\"withJiggleOnVisible\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRandomColor\":{\"type\":\"reactHoc\",\"name\":\"withRandomColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withShake\":{\"type\":\"reactHoc\",\"name\":\"withShake\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSkew\":{\"type\":\"reactHoc\",\"name\":\"withSkew\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Shake.map"],
  "mappings": "2HAAO,IAAMA,EAAgB,CACzB,QAAS,OACT,eAAgB,SAChB,WAAY,QAChB,EASO,IAAMC,EAAyB,CAClC,GAAGC,EACH,SAAU,QACd,EAEO,IAAMC,EAAc,IAAI,IAAM,KAAK,MAAM,KAAK,OAAO,EAAI,QAAQ,EAAE,SAAS,EAAE,ECjBrF,IAAMC,EAASC,EAAY,CAAC,WAAW,SAAS,CAAC,EAAS,SAASC,EAASC,EAAU,CAAC,OAAOC,GAA4BC,EAAKC,EAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,IAAS,WAAW,UAAU,KAAK,WAAW,EAAE,SAAsBD,EAAKF,EAAU,CAAC,GAAGC,CAAK,CAAC,CAAC,CAAC,CAAI,CAAQ,SAASG,EAAUJ,EAAU,CAAC,OAAOC,GAA4BC,EAAKF,EAAU,CAAC,GAAGC,EAAM,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,CAAI,CAAQ,SAASI,EAAgBL,EAAU,CAAC,OAAOC,GAAO,CAAC,GAAK,CAACK,EAAMC,CAAQ,EAAEV,EAAS,EAAE,OAAoBK,EAAKF,EAAU,CAAC,GAAGC,EAAM,QAAQ,CAAC,WAAWK,EAAM,UAAU,EAAE,QAAQ,IAAI,CAACC,EAAS,CAAC,WAAWC,EAAY,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAE,CAAC,IAAMC,EAAe,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,IAAS,WAAW,UAAU,KAAK,WAAW,CAAC,CAAC,EAAS,SAASC,EAAUV,EAAU,CAAC,OAAOC,GAA4BC,EAAKC,EAAO,IAAI,CAAC,QAAQ,SAAS,QAAQ,UAAU,SAASM,EAAe,SAAsBP,EAAKF,EAAU,CAAC,GAAGC,CAAK,CAAC,CAAC,CAAC,CAAI,CAC//B,IAAMU,EAAgB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,SAAS,GAAG,KAAK,YAAY,OAAO,IAAS,WAAW,SAAS,CAAC,CAAC,EAAS,SAASC,EAAoBZ,EAAU,CAAC,OAAOC,GAAO,CAAC,GAAK,CAAC,MAAAY,EAAM,GAAGC,CAAS,EAAEb,EAAM,OAAoBC,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,MAAMU,GAAO,MAAM,EAAE,QAAQ,SAAS,QAAQ,UAAU,SAASF,EAAgB,SAAsBT,EAAKF,EAAU,CAAC,GAAGc,CAAS,CAAC,CAAC,CAAC,CAAE,CAAE,CACra,IAAMC,EAAuB,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,IAAS,WAAW,UAAU,KAAK,WAAW,CAAC,CAAC,EAC3J,SAASC,EAAkBhB,EAAU,CAAC,OAAOC,GAA4BC,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,SAAS,WAAW,OAAO,CAAC,EAAE,QAAQ,SAAS,QAAQ,UAAU,SAASY,EAAuB,SAAsBb,EAAKF,EAAU,CAAC,GAAGC,CAAK,CAAC,CAAC,CAAC,CAAI,CAC9P,IAAMgB,EAAYhB,GACEC,EAAK,SAAS,CAAC,GAAGD,EAAM,SAAS,UAAU,CAAC,EACzDiB,EAAQF,EAAkBJ,EAAoBF,EAAUX,EAASK,EAAUC,EAAgBY,CAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAS,SAASE,EAAenB,EAAU,CAAC,OAAOC,GAA4BC,EAAKF,EAAU,CAAC,GAAGC,EAAM,MAAM,CAAC,GAAGA,EAAM,MAAM,mBAAmB,YAAY,oBAAoB,SAAS,oBAAoB,UAAU,wBAAwB,MAAM,oBAAoB,KAAK,CAAC,CAAC,CAAI",
  "names": ["centerContent", "defaultContainerStyles", "centerContent", "randomColor", "useStore", "createStore", "withSkew", "Component", "props", "p", "motion", "withHover", "withRandomColor", "store", "setStore", "randomColor", "shakeAnimation", "withShake", "jiggleAnimation", "withJiggleOnVisible", "width", "restProps", "absoluteShakeAnimation", "withAbsoluteShake", "MyComponent", "Shake_default", "textDecoration"]
}