{"version":3,"file":"AvoidLayoutJumping_Prod.DC4KPAon.mjs","names":["RichText","React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","sharedStyle.className","sharedStyle1.className","className","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts","useRef"],"sources":["https:/framerusercontent.com/modules/fb9BiUar9F18cm9wHuWJ/DIBTTav2akKeiy1nBjR7/HK62ugKMT.js","https:/framerusercontent.com/modules/586cvFTFpcZiDghHFvWa/aIi6aKobRTkf1QxSBVwB/qztcwyRvs.js","https:/framerusercontent.com/modules/h8ioHyt4BUxuvVCE1Q10/aTM6mEMGlM19JjX8exDe/AvoidLayoutJumping_Prod.js"],"sourcesContent":["// Generated by Framer (55cf326)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Switzer-medium\",\"FS;Switzer-bold\",\"FS;Switzer-bold italic\",\"FS;Switzer-medium italic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Switzer\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/OYB4CXKJQXKTNSLJMTDQOIVUL2V5EL7S/WYO2P7DQVV5RNXGMCUO2HL4RJP4VFUAS/6XPIMU23OJVRY676OG5YVJMWEHWICATX.woff2\",weight:\"500\"},{family:\"Switzer\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/HBNTRIISA5MEXGL5WPYI7CV2HIWTDV3Q/YDPDINVT673XLXNSTMLG4JNCZZMVVNPN/Y7SCNZJOT2MW5ADSGOFLDGH4TNL4JCQY.woff2\",weight:\"700\"},{family:\"Switzer\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LVPXCMXCWY3V7PSXRMGRQUJDAS2DT47E/BPEVRT2HG7PPVVUS7A67MZQQZW6LR6A5/A7AS3UPAGLC7MDVC67SBNTE5FGF2Z2RG.woff2\",weight:\"700\"},{family:\"Switzer\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/QMRBNVYKDJEZ66DA22SPWH5EVVYACHCU/ZHMXHHA546NDNEHJN5RPZX5KISJY5CWF/C6VLICDGQWYKV6YT65TM5G3OVN4AOZBN.woff2\",weight:\"500\"}]}];export const css=['.framer-g6BQX .framer-styles-preset-1dpgerj:not(.rich-text-wrapper), .framer-g6BQX .framer-styles-preset-1dpgerj.rich-text-wrapper p { --framer-font-family: \"Switzer\", \"Switzer Placeholder\", sans-serif; --framer-font-family-bold: \"Switzer\", \"Switzer Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Switzer\", \"Switzer Placeholder\", sans-serif; --framer-font-family-italic: \"Switzer\", \"Switzer Placeholder\", sans-serif; --framer-font-open-type-features: \\'blwf\\' on, \\'cv09\\' on, \\'cv03\\' on, \\'cv04\\' on, \\'cv11\\' on; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.02em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: var(--token-2b55fd47-2d87-489e-afe3-1427582343b8, #2b2b2c); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }'];export const className=\"framer-g6BQX\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f0ec45c)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}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/fb9BiUar9F18cm9wHuWJ/DIBTTav2akKeiy1nBjR7/HK62ugKMT.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/nHZV5qXdu0e0l4rRBdxz/fyQSuK5u60nPSzFkN2Xu/Mxfgn0nJ4.js\";const RichTextWithFX=withFX(RichText);const cycleOrder=[\"Oq9KPTyUY\",\"OCg2nR0Tg\",\"Dq0_ne0uR\",\"QGFlolTnL\"];const serializationHash=\"framer-AsHNA\";const variantClassNames={Dq0_ne0uR:\"framer-v-gbgx7\",OCg2nR0Tg:\"framer-v-46lmtf\",Oq9KPTyUY:\"framer-v-a0m6b3\",QGFlolTnL:\"framer-v-hrx8oy\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const Cem09IVM0=undefined;const NV3c2dGIv=undefined;const transition1={bounce:.2,delay:0,duration:.6,type:\"spring\"};const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:20};const transition2={damping:40,delay:0,mass:1,stiffness:300,type:\"spring\"};const animation1={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition2,x:0,y:20};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 humanReadableVariantMap={\"Desktop - Close\":\"Oq9KPTyUY\",\"Desktop - Open\":\"OCg2nR0Tg\",\"Phone - Close\":\"Dq0_ne0uR\",\"Phone - Open\":\"QGFlolTnL\"};const getProps=({answer,height,id,question,width,...props})=>{return{...props,Cem09IVM0:question??props.Cem09IVM0??\"What is Draftr?\",NV3c2dGIv:answer??props.NV3c2dGIv??\"Draftr is a browser-based design editor built for fast, collaborative, and code-friendly design. It helps teams create and launch designs with fewer tools and less friction.\",variant:humanReadableVariantMap[props.variant]??props.variant??\"Oq9KPTyUY\"};};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,Cem09IVM0,NV3c2dGIv,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"Oq9KPTyUY\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap18iq220=activeVariantCallback(async(...args)=>{setVariant(\"OCg2nR0Tg\");});const onTap8rokgu=activeVariantCallback(async(...args)=>{setVariant(\"Oq9KPTyUY\");});const onTap1nlud73=activeVariantCallback(async(...args)=>{setVariant(\"Dq0_ne0uR\");});const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if([\"OCg2nR0Tg\",\"QGFlolTnL\"].includes(baseVariant))return true;return false;};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-a0m6b3\",className,classNames),\"data-framer-name\":\"Desktop - Close\",layoutDependency:layoutDependency,layoutId:\"Oq9KPTyUY\",ref:refBinding,style:{backgroundColor:\"var(--token-b44aad5a-aed8-49ef-8497-aaf288733442, rgb(240, 242, 246))\",borderBottomLeftRadius:30,borderBottomRightRadius:30,borderTopLeftRadius:30,borderTopRightRadius:30,...style},...addPropertyOverrides({Dq0_ne0uR:{\"data-framer-name\":\"Phone - Close\"},OCg2nR0Tg:{\"data-framer-name\":\"Desktop - Open\"},QGFlolTnL:{\"data-framer-name\":\"Phone - Open\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-ivou5h\",\"data-framer-name\":\"question\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"z5Bw92NjK\",onTap:onTap18iq220,...addPropertyOverrides({Dq0_ne0uR:{onTap:onTap1nlud73},OCg2nR0Tg:{onTap:onTap8rokgu},QGFlolTnL:{onTap:onTap1nlud73}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1t7ht9h\",\"data-styles-preset\":\"Mxfgn0nJ4\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-f76c80e4-24c3-4158-b8cf-0c2015ff5a02, rgb(16, 16, 17)))\"},children:\"What is Draftr?\"})}),className:\"framer-12jhykt\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"Ht9h_Zilr\",style:{\"--extracted-r6o4lv\":\"var(--token-f76c80e4-24c3-4158-b8cf-0c2015ff5a02, rgb(16, 16, 17))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:Cem09IVM0,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-vj7ayi\",\"data-framer-name\":\"switcher\",layoutDependency:layoutDependency,layoutId:\"YfSS9KTUc\",style:{borderBottomLeftRadius:50,borderBottomRightRadius:50,borderTopLeftRadius:50,borderTopRightRadius:50},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-gr2u42\",layoutDependency:layoutDependency,layoutId:\"Jet2LYs_X\",style:{backgroundColor:\"var(--token-f76c80e4-24c3-4158-b8cf-0c2015ff5a02, rgb(16, 16, 17))\"}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1d84p0r\",layoutDependency:layoutDependency,layoutId:\"WK2Sbojj5\",style:{backgroundColor:\"var(--token-f76c80e4-24c3-4158-b8cf-0c2015ff5a02, rgb(16, 16, 17))\",rotate:0},variants:{Dq0_ne0uR:{rotate:0},OCg2nR0Tg:{rotate:90},QGFlolTnL:{rotate:90}}})]})]}),isDisplayed()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1xykk9k\",\"data-framer-name\":\"answer\",layoutDependency:layoutDependency,layoutId:\"CBJQFGxay\",children:/*#__PURE__*/_jsx(RichTextWithFX,{__framer__animate:{transition:transition2},__framer__animateOnce:true,__framer__enter:animation,__framer__exit:animation1,__framer__styleAppearEffectEnabled:true,__framer__threshold:.5,__fromCanvasComponent:true,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1dpgerj\",\"data-styles-preset\":\"HK62ugKMT\",children:\"Draftr is a browser-based design editor built for fast, collaborative, and code-friendly design. It helps teams create and launch designs with fewer tools and less friction.\"})}),className:\"framer-1ex3elh\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"ECm6xvXv4\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:NV3c2dGIv,verticalAlignment:\"top\",withExternalLayout:true})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-AsHNA.framer-14kwvkm, .framer-AsHNA .framer-14kwvkm { display: block; }\",\".framer-AsHNA.framer-a0m6b3 { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 800px; will-change: var(--framer-will-change-override, transform); }\",\".framer-AsHNA .framer-ivou5h { align-content: center; align-items: center; cursor: pointer; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 10px 10px 10px 30px; position: relative; width: 100%; }\",\".framer-AsHNA .framer-12jhykt { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-AsHNA .framer-vj7ayi { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 40px); overflow: visible; position: relative; width: 40px; }\",\".framer-AsHNA .framer-gr2u42 { flex: none; height: 2px; left: calc(50.00000000000002% - 16px / 2); overflow: visible; position: absolute; top: calc(50.00000000000002% - 2px / 2); width: 16px; }\",\".framer-AsHNA .framer-1d84p0r { flex: none; height: 16px; left: calc(50.00000000000002% - 2px / 2); overflow: visible; position: absolute; top: calc(50.00000000000002% - 16px / 2); width: 2px; }\",\".framer-AsHNA .framer-1xykk9k { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 30px 30px 30px; position: relative; width: 100%; }\",\".framer-AsHNA .framer-1ex3elh { flex: 1 0 0px; height: auto; max-width: 550px; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-AsHNA.framer-v-gbgx7.framer-a0m6b3, .framer-AsHNA.framer-v-hrx8oy.framer-a0m6b3 { width: 390px; }\",\".framer-AsHNA.framer-v-gbgx7 .framer-ivou5h, .framer-AsHNA.framer-v-hrx8oy .framer-ivou5h { padding: 10px 10px 10px 20px; }\",\".framer-AsHNA.framer-v-gbgx7 .framer-gr2u42, .framer-AsHNA.framer-v-hrx8oy .framer-gr2u42 { left: calc(50.00000000000002% - 12px / 2); width: 12px; }\",\".framer-AsHNA.framer-v-gbgx7 .framer-1d84p0r, .framer-AsHNA.framer-v-hrx8oy .framer-1d84p0r { height: 12px; top: calc(50.00000000000002% - 12px / 2); }\",\".framer-AsHNA.framer-v-hrx8oy .framer-1xykk9k { padding: 0px 20px 20px 20px; }\",...sharedStyle.css,...sharedStyle1.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 60\n * @framerIntrinsicWidth 800\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"OCg2nR0Tg\":{\"layout\":[\"fixed\",\"auto\"]},\"Dq0_ne0uR\":{\"layout\":[\"fixed\",\"auto\"]},\"QGFlolTnL\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"Cem09IVM0\":\"question\",\"NV3c2dGIv\":\"answer\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerqztcwyRvs=withCSS(Component,css,\"framer-AsHNA\");export default FramerqztcwyRvs;FramerqztcwyRvs.displayName=\"Accordian\";FramerqztcwyRvs.defaultProps={height:60,width:800};addPropertyControls(FramerqztcwyRvs,{variant:{options:[\"Oq9KPTyUY\",\"OCg2nR0Tg\",\"Dq0_ne0uR\",\"QGFlolTnL\"],optionTitles:[\"Desktop - Close\",\"Desktop - Open\",\"Phone - Close\",\"Phone - Open\"],title:\"Variant\",type:ControlType.Enum},Cem09IVM0:{defaultValue:\"What is Draftr?\",displayTextArea:true,title:\"Question\",type:ControlType.String},NV3c2dGIv:{defaultValue:\"Draftr is a browser-based design editor built for fast, collaborative, and code-friendly design. It helps teams create and launch designs with fewer tools and less friction.\",displayTextArea:true,title:\"Answer\",type:ControlType.String}});addFonts(FramerqztcwyRvs,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",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\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",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\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",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\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",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\"}]},...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerqztcwyRvs\",\"slots\":[],\"annotations\":{\"framerColorSyntax\":\"true\",\"framerVariables\":\"{\\\"Cem09IVM0\\\":\\\"question\\\",\\\"NV3c2dGIv\\\":\\\"answer\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicHeight\":\"60\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicWidth\":\"800\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"OCg2nR0Tg\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Dq0_ne0uR\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"QGFlolTnL\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./qztcwyRvs.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useEffect,useRef}from\"react\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n *\n * @framerDisableUnlink\n */export default function AvoidLayoutJumping({direction,style}){const isCanvas=RenderTarget.current()===RenderTarget.canvas;const ref=useRef(null);const rafId=useRef();const vertical=direction===\"vertical\"||direction===\"both\";const horizontal=direction===\"horizontal\"||direction===\"both\";useEffect(()=>{if(isCanvas)return;const parent=ref.current?.parentElement?.parentElement;if(!parent)return;const container=parent.parentElement;if(!container)return;const updateSize=()=>{const rect=parent.getBoundingClientRect();if(horizontal){container.style.width=`${rect.width}px`;}if(vertical){container.style.height=`${rect.height}px`;}rafId.current=requestAnimationFrame(updateSize);};// Start the RAF loop\nrafId.current=requestAnimationFrame(updateSize);return()=>{if(rafId.current){cancelAnimationFrame(rafId.current);}if(container){if(horizontal){container.style.width=\"\";}if(vertical){container.style.height=\"\";}}};},[direction]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{...style}});}AvoidLayoutJumping.displayName=\"Layout Jump Preventer\";addPropertyControls(AvoidLayoutJumping,{direction:{type:ControlType.Enum,defaultValue:\"vertical\",options:[\"vertical\",\"horizontal\",\"both\"],optionTitles:[\"Vertical\",\"Horizontal\",\"Both\"],displaySegmentedControl:true,segmentedControlDirection:\"vertical\",// @ts-ignore\noptionIcons:[\"direction-vertical\",\"direction-horizontal\",\"direction-all\"],description:\"More components at [Framer University](https://frameruni.link/cc).\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AvoidLayoutJumping\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AvoidLayoutJumping_Prod.map"],"mappings":"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"}