{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/vy4sO983gqXmzwlixJh5/TbwYT2tmrTX2njZxB4ER/AnimatedLogo_1_1_1.js", "ssg:https://framer.com/m/framer/store.js@^1.0.0", "ssg:https://framer.com/m/framer/utils.js@^0.9.0", "ssg:https://framerusercontent.com/modules/dH8z0CA91LHYIJAB7van/moxAVTWFePQhHJPdlRix/Examples.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";const css=`\n  @keyframes lr-logo-spin {\n    0%   {transform: rotate(0deg)}\n    40% {transform: rotate(0deg)}\n    50%  {transform: rotate(45deg)}\n    90%  {transform: rotate(45deg)}\n    100%  {transform: rotate(90deg)}\n  }\n\n  .lr-logo-container path {\n    transform-box: fill-box;\n    transform-origin: center;\n  }\n\n  .lr-logo-shared-animation { \n    animation-name: lr-logo-spin;\n    animation-fill-mode: forward;\n    animation-iteration-count: infinite;\n    animation-duration: 20s;\n  }\n`;export function Logo(props){const{color=\"black\",scale=\"1\"}=props;return /*#__PURE__*/ _jsxs(_Fragment,{children:[/*#__PURE__*/ _jsxs(\"svg\",{transform:`scale(${scale})`,className:\"lr-logo-container\",width:\"40\",height:\"40\",viewBox:\"0 0 40 40\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:[/*#__PURE__*/ _jsx(\"path\",{className:\"lr-logo-shared-animation\",d:\"M24.1545 35.4869L21.2878 32.6203L24.1686 29.7394L23.1894 28.7602L20.3086 31.6411L17.4277 28.7602L16.4769 29.7111L19.3578 32.5919L16.4911 35.4586L17.4703 36.4378L20.337 33.5711L23.2036 36.4378L24.1545 35.4869Z\",fill:color}),/*#__PURE__*/ _jsx(\"path\",{className:\"lr-logo-shared-animation\",d:\"M24.1545 10.8575L21.2878 7.99089L24.1686 5.11005L23.1894 4.13085L20.3086 7.01169L17.4277 4.13085L16.4769 5.08167L19.3578 7.96251L16.4911 10.8292L17.4703 11.8084L20.337 8.94172L23.2036 11.8084L24.1545 10.8575Z\",fill:color}),/*#__PURE__*/ _jsx(\"path\",{className:\"lr-logo-shared-animation\",d:\"M11.7912 23.172L8.92452 20.3053L11.8054 17.4245L10.8262 16.4453L7.94531 19.3261L5.06447 16.4453L4.11365 17.3961L6.99449 20.277L4.12784 23.1436L5.10704 24.1228L7.97369 21.2562L10.8403 24.1228L11.7912 23.172Z\",fill:color}),/*#__PURE__*/ _jsx(\"path\",{className:\"lr-logo-shared-animation\",d:\"M36.506 23.172L33.6394 20.3053L36.5202 17.4245L35.541 16.4453L32.6602 19.3261L29.7793 16.4453L28.8285 17.3961L31.7093 20.277L28.8427 23.1436L29.8219 24.1228L32.6885 21.2562L35.5552 24.1228L36.506 23.172Z\",fill:color}),/*#__PURE__*/ _jsx(\"path\",{className:\"lr-logo-shared-animation\",d:\"M25.0755 19.6149H21.0214V15.5408H19.6366V19.6149H15.5625V20.9596H19.6366V25.0136H21.0214V20.9596H25.0755V19.6149Z\",fill:color})]}),/*#__PURE__*/ _jsx(\"style\",{children:css})]});}Logo.defaultProps={color:\"black\",scale:\"1\"};addPropertyControls(Logo,{color:{type:ControlType.String,title:\"color\"},scale:{type:ControlType.String,title:\"scale\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"Logo\":{\"type\":\"reactComponent\",\"name\":\"Logo\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimatedLogo_1_1_1.map", "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", "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", "import{jsx as _jsx}from\"react/jsx-runtime\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{randomColor}from\"https://framer.com/m/framer/utils.js@^0.9.0\";import{motion,useViewportScroll}from\"framer-motion\";// Learn more: https://www.framer.com/docs/guides/overrides/\nconst useStore=createStore({background:\"#0099FF\"});export function with100SVH(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{height:\"100svh\"}});};}export function withRotate(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,animate:{rotate:90},transition:{duration:2}});};}export function withHover(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,whileHover:{scale:1.05}});};}export function withRandomColor(Component){return props=>{const[store,setStore]=useStore();return /*#__PURE__*/_jsx(Component,{...props,animate:{background:store.background},onClick:()=>{setStore({background:randomColor()});}});};}export function ScrollNav(Component){return props=>{const[hidden,setHidden]=useState(false);const{scrollY,scrollYProgress}=useViewportScroll();const initialScrollThreshold=200;const variants={visible:{y:0,pointerEvents:\"auto\"},hidden:{y:\"-100%\",pointerEvents:\"none\"}};function update(){if(scrollY?.current>initialScrollThreshold&&scrollY?.current>scrollY?.prev||scrollYProgress.current>.95){setHidden(true);}else if(scrollY?.current<scrollY?.prev||props[\"data-framer-name\"]===\"Tablet Expanded\"){setHidden(false);}}useEffect(()=>{return scrollY.onChange(()=>update());});return /*#__PURE__*/_jsx(motion.nav,{animate:hidden?\"hidden\":\"visible\",variants:variants,onHoverStart:()=>setHidden(false),onHoverEnd:()=>{if(scrollY?.current>scrollY?.prev){setHidden(true);}},// transition={{ ease: [0.1, 0.25, 0.3, 1], duration: 0.6 }}\ntransition:{type:\"spring\",duration:.6,bounce:0},children:/*#__PURE__*/_jsx(Component,{...props,style:{...props.style,transform:\"translateZ(200px)\"}})});};}//FULL VIEWPORT HEIGHT - TEST/\nimport{useEffect,useState}from\"react\";export function ViewportHeight(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style,height:\"100vh\"}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"ScrollNav\":{\"type\":\"reactHoc\",\"name\":\"ScrollNav\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRotate\":{\"type\":\"reactHoc\",\"name\":\"withRotate\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ViewportHeight\":{\"type\":\"reactHoc\",\"name\":\"ViewportHeight\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRandomColor\":{\"type\":\"reactHoc\",\"name\":\"withRandomColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"with100SVH\":{\"type\":\"reactHoc\",\"name\":\"with100SVH\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],
  "mappings": "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",
  "names": ["css", "Logo", "props", "color", "scale", "u", "l", "p", "addPropertyControls", "ControlType", "createStore", "state1", "dataStore", "Data", "setDataStore", "newState", "storeState", "storeSetters", "setStoreState", "setter", "useStore", "state", "setState", "ye", "ue", "useObserveData", "centerContent", "defaultContainerStyles", "centerContent", "useStore", "createStore", "with100SVH", "Component", "props", "p", "ScrollNav", "Component", "props", "hidden", "setHidden", "ye", "scrollY", "scrollYProgress", "useViewportScroll", "initialScrollThreshold", "variants", "update", "ue", "p", "motion"]
}