{"version":3,"file":"Examples.DKcEp-U7.mjs","names":["useState","useRef","useCallback"],"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/yi6Pfzsh2wXQq6YA1xfI/tK7nUMzYuNXU9L6oZDRg/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,useRef}from\"react\";import{useIsStaticRenderer}from\"framer\";import{useMotionValue,useMotionValueEvent,useScroll,useTransform}from\"framer-motion\";// @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\";// Learn more: https://www.framer.com/developers/overrides/\nconst useStore=createStore({background:\"#0099FF\"});// Our Team 카드 내부 텍스트(제목 제외)는 색상 변경 로직에서 항상 제외 → 원래 색(흰색) 유지\nconst isProtectedTeamCardText=element=>{return!!element.closest(\"#team-color-section\")&&!element.closest(\"#team-color-title\");};// Our Team 카드 그룹(Member Stack)에 id=\"team-color-section\"을 붙여주는 override\nexport function withTeamColorSectionId(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,id:\"team-color-section\"});});}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()});}});});}export function withScrollWhiteBackground(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const localRef=useRef(null);const isStaticRenderer=useIsStaticRenderer();const{scrollYProgress}=useScroll({target:localRef,offset:[\"start end\",\"start center\"]});const backgroundColor=useTransform(scrollYProgress,[0,1],[\"rgba(255, 255, 255, 0)\",\"rgba(255, 255, 255, 1)\"]);const setRefs=useCallback(node=>{localRef.current=node;if(typeof ref===\"function\"){ref(node);}else if(ref){ref.current=node;}},[ref]);return /*#__PURE__*/_jsx(Component,{ref:setRefs,...props,style:{...props.style,backgroundColor:isStaticRenderer?props.style?.backgroundColor??\"transparent\":backgroundColor}});});}export function withScrollBlueText(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const localRef=useRef(null);const isStaticRenderer=useIsStaticRenderer();const{scrollYProgress}=useScroll({target:localRef,offset:[\"start end\",\"start start\"]});const textColor=useTransform(scrollYProgress,[0,1],[\"rgba(255, 255, 255, 1)\",\"rgba(44, 53, 110, 0.42)\"]);const setRefs=useCallback(node=>{localRef.current=node;if(typeof ref===\"function\"){ref(node);}else if(ref){ref.current=node;}},[ref]);return /*#__PURE__*/_jsx(Component,{ref:setRefs,...props,style:{...props.style,color:isStaticRenderer?props.style?.color:textColor,WebkitTextFillColor:isStaticRenderer?props.style?.WebkitTextFillColor??props.style?.color:textColor}});});}export function withPersistentWhiteBackgroundAndBlueText(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const localRef=useRef(null);const isStaticRenderer=useIsStaticRenderer();const layerInitialTextStyleRef=useRef(null);const triggerRef=useRef(null);const triggerTopInDocumentRef=useRef(null);const lastAppliedColorRef=useRef(null);const isRestoredRef=useRef(false);const{scrollY}=useScroll();const setRefs=useCallback(node=>{localRef.current=node;if(typeof ref===\"function\"){ref(node);}else if(ref){ref.current=node;}},[ref]);useEffect(()=>{if(isStaticRenderer)return;if(typeof window===\"undefined\")return;let resizeObserver=null;const updateTriggerMeasurement=()=>{const trigger=triggerRef.current;if(!trigger)return;triggerTopInDocumentRef.current=trigger.getBoundingClientRect().top+window.scrollY;};const ensureResizeObserverOnTrigger=()=>{if(typeof ResizeObserver===\"undefined\")return;const triggerElement=triggerRef.current;if(!triggerElement)return;if(!resizeObserver){resizeObserver=new ResizeObserver(()=>{updateTriggerMeasurement();});}resizeObserver.observe(triggerElement);};const capture=()=>{const layer=localRef.current;const trigger=document.getElementById(\"works-transition\");if(!layer||!trigger)return false;triggerRef.current=trigger;updateTriggerMeasurement();layerInitialTextStyleRef.current={color:layer.style.getPropertyValue(\"color\"),colorPriority:layer.style.getPropertyPriority(\"color\"),webkitTextFillColor:layer.style.getPropertyValue(\"-webkit-text-fill-color\"),webkitTextFillColorPriority:layer.style.getPropertyPriority(\"-webkit-text-fill-color\")};isRestoredRef.current=false;return true;};const restoreInitialLayerStyle=()=>{const layer=localRef.current;if(!layer)return;const initial=layerInitialTextStyleRef.current;if(initial?.color){layer.style.setProperty(\"color\",initial.color,initial.colorPriority);}else{layer.style.removeProperty(\"color\");}if(initial?.webkitTextFillColor){layer.style.setProperty(\"-webkit-text-fill-color\",initial.webkitTextFillColor,initial.webkitTextFillColorPriority);}else{layer.style.removeProperty(\"-webkit-text-fill-color\");}lastAppliedColorRef.current=null;isRestoredRef.current=true;};if(!capture()){const observerTarget=document.body??document.documentElement;const observer=new MutationObserver(()=>{if(capture()){ensureResizeObserverOnTrigger();observer.disconnect();}});observer.observe(observerTarget,{childList:true,subtree:true,attributes:true});const onLoad=()=>{if(capture()){ensureResizeObserverOnTrigger();observer.disconnect();}};window.addEventListener(\"load\",onLoad);window.addEventListener(\"resize\",updateTriggerMeasurement);return()=>{observer.disconnect();window.removeEventListener(\"load\",onLoad);window.removeEventListener(\"resize\",updateTriggerMeasurement);resizeObserver?.disconnect();restoreInitialLayerStyle();};}ensureResizeObserverOnTrigger();window.addEventListener(\"resize\",updateTriggerMeasurement);return()=>{window.removeEventListener(\"resize\",updateTriggerMeasurement);resizeObserver?.disconnect();restoreInitialLayerStyle();};},[isStaticRenderer]);useMotionValueEvent(scrollY,\"change\",latestScrollY=>{if(isStaticRenderer)return;if(typeof window===\"undefined\")return;const layer=localRef.current;const triggerTopInDocument=triggerTopInDocumentRef.current;if(!layer||triggerTopInDocument===null)return;const viewportHeight=window.innerHeight||1;const triggerTop=triggerTopInDocument-latestScrollY;const latestProgress=(viewportHeight-triggerTop)/viewportHeight;const clampedProgress=Math.max(0,Math.min(1,latestProgress));if(clampedProgress<=0){if(isRestoredRef.current)return;const initial=layerInitialTextStyleRef.current;if(initial?.color){layer.style.setProperty(\"color\",initial.color,initial.colorPriority);}else{layer.style.removeProperty(\"color\");}if(initial?.webkitTextFillColor){layer.style.setProperty(\"-webkit-text-fill-color\",initial.webkitTextFillColor,initial.webkitTextFillColorPriority);}else{layer.style.removeProperty(\"-webkit-text-fill-color\");}lastAppliedColorRef.current=null;isRestoredRef.current=true;return;}const red=Math.round(255+(0-255)*clampedProgress);const green=Math.round(255+(0-255)*clampedProgress);const blue=Math.round(255+(0-255)*clampedProgress);const interpolatedColor=`rgba(${red}, ${green}, ${blue}, 1)`;if(lastAppliedColorRef.current===interpolatedColor)return;layer.style.setProperty(\"color\",interpolatedColor,\"important\");layer.style.setProperty(\"-webkit-text-fill-color\",interpolatedColor,\"important\");lastAppliedColorRef.current=interpolatedColor;isRestoredRef.current=false;});return /*#__PURE__*/_jsx(Component,{ref:setRefs,...props});});}export function withPageBackgroundAndTextAfterWorks(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const wrapperRef=useRef(null);const triggerRef=useRef(null);const isStaticRenderer=useIsStaticRenderer();const progress=useMotionValue(0);const trackedTextElementsRef=useRef([]);const{scrollY}=useScroll();const backgroundColor=useTransform(progress,[0,1],[\"rgba(255, 255, 255, 0)\",\"rgba(255, 255, 255, 1)\"]);const setRefs=useCallback(node=>{wrapperRef.current=node;if(typeof ref===\"function\"){ref(node);}else if(ref){ref.current=node;}},[ref]);const isInitiallyWhite=useCallback(value=>{if(!value)return false;const normalized=value.replace(/\\s+/g,\"\").toLowerCase();return normalized===\"white\"||normalized===\"#fff\"||normalized===\"#ffffff\"||normalized===\"rgb(255,255,255)\"||normalized===\"rgba(255,255,255,1)\";},[]);const parseColor=useCallback(value=>{const normalized=value.replace(/\\s+/g,\"\").toLowerCase();const rgbMatch=normalized.match(/^rgba?\\((\\d+),(\\d+),(\\d+)(?:,([0-9.]+))?\\)$/);if(rgbMatch){return{r:Number(rgbMatch[1]),g:Number(rgbMatch[2]),b:Number(rgbMatch[3]),a:rgbMatch[4]?Number(rgbMatch[4]):1};}const hexMatch=normalized.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/);if(hexMatch){const hex=hexMatch[1];if(hex.length===3){return{r:parseInt(hex[0]+hex[0],16),g:parseInt(hex[1]+hex[1],16),b:parseInt(hex[2]+hex[2],16),a:1};}return{r:parseInt(hex.slice(0,2),16),g:parseInt(hex.slice(2,4),16),b:parseInt(hex.slice(4,6),16),a:1};}return null;},[]);const hasDarkSurfaceAncestor=useCallback((element,wrapper)=>{let current=element.parentElement;while(current&&current!==wrapper){if(current.tagName.toLowerCase()===\"footer\")return true;const computed=window.getComputedStyle(current);const parsed=parseColor(computed.backgroundColor);if(parsed&&parsed.a>.75&&parsed.r<45&&parsed.g<45&&parsed.b<45){return true;}current=current.parentElement;}return false;},[parseColor]);const restoreTrackedElements=useCallback(()=>{for(const item of trackedTextElementsRef.current){if(item.initialInlineColor){item.element.style.setProperty(\"color\",item.initialInlineColor,item.initialInlineColorPriority);}else{item.element.style.removeProperty(\"color\");}if(item.initialInlineWebkitTextFillColor){item.element.style.setProperty(\"-webkit-text-fill-color\",item.initialInlineWebkitTextFillColor,item.initialInlineWebkitTextFillColorPriority);}else{item.element.style.removeProperty(\"-webkit-text-fill-color\");}}},[]);useEffect(()=>{if(isStaticRenderer)return;if(typeof window===\"undefined\")return;let frameId=0;const findTriggerAndCapture=()=>{const wrapper=wrapperRef.current;if(!wrapper){frameId=window.requestAnimationFrame(findTriggerAndCapture);return;}const trigger=document.getElementById(\"works-transition\");if(!trigger){frameId=window.requestAnimationFrame(findTriggerAndCapture);return;}const triggerElement=trigger;triggerRef.current=triggerElement;const triggerTopInDocument=triggerElement.getBoundingClientRect().top+window.scrollY;const tracked=[];const descendants=Array.from(wrapper.querySelectorAll(\"*\"));for(const element of descendants){if(element.closest(\"footer\"))continue;if(hasDarkSurfaceAncestor(element,wrapper))continue;if(isProtectedTeamCardText(element))continue;const textContent=element.textContent?.trim()??\"\";if(!textContent)continue;const topInDocument=element.getBoundingClientRect().top+window.scrollY;if(topInDocument<triggerTopInDocument)continue;const computedStyle=window.getComputedStyle(element);const computedColor=computedStyle.color;const computedWebkitTextFillColor=computedStyle.getPropertyValue(\"-webkit-text-fill-color\");if(!isInitiallyWhite(computedColor)&&!isInitiallyWhite(computedWebkitTextFillColor)){continue;}tracked.push({element,initialInlineColor:element.style.getPropertyValue(\"color\"),initialInlineColorPriority:element.style.getPropertyPriority(\"color\"),initialInlineWebkitTextFillColor:element.style.getPropertyValue(\"-webkit-text-fill-color\"),initialInlineWebkitTextFillColorPriority:element.style.getPropertyPriority(\"-webkit-text-fill-color\")});}trackedTextElementsRef.current=tracked;};findTriggerAndCapture();return()=>{window.cancelAnimationFrame(frameId);restoreTrackedElements();};},[hasDarkSurfaceAncestor,isInitiallyWhite,isStaticRenderer,restoreTrackedElements]);useMotionValueEvent(scrollY,\"change\",()=>{if(isStaticRenderer)return;if(typeof window===\"undefined\")return;const triggerElement=triggerRef.current;if(!triggerElement)return;const viewportHeight=window.innerHeight||1;const triggerTop=triggerElement.getBoundingClientRect().top;const latestProgress=(viewportHeight-triggerTop)/viewportHeight;const clampedProgress=Math.max(0,Math.min(1,latestProgress));progress.set(clampedProgress);if(clampedProgress<=0){restoreTrackedElements();return;}// 검정 계열로 전환: rgb(0, 0, 0)\nconst red=Math.round(255+(0-255)*clampedProgress);const green=Math.round(255+(0-255)*clampedProgress);const blue=Math.round(255+(0-255)*clampedProgress);const color=`rgba(${red}, ${green}, ${blue}, 1)`;for(const item of trackedTextElementsRef.current){item.element.style.setProperty(\"color\",color,\"important\");item.element.style.setProperty(\"-webkit-text-fill-color\",color,\"important\");}});return /*#__PURE__*/_jsx(Component,{ref:setRefs,...props,style:{...props.style,backgroundColor:isStaticRenderer?props.style?.backgroundColor??\"transparent\":backgroundColor}});});}export function withPageColorCycle(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const wrapperRef=useRef(null);const worksTriggerRef=useRef(null);const faqTriggerRef=useRef(null);const worksTopInDocumentRef=useRef(null);const faqTopInDocumentRef=useRef(null);const lastVisualProgressRef=useRef(null);const isStaticRenderer=useIsStaticRenderer();const cycleProgress=useMotionValue(0);const{scrollY}=useScroll();const backgroundColor=useTransform(cycleProgress,[0,1],[\"rgba(255, 255, 255, 0)\",\"rgba(255, 255, 255, 1)\"]);const setRefs=useCallback(node=>{wrapperRef.current=node;if(typeof ref===\"function\"){ref(node);}else if(ref){ref.current=node;}},[ref]);useEffect(()=>{if(isStaticRenderer)return;if(typeof window===\"undefined\")return;const measureTriggers=()=>{const worksTrigger=worksTriggerRef.current;const faqTrigger=faqTriggerRef.current;if(!worksTrigger||!faqTrigger)return;worksTopInDocumentRef.current=worksTrigger.getBoundingClientRect().top+window.scrollY;faqTopInDocumentRef.current=faqTrigger.getBoundingClientRect().top+window.scrollY;};const tryDiscoverTriggers=()=>{const worksTrigger=document.getElementById(\"works-transition\");const faqTrigger=document.getElementById(\"faq\");if(!worksTrigger||!faqTrigger)return false;worksTriggerRef.current=worksTrigger;faqTriggerRef.current=faqTrigger;measureTriggers();return true;};let worksResizeObserver=null;let faqResizeObserver=null;const bindResizeObservers=()=>{if(typeof ResizeObserver===\"undefined\")return;if(!worksResizeObserver){worksResizeObserver=new ResizeObserver(()=>{measureTriggers();});}if(!faqResizeObserver){faqResizeObserver=new ResizeObserver(()=>{measureTriggers();});}if(worksTriggerRef.current){worksResizeObserver.observe(worksTriggerRef.current);}if(faqTriggerRef.current){faqResizeObserver.observe(faqTriggerRef.current);}};if(tryDiscoverTriggers()){bindResizeObservers();}else{const observerTarget=document.body??document.documentElement;const observer=new MutationObserver(()=>{if(tryDiscoverTriggers()){bindResizeObservers();observer.disconnect();}});observer.observe(observerTarget,{childList:true,subtree:true,attributes:true});const onLoad=()=>{if(tryDiscoverTriggers()){bindResizeObservers();observer.disconnect();}};window.addEventListener(\"load\",onLoad);window.addEventListener(\"resize\",measureTriggers);return()=>{observer.disconnect();window.removeEventListener(\"load\",onLoad);window.removeEventListener(\"resize\",measureTriggers);worksResizeObserver?.disconnect();faqResizeObserver?.disconnect();};}window.addEventListener(\"resize\",measureTriggers);return()=>{window.removeEventListener(\"resize\",measureTriggers);worksResizeObserver?.disconnect();faqResizeObserver?.disconnect();};},[isStaticRenderer]);useMotionValueEvent(scrollY,\"change\",latestScrollY=>{if(isStaticRenderer)return;if(typeof window===\"undefined\")return;const worksTopInDocument=worksTopInDocumentRef.current;const faqTopInDocument=faqTopInDocumentRef.current;if(worksTopInDocument===null||faqTopInDocument===null)return;const viewportHeight=window.innerHeight||1;const worksTop=worksTopInDocument-latestScrollY;const faqTop=faqTopInDocument-latestScrollY;const firstProgress=Math.max(0,Math.min(1,(viewportHeight-worksTop)/viewportHeight));const secondProgress=Math.max(0,Math.min(1,(viewportHeight-faqTop)/viewportHeight));const visualProgress=firstProgress<1?firstProgress:Math.max(0,1-secondProgress);if(lastVisualProgressRef.current===visualProgress)return;cycleProgress.set(visualProgress);lastVisualProgressRef.current=visualProgress;});return /*#__PURE__*/_jsx(Component,{ref:setRefs,...props,style:{...props.style,backgroundColor:isStaticRenderer?props.style?.backgroundColor??\"transparent\":backgroundColor}});});}\nexport const __FramerMetadata__ = {\"exports\":{\"withScrollBlueText\":{\"type\":\"reactHoc\",\"name\":\"withScrollBlueText\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPageColorCycle\":{\"type\":\"reactHoc\",\"name\":\"withPageColorCycle\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPersistentWhiteBackgroundAndBlueText\":{\"type\":\"reactHoc\",\"name\":\"withPersistentWhiteBackgroundAndBlueText\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withScrollWhiteBackground\":{\"type\":\"reactHoc\",\"name\":\"withScrollWhiteBackground\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRotate\":{\"type\":\"reactHoc\",\"name\":\"withRotate\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withTeamColorSectionId\":{\"type\":\"reactHoc\",\"name\":\"withTeamColorSectionId\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPageBackgroundAndTextAfterWorks\":{\"type\":\"reactHoc\",\"name\":\"withPageBackgroundAndTextAfterWorks\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRandomColor\":{\"type\":\"reactHoc\",\"name\":\"withRandomColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"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"}