50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T5873,'use client'; import { useEffect, useId, useLayoutEffect, useRef, useState } from 'react'; import { HugeiconsIcon } from '@hugeicons/react'; import { ArrowUpRight01Icon } from '@hugeicons/core-free-icons'; const THEMES = { dark: { '--cn-panel': 'rgba(38, 35, 46, 0.72)', '--cn-solid': '#26232e', '--cn-edge': 'rgba(255, 255, 255, 0.08)', '--cn-highlight': 'rgba(255, 255, 255, 0.07)', '--cn-shadow': '0 24px 48px -20px rgba(0, 0, 0, 0.8), 0 6px 16px -8px rgba(0, 0, 0, 0.5)', '--cn-text': '#f4f4f5', '--cn-muted': 'rgba(244, 244, 245, 0.56)', '--cn-hover': 'rgba(255, 255, 255, 0.06)', '--cn-ring': 'rgba(244, 244, 245, 0.55)', '--cn-tile': 'linear-gradient(180deg, #34303d 0%, #27242f 100%)', '--cn-tile-rim': 'inset 0 0 0 1px rgba(255, 255, 255, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 10px -4px rgba(0, 0, 0, 0.6)', '--cn-cta': 'linear-gradient(180deg, #ffffff 0%, #ebebf0 100%)', '--cn-cta-ink': '#121016', '--cn-cta-shadow': 'inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 6px 16px -6px rgba(0, 0, 0, 0.6)', '--cn-cta-hover': 'brightness(0.94)' }, light: { '--cn-panel': 'rgba(244, 244, 246, 0.84)', '--cn-solid': '#f4f4f6', '--cn-edge': 'rgba(24, 24, 27, 0.07)', '--cn-highlight': 'rgba(255, 255, 255, 0.95)', '--cn-shadow': '0 24px 48px -24px rgba(24, 24, 27, 0.3), 0 6px 16px -10px rgba(24, 24, 27, 0.16)', '--cn-text': '#18181b', '--cn-muted': 'rgba(24, 24, 27, 0.56)', '--cn-hover': 'rgba(24, 24, 27, 0.05)', '--cn-ring': 'rgba(24, 24, 27, 0.45)', '--cn-tile': 'linear-gradient(180deg, #ffffff 0%, #f8f8fa 100%)', '--cn-tile-rim': 'inset 0 0 0 1px rgba(24, 24, 27, 0.07), inset 0 1px 0 rgba(255, 255, 255, 1), 0 4px 10px -5px rgba(24, 24, 27, 0.22)', '--cn-cta': 'linear-gradient(180deg, #2c2c31 0%, #18181b 100%)', '--cn-cta-ink': '#ffffff', '--cn-cta-shadow': 'inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 6px 14px -6px rgba(24, 24, 27, 0.45)', '--cn-cta-hover': 'brightness(1.25)' } }; const ROOT = 'group/cn relative mx-auto h-[var(--cn-bar)] w-full max-w-[var(--cn-max)] text-[14px] leading-[1.4] [-webkit-tap-highlight-color:transparent]'; const PANEL = 'absolute inset-x-0 top-0 z-10 h-[var(--cn-bar)] overflow-hidden rounded-[var(--cn-radius)] [background:var(--cn-panel)] [box-shadow:var(--cn-shadow)] [-webkit-backdrop-filter:var(--cn-blur)] [backdrop-filter:var(--cn-blur)]'; const RIM = 'pointer-events-none absolute inset-0 z-[3] rounded-[inherit] [box-shadow:inset_0_0_0_1px_var(--cn-edge),inset_0_1px_0_var(--cn-highlight)]'; const BAR = 'relative z-[2] box-border grid h-[var(--cn-bar)] grid-cols-[1fr_auto_1fr] items-center px-[var(--cn-inset)] group-data-[narrow]/cn:grid-cols-[auto_1fr_auto]'; const MENU = 'inline-flex h-[calc(var(--cn-bar)_-_var(--cn-inset)*2)] cursor-pointer items-center gap-[10px] justify-self-start rounded-[calc(var(--cn-radius)_-_var(--cn-inset))] border-0 pl-[16px] pr-[14px] [background:none] [font-family:inherit] [font-size:inherit] font-medium text-[var(--cn-text)] outline-none transition-[background-color] duration-200 ease-[ease] hover:[background:var(--cn-hover)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--cn-ring)] data-[icon-only]:w-[calc(var(--cn-bar)_-_var(--cn-inset)*2)] data-[icon-only]:justify-center data-[icon-only]:p-0 group-data-[narrow]/cn:col-[3] group-data-[narrow]/cn:row-[1] group-data-[narrow]/cn:justify-self-end'; const BURGER = 'relative h-[12px] w-[18px]'; const LINE_TOP = 'absolute left-0 top-[2.25px] h-[1.5px] w-full rounded-[2px] bg-current transition-[top,rotate] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[open]/cn:top-[5.25px] group-data-[open]/cn:rotate-45 motion-reduce:transition-none'; const LINE_BOTTOM = 'absolute left-0 top-[8.25px] h-[1.5px] w-full rounded-[2px] bg-current transition-[top,rotate] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[open]/cn:top-[5.25px] group-data-[open]/cn:-rotate-45 motion-reduce:transition-none'; const MENU_LABEL = 'relative inline-grid overflow-hidden'; const WORD_OPEN = '[grid-area:1/1] transition-transform duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[open]/cn:-translate-y-[110%] motion-reduce:transition-none'; const WORD_CLOSE = '[grid-area:1/1] translate-y-[110%] transition-transform duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[open]/cn:translate-y-0 motion-reduce:transition-none'; const LOGO = 'inline-flex h-[var(--cn-logo)] items-center justify-self-center text-[var(--cn-text)] no-underline outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--cn-ring)] [&_img]:block [&_img]:h-full [&_img]:w-auto [&_svg]:block [&_svg]:h-full [&_svg]:w-auto group-data-[narrow]/cn:col-[1] group-data-[narrow]/cn:row-[1] group-data-[narrow]/cn:justify-self-start group-data-[narrow]/cn:pl-[14px]'; const CTA = 'inline-flex h-[calc(var(--cn-bar)_-_var(--cn-inset)*2)] justify-self-end cursor-pointer items-center justify-center whitespace-nowrap rounded-[calc(var(--cn-radius)_-_var(--cn-inset))] border-0 px-[16px] [background:var(--cn-cta)] [box-shadow:var(--cn-cta-shadow)] [font-family:inherit] [font-size:inherit] font-semibold text-[var(--cn-cta-ink)] no-underline outline-none transition-[filter] duration-200 ease-[ease] hover:[filter:var(--cn-cta-hover)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--cn-ring)]'; const CTA_WIDE = 'flex h-[44px] w-full cursor-pointer items-center justify-center whitespace-nowrap rounded-[calc(var(--cn-radius)_-_var(--cn-inset))] border-0 px-[16px] [background:var(--cn-cta)] [box-shadow:var(--cn-cta-shadow)] [font-family:inherit] [font-size:inherit] font-semibold text-[var(--cn-cta-ink)] no-underline outline-none transition-[filter] duration-200 ease-[ease] hover:[filter:var(--cn-cta-hover)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--cn-ring)]'; const CONTENT = 'invisible absolute inset-x-0 top-[var(--cn-bar)] box-border flex flex-col gap-[var(--cn-gap)] px-[var(--cn-inset)] pb-[var(--cn-inset)] [perspective:900px] group-data-[shown]/cn:visible'; const CARDS = 'flex gap-[var(--cn-gap)] group-data-[narrow]/cn:flex-col'; const CARD = 'group/card relative box-border flex min-h-[var(--cn-card)] min-w-0 flex-[1_1_0] origin-top flex-col gap-[18px] rounded-[calc(var(--cn-radius)_-_var(--cn-inset))] px-[16px] pb-[14px] pt-[16px] [background:var(--cn-tile)] [box-shadow:var(--cn-tile-rim)] text-[var(--cn-text)] will-change-[transform,opacity] data-[tinted]:[box-shadow:inset_0_1px_0_rgba(255,255,255,0.16),0_4px_10px_-4px_rgba(0,0,0,0.45)] group-data-[narrow]/cn:min-h-0 group-data-[narrow]/cn:flex-none group-data-[narrow]/cn:gap-[10px] group-data-[narrow]/cn:px-[14px] group-data-[narrow]/cn:pb-[12px] group-data-[narrow]/cn:pt-[14px]'; const CARD_HEAD = 'flex flex-col gap-[4px]'; const LABEL = 'text-[17px] font-semibold tracking-[-0.015em]'; const DESCRIPTION = 'm-0 text-[13px] leading-[1.45] text-[var(--cn-muted)] group-data-[tinted]/card:text-inherit group-data-[tinted]/card:opacity-70'; const LINKS = 'm-0 mt-auto flex list-none flex-col gap-[2px] p-0 group-data-[narrow]/cn:flex-row group-data-[narrow]/cn:flex-wrap group-data-[narrow]/cn:gap-x-[16px] group-data-[narrow]/cn:gap-y-[2px]'; const LINK = 'group/link inline-flex cursor-pointer items-center gap-[8px] rounded-[6px] border-0 px-0 py-[3px] [background:none] [font-family:inherit] text-[14px] font-medium text-inherit no-underline opacity-[0.82] outline-none transition-opacity duration-200 ease-[ease] hover:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--cn-ring)]'; const ARROW = 'relative inline-block h-[14px] w-[14px] flex-none overflow-hidden'; const ARROW_OUT = 'absolute inset-0 h-full w-full transition-transform duration-[450ms] ease-[cubic-bezier(0.22,1,0.36,1)] group-hover/link:translate-x-[110%] group-hover/link:-translate-y-[110%] group-focus-visible/link:translate-x-[110%] group-focus-visible/link:-translate-y-[110%] motion-reduce:transition-none'; const ARROW_IN = 'absolute inset-0 h-full w-full -translate-x-[110%] translate-y-[110%] transition-transform duration-[450ms] ease-[cubic-bezier(0.22,1,0.36,1)] group-hover/link:translate-x-0 group-hover/link:translate-y-0 group-focus-visible/link:translate-x-0 group-focus-visible/link:translate-y-0 motion-reduce:transition-none'; const DEFAULT_ITEMS = [ { label: 'About', description: 'The people and the story behind the studio.', links: [ { label: 'Company', href: '#' }, { label: 'Careers', href: '#' } ] }, { label: 'Projects', description: 'Selected work from the last few years.', links: [ { label: 'Featured', href: '#' }, { label: 'Case studies', href: '#' } ] }, { label: 'Contact', description: 'Say hello, we read everything.', links: [ { label: 'Email', href: '#' }, { label: 'X', href: '#' }, { label: 'LinkedIn', href: '#' } ] } ]; const NARROW = 560; const EASE_OUT = 'cubic-bezier(0.22, 1, 0.36, 1)'; const clamp = (value, min, max) => Math.min(max, Math.max(min, value)); const easeOut = t => 1 - (1 - t) ** 3; const contrastInk = color => { const hex = String(color || '') .trim() .replace('#', ''); if (!/^([0-9a-f]{3}|[0-9a-f]{6})$/i.test(hex)) return null; const full = hex.length === 3 ? hex .split('') .map(c => c + c) .join('') : hex; const channel = index => { const value = parseInt(full.slice(index, index + 2), 16) / 255; return value <= 0.04045 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4; }; const luminance = 0.2126 * channel(0) + 0.7152 * channel(2) + 0.0722 * channel(4); return luminance > 0.36 ? '#121016' : '#ffffff'; }; const CardNav = ({ logo, logoAlt = 'Logo', logoHref = '#', items = DEFAULT_ITEMS, cta, theme = 'dark', surface = 'glass', openOn = 'click', cardEffect = 'rise', stagger = 0.12, bounce = 0.2, speed = 1, cardHeight = 176, maxWidth = 800, accentColor, menuLabel = true, intro = true, defaultOpen = false, open: openProp, onOpenChange, linkComponent: LinkComponent = 'a', onLinkClick, ariaLabel = 'Main', className = '', style }) => { const contentId = useId(); const rootRef = useRef(null); const panelRef = useRef(null); const contentRef = useRef(null); const menuRef = useRef(null); const cardRefs = useRef([]); const engineRef = useRef(null); const leaveRef = useRef(0); const barRef = useRef(null); const introRef = useRef(intro); const [openState, setOpenState] = useState(defaultOpen); const [narrow, setNarrow] = useState(false); const [shown, setShown] = useState(defaultOpen); const controlled = openProp !== undefined; const hasCta = Boolean(cta); const open = controlled ? openProp : openState; const settings = { open, cardEffect, stagger: clamp(stagger, 0, 0.3), bounce: clamp(bounce, 0, 1), speed: clamp(speed, 0.2, 3) }; const settingsRef = useRef(settings); settingsRef.current = settings; const palette = THEMES[theme] ?? THEMES.dark; const vars = { ...palette, '--cn-max': `${maxWidth}px`, '--cn-bar': '60px', '--cn-inset': '8px', '--cn-gap': '8px', '--cn-radius': '18px', '--cn-logo': '24px', '--cn-card': `${cardHeight}px` }; if (surface === 'glass') vars['--cn-blur'] = 'blur(20px) saturate(1.6)'; if (surface === 'solid') { vars['--cn-panel'] = palette['--cn-solid']; vars['--cn-blur'] = 'none'; } if (accentColor) { vars['--cn-cta'] = accentColor; vars['--cn-cta-ink'] = contrastInk(accentColor) || '#ffffff'; vars['--cn-cta-shadow'] = 'inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 6px 16px -6px rgba(0, 0, 0, 0.45)'; vars['--cn-cta-hover'] = 'brightness(1.08)'; } const setOpen = next => { if (next === open) return; if (!controlled) setOpenState(next); onOpenChange?.(next); }; const setOpenRef = useRef(setOpen); setOpenRef.current = setOpen; useEffect(() => { const panel = panelRef.current; const content = contentRef.current; if (!panel || !content) return undefined; const reduce = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false; const state = { p: settingsRef.current.open ? 1 : 0, v: 0, height: content.offsetHeight, bar: 60 }; let raf = 0; let last = 0; const render = () => { const s = settingsRef.current; state.bar = parseFloat(getComputedStyle(panel).getPropertyValue('--cn-bar')) || 60; panel.style.height = `${state.bar + Math.max(0, state.p) * state.height}px`; const cards = cardRefs.current.filter(Boolean); const count = cards.length; const lag = count > 1 ? Math.min(s.stagger, 0.7 / (count - 1)) : 0; const span = 1 - lag * (count - 1); cards.forEach((card, index) => { const local = clamp((state.p - index * lag) / Math.max(span, 0.05), 0, 1); const e = easeOut(local); if (s.cardEffect === 'unfold') { card.style.transform = `translateY(${(1 - e) * -10}px) rotateX(${(1 - e) * -72}deg)`; card.style.opacity = `${clamp(local * 1.8, 0, 1)}`; card.style.filter = ''; } else if (s.cardEffect === 'fade') { card.style.transform = `translateY(${(1 - e) * 6}px)`; card.style.opacity = `${e}`; card.style.filter = e < 0.999 ? `blur(${(1 - e) * 6}px)` : ''; } else { card.style.transform = `translateY(${(1 - e) * 26}px) scale(${0.97 + 0.03 * e})`; card.style.opacity = `${e}`; card.style.filter = ''; } }); }; const tick = now => { raf = 0; const s = settingsRef.current; const dt = last ? Math.min(0.05, (now - last) / 1000) : 1 / 60; last = now; const target = s.open ? 1 : 0; if (reduce) { state.p = target; state.v = 0; } else { const k = 160 * s.speed * s.speed; const zeta = s.open ? 1 - 0.68 * s.bounce : 1; const steps = Math.ceil(dt / (1 / 240)); const h = dt / steps; for (let i = 0; i < steps; i++) { state.v += (-k * (state.p - target) - 2 * zeta * Math.sqrt(k) * state.v) * h; state.p += state.v * h; } } const done = Math.abs(state.p - target) < 0.0005 && Math.abs(state.v) < 0.002; if (done) { state.p = target; state.v = 0; } render(); if (done && target === 0) setShown(false); if (!done) raf = requestAnimationFrame(tick); }; const wake = () => { if (!raf) { last = 0; raf = requestAnimationFrame(tick); } }; engineRef.current = { wake, refresh: () => { state.height = content.offsetHeight; render(); } }; render(); const observer = new ResizeObserver(() => { state.height = content.offsetHeight; render(); }); observer.observe(content); return () => { cancelAnimationFrame(raf); observer.disconnect(); engineRef.current = null; }; }, [items.length, hasCta, narrow]); useLayoutEffect(() => { if (open) setShown(true); engineRef.current?.refresh(); engineRef.current?.wake(); }, [open]); useEffect(() => { engineRef.current?.refresh(); }); useLayoutEffect(() => { const root = rootRef.current; if (!root) return undefined; const measure = () => setNarrow(root.offsetWidth < NARROW); measure(); const observer = new ResizeObserver(measure); observer.observe(root); return () => observer.disconnect(); }, []); useEffect(() => { if (!open) return undefined; const onPointerDown = event => { const target = event.target; if (target instanceof Node && rootRef.current?.contains(target)) return; setOpenRef.current(false); }; const onKeyDown = event => { if (event.key !== 'Escape') return; setOpenRef.current(false); menuRef.current?.focus(); }; document.addEventListener('pointerdown', onPointerDown); document.addEventListener('keydown', onKeyDown); return () => { document.removeEventListener('pointerdown', onPointerDown); document.removeEventListener('keydown', onKeyDown); }; }, [open]); useEffect(() => () => window.clearTimeout(leaveRef.current), []); useLayoutEffect(() => { const panel = panelRef.current; const bar = barRef.current; if (!panel || !bar || !introRef.current) return; introRef.current = false; if (window.matchMedia?.('(prefers-reduced-motion: reduce)').matches) return; const width = panel.offsetWidth; const height = panel.offsetHeight; const radius = parseFloat(getComputedStyle(panel).borderTopLeftRadius) || 18; panel.animate( [ { clipPath: `inset(0px ${Math.max(0, (width - height) / 2)}px round ${height / 2}px)`, opacity: 0 }, { clipPath: `inset(0px 0px round ${radius}px)`, opacity: 1 } ], { duration: 820, easing: EASE_OUT, fill: 'backwards' } ); Array.from(bar.children).forEach((child, index) => { child.animate( [ { opacity: 0, transform: 'translateY(8px)' }, { opacity: 1, transform: 'translateY(0)' } ], { duration: 560, delay: 220 + index * 70, easing: EASE_OUT, fill: 'backwards' } ); }); }, []); const hover = openOn === 'hover'; const onPointerEnter = event => { if (!hover || event.pointerType === 'touch') return; window.clearTimeout(leaveRef.current); setOpen(true); }; const onPointerLeave = event => { if (!hover || event.pointerType === 'touch') return; window.clearTimeout(leaveRef.current); leaveRef.current = window.setTimeout(() => setOpenRef.current(false), 160); }; const anchor = (target, props, children) => { if (!target.href) { return ( ); } return ( {children} ); }; const ctaButton = (target, wide) => anchor( target, { className: wide ? CTA_WIDE : CTA, tabIndex: wide && !open ? -1 : undefined, onClick: event => { target.onClick?.(event); if (wide) setOpen(false); } }, target.label ); return (

{logo && ( {typeof logo === 'string' ?

: logo} )} {cta && !narrow && ctaButton(cta, false)}

{items.map((item, index) => (

{ cardRefs.current[index] = element; }} className={CARD} data-tinted={item.bgColor ? '' : undefined} style={item.bgColor ? { background: item.bgColor, color: item.textColor } : undefined} >

{item.label} {item.description &&

{item.description}

}

{anchor( link, { className: LINK, 'aria-label': link.ariaLabel, tabIndex: open ? undefined : -1, onClick: event => { onLinkClick?.(link, item, event); setOpen(false); } }, <> {link.label} )}

))}

{cta && narrow && (

{ cardRefs.current[items.length] = element; }} > {ctaButton(cta, true)}

)}

); }; export default CardNav; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@hugeicons/react@^1.1.10",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40hugeicons%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@hugeicons/react@^1.1.10"}]]}]}],["$","li","@hugeicons/core-free-icons@^4.3.3",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40hugeicons%2Fcore-free-icons","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@hugeicons/core-free-icons@^4.3.3"}]]}]}]]}],["$","$L50",null,{"namespace":"@react-bits","registryDependencies":[]}]]}],null]}],["$","$L51",null,{"files":[{"path":"CardNav/CardNav.jsx","content":"$52","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]