@fragments-sdk/ui 0.9.6 → 0.10.0

package/dist/components/Listbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Listbox/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Listbox.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ListboxProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface ListboxItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  children: React.ReactNode;\n  /** Whether this item is currently selected/highlighted */\n  selected?: boolean;\n  /** Whether this item is disabled */\n  disabled?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nexport interface ListboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Group label */\n  label?: string;\n}\n\nexport interface ListboxEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\ninterface ListboxContextValue {\n  activeId: string | null;\n  setActiveId: (id: string | null) => void;\n}\n\nconst ListboxContext = React.createContext<ListboxContextValue | null>(null);\n\n// ============================================\n// Components\n// ============================================\n\nfunction ListboxRoot({\n  children,\n  className,\n  style,\n  'aria-label': ariaLabel,\n  tabIndex,\n  onKeyDown,\n  onFocus,\n  ...htmlProps\n}: ListboxProps) {\n  const classes = [styles.listbox, className].filter(Boolean).join(' ');\n  const listboxRef = React.useRef<HTMLDivElement>(null);\n  const [activeId, setActiveId] = React.useState<string | null>(null);\n\n  const getEnabledOptions = React.useCallback(() => {\n    const listbox = listboxRef.current;\n    if (!listbox) return [] as HTMLDivElement[];\n\n    return Array.from(\n      listbox.querySelectorAll<HTMLDivElement>('[role=\"option\"]')\n    ).filter((option) => option.getAttribute('aria-disabled') !== 'true');\n  }, []);\n\n  const moveActive = React.useCallback(\n    (direction: 'next' | 'prev' | 'first' | 'last') => {\n      const options = getEnabledOptions();\n      if (options.length === 0) return;\n\n      if (direction === 'first') {\n        setActiveId(options[0].id);\n        return;\n      }\n\n      if (direction === 'last') {\n        setActiveId(options[options.length - 1].id);\n        return;\n      }\n\n      const currentIndex = activeId\n        ? options.findIndex((option) => option.id === activeId)\n        : -1;\n\n      if (direction === 'next') {\n        const nextIndex = currentIndex < 0 ? 0 : (currentIndex + 1) % options.length;\n        setActiveId(options[nextIndex].id);\n      } else {\n        const prevIndex = currentIndex < 0\n          ? options.length - 1\n          : (currentIndex - 1 + options.length) % options.length;\n        setActiveId(options[prevIndex].id);\n      }\n    },\n    [activeId, getEnabledOptions]\n  );\n\n  React.useEffect(() => {\n    if (!activeId) return;\n    const listbox = listboxRef.current;\n    if (!listbox) return;\n\n    const escapedId = typeof CSS !== 'undefined' && typeof CSS.escape === 'function'\n      ? CSS.escape(activeId)\n      : activeId.replace(/[\"\\\\]/g, '\\\\$&');\n    const activeOption = listbox.querySelector<HTMLElement>(`#${escapedId}`);\n    if (!activeOption) return;\n\n    const frame = window.requestAnimationFrame(() => {\n      activeOption.scrollIntoView({ block: 'nearest' });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(frame);\n    };\n  }, [activeId]);\n\n  const selectActiveItem = React.useCallback(() => {\n    if (!activeId) return;\n    const listbox = listboxRef.current;\n    if (!listbox) return;\n\n    const escapedId = typeof CSS !== 'undefined' && typeof CSS.escape === 'function'\n      ? CSS.escape(activeId)\n      : activeId.replace(/[\"\\\\]/g, '\\\\$&');\n    const activeOption = listbox.querySelector<HTMLElement>(`#${escapedId}`);\n    if (activeOption && activeOption.getAttribute('aria-disabled') !== 'true') {\n      activeOption.click();\n    }\n  }, [activeId]);\n\n  const setDefaultActiveIfNeeded = React.useCallback(() => {\n    if (activeId) return;\n    const options = getEnabledOptions();\n    if (options.length === 0) return;\n\n    const selectedOption = options.find((option) => option.getAttribute('aria-selected') === 'true');\n    setActiveId((selectedOption ?? options[0]).id);\n  }, [activeId, getEnabledOptions]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        moveActive('next');\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        moveActive('prev');\n        break;\n      case 'Home':\n        event.preventDefault();\n        moveActive('first');\n        break;\n      case 'End':\n        event.preventDefault();\n        moveActive('last');\n        break;\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        selectActiveItem();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    setDefaultActiveIfNeeded();\n    onFocus?.(event);\n  };\n\n  const contextValue = React.useMemo<ListboxContextValue>(\n    () => ({\n      activeId,\n      setActiveId,\n    }),\n    [activeId]\n  );\n\n  return (\n    <ListboxContext.Provider value={contextValue}>\n      <div\n        ref={listboxRef}\n        {...htmlProps}\n        role=\"listbox\"\n        aria-label={ariaLabel}\n        aria-activedescendant={activeId ?? undefined}\n        tabIndex={tabIndex ?? 0}\n        className={classes}\n        style={style}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n      >\n        {children}\n      </div>\n    </ListboxContext.Provider>\n  );\n}\n\nfunction ListboxItem({\n  children,\n  selected = false,\n  disabled = false,\n  onClick,\n  onMouseEnter,\n  className,\n  style,\n  ...htmlProps\n}: ListboxItemProps) {\n  const context = React.useContext(ListboxContext);\n  const generatedId = React.useId();\n  const itemId = (htmlProps.id as string | undefined) ?? `listbox-item-${generatedId}`;\n  const classes = [\n    styles.item,\n    selected && styles.itemSelected,\n    disabled && styles.itemDisabled,\n    context?.activeId === itemId && styles.itemActive,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!disabled) {\n      context?.setActiveId(itemId);\n    }\n    onMouseEnter?.(event);\n  };\n\n  return (\n    <div\n      {...htmlProps}\n      id={itemId}\n      role=\"option\"\n      aria-selected={selected}\n      aria-disabled={disabled}\n      data-active={context?.activeId === itemId || undefined}\n      onClick={disabled ? undefined : onClick}\n      onMouseEnter={handleMouseEnter}\n      className={classes}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction ListboxGroup({ children, label, className, ...htmlProps }: ListboxGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  const labelId = React.useId();\n\n  return (\n    <div\n      {...htmlProps}\n      role=\"group\"\n      aria-labelledby={label ? labelId : undefined}\n      className={classes}\n    >\n      {label && <div id={labelId} className={styles.groupLabel}>{label}</div>}\n      {children}\n    </div>\n  );\n}\n\nfunction ListboxEmpty({ children, className, ...htmlProps }: ListboxEmptyProps) {\n  const classes = [styles.empty, className].filter(Boolean).join(' ');\n  return (\n    <div\n      {...htmlProps}\n      role=\"option\"\n      aria-disabled=\"true\"\n      aria-selected=\"false\"\n      className={classes}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Listbox = Object.assign(ListboxRoot, {\n  Item: ListboxItem,\n  Group: ListboxGroup,\n  Empty: ListboxEmpty,\n});\n\n// Re-export individual components\nexport { ListboxRoot, ListboxItem, ListboxGroup, ListboxEmpty };\n"],"names":[],"mappings":";;;AAsCA,MAAM,iBAAiB,MAAM,cAA0C,IAAI;AAM3E,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiB;AACf,QAAM,UAAU,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACpE,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAwB,IAAI;AAElE,QAAM,oBAAoB,MAAM,YAAY,MAAM;AAChD,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,QAAS,QAAO,CAAA;AAErB,WAAO,MAAM;AAAA,MACX,QAAQ,iBAAiC,iBAAiB;AAAA,IAAA,EAC1D,OAAO,CAAC,WAAW,OAAO,aAAa,eAAe,MAAM,MAAM;AAAA,EACtE,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa,MAAM;AAAA,IACvB,CAAC,cAAkD;AACjD,YAAM,UAAU,kBAAA;AAChB,UAAI,QAAQ,WAAW,EAAG;AAE1B,UAAI,cAAc,SAAS;AACzB,oBAAY,QAAQ,CAAC,EAAE,EAAE;AACzB;AAAA,MACF;AAEA,UAAI,cAAc,QAAQ;AACxB,oBAAY,QAAQ,QAAQ,SAAS,CAAC,EAAE,EAAE;AAC1C;AAAA,MACF;AAEA,YAAM,eAAe,WACjB,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO,QAAQ,IACpD;AAEJ,UAAI,cAAc,QAAQ;AACxB,cAAM,YAAY,eAAe,IAAI,KAAK,eAAe,KAAK,QAAQ;AACtE,oBAAY,QAAQ,SAAS,EAAE,EAAE;AAAA,MACnC,OAAO;AACL,cAAM,YAAY,eAAe,IAC7B,QAAQ,SAAS,KAChB,eAAe,IAAI,QAAQ,UAAU,QAAQ;AAClD,oBAAY,QAAQ,SAAS,EAAE,EAAE;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAAC,UAAU,iBAAiB;AAAA,EAAA;AAG9B,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,SAAU;AACf,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,QAAS;AAEd,UAAM,YAAY,OAAO,QAAQ,eAAe,OAAO,IAAI,WAAW,aAClE,IAAI,OAAO,QAAQ,IACnB,SAAS,QAAQ,UAAU,MAAM;AACrC,UAAM,eAAe,QAAQ,cAA2B,IAAI,SAAS,EAAE;AACvE,QAAI,CAAC,aAAc;AAEnB,UAAM,QAAQ,OAAO,sBAAsB,MAAM;AAC/C,mBAAa,eAAe,EAAE,OAAO,UAAA,CAAW;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAO,qBAAqB,KAAK;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,mBAAmB,MAAM,YAAY,MAAM;AAC/C,QAAI,CAAC,SAAU;AACf,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,QAAS;AAEd,UAAM,YAAY,OAAO,QAAQ,eAAe,OAAO,IAAI,WAAW,aAClE,IAAI,OAAO,QAAQ,IACnB,SAAS,QAAQ,UAAU,MAAM;AACrC,UAAM,eAAe,QAAQ,cAA2B,IAAI,SAAS,EAAE;AACvE,QAAI,gBAAgB,aAAa,aAAa,eAAe,MAAM,QAAQ;AACzE,mBAAa,MAAA;AAAA,IACf;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,2BAA2B,MAAM,YAAY,MAAM;AACvD,QAAI,SAAU;AACd,UAAM,UAAU,kBAAA;AAChB,QAAI,QAAQ,WAAW,EAAG;AAE1B,UAAM,iBAAiB,QAAQ,KAAK,CAAC,WAAW,OAAO,aAAa,eAAe,MAAM,MAAM;AAC/F,iBAAa,kBAAkB,QAAQ,CAAC,GAAG,EAAE;AAAA,EAC/C,GAAG,CAAC,UAAU,iBAAiB,CAAC;AAEhC,QAAM,gBAAgB,CAAC,UAA+C;AACpE,2CAAY;AACZ,QAAI,MAAM,iBAAkB;AAE5B,YAAQ,MAAM,KAAA;AAAA,MACZ,KAAK;AACH,cAAM,eAAA;AACN,mBAAW,MAAM;AACjB;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,mBAAW,MAAM;AACjB;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,mBAAW,OAAO;AAClB;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,mBAAW,MAAM;AACjB;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AACH,cAAM,eAAA;AACN,yBAAA;AACA;AAAA,IAEA;AAAA,EAEN;AAEA,QAAM,cAAc,CAAC,UAA4C;AAC/D,6BAAA;AACA,uCAAU;AAAA,EACZ;AAEA,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,QAAQ;AAAA,EAAA;AAGX,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,cAC9B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,yBAAuB,YAAY;AAAA,MACnC,UAAU,YAAY;AAAA,MACtB,WAAW;AAAA,MACX;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,MAER;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,UAAU,MAAM,WAAW,cAAc;AAC/C,QAAM,cAAc,MAAM,MAAA;AAC1B,QAAM,SAAU,UAAU,MAA6B,gBAAgB,WAAW;AAClF,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,IACP,YAAY,OAAO;AAAA,IACnB,YAAY,OAAO;AAAA,KACnB,mCAAS,cAAa,UAAU,OAAO;AAAA,IACvC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,mBAAmB,CAAC,UAA4C;AACpE,QAAI,CAAC,UAAU;AACb,yCAAS,YAAY;AAAA,IACvB;AACA,iDAAe;AAAA,EACjB;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,gBAAa,mCAAS,cAAa,UAAU;AAAA,MAC7C,SAAS,WAAW,SAAY;AAAA,MAChC,cAAc;AAAA,MACd,WAAW;AAAA,MACX;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,aAAa,EAAE,UAAU,OAAO,WAAW,GAAG,aAAgC;AACrF,QAAM,UAAU,CAAC,OAAO,OAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAClE,QAAM,UAAU,MAAM,MAAA;AAEtB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,mBAAiB,QAAQ,UAAU;AAAA,MACnC,WAAW;AAAA,MAEV,UAAA;AAAA,QAAA,6BAAU,OAAA,EAAI,IAAI,SAAS,WAAW,OAAO,YAAa,UAAA,MAAA,CAAM;AAAA,QAChE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,aAAa,EAAE,UAAU,WAAW,GAAG,aAAgC;AAC9E,QAAM,UAAU,CAAC,OAAO,OAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAClE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,WAAW;AAAA,MAEV;AAAA,IAAA;AAAA,EAAA;AAGP;AAMO,MAAM,UAAU,OAAO,OAAO,aAAa;AAAA,EAChD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Listbox/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Listbox.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ListboxProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface ListboxItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  children: React.ReactNode;\n  /** Whether this item is currently selected/highlighted */\n  selected?: boolean;\n  /** Whether this item is disabled */\n  disabled?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nexport interface ListboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Group label */\n  label?: string;\n}\n\nexport interface ListboxEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\ninterface ListboxContextValue {\n  activeId: string | null;\n  setActiveId: (id: string | null) => void;\n}\n\nconst ListboxContext = React.createContext<ListboxContextValue | null>(null);\n\n// ============================================\n// Components\n// ============================================\n\nfunction ListboxRoot({\n  children,\n  className,\n  style,\n  'aria-label': ariaLabel,\n  tabIndex,\n  onKeyDown,\n  onFocus,\n  ...htmlProps\n}: ListboxProps) {\n  const classes = [styles.listbox, className].filter(Boolean).join(' ');\n  const listboxRef = React.useRef<HTMLDivElement>(null);\n  const [activeId, setActiveId] = React.useState<string | null>(null);\n\n  const getEnabledOptions = React.useCallback(() => {\n    const listbox = listboxRef.current;\n    if (!listbox) return [] as HTMLDivElement[];\n\n    return Array.from(\n      listbox.querySelectorAll<HTMLDivElement>('[role=\"option\"]')\n    ).filter((option) => option.getAttribute('aria-disabled') !== 'true');\n  }, []);\n\n  const moveActive = React.useCallback(\n    (direction: 'next' | 'prev' | 'first' | 'last') => {\n      const options = getEnabledOptions();\n      if (options.length === 0) return;\n\n      if (direction === 'first') {\n        setActiveId(options[0].id);\n        return;\n      }\n\n      if (direction === 'last') {\n        setActiveId(options[options.length - 1].id);\n        return;\n      }\n\n      const currentIndex = activeId\n        ? options.findIndex((option) => option.id === activeId)\n        : -1;\n\n      if (direction === 'next') {\n        const nextIndex = currentIndex < 0 ? 0 : (currentIndex + 1) % options.length;\n        setActiveId(options[nextIndex].id);\n      } else {\n        const prevIndex = currentIndex < 0\n          ? options.length - 1\n          : (currentIndex - 1 + options.length) % options.length;\n        setActiveId(options[prevIndex].id);\n      }\n    },\n    [activeId, getEnabledOptions]\n  );\n\n  React.useEffect(() => {\n    if (!activeId) return;\n    const listbox = listboxRef.current;\n    if (!listbox) return;\n\n    const escapedId = typeof CSS !== 'undefined' && typeof CSS.escape === 'function'\n      ? CSS.escape(activeId)\n      : activeId.replace(/[\"\\\\]/g, '\\\\$&');\n    const activeOption = listbox.querySelector<HTMLElement>(`#${escapedId}`);\n    if (!activeOption) return;\n\n    const frame = window.requestAnimationFrame(() => {\n      activeOption.scrollIntoView({ block: 'nearest' });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(frame);\n    };\n  }, [activeId]);\n\n  const selectActiveItem = React.useCallback(() => {\n    if (!activeId) return;\n    const listbox = listboxRef.current;\n    if (!listbox) return;\n\n    const escapedId = typeof CSS !== 'undefined' && typeof CSS.escape === 'function'\n      ? CSS.escape(activeId)\n      : activeId.replace(/[\"\\\\]/g, '\\\\$&');\n    const activeOption = listbox.querySelector<HTMLElement>(`#${escapedId}`);\n    if (activeOption && activeOption.getAttribute('aria-disabled') !== 'true') {\n      activeOption.click();\n    }\n  }, [activeId]);\n\n  const setDefaultActiveIfNeeded = React.useCallback(() => {\n    if (activeId) return;\n    const options = getEnabledOptions();\n    if (options.length === 0) return;\n\n    const selectedOption = options.find((option) => option.getAttribute('aria-selected') === 'true');\n    setActiveId((selectedOption ?? options[0]).id);\n  }, [activeId, getEnabledOptions]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        moveActive('next');\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        moveActive('prev');\n        break;\n      case 'Home':\n        event.preventDefault();\n        moveActive('first');\n        break;\n      case 'End':\n        event.preventDefault();\n        moveActive('last');\n        break;\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        selectActiveItem();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    setDefaultActiveIfNeeded();\n    onFocus?.(event);\n  };\n\n  const contextValue = React.useMemo<ListboxContextValue>(\n    () => ({\n      activeId,\n      setActiveId,\n    }),\n    [activeId]\n  );\n\n  return (\n    <ListboxContext.Provider value={contextValue}>\n      <div\n        ref={listboxRef}\n        {...htmlProps}\n        role=\"listbox\"\n        aria-label={ariaLabel}\n        aria-activedescendant={activeId ?? undefined}\n        tabIndex={tabIndex ?? 0}\n        className={classes}\n        style={style}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n      >\n        {children}\n      </div>\n    </ListboxContext.Provider>\n  );\n}\n\nfunction ListboxItem({\n  children,\n  selected = false,\n  disabled = false,\n  onClick,\n  onMouseEnter,\n  className,\n  style,\n  ...htmlProps\n}: ListboxItemProps) {\n  const context = React.useContext(ListboxContext);\n  const generatedId = React.useId();\n  const itemId = (htmlProps.id as string | undefined) ?? `listbox-item-${generatedId}`;\n  const classes = [\n    styles.item,\n    selected && styles.itemSelected,\n    disabled && styles.itemDisabled,\n    context?.activeId === itemId && styles.itemActive,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!disabled) {\n      context?.setActiveId(itemId);\n    }\n    onMouseEnter?.(event);\n  };\n\n  return (\n    <div\n      {...htmlProps}\n      id={itemId}\n      role=\"option\"\n      aria-selected={selected}\n      aria-disabled={disabled}\n      data-active={context?.activeId === itemId || undefined}\n      onClick={disabled ? undefined : onClick}\n      onKeyDown={disabled ? undefined : (e: React.KeyboardEvent) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); onClick?.(); } }}\n      onMouseEnter={handleMouseEnter}\n      className={classes}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction ListboxGroup({ children, label, className, ...htmlProps }: ListboxGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  const labelId = React.useId();\n\n  return (\n    <div\n      {...htmlProps}\n      role=\"group\"\n      aria-labelledby={label ? labelId : undefined}\n      className={classes}\n    >\n      {label && <div id={labelId} className={styles.groupLabel}>{label}</div>}\n      {children}\n    </div>\n  );\n}\n\nfunction ListboxEmpty({ children, className, ...htmlProps }: ListboxEmptyProps) {\n  const classes = [styles.empty, className].filter(Boolean).join(' ');\n  return (\n    <div\n      {...htmlProps}\n      role=\"option\"\n      aria-disabled=\"true\"\n      aria-selected=\"false\"\n      className={classes}\n    >\n      {children}\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Listbox = Object.assign(ListboxRoot, {\n  Item: ListboxItem,\n  Group: ListboxGroup,\n  Empty: ListboxEmpty,\n});\n\n// Re-export individual components\nexport { ListboxRoot, ListboxItem, ListboxGroup, ListboxEmpty };\n"],"names":[],"mappings":"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"}

package/dist/components/Loading/index.cjs

@@ -72,17 +72,7 @@ const LoadingRoot = React__namespace.forwardRef(
       overlay && Loading_module.default.overlay,
       className
     ].filter(Boolean).join(" ");
-    const renderAnimation = () => {
-      switch (variant) {
-        case "dots":
-          return /* @__PURE__ */ jsxRuntime.jsx(DotsAnimation, { className: Loading_module.default.dots });
-        case "pulse":
-          return /* @__PURE__ */ jsxRuntime.jsx(PulseAnimation, { className: Loading_module.default.pulse });
-        case "spinner":
-        default:
-          return /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: Loading_module.default.spinnerIcon });
-      }
-    };
+    const animation = variant === "dots" ? /* @__PURE__ */ jsxRuntime.jsx(DotsAnimation, { className: Loading_module.default.dots }) : variant === "pulse" ? /* @__PURE__ */ jsxRuntime.jsx(PulseAnimation, { className: Loading_module.default.pulse }) : /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: Loading_module.default.spinnerIcon });
     const content = /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -92,7 +82,7 @@ const LoadingRoot = React__namespace.forwardRef(
         "aria-label": label,
         "aria-live": "polite",
         ...htmlProps,
-        children: renderAnimation()
+        children: animation
       }
     );
     if (overlay) {

package/dist/components/Loading/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Loading/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Loading.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type LoadingVariant = 'spinner' | 'dots' | 'pulse';\n\nexport interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Size of the loading indicator */\n  size?: LoadingSize;\n  /** Visual style of the loading indicator */\n  variant?: LoadingVariant;\n  /** Accessible label for screen readers */\n  label?: string;\n  /** Whether to center the loading indicator in its container */\n  centered?: boolean;\n  /** Whether to fill the parent container */\n  fill?: boolean;\n  /** Whether to show the loading indicator with a backdrop overlay */\n  overlay?: boolean;\n  /** Color variant - uses accent color by default, 'current' inherits text color */\n  color?: 'accent' | 'current' | 'muted';\n}\n\nexport interface LoadingInlineProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Size of the loading indicator */\n  size?: 'sm' | 'md';\n  /** Accessible label */\n  label?: string;\n}\n\nexport interface LoadingScreenProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Loading indicator size */\n  size?: LoadingSize;\n  /** Loading indicator variant */\n  variant?: LoadingVariant;\n  /** Optional label text to display */\n  label?: string;\n  /** Whether to show the label text visually */\n  showLabel?: boolean;\n}\n\n// ============================================\n// Icons/Animations\n// ============================================\n\nfunction SpinnerIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\nfunction DotsAnimation({ className }: { className?: string }) {\n  return (\n    <span className={className} aria-hidden=\"true\">\n      <span className={styles.dot} />\n      <span className={styles.dot} />\n      <span className={styles.dot} />\n    </span>\n  );\n}\n\nfunction PulseAnimation({ className }: { className?: string }) {\n  return (\n    <span className={className} aria-hidden=\"true\">\n      <span className={styles.pulseRing} />\n      <span className={styles.pulseDot} />\n    </span>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nconst LoadingRoot = React.forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingRoot(\n    {\n      size = 'md',\n      variant = 'spinner',\n      label = 'Loading...',\n      centered = false,\n      fill = false,\n      overlay = false,\n      color = 'accent',\n      className,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const classes = [\n      styles.loading,\n      styles[size],\n      styles[variant],\n      styles[`color-${color}`],\n      centered && styles.centered,\n      fill && styles.fill,\n      overlay && styles.overlay,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const renderAnimation = () => {\n      switch (variant) {\n        case 'dots':\n          return <DotsAnimation className={styles.dots} />;\n        case 'pulse':\n          return <PulseAnimation className={styles.pulse} />;\n        case 'spinner':\n        default:\n          return <SpinnerIcon className={styles.spinnerIcon} />;\n      }\n    };\n\n    const content = (\n      <div\n        ref={ref}\n        className={classes}\n        role=\"status\"\n        aria-label={label}\n        aria-live=\"polite\"\n        {...htmlProps}\n      >\n        {renderAnimation()}\n      </div>\n    );\n\n    if (overlay) {\n      return (\n        <div className={styles.overlayBackdrop}>\n          {content}\n        </div>\n      );\n    }\n\n    return content;\n  }\n);\n\n// ============================================\n// Loading.Inline - Inline text loading indicator\n// ============================================\n\nfunction LoadingInline({\n  size = 'sm',\n  label = 'Loading...',\n  className,\n  ...htmlProps\n}: LoadingInlineProps) {\n  const classes = [\n    styles.inline,\n    styles[`inline-${size}`],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={classes}\n      role=\"status\"\n      aria-label={label}\n      {...htmlProps}\n    >\n      <SpinnerIcon className={styles.inlineSpinner} />\n    </span>\n  );\n}\n\n// ============================================\n// Loading.Screen - Full-screen loading state\n// ============================================\n\nfunction LoadingScreen({\n  size = 'lg',\n  variant = 'spinner',\n  label = 'Loading...',\n  showLabel = false,\n  className,\n  ...htmlProps\n}: LoadingScreenProps) {\n  const classes = [\n    styles.screen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={classes}\n      role=\"status\"\n      aria-label={label}\n      aria-live=\"polite\"\n      {...htmlProps}\n    >\n      <LoadingRoot size={size} variant={variant} label={label} />\n      {showLabel && <span className={styles.screenLabel}>{label}</span>}\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Loading = Object.assign(LoadingRoot, {\n  Inline: LoadingInline,\n  Screen: LoadingScreen,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  LoadingRoot,\n  LoadingInline,\n  LoadingScreen,\n};\n"],"names":["jsx","jsxs","styles","React","LoadingRoot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmDA,SAAS,YAAY,EAAE,aAAqC;AAC1D,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MAEZ,UAAAA,2BAAAA,IAAC,QAAA,EAAK,GAAE,8BAAA,CAA8B;AAAA,IAAA;AAAA,EAAA;AAG5C;AAEA,SAAS,cAAc,EAAE,aAAqC;AAC5D,SACEC,2BAAAA,KAAC,QAAA,EAAK,WAAsB,eAAY,QACtC,UAAA;AAAA,IAAAD,2BAAAA,IAAC,QAAA,EAAK,WAAWE,eAAAA,QAAO,IAAA,CAAK;AAAA,IAC7BF,2BAAAA,IAAC,QAAA,EAAK,WAAWE,eAAAA,QAAO,IAAA,CAAK;AAAA,IAC7BF,2BAAAA,IAAC,QAAA,EAAK,WAAWE,eAAAA,QAAO,IAAA,CAAK;AAAA,EAAA,GAC/B;AAEJ;AAEA,SAAS,eAAe,EAAE,aAAqC;AAC7D,SACED,2BAAAA,KAAC,QAAA,EAAK,WAAsB,eAAY,QACtC,UAAA;AAAA,IAAAD,2BAAAA,IAAC,QAAA,EAAK,WAAWE,eAAAA,QAAO,UAAA,CAAW;AAAA,IACnCF,2BAAAA,IAAC,QAAA,EAAK,WAAWE,eAAAA,QAAO,SAAA,CAAU;AAAA,EAAA,GACpC;AAEJ;AAMA,MAAM,cAAcC,iBAAM;AAAA,EACxB,SAASC,aACP;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,KACA;AACA,UAAM,UAAU;AAAA,MACdF,eAAAA,QAAO;AAAA,MACPA,eAAAA,QAAO,IAAI;AAAA,MACXA,eAAAA,QAAO,OAAO;AAAA,MACdA,eAAAA,QAAO,SAAS,KAAK,EAAE;AAAA,MACvB,YAAYA,eAAAA,QAAO;AAAA,MACnB,QAAQA,eAAAA,QAAO;AAAA,MACf,WAAWA,eAAAA,QAAO;AAAA,MAClB;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,UAAM,kBAAkB,MAAM;AAC5B,cAAQ,SAAA;AAAA,QACN,KAAK;AACH,iBAAOF,2BAAAA,IAAC,eAAA,EAAc,WAAWE,eAAAA,QAAO,KAAA,CAAM;AAAA,QAChD,KAAK;AACH,iBAAOF,2BAAAA,IAAC,gBAAA,EAAe,WAAWE,eAAAA,QAAO,MAAA,CAAO;AAAA,QAClD,KAAK;AAAA,QACL;AACE,iBAAOF,2BAAAA,IAAC,aAAA,EAAY,WAAWE,eAAAA,QAAO,YAAA,CAAa;AAAA,MAAA;AAAA,IAEzD;AAEA,UAAM,UACJF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,aAAU;AAAA,QACT,GAAG;AAAA,QAEH,UAAA,gBAAA;AAAA,MAAgB;AAAA,IAAA;AAIrB,QAAI,SAAS;AACX,aACEA,2BAAAA,IAAC,OAAA,EAAI,WAAWE,eAAAA,QAAO,iBACpB,UAAA,SACH;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AACF;AAMA,SAAS,cAAc;AAAA,EACrB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,UAAU;AAAA,IACdA,eAAAA,QAAO;AAAA,IACPA,eAAAA,QAAO,UAAU,IAAI,EAAE;AAAA,IACvB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAAA,2BAAAA,IAAC,aAAA,EAAY,WAAWE,eAAAA,QAAO,cAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGpD;AAMA,SAAS,cAAc;AAAA,EACrB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,UAAU;AAAA,IACdA,eAAAA,QAAO;AAAA,IACP;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,aAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAD,2BAAAA,IAAC,aAAA,EAAY,MAAY,SAAkB,MAAA,CAAc;AAAA,QACxD,aAAaA,2BAAAA,IAAC,QAAA,EAAK,WAAWE,eAAAA,QAAO,aAAc,UAAA,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhE;AAMO,MAAM,UAAU,OAAO,OAAO,aAAa;AAAA,EAChD,QAAQ;AAAA,EACR,QAAQ;AACV,CAAC;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Loading/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Loading.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type LoadingVariant = 'spinner' | 'dots' | 'pulse';\n\nexport interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Size of the loading indicator */\n  size?: LoadingSize;\n  /** Visual style of the loading indicator */\n  variant?: LoadingVariant;\n  /** Accessible label for screen readers */\n  label?: string;\n  /** Whether to center the loading indicator in its container */\n  centered?: boolean;\n  /** Whether to fill the parent container */\n  fill?: boolean;\n  /** Whether to show the loading indicator with a backdrop overlay */\n  overlay?: boolean;\n  /** Color variant - uses accent color by default, 'current' inherits text color */\n  color?: 'accent' | 'current' | 'muted';\n}\n\nexport interface LoadingInlineProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Size of the loading indicator */\n  size?: 'sm' | 'md';\n  /** Accessible label */\n  label?: string;\n}\n\nexport interface LoadingScreenProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Loading indicator size */\n  size?: LoadingSize;\n  /** Loading indicator variant */\n  variant?: LoadingVariant;\n  /** Optional label text to display */\n  label?: string;\n  /** Whether to show the label text visually */\n  showLabel?: boolean;\n}\n\n// ============================================\n// Icons/Animations\n// ============================================\n\nfunction SpinnerIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\nfunction DotsAnimation({ className }: { className?: string }) {\n  return (\n    <span className={className} aria-hidden=\"true\">\n      <span className={styles.dot} />\n      <span className={styles.dot} />\n      <span className={styles.dot} />\n    </span>\n  );\n}\n\nfunction PulseAnimation({ className }: { className?: string }) {\n  return (\n    <span className={className} aria-hidden=\"true\">\n      <span className={styles.pulseRing} />\n      <span className={styles.pulseDot} />\n    </span>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nconst LoadingRoot = React.forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingRoot(\n    {\n      size = 'md',\n      variant = 'spinner',\n      label = 'Loading...',\n      centered = false,\n      fill = false,\n      overlay = false,\n      color = 'accent',\n      className,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const classes = [\n      styles.loading,\n      styles[size],\n      styles[variant],\n      styles[`color-${color}`],\n      centered && styles.centered,\n      fill && styles.fill,\n      overlay && styles.overlay,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const animation = variant === 'dots'\n      ? <DotsAnimation className={styles.dots} />\n      : variant === 'pulse'\n        ? <PulseAnimation className={styles.pulse} />\n        : <SpinnerIcon className={styles.spinnerIcon} />;\n\n    const content = (\n      <div\n        ref={ref}\n        className={classes}\n        role=\"status\"\n        aria-label={label}\n        aria-live=\"polite\"\n        {...htmlProps}\n      >\n        {animation}\n      </div>\n    );\n\n    if (overlay) {\n      return (\n        <div className={styles.overlayBackdrop}>\n          {content}\n        </div>\n      );\n    }\n\n    return content;\n  }\n);\n\n// ============================================\n// Loading.Inline - Inline text loading indicator\n// ============================================\n\nfunction LoadingInline({\n  size = 'sm',\n  label = 'Loading...',\n  className,\n  ...htmlProps\n}: LoadingInlineProps) {\n  const classes = [\n    styles.inline,\n    styles[`inline-${size}`],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={classes}\n      role=\"status\"\n      aria-label={label}\n      {...htmlProps}\n    >\n      <SpinnerIcon className={styles.inlineSpinner} />\n    </span>\n  );\n}\n\n// ============================================\n// Loading.Screen - Full-screen loading state\n// ============================================\n\nfunction LoadingScreen({\n  size = 'lg',\n  variant = 'spinner',\n  label = 'Loading...',\n  showLabel = false,\n  className,\n  ...htmlProps\n}: LoadingScreenProps) {\n  const classes = [\n    styles.screen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={classes}\n      role=\"status\"\n      aria-label={label}\n      aria-live=\"polite\"\n      {...htmlProps}\n    >\n      <LoadingRoot size={size} variant={variant} label={label} />\n      {showLabel && <span className={styles.screenLabel}>{label}</span>}\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Loading = Object.assign(LoadingRoot, {\n  Inline: LoadingInline,\n  Screen: LoadingScreen,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  LoadingRoot,\n  LoadingInline,\n  LoadingScreen,\n};\n"],"names":["jsx","jsxs","styles","React","LoadingRoot"],"mappings":"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"}

package/dist/components/Loading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,oCAAoC;IACpC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;CACxC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC/E,oCAAoC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+CD,QAAA,MAAM,WAAW,qFA+DhB,CAAC;AAMF,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,KAAoB,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAmBpB;AAMD,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,OAAmB,EACnB,KAAoB,EACpB,SAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAoBpB;AAMD,eAAO,MAAM,OAAO;;;CAGlB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,aAAa,EACb,aAAa,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,oCAAoC;IACpC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;CACxC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC/E,oCAAoC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+CD,QAAA,MAAM,WAAW,qFAyDhB,CAAC;AAMF,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,KAAoB,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAmBpB;AAMD,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,OAAmB,EACnB,KAAoB,EACpB,SAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAoBpB;AAMD,eAAO,MAAM,OAAO;;;CAGlB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,aAAa,EACb,aAAa,GACd,CAAC"}

package/dist/components/Loading/index.js

@@ -53,17 +53,7 @@ const LoadingRoot = React.forwardRef(
       overlay && styles.overlay,
       className
     ].filter(Boolean).join(" ");
-    const renderAnimation = () => {
-      switch (variant) {
-        case "dots":
-          return /* @__PURE__ */ jsx(DotsAnimation, { className: styles.dots });
-        case "pulse":
-          return /* @__PURE__ */ jsx(PulseAnimation, { className: styles.pulse });
-        case "spinner":
-        default:
-          return /* @__PURE__ */ jsx(SpinnerIcon, { className: styles.spinnerIcon });
-      }
-    };
+    const animation = variant === "dots" ? /* @__PURE__ */ jsx(DotsAnimation, { className: styles.dots }) : variant === "pulse" ? /* @__PURE__ */ jsx(PulseAnimation, { className: styles.pulse }) : /* @__PURE__ */ jsx(SpinnerIcon, { className: styles.spinnerIcon });
     const content = /* @__PURE__ */ jsx(
       "div",
       {
@@ -73,7 +63,7 @@ const LoadingRoot = React.forwardRef(
         "aria-label": label,
         "aria-live": "polite",
         ...htmlProps,
-        children: renderAnimation()
+        children: animation
       }
     );
     if (overlay) {

package/dist/components/Loading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Loading/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Loading.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type LoadingVariant = 'spinner' | 'dots' | 'pulse';\n\nexport interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Size of the loading indicator */\n  size?: LoadingSize;\n  /** Visual style of the loading indicator */\n  variant?: LoadingVariant;\n  /** Accessible label for screen readers */\n  label?: string;\n  /** Whether to center the loading indicator in its container */\n  centered?: boolean;\n  /** Whether to fill the parent container */\n  fill?: boolean;\n  /** Whether to show the loading indicator with a backdrop overlay */\n  overlay?: boolean;\n  /** Color variant - uses accent color by default, 'current' inherits text color */\n  color?: 'accent' | 'current' | 'muted';\n}\n\nexport interface LoadingInlineProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Size of the loading indicator */\n  size?: 'sm' | 'md';\n  /** Accessible label */\n  label?: string;\n}\n\nexport interface LoadingScreenProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Loading indicator size */\n  size?: LoadingSize;\n  /** Loading indicator variant */\n  variant?: LoadingVariant;\n  /** Optional label text to display */\n  label?: string;\n  /** Whether to show the label text visually */\n  showLabel?: boolean;\n}\n\n// ============================================\n// Icons/Animations\n// ============================================\n\nfunction SpinnerIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\nfunction DotsAnimation({ className }: { className?: string }) {\n  return (\n    <span className={className} aria-hidden=\"true\">\n      <span className={styles.dot} />\n      <span className={styles.dot} />\n      <span className={styles.dot} />\n    </span>\n  );\n}\n\nfunction PulseAnimation({ className }: { className?: string }) {\n  return (\n    <span className={className} aria-hidden=\"true\">\n      <span className={styles.pulseRing} />\n      <span className={styles.pulseDot} />\n    </span>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nconst LoadingRoot = React.forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingRoot(\n    {\n      size = 'md',\n      variant = 'spinner',\n      label = 'Loading...',\n      centered = false,\n      fill = false,\n      overlay = false,\n      color = 'accent',\n      className,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const classes = [\n      styles.loading,\n      styles[size],\n      styles[variant],\n      styles[`color-${color}`],\n      centered && styles.centered,\n      fill && styles.fill,\n      overlay && styles.overlay,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const renderAnimation = () => {\n      switch (variant) {\n        case 'dots':\n          return <DotsAnimation className={styles.dots} />;\n        case 'pulse':\n          return <PulseAnimation className={styles.pulse} />;\n        case 'spinner':\n        default:\n          return <SpinnerIcon className={styles.spinnerIcon} />;\n      }\n    };\n\n    const content = (\n      <div\n        ref={ref}\n        className={classes}\n        role=\"status\"\n        aria-label={label}\n        aria-live=\"polite\"\n        {...htmlProps}\n      >\n        {renderAnimation()}\n      </div>\n    );\n\n    if (overlay) {\n      return (\n        <div className={styles.overlayBackdrop}>\n          {content}\n        </div>\n      );\n    }\n\n    return content;\n  }\n);\n\n// ============================================\n// Loading.Inline - Inline text loading indicator\n// ============================================\n\nfunction LoadingInline({\n  size = 'sm',\n  label = 'Loading...',\n  className,\n  ...htmlProps\n}: LoadingInlineProps) {\n  const classes = [\n    styles.inline,\n    styles[`inline-${size}`],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={classes}\n      role=\"status\"\n      aria-label={label}\n      {...htmlProps}\n    >\n      <SpinnerIcon className={styles.inlineSpinner} />\n    </span>\n  );\n}\n\n// ============================================\n// Loading.Screen - Full-screen loading state\n// ============================================\n\nfunction LoadingScreen({\n  size = 'lg',\n  variant = 'spinner',\n  label = 'Loading...',\n  showLabel = false,\n  className,\n  ...htmlProps\n}: LoadingScreenProps) {\n  const classes = [\n    styles.screen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={classes}\n      role=\"status\"\n      aria-label={label}\n      aria-live=\"polite\"\n      {...htmlProps}\n    >\n      <LoadingRoot size={size} variant={variant} label={label} />\n      {showLabel && <span className={styles.screenLabel}>{label}</span>}\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Loading = Object.assign(LoadingRoot, {\n  Inline: LoadingInline,\n  Screen: LoadingScreen,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  LoadingRoot,\n  LoadingInline,\n  LoadingScreen,\n};\n"],"names":["LoadingRoot"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Loading/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Loading.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type LoadingVariant = 'spinner' | 'dots' | 'pulse';\n\nexport interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Size of the loading indicator */\n  size?: LoadingSize;\n  /** Visual style of the loading indicator */\n  variant?: LoadingVariant;\n  /** Accessible label for screen readers */\n  label?: string;\n  /** Whether to center the loading indicator in its container */\n  centered?: boolean;\n  /** Whether to fill the parent container */\n  fill?: boolean;\n  /** Whether to show the loading indicator with a backdrop overlay */\n  overlay?: boolean;\n  /** Color variant - uses accent color by default, 'current' inherits text color */\n  color?: 'accent' | 'current' | 'muted';\n}\n\nexport interface LoadingInlineProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Size of the loading indicator */\n  size?: 'sm' | 'md';\n  /** Accessible label */\n  label?: string;\n}\n\nexport interface LoadingScreenProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Loading indicator size */\n  size?: LoadingSize;\n  /** Loading indicator variant */\n  variant?: LoadingVariant;\n  /** Optional label text to display */\n  label?: string;\n  /** Whether to show the label text visually */\n  showLabel?: boolean;\n}\n\n// ============================================\n// Icons/Animations\n// ============================================\n\nfunction SpinnerIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\nfunction DotsAnimation({ className }: { className?: string }) {\n  return (\n    <span className={className} aria-hidden=\"true\">\n      <span className={styles.dot} />\n      <span className={styles.dot} />\n      <span className={styles.dot} />\n    </span>\n  );\n}\n\nfunction PulseAnimation({ className }: { className?: string }) {\n  return (\n    <span className={className} aria-hidden=\"true\">\n      <span className={styles.pulseRing} />\n      <span className={styles.pulseDot} />\n    </span>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nconst LoadingRoot = React.forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingRoot(\n    {\n      size = 'md',\n      variant = 'spinner',\n      label = 'Loading...',\n      centered = false,\n      fill = false,\n      overlay = false,\n      color = 'accent',\n      className,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const classes = [\n      styles.loading,\n      styles[size],\n      styles[variant],\n      styles[`color-${color}`],\n      centered && styles.centered,\n      fill && styles.fill,\n      overlay && styles.overlay,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const animation = variant === 'dots'\n      ? <DotsAnimation className={styles.dots} />\n      : variant === 'pulse'\n        ? <PulseAnimation className={styles.pulse} />\n        : <SpinnerIcon className={styles.spinnerIcon} />;\n\n    const content = (\n      <div\n        ref={ref}\n        className={classes}\n        role=\"status\"\n        aria-label={label}\n        aria-live=\"polite\"\n        {...htmlProps}\n      >\n        {animation}\n      </div>\n    );\n\n    if (overlay) {\n      return (\n        <div className={styles.overlayBackdrop}>\n          {content}\n        </div>\n      );\n    }\n\n    return content;\n  }\n);\n\n// ============================================\n// Loading.Inline - Inline text loading indicator\n// ============================================\n\nfunction LoadingInline({\n  size = 'sm',\n  label = 'Loading...',\n  className,\n  ...htmlProps\n}: LoadingInlineProps) {\n  const classes = [\n    styles.inline,\n    styles[`inline-${size}`],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={classes}\n      role=\"status\"\n      aria-label={label}\n      {...htmlProps}\n    >\n      <SpinnerIcon className={styles.inlineSpinner} />\n    </span>\n  );\n}\n\n// ============================================\n// Loading.Screen - Full-screen loading state\n// ============================================\n\nfunction LoadingScreen({\n  size = 'lg',\n  variant = 'spinner',\n  label = 'Loading...',\n  showLabel = false,\n  className,\n  ...htmlProps\n}: LoadingScreenProps) {\n  const classes = [\n    styles.screen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={classes}\n      role=\"status\"\n      aria-label={label}\n      aria-live=\"polite\"\n      {...htmlProps}\n    >\n      <LoadingRoot size={size} variant={variant} label={label} />\n      {showLabel && <span className={styles.screenLabel}>{label}</span>}\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Loading = Object.assign(LoadingRoot, {\n  Inline: LoadingInline,\n  Screen: LoadingScreen,\n});\n\n// Re-export individual components for tree-shaking\nexport {\n  LoadingRoot,\n  LoadingInline,\n  LoadingScreen,\n};\n"],"names":["LoadingRoot"],"mappings":"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"}

package/dist/components/NavigationMenu/index.cjs

@@ -571,7 +571,18 @@ function MobileCollapsibleSection({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Collapsible, { defaultOpen: false, children: [
     /* @__PURE__ */ jsxRuntime.jsx(index$1.Collapsible.Trigger, { className: NavigationMenu_module.default.drawerCollapsibleTrigger, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Collapsible.Content, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: NavigationMenu_module.default.drawerCollapsibleContent, onClick: onLinkClick, children }) })
+    /* @__PURE__ */ jsxRuntime.jsx(index$1.Collapsible.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: NavigationMenu_module.default.drawerCollapsibleContent,
+        onClick: onLinkClick,
+        onKeyDown: (e) => {
+          if (e.key === "Enter") onLinkClick();
+        },
+        role: "group",
+        children
+      }
+    ) })
   ] });
 }
 const NavigationMenu = Object.assign(NavigationMenuRoot, {

package/dist/components/NavigationMenu/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/NavigationMenu/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { CaretDown, CaretRight, List, X } from '@phosphor-icons/react';\nimport { handleArrowNavigation, useFocusTrap } from '../../utils/a11y';\nimport { Collapsible } from '../Collapsible';\nimport { ScrollArea } from '../ScrollArea';\nimport {\n  NavigationMenuContext,\n  NavigationMenuItemContext,\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n  type NavigationMenuItemInfo,\n} from './NavigationMenuContext';\nimport { useNavigationMenu } from './useNavigationMenu';\nimport styles from './NavigationMenu.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Controlled open item value */\n  value?: string;\n  /** Default open item value */\n  defaultValue?: string;\n  /** Callback when open item changes */\n  onValueChange?: (value: string) => void;\n  /** Menu orientation */\n  orientation?: 'horizontal' | 'vertical';\n  /** Delay before opening on hover (ms) */\n  delayDuration?: number;\n  /** Duration to skip delays between triggers (ms) */\n  skipDelayDuration?: number;\n}\n\nexport interface NavigationMenuListProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface NavigationMenuItemProps {\n  children: React.ReactNode;\n  /** Unique item value (required for items with Trigger+Content) */\n  value?: string;\n  className?: string;\n}\n\nexport interface NavigationMenuTriggerProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface NavigationMenuContentProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Simple mode: children as text content */\n  children?: React.ReactNode;\n  /** Structured mode: title text */\n  title?: string;\n  /** Structured mode: description text */\n  description?: string;\n  /** Structured mode: icon element */\n  icon?: React.ReactNode;\n  /** Whether this link is the current page */\n  active?: boolean;\n  /** Highlighted card style */\n  featured?: boolean;\n  /** Render as child element (polymorphic) */\n  asChild?: boolean;\n}\n\nexport interface NavigationMenuIndicatorProps {\n  className?: string;\n}\n\nexport interface NavigationMenuViewportProps {\n  className?: string;\n}\n\nexport interface NavigationMenuMobileContentProps {\n  children: React.ReactNode;\n}\n\nexport interface NavigationMenuMobileBrandProps {\n  children: React.ReactNode;\n}\n\nexport interface NavigationMenuMobileSectionProps {\n  children: React.ReactNode;\n  /** Section heading label */\n  label?: string;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mq = window.matchMedia('(max-width: 767px)');\n    setIsMobile(mq.matches);\n\n    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return isMobile;\n}\n\n// ============================================\n// Root\n// ============================================\n\nfunction NavigationMenuRoot({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  orientation = 'horizontal',\n  delayDuration = 200,\n  skipDelayDuration = 300,\n  className,\n  'aria-label': ariaLabel = 'Main navigation',\n  ...htmlProps\n}: NavigationMenuProps) {\n  const rootId = React.useId();\n  const isMobile = useIsMobile();\n\n  const state = useNavigationMenu({\n    value: controlledValue,\n    defaultValue,\n    onValueChange,\n    delayDuration,\n    skipDelayDuration,\n  });\n\n  const classes = [\n    styles.root,\n    orientation === 'vertical' && styles.rootVertical,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const contextValue = React.useMemo(\n    () => ({\n      ...state,\n      orientation,\n      isMobile,\n      rootId,\n    }),\n    [state, orientation, isMobile, rootId]\n  );\n\n  return (\n    <NavigationMenuContext.Provider value={contextValue}>\n      <nav {...htmlProps} className={classes} aria-label={ariaLabel} data-orientation={orientation}>\n        {children}\n        {isMobile && <MobileHamburger />}\n        {isMobile && state.mobileOpen && <MobileDrawer />}\n      </nav>\n    </NavigationMenuContext.Provider>\n  );\n}\n\n// ============================================\n// List\n// ============================================\n\nfunction NavigationMenuList({ children, className }: NavigationMenuListProps) {\n  const { orientation, triggerOrder, triggerRefs, value } = useNavigationMenuContext();\n\n  const listRef = React.useRef<HTMLUListElement>(null);\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    const order = triggerOrder.current;\n    const currentIdx = order.indexOf(value);\n\n    const newIdx = handleArrowNavigation(e, order, currentIdx >= 0 ? currentIdx : 0, {\n      orientation: orientation === 'horizontal' ? 'horizontal' : 'vertical',\n      loop: true,\n    });\n\n    if (newIdx !== undefined) {\n      const targetValue = order[newIdx];\n      const trigger = triggerRefs.current.get(targetValue);\n      trigger?.focus();\n    }\n  };\n\n  const classes = [\n    styles.list,\n    orientation === 'vertical' && styles.listVertical,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <ul\n      ref={listRef}\n      className={classes}\n      role=\"list\"\n      data-orientation={orientation}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </ul>\n  );\n}\n\n// ============================================\n// Item\n// ============================================\n\nlet itemCounter = 0;\n\nfunction NavigationMenuItem({ children, value: valueProp, className }: NavigationMenuItemProps) {\n  const rootCtx = useNavigationMenuContext();\n  const [autoValue] = React.useState(() => valueProp || `navmenu-item-${++itemCounter}`);\n  const triggerId = `${rootCtx.rootId}-trigger-${autoValue}`;\n  const contentId = `${rootCtx.rootId}-content-${autoValue}`;\n\n  const itemCtx = React.useMemo(\n    () => ({\n      value: autoValue,\n      triggerId,\n      contentId,\n    }),\n    [autoValue, triggerId, contentId]\n  );\n\n  return (\n    <NavigationMenuItemContext.Provider value={itemCtx}>\n      <li className={className}>{children}</li>\n    </NavigationMenuItemContext.Provider>\n  );\n}\n\n// ============================================\n// Trigger\n// ============================================\n\nfunction NavigationMenuTrigger({ children, className }: NavigationMenuTriggerProps) {\n  const ctx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const isOpen = ctx.value === itemCtx.value;\n\n  // Register trigger\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useEffect(() => {\n    if (triggerRef.current) {\n      ctx.triggerRefs.current.set(itemCtx.value, triggerRef.current);\n      if (!ctx.triggerOrder.current.includes(itemCtx.value)) {\n        ctx.triggerOrder.current.push(itemCtx.value);\n      }\n    }\n    return () => {\n      ctx.triggerRefs.current.delete(itemCtx.value);\n      ctx.triggerOrder.current = ctx.triggerOrder.current.filter(v => v !== itemCtx.value);\n    };\n    // Only register/unregister on mount/unmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [itemCtx.value]);\n\n  // Register item info for mobile drawer\n  React.useEffect(() => {\n    const label = typeof children === 'string' ? children : '';\n    const existing = ctx.itemInfoMap.current.get(itemCtx.value);\n    ctx.itemInfoMap.current.set(itemCtx.value, {\n      ...existing,\n      value: itemCtx.value,\n      triggerLabel: label || existing?.triggerLabel || '',\n    } as NavigationMenuItemInfo);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [itemCtx.value, children]);\n\n  const handleClick = () => {\n    ctx.setValue(isOpen ? '' : itemCtx.value);\n  };\n\n  const handlePointerEnter = () => {\n    if (ctx.closeTimerRef.current) {\n      clearTimeout(ctx.closeTimerRef.current);\n      ctx.closeTimerRef.current = null;\n    }\n\n    // Skip delay if recently open\n    if (ctx.isRecentlyOpenRef.current) {\n      ctx.setValue(itemCtx.value);\n      return;\n    }\n\n    ctx.openTimerRef.current = setTimeout(() => {\n      ctx.setValue(itemCtx.value);\n    }, ctx.delayDuration);\n  };\n\n  const handlePointerLeave = () => {\n    if (ctx.openTimerRef.current) {\n      clearTimeout(ctx.openTimerRef.current);\n      ctx.openTimerRef.current = null;\n    }\n\n    ctx.closeTimerRef.current = setTimeout(() => {\n      ctx.setValue('');\n    }, ctx.delayDuration);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      ctx.setValue(isOpen ? '' : itemCtx.value);\n    }\n    if (e.key === 'Escape' && isOpen) {\n      e.preventDefault();\n      ctx.setValue('');\n      triggerRef.current?.focus();\n    }\n  };\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  return (\n    <button\n      ref={triggerRef}\n      type=\"button\"\n      id={itemCtx.triggerId}\n      className={classes}\n      aria-expanded={isOpen}\n      aria-controls={itemCtx.contentId}\n      data-state={isOpen ? 'open' : 'closed'}\n      onClick={handleClick}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n      <CaretDown size={12} className={styles.triggerChevron} aria-hidden />\n    </button>\n  );\n}\n\n// ============================================\n// Content\n// ============================================\n\nfunction NavigationMenuContent({ children, className }: NavigationMenuContentProps) {\n  const ctx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const isOpen = ctx.value === itemCtx.value;\n  const contentRef = React.useRef<HTMLDivElement>(null);\n\n  // Register content children into item info (for mobile drawer)\n  React.useEffect(() => {\n    const existing = ctx.itemInfoMap.current.get(itemCtx.value);\n    ctx.itemInfoMap.current.set(itemCtx.value, {\n      ...existing,\n      value: itemCtx.value,\n      triggerLabel: existing?.triggerLabel || '',\n      contentChildren: children,\n    } as NavigationMenuItemInfo);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [itemCtx.value, children]);\n\n  // Measure content for viewport animation\n  React.useEffect(() => {\n    if (!isOpen || !contentRef.current) return;\n\n    const el = contentRef.current;\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) {\n        ctx.setViewportSize({\n          width: entry.contentRect.width,\n          height: entry.contentRect.height,\n        });\n      }\n    });\n    observer.observe(el);\n\n    // Initial measurement\n    ctx.setViewportSize({\n      width: el.scrollWidth,\n      height: el.scrollHeight,\n    });\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // Determine motion direction\n  const prevValue = ctx.previousValue.current;\n  const triggerOrder = ctx.triggerOrder.current;\n  const prevIdx = triggerOrder.indexOf(prevValue);\n  const currentIdx = triggerOrder.indexOf(itemCtx.value);\n  let motion: string | undefined;\n  if (isOpen && prevValue && prevValue !== itemCtx.value) {\n    motion = currentIdx > prevIdx ? 'from-end' : 'from-start';\n  }\n\n  // Update previousValue when this content becomes active\n  React.useEffect(() => {\n    if (isOpen) {\n      ctx.previousValue.current = itemCtx.value;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, itemCtx.value]);\n\n  if (!isOpen) return null;\n\n  const classes = [styles.content, className].filter(Boolean).join(' ');\n\n  const handlePointerEnter = () => {\n    if (ctx.closeTimerRef.current) {\n      clearTimeout(ctx.closeTimerRef.current);\n      ctx.closeTimerRef.current = null;\n    }\n  };\n\n  const handlePointerLeave = () => {\n    ctx.closeTimerRef.current = setTimeout(() => {\n      ctx.setValue('');\n    }, ctx.delayDuration);\n  };\n\n  const contentElement = (\n    <div\n      ref={contentRef}\n      id={itemCtx.contentId}\n      className={classes}\n      role=\"region\"\n      aria-labelledby={itemCtx.triggerId}\n      data-motion={motion}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n    >\n      {children}\n    </div>\n  );\n\n  // Portal into viewport if it exists\n  if (ctx.viewportRef.current) {\n    return createPortal(contentElement, ctx.viewportRef.current);\n  }\n\n  return contentElement;\n}\n\n// ============================================\n// Link\n// ============================================\n\nfunction NavigationMenuLink({\n  children,\n  title,\n  description,\n  icon,\n  active = false,\n  featured = false,\n  asChild = false,\n  className,\n  href,\n  onClick,\n  ...htmlProps\n}: NavigationMenuLinkProps) {\n  const ctx = React.useContext(NavigationMenuContext);\n  const isStructured = !!(title || description || icon);\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(e);\n    // Close mobile drawer on link click\n    if (ctx?.isMobile && ctx.mobileOpen) {\n      ctx.setMobileOpen(false);\n    }\n    // Close desktop menu\n    if (ctx) {\n      ctx.setValue('');\n    }\n  };\n\n  // Structured mode (title + description + icon)\n  if (isStructured) {\n    const classes = [\n      styles.link,\n      styles.linkStructured,\n      active && styles.linkActive,\n      featured && styles.linkFeatured,\n      className,\n    ].filter(Boolean).join(' ');\n\n    const linkProps = {\n      ...htmlProps,\n      className: classes,\n      href,\n      'aria-current': active ? ('page' as const) : undefined,\n      onClick: handleClick,\n    };\n\n    if (asChild && React.isValidElement(children)) {\n      return React.cloneElement(children, {\n        ...linkProps,\n        className: [classes, (children.props as { className?: string }).className].filter(Boolean).join(' '),\n        children: (\n          <>\n            {icon && <span className={styles.linkIcon}>{icon}</span>}\n            <span className={styles.linkBody}>\n              {title && <span className={styles.linkTitle}>{title}</span>}\n              {description && <span className={styles.linkDescription}>{description}</span>}\n            </span>\n          </>\n        ),\n      } as React.HTMLAttributes<HTMLElement>);\n    }\n\n    return (\n      <a {...linkProps}>\n        {icon && <span className={styles.linkIcon}>{icon}</span>}\n        <span className={styles.linkBody}>\n          {title && <span className={styles.linkTitle}>{title}</span>}\n          {description && <span className={styles.linkDescription}>{description}</span>}\n        </span>\n      </a>\n    );\n  }\n\n  // Simple link mode\n  const classes = [\n    styles.link,\n    active && styles.linkActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const linkProps = {\n    ...htmlProps,\n    className: classes,\n    href,\n    'aria-current': active ? ('page' as const) : undefined,\n    onClick: handleClick,\n  };\n\n  if (asChild && React.isValidElement(children)) {\n    return React.cloneElement(children, {\n      ...linkProps,\n      className: [classes, (children.props as { className?: string }).className].filter(Boolean).join(' '),\n    } as React.HTMLAttributes<HTMLElement>);\n  }\n\n  return <a {...linkProps}>{children}</a>;\n}\n\n// ============================================\n// Indicator\n// ============================================\n\nfunction NavigationMenuIndicator({ className }: NavigationMenuIndicatorProps) {\n  const { value, triggerRefs } = useNavigationMenuContext();\n  const [style, setStyle] = React.useState<React.CSSProperties>({ opacity: 0 });\n\n  React.useEffect(() => {\n    if (!value) {\n      setStyle({ opacity: 0 });\n      return;\n    }\n    const trigger = triggerRefs.current.get(value);\n    if (trigger) {\n      const parent = trigger.closest('ul');\n      if (parent) {\n        const parentRect = parent.getBoundingClientRect();\n        const triggerRect = trigger.getBoundingClientRect();\n        setStyle({\n          left: triggerRect.left - parentRect.left,\n          width: triggerRect.width,\n          opacity: 1,\n        });\n      }\n    }\n  }, [value, triggerRefs]);\n\n  const classes = [styles.indicator, className].filter(Boolean).join(' ');\n\n  return <div className={classes} style={style} aria-hidden />;\n}\n\n// ============================================\n// Viewport\n// ============================================\n\nfunction NavigationMenuViewport({ className }: NavigationMenuViewportProps) {\n  const ctx = useNavigationMenuContext();\n  const { viewportSize, viewportRef, value, triggerRefs } = ctx;\n  const isOpen = !!value;\n\n  // Compute the active trigger's left offset relative to the nav root\n  const [triggerLeft, setTriggerLeft] = React.useState(0);\n\n  React.useEffect(() => {\n    if (!isOpen || !value) return;\n    const trigger = triggerRefs.current.get(value);\n    if (!trigger || !viewportRef.current) return;\n\n    const navRoot = viewportRef.current.parentElement;\n    if (!navRoot) return;\n\n    const navRect = navRoot.getBoundingClientRect();\n    const triggerRect = trigger.getBoundingClientRect();\n    setTriggerLeft(triggerRect.left - navRect.left);\n  }, [isOpen, value, triggerRefs, viewportRef]);\n\n  const cssVars = {\n    '--fui-navmenu-viewport-width': isOpen ? `${viewportSize.width}px` : '0px',\n    '--fui-navmenu-viewport-height': isOpen ? `${viewportSize.height}px` : '0px',\n    '--fui-navmenu-viewport-left': `${triggerLeft}px`,\n  } as React.CSSProperties;\n\n  // Mark skip-delay state\n  React.useEffect(() => {\n    if (isOpen) {\n      ctx.isRecentlyOpenRef.current = true;\n      if (ctx.skipDelayTimerRef.current) {\n        clearTimeout(ctx.skipDelayTimerRef.current);\n      }\n    } else {\n      ctx.skipDelayTimerRef.current = setTimeout(() => {\n        ctx.isRecentlyOpenRef.current = false;\n      }, ctx.skipDelayDuration);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  const classes = [styles.viewport, className].filter(Boolean).join(' ');\n\n  return (\n    <div\n      ref={viewportRef}\n      className={classes}\n      style={cssVars}\n      data-state={isOpen ? 'open' : 'closed'}\n      role=\"presentation\"\n    />\n  );\n}\n\n// ============================================\n// MobileContent (slot for extra mobile sections)\n// ============================================\n\nfunction NavigationMenuMobileContent({ children }: NavigationMenuMobileContentProps) {\n  const ctx = useNavigationMenuContext();\n\n  React.useEffect(() => {\n    ctx.setMobileContentChildren(children);\n    return () => ctx.setMobileContentChildren(null);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children]);\n\n  // This component renders nothing visually on desktop or in the tree.\n  // Its children are extracted into the mobile drawer via context.\n  return null;\n}\n\n// ============================================\n// MobileBrand (slot for brand in mobile drawer header)\n// ============================================\n\nfunction NavigationMenuMobileBrand({ children }: NavigationMenuMobileBrandProps) {\n  const ctx = useNavigationMenuContext();\n\n  React.useEffect(() => {\n    ctx.setMobileBrandChildren(children);\n    return () => ctx.setMobileBrandChildren(null);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children]);\n\n  return null;\n}\n\n// ============================================\n// MobileSection\n// ============================================\n\nfunction NavigationMenuMobileSection({ children, label }: NavigationMenuMobileSectionProps) {\n  return (\n    <div role=\"group\" aria-label={label}>\n      {label && <div className={styles.drawerSectionLabel}>{label}</div>}\n      <div className={styles.drawerNav}>{children}</div>\n    </div>\n  );\n}\n\n// ============================================\n// Mobile Hamburger Button\n// ============================================\n\nfunction MobileHamburger() {\n  const { mobileOpen, setMobileOpen } = useNavigationMenuContext();\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.hamburger}\n      onClick={() => setMobileOpen(!mobileOpen)}\n      aria-label=\"Toggle navigation\"\n      aria-expanded={mobileOpen}\n    >\n      {mobileOpen ? <X size={24} aria-hidden /> : <List size={24} aria-hidden />}\n    </button>\n  );\n}\n\n// ============================================\n// Mobile Drawer\n// ============================================\n\nfunction MobileDrawer() {\n  const ctx = useNavigationMenuContext();\n  const drawerRef = React.useRef<HTMLDivElement>(null);\n\n  useFocusTrap(drawerRef, true);\n\n  // Lock body scroll\n  React.useEffect(() => {\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, []);\n\n  // Handle Escape\n  React.useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        ctx.setMobileOpen(false);\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [ctx]);\n\n  // Build auto-converted nav items from item info registry\n  const autoItems = React.useMemo(() => {\n    const items: NavigationMenuItemInfo[] = [];\n    for (const value of ctx.triggerOrder.current) {\n      const info = ctx.itemInfoMap.current.get(value);\n      if (info) items.push(info);\n    }\n    return items;\n  }, [ctx.triggerOrder, ctx.itemInfoMap]);\n\n  const handleLinkClick = () => {\n    ctx.setMobileOpen(false);\n  };\n\n  const drawerContent = (\n    <>\n      <div\n        className={styles.drawerBackdrop}\n        onClick={() => ctx.setMobileOpen(false)}\n        aria-hidden\n      />\n      <div\n        ref={drawerRef}\n        className={styles.drawer}\n        role=\"dialog\"\n        aria-modal\n        aria-label=\"Navigation\"\n      >\n        <div className={styles.drawerHeader}>\n          {ctx.mobileBrandChildren ?? <span />}\n          <button\n            type=\"button\"\n            className={styles.drawerClose}\n            onClick={() => ctx.setMobileOpen(false)}\n            aria-label=\"Close navigation\"\n          >\n            <X size={20} aria-hidden />\n          </button>\n        </div>\n        <ScrollArea orientation=\"vertical\" className={styles.drawerBody}>\n          {/* When MobileContent is provided, it takes full control of the drawer nav.\n              Otherwise, auto-convert registered Trigger+Content items. */}\n          {ctx.mobileContentChildren ? (\n            ctx.mobileContentChildren\n          ) : (\n            <div className={styles.drawerNav}>\n              {autoItems.map((item) =>\n                item.contentChildren ? (\n                  <MobileCollapsibleSection\n                    key={item.value}\n                    label={item.triggerLabel}\n                    onLinkClick={handleLinkClick}\n                  >\n                    {item.contentChildren}\n                  </MobileCollapsibleSection>\n                ) : item.linkHref ? (\n                  <a\n                    key={item.value}\n                    className={styles.drawerLink}\n                    href={item.linkHref}\n                    onClick={handleLinkClick}\n                  >\n                    {item.triggerLabel}\n                  </a>\n                ) : null\n              )}\n            </div>\n          )}\n        </ScrollArea>\n      </div>\n    </>\n  );\n\n  if (typeof document === 'undefined') return null;\n  return createPortal(drawerContent, document.body);\n}\n\n// ============================================\n// Mobile Collapsible Section (auto-converted)\n// ============================================\n\nfunction MobileCollapsibleSection({\n  label,\n  children,\n  onLinkClick,\n}: {\n  label: string;\n  children: React.ReactNode;\n  onLinkClick: () => void;\n}) {\n  return (\n    <Collapsible defaultOpen={false}>\n      <Collapsible.Trigger className={styles.drawerCollapsibleTrigger}>\n        {label}\n      </Collapsible.Trigger>\n      <Collapsible.Content>\n        <div className={styles.drawerCollapsibleContent} onClick={onLinkClick}>\n          {children}\n        </div>\n      </Collapsible.Content>\n    </Collapsible>\n  );\n}\n\n// ============================================\n// Export Compound Component\n// ============================================\n\nexport const NavigationMenu = Object.assign(NavigationMenuRoot, {\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Indicator: NavigationMenuIndicator,\n  Viewport: NavigationMenuViewport,\n  MobileBrand: NavigationMenuMobileBrand,\n  MobileContent: NavigationMenuMobileContent,\n  MobileSection: NavigationMenuMobileSection,\n});\n\nexport {\n  NavigationMenuRoot,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  NavigationMenuMobileBrand,\n  NavigationMenuMobileContent,\n  NavigationMenuMobileSection,\n};\n"],"names":["React","useNavigationMenu","styles","jsx","NavigationMenuContext","jsxs","useNavigationMenuContext","handleArrowNavigation","NavigationMenuItemContext","useNavigationMenuItemContext","CaretDown","createPortal","classes","linkProps","Fragment","X","List","useFocusTrap","ScrollArea","Collapsible"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/NavigationMenu/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { CaretDown, CaretRight, List, X } from '@phosphor-icons/react';\nimport { handleArrowNavigation, useFocusTrap } from '../../utils/a11y';\nimport { Collapsible } from '../Collapsible';\nimport { ScrollArea } from '../ScrollArea';\nimport {\n  NavigationMenuContext,\n  NavigationMenuItemContext,\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n  type NavigationMenuItemInfo,\n} from './NavigationMenuContext';\nimport { useNavigationMenu } from './useNavigationMenu';\nimport styles from './NavigationMenu.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Controlled open item value */\n  value?: string;\n  /** Default open item value */\n  defaultValue?: string;\n  /** Callback when open item changes */\n  onValueChange?: (value: string) => void;\n  /** Menu orientation */\n  orientation?: 'horizontal' | 'vertical';\n  /** Delay before opening on hover (ms) */\n  delayDuration?: number;\n  /** Duration to skip delays between triggers (ms) */\n  skipDelayDuration?: number;\n}\n\nexport interface NavigationMenuListProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface NavigationMenuItemProps {\n  children: React.ReactNode;\n  /** Unique item value (required for items with Trigger+Content) */\n  value?: string;\n  className?: string;\n}\n\nexport interface NavigationMenuTriggerProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface NavigationMenuContentProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Simple mode: children as text content */\n  children?: React.ReactNode;\n  /** Structured mode: title text */\n  title?: string;\n  /** Structured mode: description text */\n  description?: string;\n  /** Structured mode: icon element */\n  icon?: React.ReactNode;\n  /** Whether this link is the current page */\n  active?: boolean;\n  /** Highlighted card style */\n  featured?: boolean;\n  /** Render as child element (polymorphic) */\n  asChild?: boolean;\n}\n\nexport interface NavigationMenuIndicatorProps {\n  className?: string;\n}\n\nexport interface NavigationMenuViewportProps {\n  className?: string;\n}\n\nexport interface NavigationMenuMobileContentProps {\n  children: React.ReactNode;\n}\n\nexport interface NavigationMenuMobileBrandProps {\n  children: React.ReactNode;\n}\n\nexport interface NavigationMenuMobileSectionProps {\n  children: React.ReactNode;\n  /** Section heading label */\n  label?: string;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mq = window.matchMedia('(max-width: 767px)');\n    setIsMobile(mq.matches);\n\n    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return isMobile;\n}\n\n// ============================================\n// Root\n// ============================================\n\nfunction NavigationMenuRoot({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  orientation = 'horizontal',\n  delayDuration = 200,\n  skipDelayDuration = 300,\n  className,\n  'aria-label': ariaLabel = 'Main navigation',\n  ...htmlProps\n}: NavigationMenuProps) {\n  const rootId = React.useId();\n  const isMobile = useIsMobile();\n\n  const state = useNavigationMenu({\n    value: controlledValue,\n    defaultValue,\n    onValueChange,\n    delayDuration,\n    skipDelayDuration,\n  });\n\n  const classes = [\n    styles.root,\n    orientation === 'vertical' && styles.rootVertical,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const contextValue = React.useMemo(\n    () => ({\n      ...state,\n      orientation,\n      isMobile,\n      rootId,\n    }),\n    [state, orientation, isMobile, rootId]\n  );\n\n  return (\n    <NavigationMenuContext.Provider value={contextValue}>\n      <nav {...htmlProps} className={classes} aria-label={ariaLabel} data-orientation={orientation}>\n        {children}\n        {isMobile && <MobileHamburger />}\n        {isMobile && state.mobileOpen && <MobileDrawer />}\n      </nav>\n    </NavigationMenuContext.Provider>\n  );\n}\n\n// ============================================\n// List\n// ============================================\n\nfunction NavigationMenuList({ children, className }: NavigationMenuListProps) {\n  const { orientation, triggerOrder, triggerRefs, value } = useNavigationMenuContext();\n\n  const listRef = React.useRef<HTMLUListElement>(null);\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    const order = triggerOrder.current;\n    const currentIdx = order.indexOf(value);\n\n    const newIdx = handleArrowNavigation(e, order, currentIdx >= 0 ? currentIdx : 0, {\n      orientation: orientation === 'horizontal' ? 'horizontal' : 'vertical',\n      loop: true,\n    });\n\n    if (newIdx !== undefined) {\n      const targetValue = order[newIdx];\n      const trigger = triggerRefs.current.get(targetValue);\n      trigger?.focus();\n    }\n  };\n\n  const classes = [\n    styles.list,\n    orientation === 'vertical' && styles.listVertical,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <ul\n      ref={listRef}\n      className={classes}\n      role=\"list\"\n      data-orientation={orientation}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </ul>\n  );\n}\n\n// ============================================\n// Item\n// ============================================\n\nlet itemCounter = 0;\n\nfunction NavigationMenuItem({ children, value: valueProp, className }: NavigationMenuItemProps) {\n  const rootCtx = useNavigationMenuContext();\n  const [autoValue] = React.useState(() => valueProp || `navmenu-item-${++itemCounter}`);\n  const triggerId = `${rootCtx.rootId}-trigger-${autoValue}`;\n  const contentId = `${rootCtx.rootId}-content-${autoValue}`;\n\n  const itemCtx = React.useMemo(\n    () => ({\n      value: autoValue,\n      triggerId,\n      contentId,\n    }),\n    [autoValue, triggerId, contentId]\n  );\n\n  return (\n    <NavigationMenuItemContext.Provider value={itemCtx}>\n      <li className={className}>{children}</li>\n    </NavigationMenuItemContext.Provider>\n  );\n}\n\n// ============================================\n// Trigger\n// ============================================\n\nfunction NavigationMenuTrigger({ children, className }: NavigationMenuTriggerProps) {\n  const ctx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const isOpen = ctx.value === itemCtx.value;\n\n  // Register trigger\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useEffect(() => {\n    if (triggerRef.current) {\n      ctx.triggerRefs.current.set(itemCtx.value, triggerRef.current);\n      if (!ctx.triggerOrder.current.includes(itemCtx.value)) {\n        ctx.triggerOrder.current.push(itemCtx.value);\n      }\n    }\n    return () => {\n      ctx.triggerRefs.current.delete(itemCtx.value);\n      ctx.triggerOrder.current = ctx.triggerOrder.current.filter(v => v !== itemCtx.value);\n    };\n    // Only register/unregister on mount/unmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [itemCtx.value]);\n\n  // Register item info for mobile drawer\n  React.useEffect(() => {\n    const label = typeof children === 'string' ? children : '';\n    const existing = ctx.itemInfoMap.current.get(itemCtx.value);\n    ctx.itemInfoMap.current.set(itemCtx.value, {\n      ...existing,\n      value: itemCtx.value,\n      triggerLabel: label || existing?.triggerLabel || '',\n    } as NavigationMenuItemInfo);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [itemCtx.value, children]);\n\n  const handleClick = () => {\n    ctx.setValue(isOpen ? '' : itemCtx.value);\n  };\n\n  const handlePointerEnter = () => {\n    if (ctx.closeTimerRef.current) {\n      clearTimeout(ctx.closeTimerRef.current);\n      ctx.closeTimerRef.current = null;\n    }\n\n    // Skip delay if recently open\n    if (ctx.isRecentlyOpenRef.current) {\n      ctx.setValue(itemCtx.value);\n      return;\n    }\n\n    ctx.openTimerRef.current = setTimeout(() => {\n      ctx.setValue(itemCtx.value);\n    }, ctx.delayDuration);\n  };\n\n  const handlePointerLeave = () => {\n    if (ctx.openTimerRef.current) {\n      clearTimeout(ctx.openTimerRef.current);\n      ctx.openTimerRef.current = null;\n    }\n\n    ctx.closeTimerRef.current = setTimeout(() => {\n      ctx.setValue('');\n    }, ctx.delayDuration);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      ctx.setValue(isOpen ? '' : itemCtx.value);\n    }\n    if (e.key === 'Escape' && isOpen) {\n      e.preventDefault();\n      ctx.setValue('');\n      triggerRef.current?.focus();\n    }\n  };\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  return (\n    <button\n      ref={triggerRef}\n      type=\"button\"\n      id={itemCtx.triggerId}\n      className={classes}\n      aria-expanded={isOpen}\n      aria-controls={itemCtx.contentId}\n      data-state={isOpen ? 'open' : 'closed'}\n      onClick={handleClick}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n      <CaretDown size={12} className={styles.triggerChevron} aria-hidden />\n    </button>\n  );\n}\n\n// ============================================\n// Content\n// ============================================\n\nfunction NavigationMenuContent({ children, className }: NavigationMenuContentProps) {\n  const ctx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const isOpen = ctx.value === itemCtx.value;\n  const contentRef = React.useRef<HTMLDivElement>(null);\n\n  // Register content children into item info (for mobile drawer)\n  React.useEffect(() => {\n    const existing = ctx.itemInfoMap.current.get(itemCtx.value);\n    ctx.itemInfoMap.current.set(itemCtx.value, {\n      ...existing,\n      value: itemCtx.value,\n      triggerLabel: existing?.triggerLabel || '',\n      contentChildren: children,\n    } as NavigationMenuItemInfo);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [itemCtx.value, children]);\n\n  // Measure content for viewport animation\n  React.useEffect(() => {\n    if (!isOpen || !contentRef.current) return;\n\n    const el = contentRef.current;\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) {\n        ctx.setViewportSize({\n          width: entry.contentRect.width,\n          height: entry.contentRect.height,\n        });\n      }\n    });\n    observer.observe(el);\n\n    // Initial measurement\n    ctx.setViewportSize({\n      width: el.scrollWidth,\n      height: el.scrollHeight,\n    });\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // Determine motion direction\n  const prevValue = ctx.previousValue.current;\n  const triggerOrder = ctx.triggerOrder.current;\n  const prevIdx = triggerOrder.indexOf(prevValue);\n  const currentIdx = triggerOrder.indexOf(itemCtx.value);\n  let motion: string | undefined;\n  if (isOpen && prevValue && prevValue !== itemCtx.value) {\n    motion = currentIdx > prevIdx ? 'from-end' : 'from-start';\n  }\n\n  // Update previousValue when this content becomes active\n  React.useEffect(() => {\n    if (isOpen) {\n      ctx.previousValue.current = itemCtx.value;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, itemCtx.value]);\n\n  if (!isOpen) return null;\n\n  const classes = [styles.content, className].filter(Boolean).join(' ');\n\n  const handlePointerEnter = () => {\n    if (ctx.closeTimerRef.current) {\n      clearTimeout(ctx.closeTimerRef.current);\n      ctx.closeTimerRef.current = null;\n    }\n  };\n\n  const handlePointerLeave = () => {\n    ctx.closeTimerRef.current = setTimeout(() => {\n      ctx.setValue('');\n    }, ctx.delayDuration);\n  };\n\n  const contentElement = (\n    <div\n      ref={contentRef}\n      id={itemCtx.contentId}\n      className={classes}\n      role=\"region\"\n      aria-labelledby={itemCtx.triggerId}\n      data-motion={motion}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n    >\n      {children}\n    </div>\n  );\n\n  // Portal into viewport if it exists\n  if (ctx.viewportRef.current) {\n    return createPortal(contentElement, ctx.viewportRef.current);\n  }\n\n  return contentElement;\n}\n\n// ============================================\n// Link\n// ============================================\n\nfunction NavigationMenuLink({\n  children,\n  title,\n  description,\n  icon,\n  active = false,\n  featured = false,\n  asChild = false,\n  className,\n  href,\n  onClick,\n  ...htmlProps\n}: NavigationMenuLinkProps) {\n  const ctx = React.useContext(NavigationMenuContext);\n  const isStructured = !!(title || description || icon);\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(e);\n    // Close mobile drawer on link click\n    if (ctx?.isMobile && ctx.mobileOpen) {\n      ctx.setMobileOpen(false);\n    }\n    // Close desktop menu\n    if (ctx) {\n      ctx.setValue('');\n    }\n  };\n\n  // Structured mode (title + description + icon)\n  if (isStructured) {\n    const classes = [\n      styles.link,\n      styles.linkStructured,\n      active && styles.linkActive,\n      featured && styles.linkFeatured,\n      className,\n    ].filter(Boolean).join(' ');\n\n    const linkProps = {\n      ...htmlProps,\n      className: classes,\n      href,\n      'aria-current': active ? ('page' as const) : undefined,\n      onClick: handleClick,\n    };\n\n    if (asChild && React.isValidElement(children)) {\n      return React.cloneElement(children, {\n        ...linkProps,\n        className: [classes, (children.props as { className?: string }).className].filter(Boolean).join(' '),\n        children: (\n          <>\n            {icon && <span className={styles.linkIcon}>{icon}</span>}\n            <span className={styles.linkBody}>\n              {title && <span className={styles.linkTitle}>{title}</span>}\n              {description && <span className={styles.linkDescription}>{description}</span>}\n            </span>\n          </>\n        ),\n      } as React.HTMLAttributes<HTMLElement>);\n    }\n\n    return (\n      <a {...linkProps}>\n        {icon && <span className={styles.linkIcon}>{icon}</span>}\n        <span className={styles.linkBody}>\n          {title && <span className={styles.linkTitle}>{title}</span>}\n          {description && <span className={styles.linkDescription}>{description}</span>}\n        </span>\n      </a>\n    );\n  }\n\n  // Simple link mode\n  const classes = [\n    styles.link,\n    active && styles.linkActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const linkProps = {\n    ...htmlProps,\n    className: classes,\n    href,\n    'aria-current': active ? ('page' as const) : undefined,\n    onClick: handleClick,\n  };\n\n  if (asChild && React.isValidElement(children)) {\n    return React.cloneElement(children, {\n      ...linkProps,\n      className: [classes, (children.props as { className?: string }).className].filter(Boolean).join(' '),\n    } as React.HTMLAttributes<HTMLElement>);\n  }\n\n  return <a {...linkProps}>{children}</a>;\n}\n\n// ============================================\n// Indicator\n// ============================================\n\nfunction NavigationMenuIndicator({ className }: NavigationMenuIndicatorProps) {\n  const { value, triggerRefs } = useNavigationMenuContext();\n  const [style, setStyle] = React.useState<React.CSSProperties>({ opacity: 0 });\n\n  React.useEffect(() => {\n    if (!value) {\n      setStyle({ opacity: 0 });\n      return;\n    }\n    const trigger = triggerRefs.current.get(value);\n    if (trigger) {\n      const parent = trigger.closest('ul');\n      if (parent) {\n        const parentRect = parent.getBoundingClientRect();\n        const triggerRect = trigger.getBoundingClientRect();\n        setStyle({\n          left: triggerRect.left - parentRect.left,\n          width: triggerRect.width,\n          opacity: 1,\n        });\n      }\n    }\n  }, [value, triggerRefs]);\n\n  const classes = [styles.indicator, className].filter(Boolean).join(' ');\n\n  return <div className={classes} style={style} aria-hidden />;\n}\n\n// ============================================\n// Viewport\n// ============================================\n\nfunction NavigationMenuViewport({ className }: NavigationMenuViewportProps) {\n  const ctx = useNavigationMenuContext();\n  const { viewportSize, viewportRef, value, triggerRefs } = ctx;\n  const isOpen = !!value;\n\n  // Compute the active trigger's left offset relative to the nav root\n  const [triggerLeft, setTriggerLeft] = React.useState(0);\n\n  React.useEffect(() => {\n    if (!isOpen || !value) return;\n    const trigger = triggerRefs.current.get(value);\n    if (!trigger || !viewportRef.current) return;\n\n    const navRoot = viewportRef.current.parentElement;\n    if (!navRoot) return;\n\n    const navRect = navRoot.getBoundingClientRect();\n    const triggerRect = trigger.getBoundingClientRect();\n    setTriggerLeft(triggerRect.left - navRect.left);\n  }, [isOpen, value, triggerRefs, viewportRef]);\n\n  const cssVars = {\n    '--fui-navmenu-viewport-width': isOpen ? `${viewportSize.width}px` : '0px',\n    '--fui-navmenu-viewport-height': isOpen ? `${viewportSize.height}px` : '0px',\n    '--fui-navmenu-viewport-left': `${triggerLeft}px`,\n  } as React.CSSProperties;\n\n  // Mark skip-delay state\n  React.useEffect(() => {\n    if (isOpen) {\n      ctx.isRecentlyOpenRef.current = true;\n      if (ctx.skipDelayTimerRef.current) {\n        clearTimeout(ctx.skipDelayTimerRef.current);\n      }\n    } else {\n      ctx.skipDelayTimerRef.current = setTimeout(() => {\n        ctx.isRecentlyOpenRef.current = false;\n      }, ctx.skipDelayDuration);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  const classes = [styles.viewport, className].filter(Boolean).join(' ');\n\n  return (\n    <div\n      ref={viewportRef}\n      className={classes}\n      style={cssVars}\n      data-state={isOpen ? 'open' : 'closed'}\n      role=\"presentation\"\n    />\n  );\n}\n\n// ============================================\n// MobileContent (slot for extra mobile sections)\n// ============================================\n\nfunction NavigationMenuMobileContent({ children }: NavigationMenuMobileContentProps) {\n  const ctx = useNavigationMenuContext();\n\n  React.useEffect(() => {\n    ctx.setMobileContentChildren(children);\n    return () => ctx.setMobileContentChildren(null);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children]);\n\n  // This component renders nothing visually on desktop or in the tree.\n  // Its children are extracted into the mobile drawer via context.\n  return null;\n}\n\n// ============================================\n// MobileBrand (slot for brand in mobile drawer header)\n// ============================================\n\nfunction NavigationMenuMobileBrand({ children }: NavigationMenuMobileBrandProps) {\n  const ctx = useNavigationMenuContext();\n\n  React.useEffect(() => {\n    ctx.setMobileBrandChildren(children);\n    return () => ctx.setMobileBrandChildren(null);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children]);\n\n  return null;\n}\n\n// ============================================\n// MobileSection\n// ============================================\n\nfunction NavigationMenuMobileSection({ children, label }: NavigationMenuMobileSectionProps) {\n  return (\n    <div role=\"group\" aria-label={label}>\n      {label && <div className={styles.drawerSectionLabel}>{label}</div>}\n      <div className={styles.drawerNav}>{children}</div>\n    </div>\n  );\n}\n\n// ============================================\n// Mobile Hamburger Button\n// ============================================\n\nfunction MobileHamburger() {\n  const { mobileOpen, setMobileOpen } = useNavigationMenuContext();\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.hamburger}\n      onClick={() => setMobileOpen(!mobileOpen)}\n      aria-label=\"Toggle navigation\"\n      aria-expanded={mobileOpen}\n    >\n      {mobileOpen ? <X size={24} aria-hidden /> : <List size={24} aria-hidden />}\n    </button>\n  );\n}\n\n// ============================================\n// Mobile Drawer\n// ============================================\n\nfunction MobileDrawer() {\n  const ctx = useNavigationMenuContext();\n  const drawerRef = React.useRef<HTMLDivElement>(null);\n\n  useFocusTrap(drawerRef, true);\n\n  // Lock body scroll\n  React.useEffect(() => {\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, []);\n\n  // Handle Escape\n  React.useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        ctx.setMobileOpen(false);\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [ctx]);\n\n  // Build auto-converted nav items from item info registry\n  const autoItems = React.useMemo(() => {\n    const items: NavigationMenuItemInfo[] = [];\n    for (const value of ctx.triggerOrder.current) {\n      const info = ctx.itemInfoMap.current.get(value);\n      if (info) items.push(info);\n    }\n    return items;\n  }, [ctx.triggerOrder, ctx.itemInfoMap]);\n\n  const handleLinkClick = () => {\n    ctx.setMobileOpen(false);\n  };\n\n  const drawerContent = (\n    <>\n      <div\n        className={styles.drawerBackdrop}\n        onClick={() => ctx.setMobileOpen(false)}\n        aria-hidden\n      />\n      <div\n        ref={drawerRef}\n        className={styles.drawer}\n        role=\"dialog\"\n        aria-modal\n        aria-label=\"Navigation\"\n      >\n        <div className={styles.drawerHeader}>\n          {ctx.mobileBrandChildren ?? <span />}\n          <button\n            type=\"button\"\n            className={styles.drawerClose}\n            onClick={() => ctx.setMobileOpen(false)}\n            aria-label=\"Close navigation\"\n          >\n            <X size={20} aria-hidden />\n          </button>\n        </div>\n        <ScrollArea orientation=\"vertical\" className={styles.drawerBody}>\n          {/* When MobileContent is provided, it takes full control of the drawer nav.\n              Otherwise, auto-convert registered Trigger+Content items. */}\n          {ctx.mobileContentChildren ? (\n            ctx.mobileContentChildren\n          ) : (\n            <div className={styles.drawerNav}>\n              {autoItems.map((item) =>\n                item.contentChildren ? (\n                  <MobileCollapsibleSection\n                    key={item.value}\n                    label={item.triggerLabel}\n                    onLinkClick={handleLinkClick}\n                  >\n                    {item.contentChildren}\n                  </MobileCollapsibleSection>\n                ) : item.linkHref ? (\n                  <a\n                    key={item.value}\n                    className={styles.drawerLink}\n                    href={item.linkHref}\n                    onClick={handleLinkClick}\n                  >\n                    {item.triggerLabel}\n                  </a>\n                ) : null\n              )}\n            </div>\n          )}\n        </ScrollArea>\n      </div>\n    </>\n  );\n\n  if (typeof document === 'undefined') return null;\n  return createPortal(drawerContent, document.body);\n}\n\n// ============================================\n// Mobile Collapsible Section (auto-converted)\n// ============================================\n\nfunction MobileCollapsibleSection({\n  label,\n  children,\n  onLinkClick,\n}: {\n  label: string;\n  children: React.ReactNode;\n  onLinkClick: () => void;\n}) {\n  return (\n    <Collapsible defaultOpen={false}>\n      <Collapsible.Trigger className={styles.drawerCollapsibleTrigger}>\n        {label}\n      </Collapsible.Trigger>\n      <Collapsible.Content>\n        <div\n          className={styles.drawerCollapsibleContent}\n          onClick={onLinkClick}\n          onKeyDown={(e) => { if (e.key === 'Enter') onLinkClick(); }}\n          role=\"group\"\n        >\n          {children}\n        </div>\n      </Collapsible.Content>\n    </Collapsible>\n  );\n}\n\n// ============================================\n// Export Compound Component\n// ============================================\n\nexport const NavigationMenu = Object.assign(NavigationMenuRoot, {\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Indicator: NavigationMenuIndicator,\n  Viewport: NavigationMenuViewport,\n  MobileBrand: NavigationMenuMobileBrand,\n  MobileContent: NavigationMenuMobileContent,\n  MobileSection: NavigationMenuMobileSection,\n});\n\nexport {\n  NavigationMenuRoot,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  NavigationMenuMobileBrand,\n  NavigationMenuMobileContent,\n  NavigationMenuMobileSection,\n};\n"],"names":["React","useNavigationMenu","styles","jsx","NavigationMenuContext","jsxs","useNavigationMenuContext","handleArrowNavigation","NavigationMenuItemContext","useNavigationMenuItemContext","CaretDown","createPortal","classes","linkProps","Fragment","X","List","useFocusTrap","ScrollArea","Collapsible"],"mappings":"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"}

package/dist/components/NavigationMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/NavigationMenu/index.js

@@ -552,7 +552,18 @@ function MobileCollapsibleSection({
 }) {
   return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: false, children: [
     /* @__PURE__ */ jsx(Collapsible.Trigger, { className: styles.drawerCollapsibleTrigger, children: label }),
-    /* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsx("div", { className: styles.drawerCollapsibleContent, onClick: onLinkClick, children }) })
+    /* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: styles.drawerCollapsibleContent,
+        onClick: onLinkClick,
+        onKeyDown: (e) => {
+          if (e.key === "Enter") onLinkClick();
+        },
+        role: "group",
+        children
+      }
+    ) })
   ] });
 }
 const NavigationMenu = Object.assign(NavigationMenuRoot, {