@fragments-sdk/ui 0.11.1 → 0.13.0

package/dist/components/Menu/index.cjs

@@ -71,11 +71,11 @@ function MenuRoot({
     }
   );
 }
-function MenuTrigger({ children, asChild, className }) {
+function MenuTrigger({ children, asChild, className, ...htmlProps }) {
   if (asChild) {
-    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Trigger, { className, render: children, children: null });
+    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Trigger, { ...htmlProps, className, render: children, children: null });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Trigger, { className, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Trigger, { ...htmlProps, className, children });
 }
 function MenuContent({
   children,
@@ -105,8 +105,17 @@ function MenuItem({
   className,
   icon,
   shortcut,
-  checked
+  checked,
+  ...htmlProps
 }) {
+  const handleClick = React__namespace.useCallback(
+    (event) => {
+      var _a;
+      (_a = htmlProps.onClick) == null ? void 0 : _a.call(htmlProps, event);
+      onSelect == null ? void 0 : onSelect(event);
+    },
+    [htmlProps, onSelect]
+  );
   const hasChecked = checked !== void 0;
   const classes = [
     Menu_module.default.item,
@@ -116,8 +125,9 @@ function MenuItem({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     menu.Menu.Item,
     {
+      ...htmlProps,
       disabled,
-      onClick: onSelect,
+      onClick: handleClick,
       className: classes,
       children: [
         hasChecked && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.checkIndicator, children: checked ? /* @__PURE__ */ jsxRuntime.jsx(CheckmarkIcon, {}) : null }),
@@ -134,7 +144,8 @@ function MenuCheckboxItem({
   defaultChecked,
   onCheckedChange,
   disabled,
-  className
+  className,
+  ...htmlProps
 }) {
   const isControlled = checkedProp !== void 0;
   const [internalChecked, setInternalChecked] = React__namespace.useState(defaultChecked ?? false);
@@ -150,6 +161,7 @@ function MenuCheckboxItem({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     menu.Menu.CheckboxItem,
     {
+      ...htmlProps,
       checked: checkedProp,
       defaultChecked,
       onCheckedChange: handleCheckedChange,
@@ -182,25 +194,26 @@ function MenuRadioItem({
   children,
   value,
   disabled,
-  className
+  className,
+  ...htmlProps
 }) {
   const classes = [Menu_module.default.item, Menu_module.default.radioItem, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.RadioItem, { value, disabled, className: classes, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.RadioItem, { ...htmlProps, value, disabled, className: classes, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.radioIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(DotIcon, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.itemLabel, children })
   ] });
 }
-function MenuGroup({ children, className }) {
+function MenuGroup({ children, className, ...htmlProps }) {
   const classes = [Menu_module.default.group, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Group, { className: classes, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Group, { ...htmlProps, className: classes, children });
 }
-function MenuGroupLabel({ children, className }) {
+function MenuGroupLabel({ children, className, ...htmlProps }) {
   const classes = [Menu_module.default.groupLabel, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.GroupLabel, { className: classes, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.GroupLabel, { ...htmlProps, className: classes, children });
 }
-function MenuSeparator({ className }) {
+function MenuSeparator({ className, ...htmlProps }) {
   const classes = [Menu_module.default.separator, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Separator, { className: classes });
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Separator, { ...htmlProps, className: classes });
 }
 function MenuSubmenu({
   children,
@@ -222,10 +235,11 @@ function MenuSubmenuTrigger({
   children,
   disabled,
   className,
-  icon
+  icon,
+  ...htmlProps
 }) {
   const classes = [Menu_module.default.item, Menu_module.default.submenuTrigger, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.SubmenuTrigger, { disabled, className: classes, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.SubmenuTrigger, { ...htmlProps, disabled, className: classes, children: [
     icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.itemIcon, children: icon }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: Menu_module.default.itemLabel, children })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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 {\n  children: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\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 {\n  children: React.ReactNode;\n  disabled?: boolean;\n  danger?: boolean;\n  onSelect?: () => void;\n  className?: string;\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 {\n  children: React.ReactNode;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\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 {\n  children: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface MenuGroupProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface MenuGroupLabelProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface MenuSeparatorProps {\n  className?: string;\n}\n\nexport interface MenuSubmenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport interface MenuSubmenuTriggerProps {\n  children: React.ReactNode;\n  disabled?: boolean;\n  className?: string;\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 }: MenuTriggerProps) {\n  if (asChild) {\n    return (\n      <BaseMenu.Trigger className={className} render={children as React.ReactElement}>\n        {null}\n      </BaseMenu.Trigger>\n    );\n  }\n\n  return (\n    <BaseMenu.Trigger 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}: MenuItemProps) {\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      disabled={disabled}\n      onClick={onSelect}\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}: 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      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}: MenuRadioItemProps) {\n  const classes = [styles.item, styles.radioItem, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.RadioItem 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 }: MenuGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseMenu.Group className={classes}>{children}</BaseMenu.Group>;\n}\n\nfunction MenuGroupLabel({ children, className }: MenuGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseMenu.GroupLabel className={classes}>{children}</BaseMenu.GroupLabel>;\n}\n\nfunction MenuSeparator({ className }: MenuSeparatorProps) {\n  const classes = [styles.separator, className].filter(Boolean).join(' ');\n  return <BaseMenu.Separator 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}: MenuSubmenuTriggerProps) {\n  const classes = [styles.item, styles.submenuTrigger, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.SubmenuTrigger 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":["jsx","BaseMenu","styles","jsxs","React"],"mappings":"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"}
+{"version":3,"file":"index.cjs","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":["jsx","BaseMenu","styles","React","jsxs"],"mappings":"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"}

package/dist/components/Menu/index.d.ts

@@ -6,10 +6,9 @@ export interface MenuProps {
     onOpenChange?: (open: boolean) => void;
     modal?: boolean;
 }
-export interface MenuTriggerProps {
+export interface MenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children: React.ReactNode;
     asChild?: boolean;
-    className?: string;
 }
 export interface MenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
@@ -17,24 +16,22 @@ export interface MenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: 'start' | 'center' | 'end';
     sideOffset?: number;
 }
-export interface MenuItemProps {
+export interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'onSelect'> {
     children: React.ReactNode;
     disabled?: boolean;
     danger?: boolean;
-    onSelect?: () => void;
-    className?: string;
+    onSelect?: (...args: any[]) => void;
     icon?: React.ReactNode;
     shortcut?: string;
     /** When passed, renders a check indicator. `true` shows a checkmark, `false` reserves space. */
     checked?: boolean;
 }
-export interface MenuCheckboxItemProps {
+export interface MenuCheckboxItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'onChange'> {
     children: React.ReactNode;
     checked?: boolean;
     defaultChecked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
     disabled?: boolean;
-    className?: string;
 }
 export interface MenuRadioGroupProps {
     children: React.ReactNode;
@@ -42,22 +39,18 @@ export interface MenuRadioGroupProps {
     defaultValue?: string;
     onValueChange?: (value: string) => void;
 }
-export interface MenuRadioItemProps {
+export interface MenuRadioItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     children: React.ReactNode;
     value: string;
     disabled?: boolean;
-    className?: string;
 }
-export interface MenuGroupProps {
+export interface MenuGroupProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
-    className?: string;
 }
-export interface MenuGroupLabelProps {
+export interface MenuGroupLabelProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
-    className?: string;
 }
-export interface MenuSeparatorProps {
-    className?: string;
+export interface MenuSeparatorProps extends React.HTMLAttributes<HTMLElement> {
 }
 export interface MenuSubmenuProps {
     children: React.ReactNode;
@@ -65,24 +58,23 @@ export interface MenuSubmenuProps {
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export interface MenuSubmenuTriggerProps {
+export interface MenuSubmenuTriggerProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     disabled?: boolean;
-    className?: string;
     icon?: React.ReactNode;
 }
 declare function MenuRoot({ children, open, defaultOpen, onOpenChange, modal, }: MenuProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuTrigger({ children, asChild, className }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuTrigger({ children, asChild, className, ...htmlProps }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuContent({ children, className, side, align, sideOffset, ...htmlProps }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuItem({ children, disabled, danger, onSelect, className, icon, shortcut, checked, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuCheckboxItem({ children, checked: checkedProp, defaultChecked, onCheckedChange, disabled, className, }: MenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuItem({ children, disabled, danger, onSelect, className, icon, shortcut, checked, ...htmlProps }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuCheckboxItem({ children, checked: checkedProp, defaultChecked, onCheckedChange, disabled, className, ...htmlProps }: MenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuRadioGroup({ children, value, defaultValue, onValueChange, }: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuRadioItem({ children, value, disabled, className, }: MenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuGroup({ children, className }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuGroupLabel({ children, className }: MenuGroupLabelProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuSeparator({ className }: MenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuRadioItem({ children, value, disabled, className, ...htmlProps }: MenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuGroup({ children, className, ...htmlProps }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuGroupLabel({ children, className, ...htmlProps }: MenuGroupLabelProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuSeparator({ className, ...htmlProps }: MenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuSubmenu({ children, open, defaultOpen, onOpenChange, }: MenuSubmenuProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuSubmenuTrigger({ children, disabled, className, icon, }: MenuSubmenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuSubmenuTrigger({ children, disabled, className, icon, ...htmlProps }: MenuSubmenuTriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare const Menu: typeof MenuRoot & {
     Trigger: typeof MenuTrigger;
     Content: typeof MenuContent;

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

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

package/dist/components/Menu/index.js

@@ -52,11 +52,11 @@ function MenuRoot({
     }
   );
 }
-function MenuTrigger({ children, asChild, className }) {
+function MenuTrigger({ children, asChild, className, ...htmlProps }) {
   if (asChild) {
-    return /* @__PURE__ */ jsx(Menu$1.Trigger, { className, render: children, children: null });
+    return /* @__PURE__ */ jsx(Menu$1.Trigger, { ...htmlProps, className, render: children, children: null });
   }
-  return /* @__PURE__ */ jsx(Menu$1.Trigger, { className, children });
+  return /* @__PURE__ */ jsx(Menu$1.Trigger, { ...htmlProps, className, children });
 }
 function MenuContent({
   children,
@@ -86,8 +86,17 @@ function MenuItem({
   className,
   icon,
   shortcut,
-  checked
+  checked,
+  ...htmlProps
 }) {
+  const handleClick = React.useCallback(
+    (event) => {
+      var _a;
+      (_a = htmlProps.onClick) == null ? void 0 : _a.call(htmlProps, event);
+      onSelect == null ? void 0 : onSelect(event);
+    },
+    [htmlProps, onSelect]
+  );
   const hasChecked = checked !== void 0;
   const classes = [
     styles.item,
@@ -97,8 +106,9 @@ function MenuItem({
   return /* @__PURE__ */ jsxs(
     Menu$1.Item,
     {
+      ...htmlProps,
       disabled,
-      onClick: onSelect,
+      onClick: handleClick,
       className: classes,
       children: [
         hasChecked && /* @__PURE__ */ jsx("span", { className: styles.checkIndicator, children: checked ? /* @__PURE__ */ jsx(CheckmarkIcon, {}) : null }),
@@ -115,7 +125,8 @@ function MenuCheckboxItem({
   defaultChecked,
   onCheckedChange,
   disabled,
-  className
+  className,
+  ...htmlProps
 }) {
   const isControlled = checkedProp !== void 0;
   const [internalChecked, setInternalChecked] = React.useState(defaultChecked ?? false);
@@ -131,6 +142,7 @@ function MenuCheckboxItem({
   return /* @__PURE__ */ jsxs(
     Menu$1.CheckboxItem,
     {
+      ...htmlProps,
       checked: checkedProp,
       defaultChecked,
       onCheckedChange: handleCheckedChange,
@@ -163,25 +175,26 @@ function MenuRadioItem({
   children,
   value,
   disabled,
-  className
+  className,
+  ...htmlProps
 }) {
   const classes = [styles.item, styles.radioItem, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(Menu$1.RadioItem, { value, disabled, className: classes, children: [
+  return /* @__PURE__ */ jsxs(Menu$1.RadioItem, { ...htmlProps, value, disabled, className: classes, children: [
     /* @__PURE__ */ jsx("span", { className: styles.radioIndicator, children: /* @__PURE__ */ jsx(DotIcon, {}) }),
     /* @__PURE__ */ jsx("span", { className: styles.itemLabel, children })
   ] });
 }
-function MenuGroup({ children, className }) {
+function MenuGroup({ children, className, ...htmlProps }) {
   const classes = [styles.group, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(Menu$1.Group, { className: classes, children });
+  return /* @__PURE__ */ jsx(Menu$1.Group, { ...htmlProps, className: classes, children });
 }
-function MenuGroupLabel({ children, className }) {
+function MenuGroupLabel({ children, className, ...htmlProps }) {
   const classes = [styles.groupLabel, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(Menu$1.GroupLabel, { className: classes, children });
+  return /* @__PURE__ */ jsx(Menu$1.GroupLabel, { ...htmlProps, className: classes, children });
 }
-function MenuSeparator({ className }) {
+function MenuSeparator({ className, ...htmlProps }) {
   const classes = [styles.separator, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(Menu$1.Separator, { className: classes });
+  return /* @__PURE__ */ jsx(Menu$1.Separator, { ...htmlProps, className: classes });
 }
 function MenuSubmenu({
   children,
@@ -203,10 +216,11 @@ function MenuSubmenuTrigger({
   children,
   disabled,
   className,
-  icon
+  icon,
+  ...htmlProps
 }) {
   const classes = [styles.item, styles.submenuTrigger, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, { disabled, className: classes, children: [
+  return /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, { ...htmlProps, disabled, className: classes, children: [
     icon && /* @__PURE__ */ jsx("span", { className: styles.itemIcon, children: icon }),
     /* @__PURE__ */ jsx("span", { className: styles.itemLabel, children })
   ] });

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 {\n  children: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\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 {\n  children: React.ReactNode;\n  disabled?: boolean;\n  danger?: boolean;\n  onSelect?: () => void;\n  className?: string;\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 {\n  children: React.ReactNode;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\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 {\n  children: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface MenuGroupProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface MenuGroupLabelProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface MenuSeparatorProps {\n  className?: string;\n}\n\nexport interface MenuSubmenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport interface MenuSubmenuTriggerProps {\n  children: React.ReactNode;\n  disabled?: boolean;\n  className?: string;\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 }: MenuTriggerProps) {\n  if (asChild) {\n    return (\n      <BaseMenu.Trigger className={className} render={children as React.ReactElement}>\n        {null}\n      </BaseMenu.Trigger>\n    );\n  }\n\n  return (\n    <BaseMenu.Trigger 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}: MenuItemProps) {\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      disabled={disabled}\n      onClick={onSelect}\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}: 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      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}: MenuRadioItemProps) {\n  const classes = [styles.item, styles.radioItem, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.RadioItem 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 }: MenuGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseMenu.Group className={classes}>{children}</BaseMenu.Group>;\n}\n\nfunction MenuGroupLabel({ children, className }: MenuGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseMenu.GroupLabel className={classes}>{children}</BaseMenu.GroupLabel>;\n}\n\nfunction MenuSeparator({ className }: MenuSeparatorProps) {\n  const classes = [styles.separator, className].filter(Boolean).join(' ');\n  return <BaseMenu.Separator 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}: MenuSubmenuTriggerProps) {\n  const classes = [styles.item, styles.submenuTrigger, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <BaseMenu.SubmenuTrigger 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\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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"}

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  // 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":";;;;;;;;;;;;;;;;;;;;AA8DO,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\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;;;;;"}

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

@@ -17,6 +17,7 @@ export interface NavigationMenuContextValue {
     skipDelayTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;
     triggerRefs: React.MutableRefObject<Map<string, HTMLButtonElement>>;
     triggerOrder: React.MutableRefObject<string[]>;
+    itemOrder: React.MutableRefObject<string[]>;
     itemInfoMap: React.MutableRefObject<Map<string, NavigationMenuItemInfo>>;
     viewportSize: {
         width: number;

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,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;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"}

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  // 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":";AA8DO,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\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;"}