{"version":3,"file":"Examples.BxpvO2Mo.mjs","names":["Icon","React.useContext","React.useMemo","React.Fragment","useRef","React.useId","sharedStyle.className","sharedStyle1.className","className","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts","useStore","useState"],"sources":["https:/framerusercontent.com/modules/3aeEHVN1yx67ugjkHj0c/ATCpWKO2Dtg28fGdXrUg/cqISqlZI7.js","https:/framerusercontent.com/modules/yUrAlX7Bun1ehPssUP5G/9hnhAWlaPue6NsBRX7HN/AfUaHP6H_.js","https:/framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js","https:/framer.com/m/framer/store.js@^1.0.0","https:/framerusercontent.com/modules/28rXvpPsrum7FH6cMELS/1jCAazZw1EGHjrG5Nu5D/Utils.js","https:/framer.com/m/framer/utils.js@^0.9.0","https:/framerusercontent.com/modules/ATtExoYk5b8CONGI2tUH/ttkgR4q8QCMc9LsfVHIb/Examples.js"],"sourcesContent":["// Generated by Framer (3266cfb)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Cabinet Grotesk-bold\",\"FS;Cabinet Grotesk-black\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Cabinet Grotesk\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/XMXWOHABYLQDJ42L65EFRYNVRY37HQCB/B2O4O6V3JMFM2WDCYQI3A47L5U4THDUL/WN5274VQ3AUBDFP74GB4EC4XYJ3EKVNE.woff2\",weight:\"700\"},{family:\"Cabinet Grotesk\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/54BYDK52GK4J6SPDN2E656FIZHUETKL3/ACYE4XDNEUAHIOQEOGPYPDVAVDI5P67Q/TZVUWRP4UW5PEJWBLXHG5VVGPODI2WLC.woff2\",weight:\"900\"}]}];export const css=['.framer-EbdTE .framer-styles-preset-1ar9m74:not(.rich-text-wrapper), .framer-EbdTE .framer-styles-preset-1ar9m74.rich-text-wrapper h3 { --framer-font-family: \"Cabinet Grotesk\", \"Cabinet Grotesk Placeholder\", sans-serif; --framer-font-family-bold: \"Cabinet Grotesk\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 24px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-variation-axes: normal; --framer-font-weight: 700; --framer-font-weight-bold: 900; --framer-letter-spacing: -0.005em; --framer-line-height: 30px; --framer-paragraph-spacing: 40px; --framer-text-alignment: start; --framer-text-color: var(--token-0183e0f6-7c96-4dcf-b5fc-d9a1f40026d7, #1d1d1d); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }'];export const className=\"framer-EbdTE\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (24e7187)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,getPropertyControls,RichText,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/zJTLUs0G8JWbTlOb8AZw/roSZAOyLdkHQLszzoIUF/AiKfkrYFk.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/3aeEHVN1yx67ugjkHj0c/ATCpWKO2Dtg28fGdXrUg/cqISqlZI7.js\";import Icon from\"https://framerusercontent.com/modules/i423VCvdUHKQv6ITAj3D/ORGX00atkbXFWQWJvHrx/sZApuTmAY.js\";const IconFonts=getFonts(Icon);const IconControls=getPropertyControls(Icon);const cycleOrder=[\"cFysmZC2N\",\"U_5Kf8G5p\"];const serializationHash=\"framer-pr5Pn\";const variantClassNames={cFysmZC2N:\"framer-v-1ejln1u\",U_5Kf8G5p:\"framer-v-1gie8nj\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableEnumMap={\"Icon 1\":\"aVuOLm0cj\",\"Icon 10\":\"LEfsOVxiS\",\"Icon 11\":\"lbU5dYoBS\",\"Icon 2\":\"vumHADfXd\",\"Icon 3\":\"ubKOZHrXw\",\"Icon 4\":\"t8BbHDWtF\",\"Icon 5\":\"g4mMKBMbZ\",\"Icon 6\":\"C5jgY37fw\",\"Icon 7\":\"vMyGsAYGR\",\"Icon 8\":\"MCMFVcUKy\",\"Icon 9\":\"jycwTqen3\"};const humanReadableVariantMap={Compact:\"U_5Kf8G5p\",Default:\"cFysmZC2N\"};const getProps=({color,height,icon,id,text,title,width,...props})=>{return{...props,FsLbrHfod:text??props.FsLbrHfod??\"Cras mattis consectetur purus sit amet fermentum donec ullamcorper nulla non metus auctor fringilla. Integer non posuere erat a ante venenatis dapibus.\",iPSgpwnND:humanReadableEnumMap[icon]??icon??props.iPSgpwnND??\"aVuOLm0cj\",NL7hDwr5U:color??props.NL7hDwr5U??\"var(--token-aa6bcc44-1f70-4086-8873-905b4ffb26d0, rgb(227, 227, 255))\",PeG1LesoB:title??props.PeG1LesoB??\"Strategy & Planning\",variant:humanReadableVariantMap[props.variant]??props.variant??\"cFysmZC2N\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,iPSgpwnND,PeG1LesoB,FsLbrHfod,NL7hDwr5U,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"cFysmZC2N\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1ejln1u\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Default\",layoutDependency:layoutDependency,layoutId:\"cFysmZC2N\",ref:refBinding,style:{\"--border-bottom-width\":\"2px\",\"--border-color\":\"var(--token-0183e0f6-7c96-4dcf-b5fc-d9a1f40026d7, rgb(29, 29, 29))\",\"--border-left-width\":\"2px\",\"--border-right-width\":\"2px\",\"--border-style\":\"solid\",\"--border-top-width\":\"2px\",backgroundColor:NL7hDwr5U,borderBottomLeftRadius:20,borderBottomRightRadius:20,borderTopLeftRadius:20,borderTopRightRadius:20,...style},...addPropertyOverrides({U_5Kf8G5p:{\"data-framer-name\":\"Compact\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:74,width:\"74px\",y:(componentViewport?.y||0)+30,...addPropertyOverrides({U_5Kf8G5p:{y:(componentViewport?.y||0)+30+(((componentViewport?.height||289)-60-289)/2+0+0)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1qlbm67-container\",layoutDependency:layoutDependency,layoutId:\"VRGNtZ1FV-container\",nodeId:\"VRGNtZ1FV\",rendersWithMotion:true,scopeId:\"AfUaHP6H_\",children:/*#__PURE__*/_jsx(Icon,{height:\"100%\",id:\"VRGNtZ1FV\",layoutId:\"VRGNtZ1FV\",style:{height:\"100%\",width:\"100%\"},variant:iPSgpwnND,width:\"100%\"})})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-utl0vb\",\"data-framer-name\":\"Text Wrapper\",layoutDependency:layoutDependency,layoutId:\"EPazJaYKq\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-1ar9m74\",\"data-styles-preset\":\"cqISqlZI7\",children:\"Strategy & Planning\"})}),className:\"framer-175a46i\",\"data-framer-name\":\"Title\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"svevS4oHA\",style:{\"--framer-paragraph-spacing\":\"0px\"},text:PeG1LesoB,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1tewpy5\",\"data-styles-preset\":\"AiKfkrYFk\",children:\"Cras mattis consectetur purus sit amet fermentum donec ullamcorper nulla non metus auctor fringilla. Integer non posuere erat a ante venenatis dapibus.\"})}),className:\"framer-1w2kp9w\",\"data-framer-name\":\"Text\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"doqmlrQO0\",style:{\"--framer-paragraph-spacing\":\"0px\"},text:FsLbrHfod,verticalAlignment:\"top\",withExternalLayout:true})]})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-pr5Pn.framer-1axh52g, .framer-pr5Pn .framer-1axh52g { display: block; }\",\".framer-pr5Pn.framer-1ejln1u { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: hidden; padding: 30px; position: relative; width: 620px; will-change: var(--framer-will-change-override, transform); }\",\".framer-pr5Pn .framer-1qlbm67-container { flex: none; height: 74px; position: relative; width: 74px; }\",\".framer-pr5Pn .framer-utl0vb { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-pr5Pn .framer-175a46i, .framer-pr5Pn .framer-1w2kp9w { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-pr5Pn.framer-v-1gie8nj.framer-1ejln1u { flex-direction: column; gap: 25px; }\",\".framer-pr5Pn.framer-v-1gie8nj .framer-utl0vb { flex: none; width: 100%; }\",...sharedStyle.css,...sharedStyle1.css,'.framer-pr5Pn[data-border=\"true\"]::after, .framer-pr5Pn [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 190\n * @framerIntrinsicWidth 620\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"U_5Kf8G5p\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"iPSgpwnND\":\"icon\",\"PeG1LesoB\":\"title\",\"FsLbrHfod\":\"text\",\"NL7hDwr5U\":\"color\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerAfUaHP6H_=withCSS(Component,css,\"framer-pr5Pn\");export default FramerAfUaHP6H_;FramerAfUaHP6H_.displayName=\"Feature\";FramerAfUaHP6H_.defaultProps={height:190,width:620};addPropertyControls(FramerAfUaHP6H_,{variant:{options:[\"cFysmZC2N\",\"U_5Kf8G5p\"],optionTitles:[\"Default\",\"Compact\"],title:\"Variant\",type:ControlType.Enum},iPSgpwnND:IconControls?.[\"variant\"]&&{...IconControls[\"variant\"],defaultValue:\"aVuOLm0cj\",description:undefined,hidden:undefined,title:\"Icon\"},PeG1LesoB:{defaultValue:\"Strategy & Planning\",displayTextArea:false,title:\"Title\",type:ControlType.String},FsLbrHfod:{defaultValue:\"Cras mattis consectetur purus sit amet fermentum donec ullamcorper nulla non metus auctor fringilla. Integer non posuere erat a ante venenatis dapibus.\",displayTextArea:true,title:\"Text\",type:ControlType.String},NL7hDwr5U:{defaultValue:'var(--token-aa6bcc44-1f70-4086-8873-905b4ffb26d0, rgb(227, 227, 255)) /* {\"name\":\"Purple\"} */',title:\"Color\",type:ControlType.Color}});addFonts(FramerAfUaHP6H_,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...IconFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerAfUaHP6H_\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"iPSgpwnND\\\":\\\"icon\\\",\\\"PeG1LesoB\\\":\\\"title\\\",\\\"FsLbrHfod\\\":\\\"text\\\",\\\"NL7hDwr5U\\\":\\\"color\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerColorSyntax\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"U_5Kf8G5p\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicHeight\":\"190\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"620\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AfUaHP6H_.map","import{useState,useEffect}from\"react\";import{Data,useObserveData}from\"framer\";export function createStore(state1){// Use Data so that a Preview reload resets the state\nconst dataStore=Data({state:Object.freeze({...state1})});// Create a set function that updates the state\nconst setDataStore=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map","/*\n * createStore (framer/store@1.0.1)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js\"\n","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","/*\n * Utils (framer/utils@0.9.0)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/28rXvpPsrum7FH6cMELS/1jCAazZw1EGHjrG5Nu5D/Utils.js\"\n","import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef}from\"react\";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\";// Learn more: https://www.framer.com/developers/overrides/\nconst useStore=createStore({background:\"#0099FF\"});export function withRotate(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,animate:{rotate:90},transition:{duration:2}});});}export function withHover(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,whileHover:{scale:1.05}});});}export function withRandomColor(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const[store,setStore]=useStore();return /*#__PURE__*/_jsx(Component,{ref:ref,...props,animate:{background:store.background},onClick:()=>{setStore({background:randomColor()});}});});}// ------------------------------------------------------\n// Clear the Framer form when the submit button is tapped\n// ------------------------------------------------------\nexport function withClearFormOnSubmit(Component){return /*#__PURE__*/forwardRef((props,ref)=>{function handleTap(event){// Keep any existing onTap behavior\nif(typeof props.onTap===\"function\"){props.onTap(event);}// Wait a moment for the Framer submit action or webhook\nsetTimeout(()=>{let formEl=null;const target=event?.target;if(target&&typeof target.closest===\"function\"){formEl=target.closest(\"form\");}// Fallback to the first form on the page\nif(!formEl){formEl=document.querySelector(\"form\");}if(formEl&&typeof formEl.reset===\"function\"){formEl.reset();}},500);}return /*#__PURE__*/_jsx(Component,{ref:ref,...props,onTap:handleTap});});}\nexport const __FramerMetadata__ = {\"exports\":{\"withClearFormOnSubmit\":{\"type\":\"reactHoc\",\"name\":\"withClearFormOnSubmit\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRotate\":{\"type\":\"reactHoc\",\"name\":\"withRotate\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRandomColor\":{\"type\":\"reactHoc\",\"name\":\"withRandomColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"qiBAC8B,GAAU,UAAU,CAAC,0BAA0B,2BAA2B,CAAC,CAAc,EAAM,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,OAAO,kBAAkB,OAAO,YAAY,MAAM,SAAS,IAAI,yKAAyK,OAAO,MAAM,CAAC,CAAC,OAAO,kBAAkB,OAAO,YAAY,MAAM,SAAS,IAAI,yKAAyK,OAAO,MAAM,CAAC,CAAC,CAAC,CAAc,EAAI,CAAC,y1BAAy1B,CAAc,EAAU,kBCAvhB,SAAS,EAAqB,EAAU,GAAG,EAAS,CAAC,IAAM,EAAc,EAAE,CAAsF,OAArF,GAAU,QAAQ,GAAS,GAAS,OAAO,OAAO,EAAc,EAAU,GAAS,CAAC,CAAQ,gDAArmC,IAAiP,IAAkE,IAA4B,KAAoJ,IAAyH,IAA+G,CAAM,EAAU,EAASA,EAAK,CAAO,EAAa,EAAoBA,EAAK,CAAO,EAAW,CAAC,YAAY,YAAY,CAAO,EAAkB,eAAqB,EAAkB,CAAC,UAAU,mBAAmB,UAAU,mBAAmB,CAA8L,EAAY,CAAC,QAAQ,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,IAAI,KAAK,SAAS,CAAO,GAAY,CAAC,QAAM,cAAY,CAAC,IAAM,EAAOC,EAAiB,EAAoB,CAAO,EAAW,GAAO,EAAO,WAAiB,EAAaC,OAAmB,CAAC,GAAG,EAAO,aAAW,EAAE,CAAC,KAAK,UAAU,EAAW,CAAC,CAAC,CAAC,OAAoB,EAAK,EAAoB,SAAS,CAAC,MAAM,EAAsB,WAAS,CAAC,EAAS,EAAS,EAAO,OAAOC,EAAe,CAAO,EAAqB,CAAC,SAAS,YAAY,UAAU,YAAY,UAAU,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,SAAS,YAAY,CAAO,EAAwB,CAAC,QAAQ,YAAY,QAAQ,YAAY,CAAO,GAAU,CAAC,QAAM,SAAO,OAAK,KAAG,OAAK,QAAM,QAAM,GAAG,MAAgB,CAAC,GAAG,EAAM,UAAU,GAAM,EAAM,WAAW,0JAA0J,UAAU,EAAqB,IAAO,GAAM,EAAM,WAAW,YAAY,UAAU,GAAO,EAAM,WAAW,wEAAwE,UAAU,GAAO,EAAM,WAAW,sBAAsB,QAAQ,EAAwB,EAAM,UAAU,EAAM,SAAS,YAAY,EAAS,GAAwB,EAAM,IAAe,EAAM,iBAAwB,EAAS,KAAK,IAAI,CAAC,EAAM,iBAAwB,EAAS,KAAK,IAAI,CAWpoF,EAAgB,EAXopF,EAAiB,SAAS,EAAM,EAAI,CAAC,IAAM,EAAYC,EAAO,KAAK,CAAO,EAAW,GAAK,EAAkB,EAAgBC,IAAa,CAAM,CAAC,eAAa,aAAW,IAAe,CAAO,EAAkB,IAAsB,CAAM,CAAC,QAAM,UAAA,EAAU,WAAS,UAAQ,YAAU,YAAU,YAAU,YAAU,GAAG,GAAW,EAAS,EAAM,CAAM,CAAC,cAAY,aAAW,sBAAoB,kBAAgB,iBAAe,aAAU,mBAAgB,aAAW,YAAU,EAAgB,CAAC,aAAW,eAAe,YAAY,IAAI,EAAW,UAAQ,oBAAkB,CAAC,CAAO,EAAiB,EAAuB,EAAM,EAAS,CAAkF,EAAkB,EAAG,EAAzEC,EAAsBC,EAA8F,CAAC,OAAoB,EAAK,GAAY,CAAC,GAAG,GAAU,EAAgB,SAAsB,EAAK,EAAS,CAAC,QAAQ,EAAS,QAAQ,GAAM,SAAsB,EAAK,EAAW,CAAC,MAAM,EAAY,SAAsB,EAAM,EAAO,IAAI,CAAC,GAAG,EAAU,GAAG,EAAgB,UAAU,EAAG,EAAkB,iBAAiBC,EAAU,EAAW,CAAC,cAAc,GAAK,mBAAmB,UAA2B,mBAAiB,SAAS,YAAY,IAAI,EAAW,MAAM,CAAC,wBAAwB,MAAM,iBAAiB,qEAAqE,sBAAsB,MAAM,uBAAuB,MAAM,iBAAiB,QAAQ,qBAAqB,MAAM,gBAAgB,EAAU,uBAAuB,GAAG,wBAAwB,GAAG,oBAAoB,GAAG,qBAAqB,GAAG,GAAG,EAAM,CAAC,GAAG,EAAqB,CAAC,UAAU,CAAC,mBAAmB,UAAU,CAAC,CAAC,EAAY,EAAe,CAAC,SAAS,CAAc,EAAK,GAA0B,CAAC,OAAO,GAAG,MAAM,OAAO,GAAG,GAAmB,GAAG,GAAG,GAAG,GAAG,EAAqB,CAAC,UAAU,CAAC,GAAG,GAAmB,GAAG,GAAG,MAAM,GAAmB,QAAQ,KAAK,GAAG,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC,EAAY,EAAe,CAAC,SAAsB,EAAK,GAA8B,CAAC,UAAU,2BAA4C,mBAAiB,SAAS,sBAAsB,OAAO,YAAY,kBAAkB,GAAK,QAAQ,YAAY,SAAsB,EAAKR,EAAK,CAAC,OAAO,OAAO,GAAG,YAAY,SAAS,YAAY,MAAM,CAAC,OAAO,OAAO,MAAM,OAAO,CAAC,QAAQ,EAAU,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAc,EAAM,EAAO,IAAI,CAAC,UAAU,gBAAgB,mBAAmB,eAAgC,mBAAiB,SAAS,YAAY,SAAS,CAAc,EAAK,EAAS,CAAC,sBAAsB,GAAK,SAAsB,EAAKG,EAAe,CAAC,SAAsB,EAAK,EAAO,GAAG,CAAC,UAAU,+BAA+B,qBAAqB,YAAY,SAAS,sBAAsB,CAAC,CAAC,CAAC,CAAC,UAAU,iBAAiB,mBAAmB,QAAQ,MAAM,CAAC,QAAQ,CAAkB,mBAAiB,SAAS,YAAY,MAAM,CAAC,6BAA6B,MAAM,CAAC,KAAK,EAAU,kBAAkB,MAAM,mBAAmB,GAAK,CAAC,CAAc,EAAK,EAAS,CAAC,sBAAsB,GAAK,SAAsB,EAAKA,EAAe,CAAC,SAAsB,EAAK,EAAO,EAAE,CAAC,UAAU,+BAA+B,qBAAqB,YAAY,SAAS,0JAA0J,CAAC,CAAC,CAAC,CAAC,UAAU,iBAAiB,mBAAmB,OAAO,MAAM,CAAC,QAAQ,CAAkB,mBAAiB,SAAS,YAAY,MAAM,CAAC,6BAA6B,MAAM,CAAC,KAAK,EAAU,kBAAkB,MAAM,mBAAmB,GAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAG,CAAW,CAAC,kFAAkF,kFAAkF,sUAAsU,yGAAyG,8RAA8R,oMAAoM,uFAAuF,6EAA6E,GAAGM,EAAgB,GAAGC,GAAiB,gcAAgc,CAWn0P,eAAe,GAAgB,EAAgB,EAAgB,YAAY,UAAU,EAAgB,aAAa,CAAC,OAAO,IAAI,MAAM,IAAI,CAAC,EAAoB,EAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,YAAY,CAAC,aAAa,CAAC,UAAU,UAAU,CAAC,MAAM,UAAU,KAAK,EAAY,KAAK,CAAC,UAAU,GAAe,SAAY,CAAC,GAAG,EAAa,QAAW,aAAa,YAAY,YAAY,IAAA,GAAU,OAAO,IAAA,GAAU,MAAM,OAAO,CAAC,UAAU,CAAC,aAAa,sBAAsB,gBAAgB,GAAM,MAAM,QAAQ,KAAK,EAAY,OAAO,CAAC,UAAU,CAAC,aAAa,0JAA0J,gBAAgB,GAAK,MAAM,OAAO,KAAK,EAAY,OAAO,CAAC,UAAU,CAAC,aAAa,gGAAgG,MAAM,QAAQ,KAAK,EAAY,MAAM,CAAC,CAAC,CAAC,EAAS,EAAgB,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,OAAO,QAAQ,OAAO,SAAS,MAAM,SAAS,aAAa,0EAA0E,IAAI,yEAAyE,OAAO,MAAM,CAAC,CAAC,OAAO,QAAQ,OAAO,SAAS,MAAM,SAAS,aAAa,wDAAwD,IAAI,yEAAyE,OAAO,MAAM,CAAC,CAAC,OAAO,QAAQ,OAAO,SAAS,MAAM,SAAS,aAAa,cAAc,IAAI,wEAAwE,OAAO,MAAM,CAAC,CAAC,OAAO,QAAQ,OAAO,SAAS,MAAM,SAAS,aAAa,cAAc,IAAI,wEAAwE,OAAO,MAAM,CAAC,CAAC,OAAO,QAAQ,OAAO,SAAS,MAAM,SAAS,aAAa,uGAAuG,IAAI,wEAAwE,OAAO,MAAM,CAAC,CAAC,OAAO,QAAQ,OAAO,SAAS,MAAM,SAAS,aAAa,uLAAuL,IAAI,wEAAwE,OAAO,MAAM,CAAC,CAAC,OAAO,QAAQ,OAAO,SAAS,MAAM,SAAS,aAAa,oGAAoG,IAAI,wEAAwE,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,EAAU,GAAG,EAAwBC,EAAkB,CAAC,GAAG,EAAwBC,EAAmB,CAAC,CAAC,CAAC,6BAA6B,GAAK,CAAC,ICZ7oF,SAAgB,GAAY,EAAO,CACjH,IAAM,EAAU,EAAK,CAAC,MAAM,OAAO,OAAO,CAAC,GAAG,EAAO,CAAC,CAAC,CAAC,CAClD,EAAa,GAAU,CAC1B,OAAO,GAAW,aAAY,EAAS,EAAS,EAAU,MAAM,EAAE,EAAU,MAAM,OAAO,OAAO,CAAC,GAAG,EAAU,MAAM,GAAG,EAAS,CAAC,EAChI,EAAW,OAAO,GAAS,SAAS,OAAO,OAAO,CAAC,GAAG,EAAO,CAAC,CAAC,EAC7D,EAAa,IAAI,IACjB,EAAc,GAAU,CAC3B,OAAO,GAAW,aAAY,EAAS,EAAS,EAAW,EAAE,EAAW,OAAO,GAAW,SAAS,OAAO,OAAO,CAAC,GAAG,EAAW,GAAG,EAAS,CAAC,CAAC,EACjJ,EAAa,QAAQ,GAAQ,EAAO,EAAW,CAAC,EAChD,SAASC,GAAU,CACnB,GAAK,CAAC,EAAM,GAAUC,EAAS,EAAW,CAK1C,OAHA,OACA,EAAa,IAAI,EAAS,KAAW,EAAa,OAAO,EAAS,EAAG,EAAE,CAAC,CACrE,GAAgB,GAAG,IAAM,GAAgB,CAAO,CAAC,EAAU,MAAM,EAAa,EAC3E,CAAC,EAAM,EAAc,CAAG,OAAOD,oBAfC,IAAwC,mCEAjE,EAAgB,CACzB,QAAS,OACT,eAAgB,SAChB,WAAY,SACf,CAWG,CADA,GAAG,EACO,uBEXd,SAAgB,GAAsB,EAAU,CAAC,OAAoB,GAAY,EAAM,IAAM,CAAC,SAAS,EAAU,EAAM,CACpH,OAAO,EAAM,OAAQ,YAAY,EAAM,MAAM,EAAM,CACtD,eAAe,CAAC,IAAI,EAAO,KAAW,EAAO,GAAO,OAAU,GAAQ,OAAO,EAAO,SAAU,aAAY,EAAO,EAAO,QAAQ,OAAO,EACvI,AAAY,IAAO,SAAS,cAAc,OAAO,CAAK,GAAQ,OAAO,EAAO,OAAQ,YAAY,EAAO,OAAO,EAAI,IAAI,CAAE,OAAoB,EAAK,EAAU,CAAK,MAAI,GAAG,EAAM,MAAM,EAAU,CAAC,EAAG,mBAPtJ,IAA8B,IAAqE,KAAqE,CACpM,GAAY,CAAC,WAAW,UAAU,CAAC"}