{"version":3,"file":"MoveScrollv2.Bf9DncTB.mjs","names":["addPropertyOverrides","enabledGestures","serializationHash","variantClassNames","transition1","transition2","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","React.useRef","React.useId","SVG","React.useContext","React.useMemo","React.Fragment","React.useRef","React.useId","RichText","useState"],"sources":["https:/framerusercontent.com/modules/3AbOozn8IcxVvxyciY3h/86RgyjuIWBDPRyUkFb0T/d8zEkvKfb.js","https:/framerusercontent.com/modules/lUvWQ0awdPnAcWfPepE6/4JrnCaKiLaAV9uUHkjFV/pARfjymeJ.js","https:/framerusercontent.com/modules/yeQbGH2nUEMgun6vIo8y/KPlH66R5B1VqLHLKNNw2/MoveScrollv2.js"],"sourcesContent":["// Generated by Framer (48da836)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,SVG,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const enabledGestures={O1b9xJGRC:{hover:true}};const serializationHash=\"framer-PWseq\";const variantClassNames={O1b9xJGRC:\"framer-v-1vio2sq\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const transition2={bounce:.2,delay:0,duration:1,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 getProps=({click,height,id,width,...props})=>{return{...props,upRBuuFqa:click??props.upRBuuFqa};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,upRBuuFqa,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"O1b9xJGRC\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapmbgpdh=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(upRBuuFqa){const res=await upRBuuFqa(...args);if(res===false)return false;}});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1vio2sq\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"O1b9xJGRC\",onTap:onTapmbgpdh,ref:ref??ref1,style:{...style},...addPropertyOverrides({\"O1b9xJGRC-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Transition,{value:transition2,children:/*#__PURE__*/_jsx(SVG,{className:\"framer-1a7zbhh\",\"data-framer-name\":\"Scroll-arrow\",fill:\"black\",intrinsicHeight:16,intrinsicWidth:8,layoutDependency:layoutDependency,layoutId:\"FGQwVU9jQ\",style:{opacity:.5},svg:'<svg width=\"8\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m2 14 3.933-4.72a2 2 0 0 0 0-2.56L2 2\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"/></svg>',variants:{\"O1b9xJGRC-hover\":{opacity:.75}},withExternalLayout:true})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-PWseq.framer-1d32q48, .framer-PWseq .framer-1d32q48 { display: block; }\",\".framer-PWseq.framer-1vio2sq { cursor: pointer; height: 42px; overflow: visible; position: relative; width: 19px; }\",\".framer-PWseq .framer-1a7zbhh { bottom: -11px; flex: none; left: calc(48.837209302325604% - 19px / 2); position: absolute; top: -11px; width: 19px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 42\n * @framerIntrinsicWidth 19\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"ZgoxkQDKO\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"upRBuuFqa\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const Framerd8zEkvKfb=withCSS(Component,css,\"framer-PWseq\");export default Framerd8zEkvKfb;Framerd8zEkvKfb.displayName=\"Scroll-arrow\";Framerd8zEkvKfb.defaultProps={height:42,width:19};addPropertyControls(Framerd8zEkvKfb,{upRBuuFqa:{title:\"Click\",type:ControlType.EventHandler}});addFonts(Framerd8zEkvKfb,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerd8zEkvKfb\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"19\",\"framerVariables\":\"{\\\"upRBuuFqa\\\":\\\"click\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ZgoxkQDKO\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicHeight\":\"42\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./d8zEkvKfb.map","// Generated by Framer (48da836)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const enabledGestures={X7oCn5zHQ:{hover:true}};const cycleOrder=[\"XY6cjULpM\",\"X7oCn5zHQ\"];const serializationHash=\"framer-yDJCc\";const variantClassNames={X7oCn5zHQ:\"framer-v-8lugt9\",XY6cjULpM:\"framer-v-1k9cbch\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const transition2={bounce:.2,delay:0,duration:1,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 humanReadableVariantMap={Off:\"X7oCn5zHQ\",On:\"XY6cjULpM\"};const getProps=({click,description,height,id,title,width,...props})=>{return{...props,AA014hvHJ:description??props.AA014hvHJ??\"At a glance, see the hotspots and key elements generating the most attention and interest.\",ai30iwuJA:click??props.ai30iwuJA,variant:humanReadableVariantMap[props.variant]??props.variant??\"XY6cjULpM\",WPTkzQASl:title??props.WPTkzQASl??\"Heatmaps\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,WPTkzQASl,AA014hvHJ,ai30iwuJA,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"XY6cjULpM\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap74wpdh=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(ai30iwuJA){const res=await ai30iwuJA(...args);if(res===false)return false;}});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({X7oCn5zHQ:{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1k9cbch\",className,classNames),\"data-framer-name\":\"On\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"XY6cjULpM\",onTap:onTap74wpdh,ref:ref??ref1,style:{opacity:1,...style},variants:{\"X7oCn5zHQ-hover\":{opacity:1},X7oCn5zHQ:{opacity:.5}},...addPropertyOverrides({\"X7oCn5zHQ-hover\":{\"data-framer-name\":undefined},X7oCn5zHQ:{\"data-framer-name\":\"Off\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1Jvb2JlcnQgU2VtaUJvbGQ=\",\"--framer-font-family\":'\"Roobert SemiBold\", \"Roobert SemiBold Placeholder\", sans-serif',\"--framer-font-size\":\"22px\",\"--framer-letter-spacing\":\"-0.16px\",\"--framer-line-height\":\"36px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Heatmaps\"})}),className:\"framer-q3er7e\",fonts:[\"CUSTOM;Roobert SemiBold\"],layoutDependency:layoutDependency,layoutId:\"VaKzSDIQh\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:WPTkzQASl,variants:{\"X7oCn5zHQ-hover\":{\"--extracted-r6o4lv\":\"var(--token-e3fee997-6e81-4a74-99f7-7c3fc8593e94, rgb(215, 215, 217))\"},X7oCn5zHQ:{\"--extracted-r6o4lv\":\"var(--token-72d19772-7424-4d1b-a837-39b456c6bf18, rgb(174, 173, 184))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"X7oCn5zHQ-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1Jvb2JlcnQgU2VtaUJvbGQ=\",\"--framer-font-family\":'\"Roobert SemiBold\", \"Roobert SemiBold Placeholder\", sans-serif',\"--framer-font-size\":\"22px\",\"--framer-letter-spacing\":\"-0.16px\",\"--framer-line-height\":\"36px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e3fee997-6e81-4a74-99f7-7c3fc8593e94, rgb(215, 215, 217)))\"},children:\"Heatmaps\"})})},X7oCn5zHQ:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1Jvb2JlcnQgU2VtaUJvbGQ=\",\"--framer-font-family\":'\"Roobert SemiBold\", \"Roobert SemiBold Placeholder\", sans-serif',\"--framer-font-size\":\"22px\",\"--framer-letter-spacing\":\"-0.16px\",\"--framer-line-height\":\"36px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-72d19772-7424-4d1b-a837-39b456c6bf18, rgb(174, 173, 184)))\"},children:\"Heatmaps\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1Jvb2JlcnQgUmVndWxhcg==\",\"--framer-font-family\":'\"Roobert Regular\", \"Roobert Regular Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-line-height\":\"24px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-72d19772-7424-4d1b-a837-39b456c6bf18, rgb(174, 173, 184)))\"},children:\"At a glance, see the hotspots and key elements generating the most attention and interest.\"})}),className:\"framer-1ywldq1\",fonts:[\"CUSTOM;Roobert Regular\"],layoutDependency:layoutDependency,layoutId:\"k0Y7IHF55\",style:{\"--extracted-r6o4lv\":\"var(--token-72d19772-7424-4d1b-a837-39b456c6bf18, rgb(174, 173, 184))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:AA014hvHJ,verticalAlignment:\"top\",withExternalLayout:true})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-yDJCc.framer-1yvoo6r, .framer-yDJCc .framer-1yvoo6r { display: block; }\",\".framer-yDJCc.framer-1k9cbch { align-content: flex-start; align-items: flex-start; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 10px 10px 16px 10px; position: relative; width: 312px; }\",\".framer-yDJCc .framer-q3er7e { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-yDJCc .framer-1ywldq1 { -webkit-user-select: none; flex: none; height: auto; max-width: 310px; position: relative; user-select: none; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-yDJCc.framer-1k9cbch { gap: 0px; } .framer-yDJCc.framer-1k9cbch > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-yDJCc.framer-1k9cbch > :first-child { margin-top: 0px; } .framer-yDJCc.framer-1k9cbch > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 134\n * @framerIntrinsicWidth 312\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"X7oCn5zHQ\":{\"layout\":[\"fixed\",\"auto\"]},\"dRq1h7gWB\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"WPTkzQASl\":\"title\",\"AA014hvHJ\":\"description\",\"ai30iwuJA\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerpARfjymeJ=withCSS(Component,css,\"framer-yDJCc\");export default FramerpARfjymeJ;FramerpARfjymeJ.displayName=\"list-item\";FramerpARfjymeJ.defaultProps={height:134,width:312};addPropertyControls(FramerpARfjymeJ,{variant:{options:[\"XY6cjULpM\",\"X7oCn5zHQ\"],optionTitles:[\"On\",\"Off\"],title:\"Variant\",type:ControlType.Enum},WPTkzQASl:{defaultValue:\"Heatmaps\",displayTextArea:false,title:\"Title\",type:ControlType.String},AA014hvHJ:{defaultValue:\"At a glance, see the hotspots and key elements generating the most attention and interest.\",displayTextArea:false,title:\"Description\",type:ControlType.String},ai30iwuJA:{title:\"Click\",type:ControlType.EventHandler}});addFonts(FramerpARfjymeJ,[{explicitInter:true,fonts:[{family:\"Roobert SemiBold\",source:\"custom\",url:\"https://framerusercontent.com/assets/2d9bRBGrlMR1HdzKo5GZVJw9Ic.woff2\"},{family:\"Roobert Regular\",source:\"custom\",url:\"https://framerusercontent.com/assets/nywHEob1fHM3CWSk3p5qW2DdzI.woff2\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerpARfjymeJ\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"X7oCn5zHQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"dRq1h7gWB\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"312\",\"framerIntrinsicHeight\":\"134\",\"framerVariables\":\"{\\\"WPTkzQASl\\\":\\\"title\\\",\\\"AA014hvHJ\\\":\\\"description\\\",\\\"ai30iwuJA\\\":\\\"click\\\"}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./pARfjymeJ.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";export function moveScroll(Component){return props=>{const[variants,setVariants]=useState({})// Stores variants separately for each instance\n;useEffect(()=>{// Find all instances of TabsComponent\nconst tabsComponents=document.querySelectorAll('[data-framer-name=\"TabsComponent\"]');if(tabsComponents.length===0){console.log(\"No TabsComponent instances found.\");return;}console.log(`Found ${tabsComponents.length} TabsComponent instances.`);// Function to handle variant updates & scrolling for each instance\nconst logData=(tabsComponent,instanceId)=>{// Find list-items inside this specific TabsComponent\nconst listItems=tabsComponent.querySelector('[data-framer-name=\"list-items\"]');let childrenArray=[];if(listItems){// Detect if we are in small-screen mode based on variant naming\nconst firstVariantElement=tabsComponent.querySelector('[data-framer-name^=\"Variant_\"]');const isSmallScreen=firstVariantElement?.getAttribute(\"data-framer-name\")?.startsWith(\"Variant_S\");// Generate correct names for list items\nchildrenArray=Array.from(listItems.children).map((child,index)=>({name:isSmallScreen?`Variant_S${index+1}`:`Variant_${index+1}`,element:child}));console.log(`List Items for ${instanceId}:`,childrenArray);}else{console.log(`No list-items found inside ${instanceId}.`);}// Log the current variant with a delay, update state, and scroll\nsetTimeout(()=>{const variantElement=tabsComponent.querySelector('[data-framer-name^=\"Variant_\"]');if(variantElement){const newVariant=variantElement.getAttribute(\"data-framer-name\")||\"Variant_1\";console.log(`New Variant for ${instanceId}:`,newVariant);// Update the stored variant for this instance\nsetVariants(prev=>({...prev,[instanceId]:newVariant}));// Find the matching item in the list and scroll to it\nconst matchedItem=childrenArray.find(item=>item.name===newVariant);if(matchedItem&&listItems){const isSmallScreen=newVariant.startsWith(\"Variant_S\");if(isSmallScreen){// Scroll horizontally for small screens\nconst itemOffset=matchedItem.element.offsetLeft;const containerWidth=listItems.clientWidth;const itemWidth=matchedItem.element.clientWidth;const scrollPosition=itemOffset-containerWidth/2+itemWidth/2;listItems.scrollTo({left:scrollPosition,behavior:\"smooth\"});console.log(`Scrolled horizontally inside ${instanceId} to:`,matchedItem.name);}else{// Scroll vertically for desktop\nconst itemOffset=matchedItem.element.offsetTop;const containerHeight=listItems.clientHeight;const itemHeight=matchedItem.element.clientHeight;const scrollPosition=itemOffset-containerHeight/2+itemHeight/2;listItems.scrollTo({top:scrollPosition,behavior:\"smooth\"});console.log(`Scrolled vertically inside ${instanceId} to:`,matchedItem.name);}}else{console.log(`❌ No matching item found to scroll inside ${instanceId}.`);}}else{console.log(`No variant element found inside ${instanceId}.`);}},50)// Small delay to allow Framer to update\n;};// Attach event listeners to each instance separately\ntabsComponents.forEach((tabsComponent,index)=>{const instanceId=`TabsComponent_${index+1}`// Unique identifier for each instance\n;console.log(`Initializing ${instanceId}`);// Log data on initial load for this instance\nlogData(tabsComponent,instanceId);// Add event listener for this specific instance\nconst handleClick=()=>logData(tabsComponent,instanceId);tabsComponent.addEventListener(\"click\",handleClick);// Cleanup function to remove the event listener when unmounting\nreturn()=>{tabsComponent.removeEventListener(\"click\",handleClick);};});},[]);useEffect(()=>{console.log(\"Updated Variants State:\",variants);},[variants])// Log whenever the variants object changes\n;return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"moveScroll\":{\"type\":\"reactHoc\",\"name\":\"moveScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MoveScrollv2.map"],"mappings":"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"}