{"version":3,"file":"GD_More_Work_Tab_.BViWbDBT.mjs","names":["useState","useRef","DICE","Jumuah","Ladders","DICE","Jumuah","Ladders","useState","useRef"],"sources":["https:/framerusercontent.com/modules/zbb8QzO9G5PW0Y5zxBaK/osAGOrwklspqxCuCPsOy/WS_More_Work_Phone.js","https:/framerusercontent.com/modules/0fkgQK7zjoJ6nCKl78ZQ/04RIevGE5eZuTyEgyNbQ/GD_More_Work_Tab_.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{useEffect,useState,useRef}from\"react\";import DICE from\"https://framer.com/m/DICE-4VFh.js@UhS1YANQCvcJRpSr6N8w\";import Jumuah from\"https://framer.com/m/Jumuah-Qih2.js@hGaLE78KYQlgIFsfA7lJ\";import Ladders from\"https://framer.com/m/Ladders-528B.js@x9coIsvvaD7IFwbtVM9W\";const folders=[{Component:DICE},{Component:Jumuah},{Component:Ladders}];export default function FolderStack(){const[activeIndex,setActiveIndex]=useState(null);const refs=useRef(folders.map(()=>/*#__PURE__*/React.createRef()));useEffect(()=>{const observerOptions={root:null,rootMargin:\"0px\",threshold:.6};const observers=refs.current.map((ref,index)=>{return new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting){setActiveIndex(prevIndex=>{if(prevIndex!==index){return index;}return prevIndex;});}});},observerOptions);});refs.current.forEach((ref,i)=>{if(ref.current)observers[i].observe(ref.current);});return()=>{observers.forEach(observer=>observer.disconnect());};},[]);return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:56,alignItems:\"center\",overflow:\"visible\"},children:folders.map(({Component},index)=>/*#__PURE__*/_jsx(\"div\",{ref:refs.current[index],style:{width:220,height:242},children:/*#__PURE__*/_jsx(Component,{variant:activeIndex===index?\"S Opened\":\"S Closed\"})},index))});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FolderStack\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WS_More_Work_Phone.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState,useRef}from\"react\";import{motion,useInView}from\"framer-motion\";import DICE from\"https://framer.com/m/DICE-4VFh.js@UhS1YANQCvcJRpSr6N8w\";import Jumuah from\"https://framer.com/m/Jumuah-Qih2.js@hGaLE78KYQlgIFsfA7lJ\";import Ladders from\"https://framer.com/m/Ladders-528B.js@x9coIsvvaD7IFwbtVM9W\";export default function FolderReveal(){const folderComponents=[{Component:DICE},{Component:Jumuah},{Component:Ladders}];const[openStates,setOpenStates]=useState(folderComponents.map(()=>\"tab c\"));const ref=useRef(null);const isInView=useInView(ref,{margin:\"-30% 0px -30% 0px\"});const animationTimeoutRef=useRef(null);useEffect(()=>{if(!isInView)return;clearTimeout(animationTimeoutRef.current);folderComponents.forEach((_,index)=>{const delay=index*1e3;// Open\nsetTimeout(()=>{setOpenStates(prev=>{const updated=[...prev];updated[index]=\"tab o\";return updated;});},delay);// Close\nsetTimeout(()=>{setOpenStates(prev=>{const updated=[...prev];updated[index]=\"tab c\";return updated;});},delay+500);});},[isInView])// ← triggers every time it enters view\n;return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{display:\"flex\",gap:56,overflow:\"visible\",justifyContent:\"center\"},children:folderComponents.map(({Component},index)=>/*#__PURE__*/_jsx(motion.div,{style:{width:178,height:208.5},children:/*#__PURE__*/_jsx(Component,{variant:openStates[index]})},index))});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FolderReveal\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GD_More_Work_Tab_.map"],"mappings":"0TAAia,SAAwB,GAAa,CAAC,GAAK,CAAC,EAAY,GAAgBA,EAAS,KAAK,CAAO,EAAKC,EAAO,EAAQ,QAAqB,GAAiB,CAAC,CAAC,CAAge,OAA/d,MAAc,CAAC,IAAM,EAAgB,CAAC,KAAK,KAAK,WAAW,MAAM,UAAU,GAAG,CAAO,EAAU,EAAK,QAAQ,KAAK,EAAI,IAAgB,IAAI,qBAAqB,GAAS,CAAC,EAAQ,QAAQ,GAAO,CAAI,EAAM,gBAAgB,EAAe,GAAe,IAAY,EAA4B,EAAd,EAA0B,EAAI,EAAG,EAAgB,CAAG,CAAoF,OAAnF,EAAK,QAAQ,SAAS,EAAI,IAAI,CAAI,EAAI,SAAQ,EAAU,GAAG,QAAQ,EAAI,QAAQ,EAAG,KAAW,CAAC,EAAU,QAAQ,GAAU,EAAS,YAAY,CAAC,GAAK,EAAE,CAAC,CAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,IAAI,GAAG,WAAW,SAAS,SAAS,UAAU,CAAC,SAAS,EAAQ,KAAK,CAAC,aAAW,IAAqB,EAAK,MAAM,CAAC,IAAI,EAAK,QAAQ,GAAO,MAAM,CAAC,MAAM,IAAI,OAAO,IAAI,CAAC,SAAsB,EAAK,EAAU,CAAC,QAAQ,IAAc,EAAM,WAAW,WAAW,CAAC,CAAC,CAAC,EAAM,CAAC,CAAC,CAAC,oBAAv0C,IAA4B,IAAsH,IAA6E,IAA+E,CAAM,EAAQ,CAAC,CAAC,UAAUC,EAAK,CAAC,CAAC,UAAUC,EAAO,CAAC,CAAC,UAAUC,EAAQ,CAAC,ICAvD,SAAwB,GAAc,CAAC,IAAM,EAAiB,CAAC,CAAC,UAAUC,EAAK,CAAC,CAAC,UAAUC,EAAO,CAAC,CAAC,UAAUC,EAAQ,CAAC,CAAM,CAAC,EAAW,GAAeC,EAAS,EAAiB,QAAQ,QAAQ,CAAC,CAAO,EAAIC,EAAO,KAAK,CAAO,EAAS,EAAU,EAAI,CAAC,OAAO,oBAAoB,CAAC,CAAO,EAAoBA,EAAO,KAAK,CAGpqB,OAHqqB,MAAc,CAAK,IAAgB,aAAa,EAAoB,QAAQ,CAAC,EAAiB,SAAS,EAAE,IAAQ,CAAC,IAAM,EAAM,EAAM,IAC1yB,eAAe,CAAC,EAAc,GAAM,CAAC,IAAM,EAAQ,CAAC,GAAG,EAAK,CAAwB,MAAvB,GAAQ,GAAO,QAAe,GAAU,EAAG,EAAM,CAC9G,eAAe,CAAC,EAAc,GAAM,CAAC,IAAM,EAAQ,CAAC,GAAG,EAAK,CAAwB,MAAvB,GAAQ,GAAO,QAAe,GAAU,EAAG,EAAM,IAAI,EAAG,GAAG,CAAC,EAAS,CAAC,CAC9G,EAAK,MAAM,CAAK,MAAI,MAAM,CAAC,QAAQ,OAAO,IAAI,GAAG,SAAS,UAAU,eAAe,SAAS,CAAC,SAAS,EAAiB,KAAK,CAAC,aAAW,IAAqB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,OAAO,MAAM,CAAC,SAAsB,EAAK,EAAU,CAAC,QAAQ,EAAW,GAAO,CAAC,CAAC,CAAC,EAAM,CAAC,CAAC,CAAC,kBAHnQ,IAA6C,IAA4C,IAAyE,IAA6E,IAA+E"}