{"version":3,"file":"shared-lib.kBdXxZIS.mjs","names":["fonts","css","className","useState","startTransition"],"sources":["https:/framerusercontent.com/modules/YS5n3b6i9KfTLUWSqoEo/NYNmRXsug5BUkI1dhhPM/qqXg9qZJt.js","https:/framerusercontent.com/modules/npecV7MPL3Yc5tHf2IDH/XsoLdkIW84nfvkH0ZoOK/SwapTitle.js","https:/framerusercontent.com/modules/x2K2C27rpKmSebdilWAP/YgtU1gj9Ro1Zl4nV63gm/sHvAQS1xC.js"],"sourcesContent":["// Generated by Framer (a050651)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"GF;Geist-regular\",\"GF;Geist-700\",\"GF;Geist-700italic\",\"GF;Geist-italic\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Geist\",openType:true,source:\"google\",style:\"normal\",uiFamilyName:\"Geist\",url:\"https://fonts.gstatic.com/s/geist/v5/gyBhhwUxId8gMGYQMKR3pzfaWI_RnOM4mJPby1QNtA.woff2\",weight:\"400\"},{cssFamilyName:\"Geist\",openType:true,source:\"google\",style:\"normal\",uiFamilyName:\"Geist\",url:\"https://fonts.gstatic.com/s/geist/v5/gyBhhwUxId8gMGYQMKR3pzfaWI_Re-Q4mJPby1QNtA.woff2\",weight:\"700\"},{cssFamilyName:\"Geist\",openType:true,source:\"google\",style:\"italic\",uiFamilyName:\"Geist\",url:\"https://fonts.gstatic.com/s/geist/v5/gyBjhwUxId8gMEwZAluvzlxA9ojEVKA32Zna6VEdtKCL.woff2\",weight:\"700\"},{cssFamilyName:\"Geist\",openType:true,source:\"google\",style:\"italic\",uiFamilyName:\"Geist\",url:\"https://fonts.gstatic.com/s/geist/v5/gyBjhwUxId8gMEwZAluvzlxA9ojEVKDQ3pna6VEdtKCL.woff2\",weight:\"400\"}]}];export const css=['.framer-q6SYA .framer-styles-preset-1n5xr8z:not(.rich-text-wrapper), .framer-q6SYA .framer-styles-preset-1n5xr8z.rich-text-wrapper p { --framer-font-family: \"Geist\", \"Geist Placeholder\", sans-serif; --framer-font-family-bold: \"Geist\", \"Geist Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Geist\", \"Geist Placeholder\", sans-serif; --framer-font-family-italic: \"Geist\", \"Geist Placeholder\", sans-serif; --framer-font-open-type-features: \\'blwf\\' on, \\'cv03\\' on, \\'cv04\\' on, \\'cv09\\' on, \\'cv11\\' on; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: var(--token-b7b21d71-543c-478a-9953-b70cd2644e5c); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }'];export const className=\"framer-q6SYA\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Swap Title\n// A page title that changes letter by letter when you move between pages.\n// Place one on every page in the same position and set its Text per page.\n// It remembers the previous page's title, staggers those letters out, then\n// staggers the new ones in. No routing hooks: it only relies on being mounted.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState,startTransition}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";// Shared by every Swap Title on the site for as long as the visitor stays.\nlet previousText=null;function prefersReducedMotion(){if(typeof window===\"undefined\")return true;return window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;}/**\n * Swap Title\n *\n * @framerIntrinsicWidth 300\n * @framerIntrinsicHeight 50\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function SwapTitle(props){const{text=\"Noa Hartwell\",tag=\"h1\",font,color=\"#111112\",delay=.2,duration=.22,stagger=.014,blur=6,style}=props;const isStatic=useIsStaticRenderer();// On a hard page load there is no previous title, so the server and the\n// browser both render the final text and nothing animates.\nconst[phase,setPhase]=useState(()=>{const canSwap=!isStatic&&previousText!==null&&previousText!==text&&!prefersReducedMotion();return canSwap?\"out\":\"idle\";});const[shown,setShown]=useState(()=>phase===\"out\"&&previousText!==null?previousText:text);// False = letters sit in their hidden pose, true = letters are visible.\nconst[settled,setSettled]=useState(phase!==\"in\");const outgoing=previousText??text;// Keep long titles quick: the whole stagger never takes more than 0.3s.\nconst step=count=>Math.min(stagger,.3/Math.max(1,count));useEffect(()=>{if(typeof window===\"undefined\")return;const timers=[];if(phase===\"out\"){const count=outgoing.length;// After the delay (so a page transition can finish first), send\n// the old letters to their hidden pose.\ntimers.push(window.setTimeout(()=>startTransition(()=>setSettled(false)),delay*1e3));timers.push(window.setTimeout(()=>{startTransition(()=>{setShown(text);setPhase(\"in\");});},(delay+duration+step(count)*count)*1e3+30));}else if(phase===\"in\"){// Give the hidden pose a moment to paint, then reveal. Timers are\n// used instead of animation frames because frames can be held\n// back while the browser runs a page transition.\ntimers.push(window.setTimeout(()=>startTransition(()=>setSettled(true)),40));timers.push(window.setTimeout(()=>startTransition(()=>{setSettled(true);setPhase(\"idle\");}),(duration+step(text.length)*text.length)*1e3+120));}else if(shown!==text||!settled){// The text was edited while idle, or a reveal was interrupted.\nstartTransition(()=>{setShown(text);setSettled(true);});}previousText=text;return()=>{timers.forEach(timer=>window.clearTimeout(timer));};},[phase,text]);const Tag=tag;const isFixedWidth=style?.width===\"100%\";const animated=phase!==\"idle\";// Idle text is always visible, whatever happened during the swap.\nconst visible=phase===\"idle\"||settled;const direction=phase===\"out\"?-1:1;const words=shown.split(\" \");const delayStep=step(shown.length);let letterIndex=0;return /*#__PURE__*/_jsx(Tag,{\"aria-label\":text,style:{...style,...font,color,margin:0,position:\"relative\",...isFixedWidth?{}:{width:\"max-content\"}},children:/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",children:words.map((word,wordIndex)=>/*#__PURE__*/_jsxs(\"span\",{children:[/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",whiteSpace:\"nowrap\"},children:word.split(\"\").map((letter,index)=>{const delay=delayStep*letterIndex;letterIndex+=1;return /*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",opacity:visible?1:0,filter:animated&&!visible?`blur(${blur}px)`:\"none\",transform:visible?\"none\":`translateY(${.18*direction}em)`,transition:animated?`opacity ${duration}s ease ${delay}s, filter ${duration}s ease ${delay}s, transform ${duration}s ease ${delay}s`:\"none\",willChange:animated?\"opacity, filter, transform\":\"auto\"},children:letter},index);})}),wordIndex