{"version":3,"file":"Examples.DVNG-wxa.mjs","names":["useState"],"sources":["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/NF8RtKTMTS72q1lu4gQX/zLcuL8lIoupL1oDltogo/Examples.js"],"sourcesContent":["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,useCallback,useEffect,useMemo,useRef}from\"react\";// @ts-ignore\nimport{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";// @ts-ignore\nimport{randomColor}from\"https://framer.com/m/framer/utils.js@^0.9.0\";import{useAnimationControls}from\"framer-motion\";// Learn more: https://www.framer.com/developers/overrides/\nconst useStore=createStore({background:\"#0099FF\"});const waitSeconds=seconds=>new Promise(resolve=>{setTimeout(resolve,seconds*1e3);});const FIVE_STEP_STAGE_COUNT=5;const FIVE_STEP_ENTER_DURATION=.45;const FIVE_STEP_VISIBLE_DURATION=1.4;const FIVE_STEP_EXIT_DURATION=.35;const FIVE_STEP_TOTAL_STAGE_DURATION=FIVE_STEP_ENTER_DURATION+FIVE_STEP_VISIBLE_DURATION+FIVE_STEP_EXIT_DURATION;let fiveStepActiveStage=0;let fiveStepIsRunning=false;const fiveStepSubscribers=new Set;const HERO_TIMELINE_STAGES=[\"floatingBarEnter\",\"tooltipEnter\",\"tooltipHold\",\"tooltipExit\",\"floatingBarExit\",\"chatPanelEnter\",\"chatPanelHold\",\"chatPanelExit\",\"restartGap\"];const HERO_STAGE_DURATIONS={floatingBarEnter:.45,tooltipEnter:.45,tooltipHold:2,tooltipExit:.65,floatingBarExit:.4,chatPanelEnter:.55,chatPanelHold:2.4,chatPanelExit:.4,restartGap:.5};let heroTimelineStageIndex=0;let heroTimelineIsRunning=false;const heroTimelineSubscribers=new Set;const notifyHeroTimelineSubscribers=()=>{const stage=HERO_TIMELINE_STAGES[heroTimelineStageIndex];heroTimelineSubscribers.forEach(callback=>callback(stage));};const ensureHeroTimelineLoop=async()=>{if(heroTimelineIsRunning)return;heroTimelineIsRunning=true;while(heroTimelineSubscribers.size>0){const currentStage=HERO_TIMELINE_STAGES[heroTimelineStageIndex];await waitSeconds(HERO_STAGE_DURATIONS[currentStage]);if(heroTimelineSubscribers.size===0)break;heroTimelineStageIndex=(heroTimelineStageIndex+1)%HERO_TIMELINE_STAGES.length;notifyHeroTimelineSubscribers();}heroTimelineIsRunning=false;};const subscribeToHeroTimeline=callback=>{heroTimelineSubscribers.add(callback);callback(HERO_TIMELINE_STAGES[heroTimelineStageIndex]);ensureHeroTimelineLoop();return()=>{heroTimelineSubscribers.delete(callback);};};const notifyFiveStepSubscribers=()=>{fiveStepSubscribers.forEach(callback=>callback(fiveStepActiveStage));};const ensureFiveStepSequenceLoop=async()=>{if(fiveStepIsRunning)return;fiveStepIsRunning=true;while(fiveStepSubscribers.size>0){await waitSeconds(FIVE_STEP_TOTAL_STAGE_DURATION);if(fiveStepSubscribers.size===0)break;fiveStepActiveStage=(fiveStepActiveStage+1)%FIVE_STEP_STAGE_COUNT;notifyFiveStepSubscribers();}fiveStepIsRunning=false;};function createFiveStepOverride(stageIndex){return function withFiveStepStage(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();const isMountedRef=useRef(true);const runIdRef=useRef(0);const reducedMotionRef=useRef(false);useEffect(()=>{isMountedRef.current=true;runIdRef.current+=1;const thisRunId=runIdRef.current;if(typeof window!==\"undefined\"){reducedMotionRef.current=window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;}else{reducedMotionRef.current=false;}if(reducedMotionRef.current){controls.set({opacity:1,y:0,x:0});return()=>{isMountedRef.current=false;controls.stop();};}controls.set({opacity:0,y:32,x:0});const runStageAnimation=async activeStageIndex=>{if(!isMountedRef.current||runIdRef.current!==thisRunId)return;if(activeStageIndex!==stageIndex){controls.set({opacity:0,y:32,x:0});return;}controls.set({opacity:0,y:32,x:0});await controls.start({opacity:1,y:0,x:0,transition:{duration:FIVE_STEP_ENTER_DURATION,ease:\"easeOut\"}});if(!isMountedRef.current||runIdRef.current!==thisRunId)return;await controls.start({opacity:0,y:-24,x:0,transition:{duration:FIVE_STEP_EXIT_DURATION,delay:FIVE_STEP_VISIBLE_DURATION,ease:\"easeInOut\"}});};const subscriber=activeStageIndex=>{runStageAnimation(activeStageIndex);};fiveStepSubscribers.add(subscriber);subscriber(fiveStepActiveStage);ensureFiveStepSequenceLoop();return()=>{isMountedRef.current=false;runIdRef.current+=1;fiveStepSubscribers.delete(subscriber);controls.stop();};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:32,x:0},animate:controls});});};}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 withReservationSequence(Component){return /*#__PURE__*/forwardRef((props,_ref)=>{const hostRef=useRef(null);const isCancelledRef=useRef(false);const rafIdsRef=useRef(new Set);const timings=useMemo(()=>({stackFadeIn:.55,afterStackFadeInHold:.2,stackPanUp:1.5,afterStackPanHold:.8,stackToImage1Crossfade:.6,image1Hold:.45,image1PanDown:1.35,image2FadeIn:.6,imagePairHold:1.5,imagePairFadeOut:.45,repeatGap:.4}),[]);const requestManagedFrame=useCallback(cb=>{const id=requestAnimationFrame(time=>{rafIdsRef.current.delete(id);cb(time);});rafIdsRef.current.add(id);return id;},[]);const resolveLayers=useCallback(host=>{try{if(!host)return null;const image1=host.querySelector('[data-framer-name=\"Image 1\"]');const image2=host.querySelector('[data-framer-name=\"Image 2\"]');const existingPattern=host.querySelector('[data-framer-name=\"existing pattern\"]');if(!image1||!image2||!existingPattern)return null;let stack=null;let walker=existingPattern;while(walker&&walker!==host){const parent=walker.parentElement;if(!parent||parent===host){walker=parent;continue;}const directElements=Array.from(parent.children).filter(el=>el instanceof HTMLElement);const hasPattern=directElements.includes(existingPattern);const hasSiblingScreen=directElements.some(el=>el!==existingPattern&&el!==image1&&el!==image2);if(hasPattern&&hasSiblingScreen){stack=parent;break;}walker=parent;}if(!stack||stack===host)return null;return{stack,image1,image2,stackBaseTransform:stack.style.transform||\"\",image1BaseTransform:image1.style.transform||\"\",image2BaseTransform:image2.style.transform||\"\"};}catch(_error){return null;}},[]);const applyY=useCallback((el,baseTransform,y)=>{const offset=`translate3d(0px, ${y}px, 0px)`;el.style.transform=baseTransform?`${baseTransform} ${offset}`:offset;},[]);const waitRaf=useCallback(seconds=>{return new Promise(resolve=>{const start=typeof performance!==\"undefined\"?performance.now():Date.now();const durationMs=seconds*1e3;const tick=now=>{if(isCancelledRef.current){resolve(false);return;}const elapsed=now-start;if(elapsed>=durationMs){resolve(true);return;}requestManagedFrame(tick);};requestManagedFrame(tick);});},[requestManagedFrame]);const animateProgress=useCallback(async(duration,onFrame,easing=t=>t)=>{return new Promise(resolve=>{const start=typeof performance!==\"undefined\"?performance.now():Date.now();const durationMs=duration*1e3;const tick=now=>{if(isCancelledRef.current){resolve(false);return;}const linear=durationMs<=0?1:Math.min((now-start)/durationMs,1);onFrame(easing(linear));if(linear>=1){resolve(true);return;}requestManagedFrame(tick);};requestManagedFrame(tick);});},[requestManagedFrame]);const setAnimatedStartState=useCallback(()=>{const layers=resolveLayers(hostRef.current);if(!layers)return;layers.stack.style.opacity=\"0\";layers.image1.style.opacity=\"0\";layers.image2.style.opacity=\"0\";applyY(layers.stack,layers.stackBaseTransform,0);applyY(layers.image1,layers.image1BaseTransform,0);applyY(layers.image2,layers.image2BaseTransform,0);},[applyY,resolveLayers]);const setReducedMotionState=useCallback(()=>{const layers=resolveLayers(hostRef.current);if(!layers)return;layers.stack.style.opacity=\"1\";layers.image1.style.opacity=\"0\";layers.image2.style.opacity=\"0\";applyY(layers.stack,layers.stackBaseTransform,0);applyY(layers.image1,layers.image1BaseTransform,0);applyY(layers.image2,layers.image2BaseTransform,0);},[applyY,resolveLayers]);useEffect(()=>{const prefersReducedMotion=typeof window!==\"undefined\"?window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches:false;isCancelledRef.current=false;const cancelAllFrames=()=>{rafIdsRef.current.forEach(id=>cancelAnimationFrame(id));rafIdsRef.current.clear();};if(prefersReducedMotion){setReducedMotionState();return()=>{isCancelledRef.current=true;cancelAllFrames();};}const easeInOut=t=>.5-.5*Math.cos(Math.PI*t);const easeOut=t=>1-Math.pow(1-t,3);const run=async()=>{if(!await waitRaf(.05))return;if(!await waitRaf(.05))return;while(!isCancelledRef.current){const layers=resolveLayers(hostRef.current);if(!layers){return;}setAnimatedStartState();if(!await animateProgress(timings.stackFadeIn,p=>{layers.stack.style.opacity=`${p}`;},easeOut))return;if(!await waitRaf(timings.afterStackFadeInHold))return;if(!await animateProgress(timings.stackPanUp,p=>{applyY(layers.stack,layers.stackBaseTransform,-220*p);},easeInOut))return;if(!await waitRaf(timings.afterStackPanHold))return;if(!await animateProgress(timings.stackToImage1Crossfade,p=>{layers.stack.style.opacity=`${1-p}`;layers.image1.style.opacity=`${p}`;},easeInOut))return;if(!await waitRaf(timings.image1Hold))return;if(!await animateProgress(timings.image1PanDown,p=>{applyY(layers.image1,layers.image1BaseTransform,145*p);},easeInOut))return;if(!await animateProgress(timings.image2FadeIn,p=>{layers.image2.style.opacity=`${p}`;},easeOut))return;if(!await waitRaf(timings.imagePairHold))return;if(!await animateProgress(timings.imagePairFadeOut,p=>{const opacity=`${1-p}`;layers.image1.style.opacity=opacity;layers.image2.style.opacity=opacity;},easeInOut))return;layers.stack.style.opacity=\"0\";layers.image1.style.opacity=\"0\";layers.image2.style.opacity=\"0\";applyY(layers.stack,layers.stackBaseTransform,0);applyY(layers.image1,layers.image1BaseTransform,0);applyY(layers.image2,layers.image2BaseTransform,0);if(!await waitRaf(timings.repeatGap))return;}};run();return()=>{isCancelledRef.current=true;cancelAllFrames();};},[animateProgress,applyY,resolveLayers,setAnimatedStartState,setReducedMotionState,timings,waitRaf]);return /*#__PURE__*/_jsx(Component,{ref:hostRef,...props});});}export function withReservationStackLoop(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();useEffect(()=>{let isMounted=true;const prefersReducedMotion=typeof window!==\"undefined\"?window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches:false;if(prefersReducedMotion){controls.set({opacity:1,y:0,x:0});return()=>{isMounted=false;controls.stop();};}const runLoop=async()=>{while(isMounted){controls.set({opacity:0,y:0,x:0});await controls.start({opacity:1,y:0,x:0,transition:{duration:.56,ease:\"linear\"}});if(!isMounted)return;await waitSeconds(.88);if(!isMounted)return;await controls.start({opacity:1,y:-220,x:0,transition:{duration:1.36,ease:\"easeInOut\"}});if(!isMounted)return;await waitSeconds(2);if(!isMounted)return;await controls.start({opacity:0,y:-220,x:0,transition:{duration:.64,ease:\"linear\"}});if(!isMounted)return;await waitSeconds(6.16);if(!isMounted)return;controls.set({opacity:0,y:0,x:0});}};runLoop();return()=>{isMounted=false;controls.stop();};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:0,x:0},animate:controls});});}export function withReservationImage1Loop(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();useEffect(()=>{let isMounted=true;const prefersReducedMotion=typeof window!==\"undefined\"?window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches:false;if(prefersReducedMotion){controls.set({opacity:0,y:0,x:0});return()=>{isMounted=false;controls.stop();};}const runLoop=async()=>{while(isMounted){controls.set({opacity:0,y:-145,x:0});await waitSeconds(8.08);if(!isMounted)return;await controls.start({opacity:1,y:-145,x:0,transition:{duration:.56,ease:\"linear\"}});if(!isMounted)return;controls.set({opacity:1,y:-145,x:0});await waitSeconds(3);if(!isMounted)return;await controls.start({opacity:0,y:-145,x:0,transition:{duration:.48,ease:\"linear\"}});if(!isMounted)return;await waitSeconds(.48);if(!isMounted)return;}};runLoop();return()=>{isMounted=false;controls.stop();};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:0,x:0},animate:controls});});}export function withReservationImage2Loop(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();useEffect(()=>{let isMounted=true;const prefersReducedMotion=typeof window!==\"undefined\"?window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches:false;if(prefersReducedMotion){controls.set({opacity:0,y:0,x:0});return()=>{isMounted=false;controls.stop();};}const runLoop=async()=>{while(isMounted){controls.set({opacity:0,y:0,x:0});await waitSeconds(5.44);if(!isMounted)return;await controls.start({opacity:1,y:0,x:0,transition:{duration:.64,ease:\"linear\"}});if(!isMounted)return;await waitSeconds(.56);if(!isMounted)return;await controls.start({opacity:1,y:-145,x:0,transition:{duration:1.44,ease:\"easeIn\"}});if(!isMounted)return;await waitSeconds(1.6);if(!isMounted)return;await controls.start({opacity:0,y:-145,x:0,transition:{duration:.48,ease:\"linear\"}});if(!isMounted)return;await waitSeconds(1.44);if(!isMounted)return;}};runLoop();return()=>{isMounted=false;controls.stop();};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:0,x:0},animate:controls});});}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()});}});});}export function withTooltipSequence(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();const hasPlayedRef=useRef(false);useEffect(()=>{if(hasPlayedRef.current)return;hasPlayedRef.current=true;let isMounted=true;const runSequence=async()=>{await controls.start({opacity:1,y:0,x:0,transition:{duration:.45,ease:\"easeOut\"}});if(!isMounted)return;await controls.start({x:24,opacity:0,transition:{duration:.65,delay:.15,ease:\"easeOut\"}});if(!isMounted)return;await controls.start({x:24,y:0,opacity:0,transition:{duration:0,ease:\"linear\"}});};runSequence();return()=>{isMounted=false;};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:24,x:24},animate:controls});});}export function withFloatingBarSequence(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();const hasPlayedRef=useRef(false);useEffect(()=>{if(hasPlayedRef.current)return;hasPlayedRef.current=true;let isMounted=true;const runSequence=async()=>{await controls.start({opacity:1,y:0,x:0,transition:{duration:.45,ease:\"easeOut\"}});if(!isMounted)return;await controls.start({x:0,y:-24,opacity:0,transition:{duration:.4,delay:1.4,ease:\"easeInOut\"}});};runSequence();return()=>{isMounted=false;};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:32,x:0},animate:controls});});}export function withFiveStepStage1(Component){return createFiveStepOverride(0)(Component);}export function withFiveStepStage2(Component){return createFiveStepOverride(1)(Component);}export function withFiveStepStage3(Component){return createFiveStepOverride(2)(Component);}export function withFiveStepStage4(Component){return createFiveStepOverride(3)(Component);}export function withFiveStepStage5(Component){return createFiveStepOverride(4)(Component);}export function withTooltipLoop(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();useEffect(()=>{let isMounted=true;const runLoop=async()=>{while(isMounted){controls.set({opacity:0,y:24,x:24});await controls.start({opacity:1,y:0,x:0,transition:{duration:.45,ease:\"easeOut\"}});if(!isMounted)return;await controls.start({x:24,opacity:0,transition:{duration:.65,delay:.15,ease:\"easeOut\"}});if(!isMounted)return;await waitSeconds(4.75);}};runLoop();return()=>{isMounted=false;controls.stop();};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:24,x:24},animate:controls});});}export function withTooltipLoopTwoSecondHold(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();useEffect(()=>{const prefersReducedMotion=typeof window!==\"undefined\"?window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches:false;if(prefersReducedMotion){controls.set({opacity:0,y:0,x:0});return()=>{controls.stop();};}controls.set({opacity:0,y:24,x:24});const unsubscribe=subscribeToHeroTimeline(stage=>{if(stage===\"tooltipEnter\"){controls.start({opacity:1,y:0,x:0,transition:{duration:.45,ease:\"easeOut\"}});return;}if(stage===\"tooltipExit\"){controls.start({opacity:0,y:0,x:24,transition:{duration:.65,ease:\"easeOut\"}});return;}if(stage===\"tooltipHold\"){controls.set({opacity:1,y:0,x:0});return;}controls.set({opacity:0,y:24,x:24});});return()=>{unsubscribe();controls.stop();};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:24,x:24},animate:controls});});}export function withFloatingBarLoop(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();useEffect(()=>{const prefersReducedMotion=typeof window!==\"undefined\"?window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches:false;if(prefersReducedMotion){controls.set({opacity:0,y:0,x:0});return()=>{controls.stop();};}controls.set({opacity:0,y:32,x:0});const unsubscribe=subscribeToHeroTimeline(stage=>{if(stage===\"floatingBarEnter\"){controls.start({opacity:1,y:0,x:0,transition:{duration:.45,ease:\"easeOut\"}});return;}if(stage===\"floatingBarExit\"){controls.start({opacity:0,y:-24,x:0,transition:{duration:.4,ease:\"easeInOut\"}});return;}if(stage===\"tooltipEnter\"||stage===\"tooltipHold\"||stage===\"tooltipExit\"){controls.set({opacity:1,y:0,x:0});return;}controls.set({opacity:0,y:32,x:0});});return()=>{unsubscribe();controls.stop();};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:32,x:0},animate:controls});});}export function withChatPanelLoop(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();useEffect(()=>{const prefersReducedMotion=typeof window!==\"undefined\"?window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches:false;if(prefersReducedMotion){controls.set({opacity:1,y:0,x:0});return()=>{controls.stop();};}controls.set({opacity:0,y:80,x:0});const unsubscribe=subscribeToHeroTimeline(stage=>{if(stage===\"chatPanelEnter\"){controls.start({opacity:1,y:0,x:0,transition:{duration:.55,ease:\"easeOut\"}});return;}if(stage===\"chatPanelExit\"){controls.start({opacity:0,y:-48,x:0,transition:{duration:.4,ease:\"easeInOut\"}});return;}if(stage===\"chatPanelHold\"){controls.set({opacity:1,y:0,x:0});return;}controls.set({opacity:0,y:80,x:0});});return()=>{unsubscribe();controls.stop();};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:80,x:0},animate:controls});});}export function withUserBubbleLoop(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();useEffect(()=>{const prefersReducedMotion=typeof window!==\"undefined\"?window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches:false;if(prefersReducedMotion){controls.set({opacity:1,y:0,x:0});return()=>{controls.stop();};}controls.set({opacity:0,y:44,x:0});const unsubscribe=subscribeToHeroTimeline(stage=>{if(stage===\"chatPanelHold\"){controls.start({opacity:1,y:0,x:0,transition:{duration:.42,ease:\"easeOut\"}});return;}if(stage===\"chatPanelExit\"){controls.start({opacity:0,y:-20,x:0,transition:{duration:.3,ease:\"easeInOut\"}});return;}controls.set({opacity:0,y:44,x:0});});return()=>{unsubscribe();controls.stop();};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:44,x:0},animate:controls});});}export function withAiBubbleLoop(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const controls=useAnimationControls();useEffect(()=>{const prefersReducedMotion=typeof window!==\"undefined\"?window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches:false;if(prefersReducedMotion){controls.set({opacity:1,y:0,x:0});return()=>{controls.stop();};}controls.set({opacity:0,y:44,x:0});const unsubscribe=subscribeToHeroTimeline(stage=>{if(stage===\"chatPanelHold\"){controls.start({opacity:1,y:0,x:0,transition:{duration:.42,delay:.65,ease:\"easeOut\"}});return;}if(stage===\"chatPanelExit\"){controls.start({opacity:0,y:-20,x:0,transition:{duration:.3,ease:\"easeInOut\"}});return;}controls.set({opacity:0,y:44,x:0});});return()=>{unsubscribe();controls.stop();};},[controls]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,initial:{opacity:0,y:44,x:0},animate:controls});});}\nexport const __FramerMetadata__ = {\"exports\":{\"withFloatingBarLoop\":{\"type\":\"reactHoc\",\"name\":\"withFloatingBarLoop\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withReservationImage2Loop\":{\"type\":\"reactHoc\",\"name\":\"withReservationImage2Loop\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withUserBubbleLoop\":{\"type\":\"reactHoc\",\"name\":\"withUserBubbleLoop\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRotate\":{\"type\":\"reactHoc\",\"name\":\"withRotate\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFiveStepStage2\":{\"type\":\"reactHoc\",\"name\":\"withFiveStepStage2\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRandomColor\":{\"type\":\"reactHoc\",\"name\":\"withRandomColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withChatPanelLoop\":{\"type\":\"reactHoc\",\"name\":\"withChatPanelLoop\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFiveStepStage4\":{\"type\":\"reactHoc\",\"name\":\"withFiveStepStage4\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withTooltipSequence\":{\"type\":\"reactHoc\",\"name\":\"withTooltipSequence\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withAiBubbleLoop\":{\"type\":\"reactHoc\",\"name\":\"withAiBubbleLoop\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withReservationStackLoop\":{\"type\":\"reactHoc\",\"name\":\"withReservationStackLoop\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFloatingBarSequence\":{\"type\":\"reactHoc\",\"name\":\"withFloatingBarSequence\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withReservationImage1Loop\":{\"type\":\"reactHoc\",\"name\":\"withReservationImage1Loop\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withTooltipLoop\":{\"type\":\"reactHoc\",\"name\":\"withTooltipLoop\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withReservationSequence\":{\"type\":\"reactHoc\",\"name\":\"withReservationSequence\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withTooltipLoopTwoSecondHold\":{\"type\":\"reactHoc\",\"name\":\"withTooltipLoopTwoSecondHold\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFiveStepStage5\":{\"type\":\"reactHoc\",\"name\":\"withFiveStepStage5\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFiveStepStage1\":{\"type\":\"reactHoc\",\"name\":\"withFiveStepStage1\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFiveStepStage3\":{\"type\":\"reactHoc\",\"name\":\"withFiveStepStage3\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"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"}