@fragments-sdk/ui 0.13.0 → 0.14.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Menu/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as BaseMenu } from '@base-ui/react/menu';\nimport styles from './Menu.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface MenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n}\n\nexport interface MenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nexport interface MenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  side?: 'top' | 'bottom' | 'left' | 'right';\n  align?: 'start' | 'center' | 'end';\n  sideOffset?: number;\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'onSelect'> {\n  children: React.ReactNode;\n  disabled?: boolean;\n  danger?: boolean;\n  onSelect?: (...args: any[]) => void;\n  icon?: React.ReactNode;\n  shortcut?: string;\n  /** When passed, renders a check indicator. `true` shows a checkmark, `false` reserves space. */\n  checked?: boolean;\n}\n\nexport interface MenuCheckboxItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'onChange'> {\n  children: React.ReactNode;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n}\n\nexport interface MenuRadioGroupProps {\n  children: React.ReactNode;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n}\n\nexport interface MenuRadioItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n}\n\nexport interface MenuGroupProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface MenuGroupLabelProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface MenuSeparatorProps extends React.HTMLAttributes<HTMLElement> {}\n\nexport interface MenuSubmenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport interface MenuSubmenuTriggerProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CheckmarkIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M5 13l4 4L19 7\" />\n    </svg>\n  );\n}\n\nfunction DotIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"5\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction MenuRoot({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal = true,\n}: MenuProps) {\n  return (\n    <BaseMenu.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      {children}\n    </BaseMenu.Root>\n  );\n}\n\nfunction MenuTrigger({ children, asChild, className, ...htmlProps }: MenuTriggerProps) {\n  if (asChild) {\n    return (\n      <BaseMenu.Trigger {...htmlProps} className={className} render={children as React.ReactElement}>\n        {null}\n      </BaseMenu.Trigger>\n    );\n  }\n\n  return (\n    <BaseMenu.Trigger {...htmlProps} className={className}>\n      {children}\n    </BaseMenu.Trigger>\n  );\n}\n\nfunction MenuContent({\n  children,\n  className,\n  side = 'bottom',\n  align = 'start',\n  sideOffset = 4,\n  ...htmlProps\n}: MenuContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseMenu.Portal>\n      <BaseMenu.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        className={styles.positioner}\n      >\n        <BaseMenu.Popup {...htmlProps} className={popupClasses}>\n          {children}\n        </BaseMenu.Popup>\n      </BaseMenu.Positioner>\n    </BaseMenu.Portal>\n  );\n}\n\nfunction MenuItem({\n  children,\n  disabled,\n  danger,\n  onSelect,\n  className,\n  icon,\n  shortcut,\n  checked,\n  ...htmlProps\n}: MenuItemProps) {\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      (htmlProps.onClick as React.MouseEventHandler<HTMLElement> | undefined)?.(event);\n      onSelect?.(event);\n    },\n    [htmlProps, onSelect],\n  );\n\n  const hasChecked = checked !== undefined;\n  const classes = [\n    styles.item,\n    danger && styles.itemDanger,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <BaseMenu.Item\n      {...htmlProps}\n      disabled={disabled}\n      onClick={handleClick as any}\n      className={classes}\n    >\n      {hasChecked && (\n        <span className={styles.checkIndicator}>\n          {checked ? <CheckmarkIcon /> : null}\n        </span>\n      )}\n      {icon && <span className={styles.itemIcon}>{icon}</span>}\n      <span className={styles.itemLabel}>{children}</span>\n      {shortcut && <span className={styles.itemShortcut}>{shortcut}</span>}\n    </BaseMenu.Item>\n  );\n}\n\nfunction MenuCheckboxItem({\n  children,\n  checked: checkedProp,\n  defaultChecked,\n  onCheckedChange,\n  disabled,\n  className,\n  ...htmlProps\n}: MenuCheckboxItemProps) {\n  const isControlled = checkedProp !== undefined;\n  const [internalChecked, setInternalChecked] = React.useState(defaultChecked ?? false);\n  const visualChecked = isControlled ? checkedProp : internalChecked;\n\n  const handleCheckedChange = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) setInternalChecked(value);\n      onCheckedChange?.(value);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const classes = [styles.item, styles.checkboxItem, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.CheckboxItem\n      {...htmlProps}\n      checked={checkedProp}\n      defaultChecked={defaultChecked}\n      onCheckedChange={handleCheckedChange}\n      disabled={disabled}\n      className={classes}\n    >\n      <span className={styles.checkIndicator}>\n        {visualChecked ? <CheckmarkIcon /> : null}\n      </span>\n      <span className={styles.itemLabel}>{children}</span>\n    </BaseMenu.CheckboxItem>\n  );\n}\n\nfunction MenuRadioGroup({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n}: MenuRadioGroupProps) {\n  return (\n    <BaseMenu.RadioGroup\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={onValueChange}\n    >\n      {children}\n    </BaseMenu.RadioGroup>\n  );\n}\n\nfunction MenuRadioItem({\n  children,\n  value,\n  disabled,\n  className,\n  ...htmlProps\n}: MenuRadioItemProps) {\n  const classes = [styles.item, styles.radioItem, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.RadioItem {...htmlProps} value={value} disabled={disabled} className={classes}>\n      <span className={styles.radioIndicator}>\n        <DotIcon />\n      </span>\n      <span className={styles.itemLabel}>{children}</span>\n    </BaseMenu.RadioItem>\n  );\n}\n\nfunction MenuGroup({ children, className, ...htmlProps }: MenuGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseMenu.Group {...htmlProps} className={classes}>{children}</BaseMenu.Group>;\n}\n\nfunction MenuGroupLabel({ children, className, ...htmlProps }: MenuGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseMenu.GroupLabel {...htmlProps} className={classes}>{children}</BaseMenu.GroupLabel>;\n}\n\nfunction MenuSeparator({ className, ...htmlProps }: MenuSeparatorProps) {\n  const classes = [styles.separator, className].filter(Boolean).join(' ');\n  return <BaseMenu.Separator {...htmlProps} className={classes} />;\n}\n\nfunction MenuSubmenu({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n}: MenuSubmenuProps) {\n  return (\n    <BaseMenu.SubmenuRoot\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange as any}\n    >\n      {children}\n    </BaseMenu.SubmenuRoot>\n  );\n}\n\nfunction MenuSubmenuTrigger({\n  children,\n  disabled,\n  className,\n  icon,\n  ...htmlProps\n}: MenuSubmenuTriggerProps) {\n  const classes = [styles.item, styles.submenuTrigger, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.SubmenuTrigger {...htmlProps} disabled={disabled} className={classes}>\n      {icon && <span className={styles.itemIcon}>{icon}</span>}\n      <span className={styles.itemLabel}>{children}</span>\n    </BaseMenu.SubmenuTrigger>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Menu = Object.assign(MenuRoot, {\n  Trigger: MenuTrigger,\n  Content: MenuContent,\n  Item: MenuItem,\n  CheckboxItem: MenuCheckboxItem,\n  RadioGroup: MenuRadioGroup,\n  RadioItem: MenuRadioItem,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  Separator: MenuSeparator,\n  Submenu: MenuSubmenu,\n  SubmenuTrigger: MenuSubmenuTrigger,\n});\n\n// Re-export individual components\nexport {\n  MenuRoot,\n  MenuTrigger,\n  MenuContent,\n  MenuItem,\n  MenuCheckboxItem,\n  MenuRadioGroup,\n  MenuRadioItem,\n  MenuGroup,\n  MenuGroupLabel,\n  MenuSeparator,\n  MenuSubmenu,\n  MenuSubmenuTrigger,\n};\n"],"names":["BaseMenu"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Menu/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as BaseMenu } from '@base-ui/react/menu';\nimport styles from './Menu.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface MenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n}\n\ntype MenuTriggerAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  asChild?: false;\n};\ntype MenuTriggerAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {\n  children: React.ReactElement;\n  asChild: true;\n};\nexport type MenuTriggerProps = MenuTriggerAsButtonProps | MenuTriggerAsChildProps;\n\nexport interface MenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  side?: 'top' | 'bottom' | 'left' | 'right';\n  align?: 'start' | 'center' | 'end';\n  sideOffset?: number;\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'onSelect'> {\n  children: React.ReactNode;\n  disabled?: boolean;\n  danger?: boolean;\n  onSelect?: (event: React.MouseEvent<HTMLElement>) => void;\n  icon?: React.ReactNode;\n  shortcut?: string;\n  /** When passed, renders a check indicator. `true` shows a checkmark, `false` reserves space. */\n  checked?: boolean;\n}\n\nexport interface MenuCheckboxItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'onChange'> {\n  children: React.ReactNode;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n}\n\nexport interface MenuRadioGroupProps {\n  children: React.ReactNode;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n}\n\nexport interface MenuRadioItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n}\n\nexport interface MenuGroupProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface MenuGroupLabelProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface MenuSeparatorProps extends React.HTMLAttributes<HTMLElement> {}\n\nexport interface MenuSubmenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport interface MenuSubmenuTriggerProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CheckmarkIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M5 13l4 4L19 7\" />\n    </svg>\n  );\n}\n\nfunction DotIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"5\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction MenuRoot({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal = true,\n}: MenuProps) {\n  return (\n    <BaseMenu.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      {children}\n    </BaseMenu.Root>\n  );\n}\n\nfunction MenuTrigger({ children, asChild, className, ...htmlProps }: MenuTriggerProps) {\n  if (asChild) {\n    if (!React.isValidElement(children)) {\n      throw new Error('Menu.Trigger with asChild requires a single valid React element child.');\n    }\n    return (\n      <BaseMenu.Trigger {...htmlProps} className={className} render={children as React.ReactElement}>\n        {null}\n      </BaseMenu.Trigger>\n    );\n  }\n\n  return (\n    <BaseMenu.Trigger\n      {...htmlProps}\n      type={(htmlProps as React.ButtonHTMLAttributes<HTMLButtonElement>).type ?? 'button'}\n      className={className}\n    >\n      {children}\n    </BaseMenu.Trigger>\n  );\n}\n\nfunction MenuContent({\n  children,\n  className,\n  side = 'bottom',\n  align = 'start',\n  sideOffset = 4,\n  ...htmlProps\n}: MenuContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseMenu.Portal>\n      <BaseMenu.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        className={styles.positioner}\n      >\n        <BaseMenu.Popup {...htmlProps} className={popupClasses}>\n          {children}\n        </BaseMenu.Popup>\n      </BaseMenu.Positioner>\n    </BaseMenu.Portal>\n  );\n}\n\nfunction MenuItem({\n  children,\n  disabled,\n  danger,\n  onSelect,\n  className,\n  icon,\n  shortcut,\n  checked,\n  ...htmlProps\n}: MenuItemProps) {\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      (htmlProps.onClick as React.MouseEventHandler<HTMLElement> | undefined)?.(event);\n      onSelect?.(event);\n    },\n    [htmlProps, onSelect],\n  );\n\n  const hasChecked = checked !== undefined;\n  const classes = [\n    styles.item,\n    danger && styles.itemDanger,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <BaseMenu.Item\n      {...htmlProps}\n      disabled={disabled}\n      onClick={handleClick as React.MouseEventHandler<HTMLElement>}\n      className={classes}\n    >\n      {hasChecked && (\n        <span className={styles.checkIndicator}>\n          {checked ? <CheckmarkIcon /> : null}\n        </span>\n      )}\n      {icon && <span className={styles.itemIcon}>{icon}</span>}\n      <span className={styles.itemLabel}>{children}</span>\n      {shortcut && <span className={styles.itemShortcut}>{shortcut}</span>}\n    </BaseMenu.Item>\n  );\n}\n\nfunction MenuCheckboxItem({\n  children,\n  checked: checkedProp,\n  defaultChecked,\n  onCheckedChange,\n  disabled,\n  className,\n  ...htmlProps\n}: MenuCheckboxItemProps) {\n  const isControlled = checkedProp !== undefined;\n  const [internalChecked, setInternalChecked] = React.useState(defaultChecked ?? false);\n  const visualChecked = isControlled ? checkedProp : internalChecked;\n\n  const handleCheckedChange = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) setInternalChecked(value);\n      onCheckedChange?.(value);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const classes = [styles.item, styles.checkboxItem, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.CheckboxItem\n      {...htmlProps}\n      checked={checkedProp}\n      defaultChecked={defaultChecked}\n      onCheckedChange={handleCheckedChange}\n      disabled={disabled}\n      className={classes}\n    >\n      <span className={styles.checkIndicator}>\n        {visualChecked ? <CheckmarkIcon /> : null}\n      </span>\n      <span className={styles.itemLabel}>{children}</span>\n    </BaseMenu.CheckboxItem>\n  );\n}\n\nfunction MenuRadioGroup({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n}: MenuRadioGroupProps) {\n  return (\n    <BaseMenu.RadioGroup\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={onValueChange}\n    >\n      {children}\n    </BaseMenu.RadioGroup>\n  );\n}\n\nfunction MenuRadioItem({\n  children,\n  value,\n  disabled,\n  className,\n  ...htmlProps\n}: MenuRadioItemProps) {\n  const classes = [styles.item, styles.radioItem, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.RadioItem {...htmlProps} value={value} disabled={disabled} className={classes}>\n      <span className={styles.radioIndicator}>\n        <DotIcon />\n      </span>\n      <span className={styles.itemLabel}>{children}</span>\n    </BaseMenu.RadioItem>\n  );\n}\n\nfunction MenuGroup({ children, className, ...htmlProps }: MenuGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseMenu.Group {...htmlProps} className={classes}>{children}</BaseMenu.Group>;\n}\n\nfunction MenuGroupLabel({ children, className, ...htmlProps }: MenuGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseMenu.GroupLabel {...htmlProps} className={classes}>{children}</BaseMenu.GroupLabel>;\n}\n\nfunction MenuSeparator({ className, ...htmlProps }: MenuSeparatorProps) {\n  const classes = [styles.separator, className].filter(Boolean).join(' ');\n  return <BaseMenu.Separator {...htmlProps} className={classes} />;\n}\n\nfunction MenuSubmenu({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n}: MenuSubmenuProps) {\n  return (\n    <BaseMenu.SubmenuRoot\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n    >\n      {children}\n    </BaseMenu.SubmenuRoot>\n  );\n}\n\nfunction MenuSubmenuTrigger({\n  children,\n  disabled,\n  className,\n  icon,\n  ...htmlProps\n}: MenuSubmenuTriggerProps) {\n  const classes = [styles.item, styles.submenuTrigger, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.SubmenuTrigger {...htmlProps} disabled={disabled} className={classes}>\n      {icon && <span className={styles.itemIcon}>{icon}</span>}\n      <span className={styles.itemLabel}>{children}</span>\n    </BaseMenu.SubmenuTrigger>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Menu = Object.assign(MenuRoot, {\n  Trigger: MenuTrigger,\n  Content: MenuContent,\n  Item: MenuItem,\n  CheckboxItem: MenuCheckboxItem,\n  RadioGroup: MenuRadioGroup,\n  RadioItem: MenuRadioItem,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  Separator: MenuSeparator,\n  Submenu: MenuSubmenu,\n  SubmenuTrigger: MenuSubmenuTrigger,\n});\n\n// Re-export individual components\nexport {\n  MenuRoot,\n  MenuTrigger,\n  MenuContent,\n  MenuItem,\n  MenuCheckboxItem,\n  MenuRadioGroup,\n  MenuRadioItem,\n  MenuGroup,\n  MenuGroupLabel,\n  MenuSeparator,\n  MenuSubmenu,\n  MenuSubmenuTrigger,\n};\n"],"names":["BaseMenu"],"mappings":"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"}

package/dist/components/Message/Message.module.scss.cjs

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const message = "_message_1052q_1";
-const actions = "_actions_1052q_8";
-const user = "_user_1052q_15";
-const body = "_body_1052q_19";
-const content = "_content_1052q_22";
-const assistant = "_assistant_1052q_27";
-const system = "_system_1052q_32";
-const avatar = "_avatar_1052q_42";
-const error = "_error_1052q_46";
-const sending = "_sending_1052q_52";
-const avatarUser = "_avatarUser_1052q_72";
-const avatarAssistant = "_avatarAssistant_1052q_77";
-const avatarSystem = "_avatarSystem_1052q_82";
-const avatarImage = "_avatarImage_1052q_87";
-const avatarImg = "_avatarImg_1052q_92";
-const streaming = "_streaming_1052q_148";
-const blink = "_blink_1052q_1";
-const timestamp = "_timestamp_1052q_174";
+const message = "_message_7tbia_1";
+const actions = "_actions_7tbia_8";
+const user = "_user_7tbia_15";
+const body = "_body_7tbia_19";
+const content = "_content_7tbia_22";
+const assistant = "_assistant_7tbia_27";
+const system = "_system_7tbia_32";
+const avatar = "_avatar_7tbia_42";
+const error = "_error_7tbia_46";
+const sending = "_sending_7tbia_52";
+const avatarUser = "_avatarUser_7tbia_72";
+const avatarAssistant = "_avatarAssistant_7tbia_77";
+const avatarSystem = "_avatarSystem_7tbia_82";
+const avatarImage = "_avatarImage_7tbia_87";
+const avatarImg = "_avatarImg_7tbia_92";
+const streaming = "_streaming_7tbia_148";
+const blink = "_blink_7tbia_1";
+const timestamp = "_timestamp_7tbia_174";
 const styles = {
   message,
   actions,

package/dist/components/Message/Message.module.scss.js

@@ -1,21 +1,21 @@
-const message = "_message_1052q_1";
-const actions = "_actions_1052q_8";
-const user = "_user_1052q_15";
-const body = "_body_1052q_19";
-const content = "_content_1052q_22";
-const assistant = "_assistant_1052q_27";
-const system = "_system_1052q_32";
-const avatar = "_avatar_1052q_42";
-const error = "_error_1052q_46";
-const sending = "_sending_1052q_52";
-const avatarUser = "_avatarUser_1052q_72";
-const avatarAssistant = "_avatarAssistant_1052q_77";
-const avatarSystem = "_avatarSystem_1052q_82";
-const avatarImage = "_avatarImage_1052q_87";
-const avatarImg = "_avatarImg_1052q_92";
-const streaming = "_streaming_1052q_148";
-const blink = "_blink_1052q_1";
-const timestamp = "_timestamp_1052q_174";
+const message = "_message_7tbia_1";
+const actions = "_actions_7tbia_8";
+const user = "_user_7tbia_15";
+const body = "_body_7tbia_19";
+const content = "_content_7tbia_22";
+const assistant = "_assistant_7tbia_27";
+const system = "_system_7tbia_32";
+const avatar = "_avatar_7tbia_42";
+const error = "_error_7tbia_46";
+const sending = "_sending_7tbia_52";
+const avatarUser = "_avatarUser_7tbia_72";
+const avatarAssistant = "_avatarAssistant_7tbia_77";
+const avatarSystem = "_avatarSystem_7tbia_82";
+const avatarImage = "_avatarImage_7tbia_87";
+const avatarImg = "_avatarImg_7tbia_92";
+const streaming = "_streaming_7tbia_148";
+const blink = "_blink_7tbia_1";
+const timestamp = "_timestamp_7tbia_174";
 const styles = {
   message,
   actions,

package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs

@@ -1,33 +1,33 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1sabn_1";
-const rootVertical = "_rootVertical_1sabn_7";
-const list = "_list_1sabn_12";
-const listVertical = "_listVertical_1sabn_26";
-const trigger = "_trigger_1sabn_31";
-const triggerChevron = "_triggerChevron_1sabn_83";
-const content = "_content_1sabn_91";
-const link = "_link_1sabn_150";
-const linkActive = "_linkActive_1sabn_176";
-const linkStructured = "_linkStructured_1sabn_186";
-const linkIcon = "_linkIcon_1sabn_198";
-const linkBody = "_linkBody_1sabn_209";
-const linkTitle = "_linkTitle_1sabn_216";
-const linkDescription = "_linkDescription_1sabn_223";
-const linkFeatured = "_linkFeatured_1sabn_229";
-const indicator = "_indicator_1sabn_238";
-const viewport = "_viewport_1sabn_248";
-const hamburger = "_hamburger_1sabn_278";
-const drawerBackdrop = "_drawerBackdrop_1sabn_325";
-const drawer = "_drawer_1sabn_325";
-const drawerHeader = "_drawerHeader_1sabn_359";
-const drawerClose = "_drawerClose_1sabn_368";
-const drawerBody = "_drawerBody_1sabn_406";
-const drawerNav = "_drawerNav_1sabn_412";
-const drawerLink = "_drawerLink_1sabn_417";
-const drawerSectionLabel = "_drawerSectionLabel_1sabn_451";
-const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1sabn_462";
-const drawerCollapsibleContent = "_drawerCollapsibleContent_1sabn_505";
+const root = "_root_djefa_1";
+const rootVertical = "_rootVertical_djefa_7";
+const list = "_list_djefa_12";
+const listVertical = "_listVertical_djefa_26";
+const trigger = "_trigger_djefa_31";
+const triggerChevron = "_triggerChevron_djefa_83";
+const content = "_content_djefa_91";
+const link = "_link_djefa_150";
+const linkActive = "_linkActive_djefa_176";
+const linkStructured = "_linkStructured_djefa_186";
+const linkIcon = "_linkIcon_djefa_198";
+const linkBody = "_linkBody_djefa_209";
+const linkTitle = "_linkTitle_djefa_216";
+const linkDescription = "_linkDescription_djefa_223";
+const linkFeatured = "_linkFeatured_djefa_229";
+const indicator = "_indicator_djefa_238";
+const viewport = "_viewport_djefa_248";
+const hamburger = "_hamburger_djefa_278";
+const drawerBackdrop = "_drawerBackdrop_djefa_325";
+const drawer = "_drawer_djefa_325";
+const drawerHeader = "_drawerHeader_djefa_359";
+const drawerClose = "_drawerClose_djefa_368";
+const drawerBody = "_drawerBody_djefa_406";
+const drawerNav = "_drawerNav_djefa_412";
+const drawerLink = "_drawerLink_djefa_417";
+const drawerSectionLabel = "_drawerSectionLabel_djefa_451";
+const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_djefa_462";
+const drawerCollapsibleContent = "_drawerCollapsibleContent_djefa_505";
 const styles = {
   root,
   rootVertical,

package/dist/components/NavigationMenu/NavigationMenu.module.scss.js

@@ -1,31 +1,31 @@
-const root = "_root_1sabn_1";
-const rootVertical = "_rootVertical_1sabn_7";
-const list = "_list_1sabn_12";
-const listVertical = "_listVertical_1sabn_26";
-const trigger = "_trigger_1sabn_31";
-const triggerChevron = "_triggerChevron_1sabn_83";
-const content = "_content_1sabn_91";
-const link = "_link_1sabn_150";
-const linkActive = "_linkActive_1sabn_176";
-const linkStructured = "_linkStructured_1sabn_186";
-const linkIcon = "_linkIcon_1sabn_198";
-const linkBody = "_linkBody_1sabn_209";
-const linkTitle = "_linkTitle_1sabn_216";
-const linkDescription = "_linkDescription_1sabn_223";
-const linkFeatured = "_linkFeatured_1sabn_229";
-const indicator = "_indicator_1sabn_238";
-const viewport = "_viewport_1sabn_248";
-const hamburger = "_hamburger_1sabn_278";
-const drawerBackdrop = "_drawerBackdrop_1sabn_325";
-const drawer = "_drawer_1sabn_325";
-const drawerHeader = "_drawerHeader_1sabn_359";
-const drawerClose = "_drawerClose_1sabn_368";
-const drawerBody = "_drawerBody_1sabn_406";
-const drawerNav = "_drawerNav_1sabn_412";
-const drawerLink = "_drawerLink_1sabn_417";
-const drawerSectionLabel = "_drawerSectionLabel_1sabn_451";
-const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1sabn_462";
-const drawerCollapsibleContent = "_drawerCollapsibleContent_1sabn_505";
+const root = "_root_djefa_1";
+const rootVertical = "_rootVertical_djefa_7";
+const list = "_list_djefa_12";
+const listVertical = "_listVertical_djefa_26";
+const trigger = "_trigger_djefa_31";
+const triggerChevron = "_triggerChevron_djefa_83";
+const content = "_content_djefa_91";
+const link = "_link_djefa_150";
+const linkActive = "_linkActive_djefa_176";
+const linkStructured = "_linkStructured_djefa_186";
+const linkIcon = "_linkIcon_djefa_198";
+const linkBody = "_linkBody_djefa_209";
+const linkTitle = "_linkTitle_djefa_216";
+const linkDescription = "_linkDescription_djefa_223";
+const linkFeatured = "_linkFeatured_djefa_229";
+const indicator = "_indicator_djefa_238";
+const viewport = "_viewport_djefa_248";
+const hamburger = "_hamburger_djefa_278";
+const drawerBackdrop = "_drawerBackdrop_djefa_325";
+const drawer = "_drawer_djefa_325";
+const drawerHeader = "_drawerHeader_djefa_359";
+const drawerClose = "_drawerClose_djefa_368";
+const drawerBody = "_drawerBody_djefa_406";
+const drawerNav = "_drawerNav_djefa_412";
+const drawerLink = "_drawerLink_djefa_417";
+const drawerSectionLabel = "_drawerSectionLabel_djefa_451";
+const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_djefa_462";
+const drawerCollapsibleContent = "_drawerCollapsibleContent_djefa_505";
 const styles = {
   root,
   rootVertical,

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuContext.cjs","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n// ============================================\n// Item Info (for mobile drawer auto-conversion)\n// ============================================\n\nexport interface NavigationMenuItemInfo {\n  value: string;\n  triggerLabel: string;\n  contentChildren: React.ReactNode;\n  linkHref?: string;\n}\n\n// ============================================\n// Root Context\n// ============================================\n\nexport interface NavigationMenuContextValue {\n  value: string;\n  setValue: (value: string) => void;\n  orientation: 'horizontal' | 'vertical';\n  delayDuration: number;\n  skipDelayDuration: number;\n\n  // Timer refs\n  openTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  closeTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  isRecentlyOpenRef: React.MutableRefObject<boolean>;\n  skipDelayTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n\n  // Trigger registry for keyboard nav + indicator\n  triggerRefs: React.MutableRefObject<Map<string, HTMLButtonElement>>;\n  triggerOrder: React.MutableRefObject<string[]>;\n\n  // Full item order (includes items without triggers)\n  itemOrder: React.MutableRefObject<string[]>;\n\n  // Item info registry (for mobile drawer)\n  itemInfoMap: React.MutableRefObject<Map<string, NavigationMenuItemInfo>>;\n\n  // Viewport size for animated transitions\n  viewportSize: { width: number; height: number };\n  setViewportSize: (size: { width: number; height: number }) => void;\n\n  // Viewport ref for portal\n  viewportRef: React.RefObject<HTMLDivElement | null>;\n\n  // Track previous value for motion direction\n  previousValue: React.MutableRefObject<string>;\n\n  // Mobile state\n  isMobile: boolean;\n  mobileOpen: boolean;\n  setMobileOpen: (open: boolean) => void;\n  mobileContentChildren: React.ReactNode;\n  setMobileContentChildren: (children: React.ReactNode) => void;\n  mobileBrandChildren: React.ReactNode;\n  setMobileBrandChildren: (children: React.ReactNode) => void;\n\n  // Root nav id\n  rootId: string;\n}\n\nexport const NavigationMenuContext = React.createContext<NavigationMenuContextValue | null>(null);\n\nexport function useNavigationMenuContext(): NavigationMenuContextValue {\n  const ctx = React.useContext(NavigationMenuContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu compound components must be used within NavigationMenu');\n  }\n  return ctx;\n}\n\n// ============================================\n// Item Context\n// ============================================\n\nexport interface NavigationMenuItemContextValue {\n  value: string;\n  triggerId: string;\n  contentId: string;\n}\n\nexport const NavigationMenuItemContext = React.createContext<NavigationMenuItemContextValue | null>(null);\n\nexport function useNavigationMenuItemContext(): NavigationMenuItemContextValue {\n  const ctx = React.useContext(NavigationMenuItemContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu.Trigger/Content must be used within NavigationMenu.Item');\n  }\n  return ctx;\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiEO,MAAM,wBAAwBA,iBAAM,cAAiD,IAAI;AAEzF,SAAS,2BAAuD;AACrE,QAAM,MAAMA,iBAAM,WAAW,qBAAqB;AAClD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;AAYO,MAAM,4BAA4BA,iBAAM,cAAqD,IAAI;AAEjG,SAAS,+BAA+D;AAC7E,QAAM,MAAMA,iBAAM,WAAW,yBAAyB;AACtD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,wEAAwE;AAAA,EAC1F;AACA,SAAO;AACT;;;;;"}
+{"version":3,"file":"NavigationMenuContext.cjs","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n// ============================================\n// Item Info (for mobile drawer auto-conversion)\n// ============================================\n\nexport interface NavigationMenuItemInfo {\n  value: string;\n  triggerLabel: string;\n  contentChildren: React.ReactNode;\n  linkHref?: string;\n}\n\nexport interface NavigationMenuIconRenderState {\n  slot: 'triggerChevron' | 'mobileMenu' | 'mobileClose' | 'drawerClose';\n  open?: boolean;\n  isMobile?: boolean;\n}\n\nexport type NavigationMenuIconSlot =\n  | React.ReactNode\n  | ((state: NavigationMenuIconRenderState) => React.ReactNode);\n\nexport type NavigationMenuIcons =\n  Partial<Record<NavigationMenuIconRenderState['slot'], NavigationMenuIconSlot>>;\n\n// ============================================\n// Root Context\n// ============================================\n\nexport interface NavigationMenuContextValue {\n  value: string;\n  setValue: (value: string) => void;\n  orientation: 'horizontal' | 'vertical';\n  delayDuration: number;\n  skipDelayDuration: number;\n\n  // Timer refs\n  openTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  closeTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  isRecentlyOpenRef: React.MutableRefObject<boolean>;\n  skipDelayTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n\n  // Trigger registry for keyboard nav + indicator\n  triggerRefs: React.MutableRefObject<Map<string, HTMLButtonElement>>;\n  triggerOrder: React.MutableRefObject<string[]>;\n\n  // Full item order (includes items without triggers)\n  itemOrder: React.MutableRefObject<string[]>;\n\n  // Item info registry (for mobile drawer)\n  itemInfoMap: React.MutableRefObject<Map<string, NavigationMenuItemInfo>>;\n\n  // Viewport size for animated transitions\n  viewportSize: { width: number; height: number };\n  setViewportSize: (size: { width: number; height: number }) => void;\n\n  // Viewport ref for portal\n  viewportRef: React.RefObject<HTMLDivElement | null>;\n\n  // Track previous value for motion direction\n  previousValue: React.MutableRefObject<string>;\n\n  // Mobile state\n  isMobile: boolean;\n  mobileOpen: boolean;\n  setMobileOpen: (open: boolean) => void;\n  mobileContentChildren: React.ReactNode;\n  setMobileContentChildren: (children: React.ReactNode) => void;\n  mobileBrandChildren: React.ReactNode;\n  setMobileBrandChildren: (children: React.ReactNode) => void;\n\n  // Root nav id\n  rootId: string;\n  icons?: NavigationMenuIcons;\n}\n\nexport const NavigationMenuContext = React.createContext<NavigationMenuContextValue | null>(null);\n\nexport function useNavigationMenuContext(): NavigationMenuContextValue {\n  const ctx = React.useContext(NavigationMenuContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu compound components must be used within NavigationMenu');\n  }\n  return ctx;\n}\n\n// ============================================\n// Item Context\n// ============================================\n\nexport interface NavigationMenuItemContextValue {\n  value: string;\n  triggerId: string;\n  contentId: string;\n}\n\nexport const NavigationMenuItemContext = React.createContext<NavigationMenuItemContextValue | null>(null);\n\nexport function useNavigationMenuItemContext(): NavigationMenuItemContextValue {\n  const ctx = React.useContext(NavigationMenuItemContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu.Trigger/Content must be used within NavigationMenu.Item');\n  }\n  return ctx;\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+EO,MAAM,wBAAwBA,iBAAM,cAAiD,IAAI;AAEzF,SAAS,2BAAuD;AACrE,QAAM,MAAMA,iBAAM,WAAW,qBAAqB;AAClD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;AAYO,MAAM,4BAA4BA,iBAAM,cAAqD,IAAI;AAEjG,SAAS,+BAA+D;AAC7E,QAAM,MAAMA,iBAAM,WAAW,yBAAyB;AACtD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,wEAAwE;AAAA,EAC1F;AACA,SAAO;AACT;;;;;"}

package/dist/components/NavigationMenu/NavigationMenuContext.d.ts

@@ -5,6 +5,13 @@ export interface NavigationMenuItemInfo {
     contentChildren: React.ReactNode;
     linkHref?: string;
 }
+export interface NavigationMenuIconRenderState {
+    slot: 'triggerChevron' | 'mobileMenu' | 'mobileClose' | 'drawerClose';
+    open?: boolean;
+    isMobile?: boolean;
+}
+export type NavigationMenuIconSlot = React.ReactNode | ((state: NavigationMenuIconRenderState) => React.ReactNode);
+export type NavigationMenuIcons = Partial<Record<NavigationMenuIconRenderState['slot'], NavigationMenuIconSlot>>;
 export interface NavigationMenuContextValue {
     value: string;
     setValue: (value: string) => void;
@@ -37,6 +44,7 @@ export interface NavigationMenuContextValue {
     mobileBrandChildren: React.ReactNode;
     setMobileBrandChildren: (children: React.ReactNode) => void;
     rootId: string;
+    icons?: NavigationMenuIcons;
 }
 export declare const NavigationMenuContext: React.Context<NavigationMenuContextValue | null>;
 export declare function useNavigationMenuContext(): NavigationMenuContextValue;

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAG1B,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAC3E,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAC5E,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAGhF,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpE,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;IAG/C,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;IAG5C,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAGzE,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,eAAe,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAGnE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAGpD,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAG9C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,wBAAwB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAC9D,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,sBAAsB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAG5D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,kDAA+D,CAAC;AAElG,wBAAgB,wBAAwB,IAAI,0BAA0B,CAMrE;AAMD,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,sDAAmE,CAAC;AAE1G,wBAAgB,4BAA4B,IAAI,8BAA8B,CAM7E"}
+{"version":3,"file":"NavigationMenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,gBAAgB,GAAG,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,sBAAsB,GAC9B,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,6BAA6B,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;AAEhE,MAAM,MAAM,mBAAmB,GAC7B,OAAO,CAAC,MAAM,CAAC,6BAA6B,CAAC,MAAM,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC;AAMjF,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAG1B,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAC3E,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAC5E,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAGhF,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpE,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;IAG/C,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;IAG5C,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAGzE,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,eAAe,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAGnE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAGpD,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAG9C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,wBAAwB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAC9D,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,sBAAsB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAG5D,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,kDAA+D,CAAC;AAElG,wBAAgB,wBAAwB,IAAI,0BAA0B,CAMrE;AAMD,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,sDAAmE,CAAC;AAE1G,wBAAgB,4BAA4B,IAAI,8BAA8B,CAM7E"}

package/dist/components/NavigationMenu/NavigationMenuContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuContext.js","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n// ============================================\n// Item Info (for mobile drawer auto-conversion)\n// ============================================\n\nexport interface NavigationMenuItemInfo {\n  value: string;\n  triggerLabel: string;\n  contentChildren: React.ReactNode;\n  linkHref?: string;\n}\n\n// ============================================\n// Root Context\n// ============================================\n\nexport interface NavigationMenuContextValue {\n  value: string;\n  setValue: (value: string) => void;\n  orientation: 'horizontal' | 'vertical';\n  delayDuration: number;\n  skipDelayDuration: number;\n\n  // Timer refs\n  openTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  closeTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  isRecentlyOpenRef: React.MutableRefObject<boolean>;\n  skipDelayTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n\n  // Trigger registry for keyboard nav + indicator\n  triggerRefs: React.MutableRefObject<Map<string, HTMLButtonElement>>;\n  triggerOrder: React.MutableRefObject<string[]>;\n\n  // Full item order (includes items without triggers)\n  itemOrder: React.MutableRefObject<string[]>;\n\n  // Item info registry (for mobile drawer)\n  itemInfoMap: React.MutableRefObject<Map<string, NavigationMenuItemInfo>>;\n\n  // Viewport size for animated transitions\n  viewportSize: { width: number; height: number };\n  setViewportSize: (size: { width: number; height: number }) => void;\n\n  // Viewport ref for portal\n  viewportRef: React.RefObject<HTMLDivElement | null>;\n\n  // Track previous value for motion direction\n  previousValue: React.MutableRefObject<string>;\n\n  // Mobile state\n  isMobile: boolean;\n  mobileOpen: boolean;\n  setMobileOpen: (open: boolean) => void;\n  mobileContentChildren: React.ReactNode;\n  setMobileContentChildren: (children: React.ReactNode) => void;\n  mobileBrandChildren: React.ReactNode;\n  setMobileBrandChildren: (children: React.ReactNode) => void;\n\n  // Root nav id\n  rootId: string;\n}\n\nexport const NavigationMenuContext = React.createContext<NavigationMenuContextValue | null>(null);\n\nexport function useNavigationMenuContext(): NavigationMenuContextValue {\n  const ctx = React.useContext(NavigationMenuContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu compound components must be used within NavigationMenu');\n  }\n  return ctx;\n}\n\n// ============================================\n// Item Context\n// ============================================\n\nexport interface NavigationMenuItemContextValue {\n  value: string;\n  triggerId: string;\n  contentId: string;\n}\n\nexport const NavigationMenuItemContext = React.createContext<NavigationMenuItemContextValue | null>(null);\n\nexport function useNavigationMenuItemContext(): NavigationMenuItemContextValue {\n  const ctx = React.useContext(NavigationMenuItemContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu.Trigger/Content must be used within NavigationMenu.Item');\n  }\n  return ctx;\n}\n"],"names":[],"mappings":";AAiEO,MAAM,wBAAwB,MAAM,cAAiD,IAAI;AAEzF,SAAS,2BAAuD;AACrE,QAAM,MAAM,MAAM,WAAW,qBAAqB;AAClD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;AAYO,MAAM,4BAA4B,MAAM,cAAqD,IAAI;AAEjG,SAAS,+BAA+D;AAC7E,QAAM,MAAM,MAAM,WAAW,yBAAyB;AACtD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,wEAAwE;AAAA,EAC1F;AACA,SAAO;AACT;"}
+{"version":3,"file":"NavigationMenuContext.js","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n// ============================================\n// Item Info (for mobile drawer auto-conversion)\n// ============================================\n\nexport interface NavigationMenuItemInfo {\n  value: string;\n  triggerLabel: string;\n  contentChildren: React.ReactNode;\n  linkHref?: string;\n}\n\nexport interface NavigationMenuIconRenderState {\n  slot: 'triggerChevron' | 'mobileMenu' | 'mobileClose' | 'drawerClose';\n  open?: boolean;\n  isMobile?: boolean;\n}\n\nexport type NavigationMenuIconSlot =\n  | React.ReactNode\n  | ((state: NavigationMenuIconRenderState) => React.ReactNode);\n\nexport type NavigationMenuIcons =\n  Partial<Record<NavigationMenuIconRenderState['slot'], NavigationMenuIconSlot>>;\n\n// ============================================\n// Root Context\n// ============================================\n\nexport interface NavigationMenuContextValue {\n  value: string;\n  setValue: (value: string) => void;\n  orientation: 'horizontal' | 'vertical';\n  delayDuration: number;\n  skipDelayDuration: number;\n\n  // Timer refs\n  openTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  closeTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  isRecentlyOpenRef: React.MutableRefObject<boolean>;\n  skipDelayTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n\n  // Trigger registry for keyboard nav + indicator\n  triggerRefs: React.MutableRefObject<Map<string, HTMLButtonElement>>;\n  triggerOrder: React.MutableRefObject<string[]>;\n\n  // Full item order (includes items without triggers)\n  itemOrder: React.MutableRefObject<string[]>;\n\n  // Item info registry (for mobile drawer)\n  itemInfoMap: React.MutableRefObject<Map<string, NavigationMenuItemInfo>>;\n\n  // Viewport size for animated transitions\n  viewportSize: { width: number; height: number };\n  setViewportSize: (size: { width: number; height: number }) => void;\n\n  // Viewport ref for portal\n  viewportRef: React.RefObject<HTMLDivElement | null>;\n\n  // Track previous value for motion direction\n  previousValue: React.MutableRefObject<string>;\n\n  // Mobile state\n  isMobile: boolean;\n  mobileOpen: boolean;\n  setMobileOpen: (open: boolean) => void;\n  mobileContentChildren: React.ReactNode;\n  setMobileContentChildren: (children: React.ReactNode) => void;\n  mobileBrandChildren: React.ReactNode;\n  setMobileBrandChildren: (children: React.ReactNode) => void;\n\n  // Root nav id\n  rootId: string;\n  icons?: NavigationMenuIcons;\n}\n\nexport const NavigationMenuContext = React.createContext<NavigationMenuContextValue | null>(null);\n\nexport function useNavigationMenuContext(): NavigationMenuContextValue {\n  const ctx = React.useContext(NavigationMenuContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu compound components must be used within NavigationMenu');\n  }\n  return ctx;\n}\n\n// ============================================\n// Item Context\n// ============================================\n\nexport interface NavigationMenuItemContextValue {\n  value: string;\n  triggerId: string;\n  contentId: string;\n}\n\nexport const NavigationMenuItemContext = React.createContext<NavigationMenuItemContextValue | null>(null);\n\nexport function useNavigationMenuItemContext(): NavigationMenuItemContextValue {\n  const ctx = React.useContext(NavigationMenuItemContext);\n  if (!ctx) {\n    throw new Error('NavigationMenu.Trigger/Content must be used within NavigationMenu.Item');\n  }\n  return ctx;\n}\n"],"names":[],"mappings":";AA+EO,MAAM,wBAAwB,MAAM,cAAiD,IAAI;AAEzF,SAAS,2BAAuD;AACrE,QAAM,MAAM,MAAM,WAAW,qBAAqB;AAClD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;AAYO,MAAM,4BAA4B,MAAM,cAAqD,IAAI;AAEjG,SAAS,+BAA+D;AAC7E,QAAM,MAAM,MAAM,WAAW,yBAAyB;AACtD,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,wEAAwE;AAAA,EAC1F;AACA,SAAO;AACT;"}

package/dist/components/NavigationMenu/index.cjs

@@ -27,6 +27,13 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function composeNavMenuClickHandlers(childHandler, internalHandler) {
+  return (event) => {
+    childHandler == null ? void 0 : childHandler(event);
+    if (event.defaultPrevented) return;
+    internalHandler(event);
+  };
+}
 function useIsMobile() {
   const [isMobile, setIsMobile] = React__namespace.useState(false);
   React__namespace.useEffect(() => {
@@ -39,6 +46,10 @@ function useIsMobile() {
   }, []);
   return isMobile;
 }
+function renderNavigationMenuIcon(slot, state) {
+  if (slot === void 0) return void 0;
+  return typeof slot === "function" ? slot(state) : slot;
+}
 function NavigationMenuRoot({
   children,
   value: controlledValue,
@@ -47,6 +58,7 @@ function NavigationMenuRoot({
   orientation = "horizontal",
   delayDuration = 200,
   skipDelayDuration = 300,
+  icons,
   className,
   "aria-label": ariaLabel = "Main navigation",
   ...htmlProps
@@ -70,9 +82,10 @@ function NavigationMenuRoot({
       ...state,
       orientation,
       isMobile,
-      rootId
+      rootId,
+      icons
     }),
-    [state, orientation, isMobile, rootId]
+    [state, orientation, isMobile, rootId, icons]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContext.NavigationMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { ...htmlProps, className: classes, "aria-label": ariaLabel, "data-orientation": orientation, children: [
     children,
@@ -150,6 +163,7 @@ function NavigationMenuItem({ children, value: valueProp, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContext.NavigationMenuItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsxRuntime.jsx("li", { className, children }) });
 }
 function NavigationMenuTrigger({ children, className }) {
+  var _a;
   const ctx = NavigationMenuContext.useNavigationMenuContext();
   const itemCtx = NavigationMenuContext.useNavigationMenuItemContext();
   const isOpen = ctx.value === itemCtx.value;
@@ -201,7 +215,7 @@ function NavigationMenuTrigger({ children, className }) {
     }, ctx.delayDuration);
   };
   const handleKeyDown = (e) => {
-    var _a;
+    var _a2;
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
       ctx.setValue(isOpen ? "" : itemCtx.value);
@@ -209,10 +223,15 @@ function NavigationMenuTrigger({ children, className }) {
     if (e.key === "Escape" && isOpen) {
       e.preventDefault();
       ctx.setValue("");
-      (_a = triggerRef.current) == null ? void 0 : _a.focus();
+      (_a2 = triggerRef.current) == null ? void 0 : _a2.focus();
     }
   };
   const classes = [NavigationMenu_module.default.trigger, className].filter(Boolean).join(" ");
+  const chevronOverride = renderNavigationMenuIcon((_a = ctx.icons) == null ? void 0 : _a.triggerChevron, {
+    slot: "triggerChevron",
+    open: isOpen,
+    isMobile: ctx.isMobile
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -230,7 +249,7 @@ function NavigationMenuTrigger({ children, className }) {
       onKeyDown: handleKeyDown,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(react.CaretDown, { size: 12, className: NavigationMenu_module.default.triggerChevron, "aria-hidden": true })
+        chevronOverride ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: NavigationMenu_module.default.triggerChevron, "aria-hidden": true, children: chevronOverride }) : /* @__PURE__ */ jsxRuntime.jsx(react.CaretDown, { size: 12, className: NavigationMenu_module.default.triggerChevron, "aria-hidden": true })
       ]
     }
   );
@@ -343,6 +362,7 @@ function NavigationMenuLink({
   }, [ctx, itemCtx, children, title, href]);
   const handleClick = (e) => {
     onClick == null ? void 0 : onClick(e);
+    if (e.defaultPrevented) return;
     if ((ctx == null ? void 0 : ctx.isMobile) && ctx.mobileOpen) {
       ctx.setMobileOpen(false);
     }
@@ -366,9 +386,11 @@ function NavigationMenuLink({
       onClick: handleClick
     };
     if (asChild && React__namespace.isValidElement(children)) {
+      const childProps = children.props;
       return React__namespace.cloneElement(children, {
         ...linkProps2,
-        className: [classes2, children.props.className].filter(Boolean).join(" "),
+        onClick: composeNavMenuClickHandlers(childProps.onClick, handleClick),
+        className: [classes2, childProps.className].filter(Boolean).join(" "),
         children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: NavigationMenu_module.default.linkIcon, children: icon }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: NavigationMenu_module.default.linkBody, children: [
@@ -399,9 +421,11 @@ function NavigationMenuLink({
     onClick: handleClick
   };
   if (asChild && React__namespace.isValidElement(children)) {
+    const childProps = children.props;
     return React__namespace.cloneElement(children, {
       ...linkProps,
-      className: [classes, children.props.className].filter(Boolean).join(" ")
+      onClick: composeNavMenuClickHandlers(childProps.onClick, handleClick),
+      className: [classes, childProps.className].filter(Boolean).join(" ")
     });
   }
   return /* @__PURE__ */ jsxRuntime.jsx("a", { ...linkProps, children });
@@ -498,7 +522,17 @@ function NavigationMenuMobileSection({ children, label }) {
   ] });
 }
 function MobileHamburger() {
-  const { mobileOpen, setMobileOpen } = NavigationMenuContext.useNavigationMenuContext();
+  var _a, _b;
+  const ctx = NavigationMenuContext.useNavigationMenuContext();
+  const { mobileOpen, setMobileOpen } = ctx;
+  const iconOverride = renderNavigationMenuIcon(
+    mobileOpen ? (_a = ctx.icons) == null ? void 0 : _a.mobileClose : (_b = ctx.icons) == null ? void 0 : _b.mobileMenu,
+    {
+      slot: mobileOpen ? "mobileClose" : "mobileMenu",
+      open: mobileOpen,
+      isMobile: true
+    }
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -507,11 +541,12 @@ function MobileHamburger() {
       onClick: () => setMobileOpen(!mobileOpen),
       "aria-label": "Toggle navigation",
       "aria-expanded": mobileOpen,
-      children: mobileOpen ? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 24, "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 24, "aria-hidden": true })
+      children: iconOverride ?? (mobileOpen ? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 24, "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 24, "aria-hidden": true }))
     }
   );
 }
 function MobileDrawer() {
+  var _a;
   const ctx = NavigationMenuContext.useNavigationMenuContext();
   const drawerRef = React__namespace.useRef(null);
   a11y.useFocusTrap(drawerRef, true);
@@ -565,7 +600,11 @@ function MobileDrawer() {
                 className: NavigationMenu_module.default.drawerClose,
                 onClick: () => ctx.setMobileOpen(false),
                 "aria-label": "Close navigation",
-                children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, "aria-hidden": true })
+                children: renderNavigationMenuIcon((_a = ctx.icons) == null ? void 0 : _a.drawerClose, {
+                  slot: "drawerClose",
+                  open: ctx.mobileOpen,
+                  isMobile: true
+                }) ?? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, "aria-hidden": true })
               }
             )
           ] }),