{"version":3,"file":"shared-lib.DZFUI77s.mjs","names":["useState","useMemo","_Fragment","useRef"],"sources":["https:/framerusercontent.com/modules/Akf3MdDZpOWKPqIYdIEj/YhOrlCz7ppxZxM6x1RFa/GlassMenu.js","https:/framerusercontent.com/modules/rr8XK9er9dkhNpq6OIlb/QtOGTi41CiF2HlwYplLm/siteMetadata.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect,useMemo,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";// Resolves any valid CSS color string (hex, rgb, rgba, hsl, named, etc.)\n// to its {r,g,b,a} components by letting the browser do the parsing.\nfunction resolveColor(colorStr){if(typeof document===\"undefined\")return{r:0,g:0,b:0,a:1};const el=document.createElement(\"div\");el.style.color=colorStr;document.body.appendChild(el);const computed=getComputedStyle(el).color;document.body.removeChild(el);const match=computed.match(/rgba?\\(([^)]+)\\)/);if(!match)return{r:0,g:0,b:0,a:1};const parts=match[1].split(\",\").map(s=>parseFloat(s.trim()));return{r:parts[0],g:parts[1],b:parts[2],a:parts.length>3?parts[3]:1};}// Takes the hue/saturation/lightness from `colorStr` but forces a\n// specific alpha — used so swapping colors for the active page keeps\n// each slot's own original transparency instead of carrying over the\n// other color's alpha along with its hue.\nfunction withAlpha(colorStr,alpha){const{r,g,b}=resolveColor(colorStr);return`rgba(${r}, ${g}, ${b}, ${alpha})`;}// Detects graphics acceleration the same way as GradientBackground, but\n// with the opposite intent: here we WANT to know if it's off, since\n// that's what decides which color set to use. Passing\n// failIfMajorPerformanceCaveat: true makes context creation fail\n// whenever only a software (unaccelerated) renderer is available —\n// exactly the signal we need. A browser with real GPU acceleration\n// still gets a context; one running in software mode (or with\n// acceleration disabled in settings) does not.\nfunction isGraphicsAccelerated(){if(typeof document===\"undefined\")return true;try{const canvas=document.createElement(\"canvas\");const gl=canvas.getContext(\"webgl\",{failIfMajorPerformanceCaveat:true})||canvas.getContext(\"experimental-webgl\",{failIfMajorPerformanceCaveat:true});return!!gl;}catch{return false;}}// Tracks whether the viewport is narrower than `breakpoint`, updating\n// live on resize/rotation — this drives the hamburger vs. full-menu\n// switch, independent of whatever breakpoint the Framer frame itself\n// happens to be previewed at.\nfunction useIsMobile(breakpoint){const[isMobile,setIsMobile]=useState(false);useEffect(()=>{if(typeof window===\"undefined\")return;const check=()=>setIsMobile(window.innerWidth{window.removeEventListener(\"resize\",check);window.removeEventListener(\"orientationchange\",check);};},[breakpoint]);return isMobile;}// Tracks the current page path live (updates on browser back/forward),\n// shared by both the desktop items and the mobile dropdown rows so\n// whichever one matches the current page can highlight itself.\nfunction useCurrentPath(){const[path,setPath]=useState(\"\");useEffect(()=>{const update=()=>setPath(window.location.pathname);update();window.addEventListener(\"popstate\",update);return()=>window.removeEventListener(\"popstate\",update);},[]);return path;}// item.link may resolve to a bare path (\"/about\") or a full URL\n// depending on how it was picked — extract just the path either way,\n// and only treat it as a match if it's the same origin (so an external\n// link that happens to share a path string can't falsely light up as\n// \"active\").\nfunction isLinkActive(link,currentPath){if(!link||typeof window===\"undefined\")return false;const normalize=p=>!p?\"\":p.length>1&&p.endsWith(\"/\")?p.slice(0,-1):p;try{const url=new URL(link,window.location.origin);return url.origin===window.location.origin&&normalize(url.pathname)===normalize(currentPath);}catch{return false;}}/**\n * A liquid-glass menu — translucent color-mix background, a plain\n * backdrop-filter blur, a cursor-tracking specular highlight per item,\n * and a subtle elastic scale on hover.\n *\n * Blur radius is intentionally small: a wide blur fully averages out a\n * fine, closely-spaced dot pattern into a flat wash (basic signal\n * processing — the blur radius exceeds the pattern's repeat spacing),\n * which reads as \"no blur.\" A tighter radius keeps individual dots\n * visibly soft instead of erasing them.\n *\n * On viewers without graphics acceleration, the glass tint and text\n * swap to their own separate \"Fallback\" colors — tune these to match\n * whatever the background looks like in that same no-acceleration case\n * (e.g. GradientBackground's static fallback), since the normal tint\n * was chosen against the animated background, not the static one.\n *\n * Below \"Mobile Breakpoint\" (viewport width, not this frame's own\n * width), the desktop item list is replaced entirely by a different\n * layout: a glass brand-label pill on the left, a circular glass\n * plus/close toggle on the right, and — once opened — a single glass\n * panel below holding all the items as plain rows (an arrow per row,\n * a divider between them). The glass effect wraps the whole panel as\n * one shape here rather than each item individually, unlike the\n * desktop version.\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function GlassMenu(props){const{items,textColor,glassTint,blurAmount,shadowEnabled,shadowSize,shadowHardness,shadowDirection,fallbackTextColor,fallbackGlassTint,mobileBreakpoint,displayMode,desktopSettings,mobileSettings}=props;const[accelerated,setAccelerated]=useState(true);useEffect(()=>{setAccelerated(isGraphicsAccelerated());},[]);// Framer commonly keeps every breakpoint's copy of a component in\n// the live page's DOM at once (hiding the non-matching ones with\n// CSS, not by not rendering them). If two GlassMenu instances on\n// the same page both used the plain class name \"glassmenu-item\",\n// their