@mdigital_ui/ui 0.4.5 → 0.4.6

package/dist/chunk-ED4CQZ72.js

@@ -0,0 +1,343 @@
+import { useMenuNavigation } from './chunk-NZHKNUGE.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
+import { cn } from './chunk-RAS6HUEI.js';
+import React, { useState, useMemo, useCallback, useEffect } from 'react';
+import { ChevronRight, Check, Circle } from 'lucide-react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var ITEM_CLASS = "menubar_item relative flex items-center gap-2 px-3 py-1.5 text-sm cursor-pointer transition-colors last:rounded-b-sm first:rounded-t-sm";
+var MenuItems = React.memo(
+  ({ items, classNames, onItemClick, onClose }) => {
+    const [activeSubmenu, setActiveSubmenu] = useState(null);
+    const hasAnyIcon = useMemo(
+      () => items.some(
+        (item) => !item.separator && item.type !== "label" && (item.icon || item.type === "checkbox" || item.type === "radio")
+      ),
+      [items]
+    );
+    const enabledIndices = useMemo(
+      () => items.map(
+        (item, i) => !item.separator && item.type !== "label" && !item.disabled ? i : -1
+      ).filter((i) => i !== -1),
+      [items]
+    );
+    const onMenuSelect = useCallback(
+      (index) => {
+        const item = items[index];
+        if (!item || item.children && item.children.length > 0) return;
+        onItemClick(item);
+      },
+      [items, onItemClick]
+    );
+    const { highlightedIndex, handleKeyDown, highlightFirst } = useMenuNavigation({
+      enabledIndices,
+      isOpen: true,
+      onClose,
+      onSelect: onMenuSelect
+    });
+    useEffect(() => {
+      highlightFirst();
+    }, [highlightFirst]);
+    useEffect(() => {
+      const listener = (e) => {
+        handleKeyDown(e);
+        e.stopImmediatePropagation();
+      };
+      document.addEventListener("keydown", listener);
+      return () => document.removeEventListener("keydown", listener);
+    }, [handleKeyDown]);
+    return /* @__PURE__ */ jsx(Fragment, { children: items.map((item, idx) => {
+      if (item.separator) {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "separator",
+            className: cn(
+              "menubar_separator h-px bg-border my-1 -mx-1",
+              classNames?.separator
+            ),
+            role: "separator"
+          },
+          item.key || `separator-${idx}`
+        );
+      }
+      if (item.type === "label") {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "label",
+            className: cn(
+              "menubar_label px-3 py-1.5 text-xs font-semibold text-text-secondary mx-1",
+              classNames?.label
+            ),
+            role: "presentation",
+            children: item.label
+          },
+          item.key
+        );
+      }
+      const isCheckboxOrRadio = item.type === "checkbox" || item.type === "radio";
+      const hasChildren = item.children && item.children.length > 0;
+      const isFocused = highlightedIndex === idx;
+      if (hasChildren) {
+        return /* @__PURE__ */ jsxs(
+          Popover,
+          {
+            open: activeSubmenu === item.key,
+            onOpenChange: (open) => setActiveSubmenu(open ? item.key : null),
+            children: [
+              /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "data-slot": "item",
+                  className: cn(
+                    ITEM_CLASS,
+                    item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus-visible:bg-surface focus-visible:outline-none",
+                    isFocused && !item.disabled && "bg-surface",
+                    classNames?.item
+                  ),
+                  role: "menuitem",
+                  "aria-disabled": item.disabled,
+                  "aria-haspopup": "menu",
+                  tabIndex: item.disabled ? -1 : 0,
+                  onMouseEnter: () => !item.disabled && setActiveSubmenu(item.key),
+                  children: [
+                    item.icon ? /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.icon }) : hasAnyIcon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
+                    /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4 ml-2 shrink-0" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                PopoverContent,
+                {
+                  side: "right",
+                  align: "start",
+                  "data-slot": "submenu",
+                  className: cn(
+                    "menubar_submenu min-w-[200px] w-auto p-1 rounded-md",
+                    classNames?.submenu
+                  ),
+                  onOpenAutoFocus: (e) => e.preventDefault(),
+                  onCloseAutoFocus: (e) => e.preventDefault(),
+                  children: /* @__PURE__ */ jsx(
+                    MenuItems,
+                    {
+                      items: item.children,
+                      classNames,
+                      onItemClick,
+                      onClose
+                    }
+                  )
+                }
+              )
+            ]
+          },
+          item.key
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "data-slot": "item",
+          className: cn(
+            ITEM_CLASS,
+            item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus-visible:bg-surface focus-visible:outline-none",
+            isFocused && !item.disabled && "bg-surface",
+            isCheckboxOrRadio && classNames?.checkboxItem,
+            item.type === "radio" && classNames?.radioItem,
+            classNames?.item
+          ),
+          role: item.type === "checkbox" ? "menuitemcheckbox" : item.type === "radio" ? "menuitemradio" : "menuitem",
+          "aria-disabled": item.disabled,
+          "aria-checked": isCheckboxOrRadio ? item.checked : void 0,
+          tabIndex: item.disabled ? -1 : 0,
+          onClick: () => !item.disabled && onItemClick(item),
+          children: [
+            isCheckboxOrRadio && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.checked && /* @__PURE__ */ jsxs(Fragment, { children: [
+              item.type === "checkbox" && /* @__PURE__ */ jsx(Check, { className: "w-4 h-4" }),
+              item.type === "radio" && /* @__PURE__ */ jsx(Circle, { className: "w-4 h-4 fill-current" })
+            ] }) }),
+            !isCheckboxOrRadio && (item.icon ? /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.icon }) : hasAnyIcon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0" })),
+            /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
+            item.shortcut && /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "shortcut",
+                className: cn(
+                  "menubar_shortcut text-xs text-text-secondary ml-auto",
+                  classNames?.shortcut
+                ),
+                children: item.shortcut
+              }
+            )
+          ]
+        },
+        item.key
+      );
+    }) });
+  }
+);
+MenuItems.displayName = "MenuItems";
+var Menubar = React.memo(
+  ({ menus, className, classNames, ref }) => {
+    const [activeMenu, setActiveMenu] = useState(null);
+    const [hoverMode, setHoverMode] = useState(false);
+    const handleMenuClick = useCallback(
+      (menuKey, disabled) => {
+        if (disabled) return;
+        setActiveMenu((prev) => prev === menuKey ? null : menuKey);
+        setHoverMode(true);
+      },
+      []
+    );
+    const handleMenuHover = useCallback(
+      (menuKey, disabled) => {
+        if (disabled) return;
+        if (hoverMode && activeMenu !== null) {
+          setActiveMenu(menuKey);
+        }
+      },
+      [hoverMode, activeMenu]
+    );
+    const handleClose = useCallback(() => {
+      setActiveMenu(null);
+      setHoverMode(false);
+    }, []);
+    const handleItemClick = useCallback(
+      (item) => {
+        if (item.type === "checkbox") {
+          item.onCheckedChange?.(!item.checked);
+        } else if (item.type === "radio") {
+          item.onCheckedChange?.(true);
+        } else {
+          item.onClick?.();
+        }
+        if (item.type !== "checkbox" && item.type !== "radio") {
+          handleClose();
+        }
+      },
+      [handleClose]
+    );
+    useEffect(() => {
+      if (!activeMenu) return;
+      const handler = (e) => {
+        const currentIndex = menus.findIndex((m) => m.key === activeMenu);
+        if (e.key === "ArrowRight") {
+          e.preventDefault();
+          e.stopImmediatePropagation();
+          let next = (currentIndex + 1) % menus.length;
+          let attempts = 0;
+          while (attempts < menus.length && menus[next]?.disabled) {
+            next = (next + 1) % menus.length;
+            attempts++;
+          }
+          const nextMenu = menus[next];
+          if (attempts < menus.length && nextMenu && !nextMenu.disabled) {
+            setActiveMenu(nextMenu.key);
+          }
+        } else if (e.key === "ArrowLeft") {
+          e.preventDefault();
+          e.stopImmediatePropagation();
+          let prev = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1;
+          let attempts = 0;
+          while (attempts < menus.length && menus[prev]?.disabled) {
+            prev = prev - 1 < 0 ? menus.length - 1 : prev - 1;
+            attempts++;
+          }
+          const prevMenu = menus[prev];
+          if (attempts < menus.length && prevMenu && !prevMenu.disabled) {
+            setActiveMenu(prevMenu.key);
+          }
+        }
+      };
+      document.addEventListener("keydown", handler);
+      return () => document.removeEventListener("keydown", handler);
+    }, [activeMenu, menus]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "root",
+        className: cn(
+          "menubar_root flex items-center gap-1 px-2 py-1 bg-background border-b border-border",
+          className,
+          classNames?.root
+        ),
+        role: "menubar",
+        children: menus.map((menu) => /* @__PURE__ */ jsxs(
+          Popover,
+          {
+            open: activeMenu === menu.key,
+            onOpenChange: (open) => {
+              if (open) {
+                setActiveMenu(menu.key);
+                setHoverMode(true);
+              } else {
+                handleClose();
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  "data-slot": "trigger",
+                  className: cn(
+                    "menubar_trigger px-3 py-1.5 text-sm rounded-sm transition-colors",
+                    menu.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus-visible:bg-surface focus-visible:outline-none",
+                    activeMenu === menu.key && "bg-surface",
+                    classNames?.trigger
+                  ),
+                  role: "menuitem",
+                  "aria-haspopup": "menu",
+                  "aria-expanded": activeMenu === menu.key,
+                  "aria-disabled": menu.disabled,
+                  onClick: () => handleMenuClick(menu.key, menu.disabled),
+                  onMouseEnter: () => handleMenuHover(menu.key, menu.disabled),
+                  children: menu.label
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                PopoverContent,
+                {
+                  side: "bottom",
+                  align: "start",
+                  sideOffset: 2,
+                  "data-slot": "content",
+                  className: cn(
+                    "menubar_content min-w-[200px] w-auto p-1 rounded-md",
+                    classNames?.content
+                  ),
+                  onOpenAutoFocus: (e) => e.preventDefault(),
+                  onCloseAutoFocus: (e) => e.preventDefault(),
+                  onPointerDownOutside: (e) => {
+                    const target = e.target;
+                    if (target.closest('[data-slot="root"]')) {
+                      e.preventDefault();
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    MenuItems,
+                    {
+                      items: menu.items,
+                      classNames,
+                      onItemClick: handleItemClick,
+                      onClose: handleClose
+                    }
+                  )
+                }
+              )
+            ]
+          },
+          menu.key
+        ))
+      }
+    );
+  }
+);
+Menubar.displayName = "Menubar";
+var menubar_default = Menubar;
+
+export { menubar_default };
+//# sourceMappingURL=chunk-ED4CQZ72.js.map
+//# sourceMappingURL=chunk-ED4CQZ72.js.map

package/dist/chunk-ED4CQZ72.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/menubar/index.tsx"],"names":[],"mappings":"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","file":"chunk-ED4CQZ72.js","sourcesContent":["\"use client\";\n\nimport React, { useState, useCallback, useEffect, useMemo } from \"react\";\n\nimport { ChevronRight, Check, Circle } from \"lucide-react\";\n\nimport { useMenuNavigation } from \"../hooks/useMenuNavigation\";\nimport { Popover, PopoverTrigger, PopoverContent } from \"../popover\";\nimport { cn } from \"../utils\";\nimport type { MenubarProps, MenubarItem } from \"./types\";\n\ninterface MenuItemsProps {\n  items: MenubarItem[];\n  classNames?: MenubarProps[\"classNames\"];\n  onItemClick: (item: MenubarItem) => void;\n  onClose: () => void;\n}\n\nconst ITEM_CLASS =\n  \"menubar_item relative flex items-center gap-2 px-3 py-1.5 text-sm cursor-pointer transition-colors last:rounded-b-sm first:rounded-t-sm\";\n\nconst MenuItems = React.memo<MenuItemsProps>(\n  ({ items, classNames, onItemClick, onClose }) => {\n    const [activeSubmenu, setActiveSubmenu] = useState<string | null>(null);\n\n    const hasAnyIcon = useMemo(\n      () =>\n        items.some(\n          (item) =>\n            !item.separator &&\n            item.type !== \"label\" &&\n            (item.icon || item.type === \"checkbox\" || item.type === \"radio\"),\n        ),\n      [items],\n    );\n\n    const enabledIndices = useMemo(\n      () =>\n        items\n          .map((item, i) =>\n            !item.separator && item.type !== \"label\" && !item.disabled ? i : -1,\n          )\n          .filter((i) => i !== -1),\n      [items],\n    );\n\n    const onMenuSelect = useCallback(\n      (index: number) => {\n        const item = items[index];\n        if (!item || (item.children && item.children.length > 0)) return;\n        onItemClick(item);\n      },\n      [items, onItemClick],\n    );\n\n    const { highlightedIndex, handleKeyDown, highlightFirst } =\n      useMenuNavigation({\n        enabledIndices,\n        isOpen: true,\n        onClose,\n        onSelect: onMenuSelect,\n      });\n\n    // Highlight first item on mount\n    useEffect(() => {\n      highlightFirst();\n    }, [highlightFirst]);\n\n    // Document-level keyboard listener (content is in a portal)\n    useEffect(() => {\n      const listener = (e: KeyboardEvent) => {\n        handleKeyDown(e);\n        e.stopImmediatePropagation();\n      };\n      document.addEventListener(\"keydown\", listener);\n      return () => document.removeEventListener(\"keydown\", listener);\n    }, [handleKeyDown]);\n\n    return (\n      <>\n        {items.map((item, idx) => {\n          if (item.separator) {\n            return (\n              <div\n                key={item.key || `separator-${idx}`}\n                data-slot=\"separator\"\n                className={cn(\n                  \"menubar_separator h-px bg-border my-1 -mx-1\",\n                  classNames?.separator,\n                )}\n                role=\"separator\"\n              />\n            );\n          }\n\n          if (item.type === \"label\") {\n            return (\n              <div\n                key={item.key}\n                data-slot=\"label\"\n                className={cn(\n                  \"menubar_label px-3 py-1.5 text-xs font-semibold text-text-secondary mx-1\",\n                  classNames?.label,\n                )}\n                role=\"presentation\"\n              >\n                {item.label}\n              </div>\n            );\n          }\n\n          const isCheckboxOrRadio =\n            item.type === \"checkbox\" || item.type === \"radio\";\n          const hasChildren = item.children && item.children.length > 0;\n          const isFocused = highlightedIndex === idx;\n\n          if (hasChildren) {\n            return (\n              <Popover\n                key={item.key}\n                open={activeSubmenu === item.key}\n                onOpenChange={(open) =>\n                  setActiveSubmenu(open ? item.key : null)\n                }\n              >\n                <PopoverTrigger asChild>\n                  <div\n                    data-slot=\"item\"\n                    className={cn(\n                      ITEM_CLASS,\n                      item.disabled\n                        ? \"opacity-50 cursor-not-allowed\"\n                        : \"hover:bg-surface focus-visible:bg-surface focus-visible:outline-none\",\n                      isFocused && !item.disabled && \"bg-surface\",\n                      classNames?.item,\n                    )}\n                    role=\"menuitem\"\n                    aria-disabled={item.disabled}\n                    aria-haspopup=\"menu\"\n                    tabIndex={item.disabled ? -1 : 0}\n                    onMouseEnter={() =>\n                      !item.disabled && setActiveSubmenu(item.key)\n                    }\n                  >\n                    {item.icon ? (\n                      <span className=\"w-4 h-4 shrink-0\">{item.icon}</span>\n                    ) : (\n                      hasAnyIcon && <span className=\"w-4 h-4 shrink-0\" />\n                    )}\n                    <span className=\"flex-1\">{item.label}</span>\n                    <ChevronRight className=\"w-4 h-4 ml-2 shrink-0\" />\n                  </div>\n                </PopoverTrigger>\n                <PopoverContent\n                  side=\"right\"\n                  align=\"start\"\n                  data-slot=\"submenu\"\n                  className={cn(\n                    \"menubar_submenu min-w-[200px] w-auto p-1 rounded-md\",\n                    classNames?.submenu,\n                  )}\n                  onOpenAutoFocus={(e) => e.preventDefault()}\n                  onCloseAutoFocus={(e) => e.preventDefault()}\n                >\n                  <MenuItems\n                    items={item.children!}\n                    classNames={classNames}\n                    onItemClick={onItemClick}\n                    onClose={onClose}\n                  />\n                </PopoverContent>\n              </Popover>\n            );\n          }\n\n          return (\n            <div\n              key={item.key}\n              data-slot=\"item\"\n              className={cn(\n                ITEM_CLASS,\n                item.disabled\n                  ? \"opacity-50 cursor-not-allowed\"\n                  : \"hover:bg-surface focus-visible:bg-surface focus-visible:outline-none\",\n                isFocused && !item.disabled && \"bg-surface\",\n                isCheckboxOrRadio && classNames?.checkboxItem,\n                item.type === \"radio\" && classNames?.radioItem,\n                classNames?.item,\n              )}\n              role={\n                item.type === \"checkbox\"\n                  ? \"menuitemcheckbox\"\n                  : item.type === \"radio\"\n                    ? \"menuitemradio\"\n                    : \"menuitem\"\n              }\n              aria-disabled={item.disabled}\n              aria-checked={isCheckboxOrRadio ? item.checked : undefined}\n              tabIndex={item.disabled ? -1 : 0}\n              onClick={() => !item.disabled && onItemClick(item)}\n            >\n              {isCheckboxOrRadio && (\n                <span className=\"w-4 h-4 shrink-0\">\n                  {item.checked && (\n                    <>\n                      {item.type === \"checkbox\" && (\n                        <Check className=\"w-4 h-4\" />\n                      )}\n                      {item.type === \"radio\" && (\n                        <Circle className=\"w-4 h-4 fill-current\" />\n                      )}\n                    </>\n                  )}\n                </span>\n              )}\n              {!isCheckboxOrRadio &&\n                (item.icon ? (\n                  <span className=\"w-4 h-4 shrink-0\">{item.icon}</span>\n                ) : (\n                  hasAnyIcon && <span className=\"w-4 h-4 shrink-0\" />\n                ))}\n              <span className=\"flex-1\">{item.label}</span>\n              {item.shortcut && (\n                <span\n                  data-slot=\"shortcut\"\n                  className={cn(\n                    \"menubar_shortcut text-xs text-text-secondary ml-auto\",\n                    classNames?.shortcut,\n                  )}\n                >\n                  {item.shortcut}\n                </span>\n              )}\n            </div>\n          );\n        })}\n      </>\n    );\n  },\n);\n\nMenuItems.displayName = \"MenuItems\";\n\nconst Menubar = React.memo<MenubarProps>(\n  ({ menus, className, classNames, ref }) => {\n    const [activeMenu, setActiveMenu] = useState<string | null>(null);\n    const [hoverMode, setHoverMode] = useState(false);\n\n    const handleMenuClick = useCallback(\n      (menuKey: string, disabled?: boolean) => {\n        if (disabled) return;\n        setActiveMenu((prev) => (prev === menuKey ? null : menuKey));\n        setHoverMode(true);\n      },\n      [],\n    );\n\n    const handleMenuHover = useCallback(\n      (menuKey: string, disabled?: boolean) => {\n        if (disabled) return;\n        if (hoverMode && activeMenu !== null) {\n          setActiveMenu(menuKey);\n        }\n      },\n      [hoverMode, activeMenu],\n    );\n\n    const handleClose = useCallback(() => {\n      setActiveMenu(null);\n      setHoverMode(false);\n    }, []);\n\n    const handleItemClick = useCallback(\n      (item: MenubarItem) => {\n        if (item.type === \"checkbox\") {\n          item.onCheckedChange?.(!item.checked);\n        } else if (item.type === \"radio\") {\n          item.onCheckedChange?.(true);\n        } else {\n          item.onClick?.();\n        }\n        if (item.type !== \"checkbox\" && item.type !== \"radio\") {\n          handleClose();\n        }\n      },\n      [handleClose],\n    );\n\n    // Top-level menu switching: ArrowLeft/Right and Escape\n    useEffect(() => {\n      if (!activeMenu) return;\n\n      const handler = (e: KeyboardEvent) => {\n        const currentIndex = menus.findIndex((m) => m.key === activeMenu);\n\n        if (e.key === \"ArrowRight\") {\n          e.preventDefault();\n          e.stopImmediatePropagation();\n          let next = (currentIndex + 1) % menus.length;\n          let attempts = 0;\n          while (attempts < menus.length && menus[next]?.disabled) {\n            next = (next + 1) % menus.length;\n            attempts++;\n          }\n          const nextMenu = menus[next];\n          if (attempts < menus.length && nextMenu && !nextMenu.disabled) {\n            setActiveMenu(nextMenu.key);\n          }\n        } else if (e.key === \"ArrowLeft\") {\n          e.preventDefault();\n          e.stopImmediatePropagation();\n          let prev = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1;\n          let attempts = 0;\n          while (attempts < menus.length && menus[prev]?.disabled) {\n            prev = prev - 1 < 0 ? menus.length - 1 : prev - 1;\n            attempts++;\n          }\n          const prevMenu = menus[prev];\n          if (attempts < menus.length && prevMenu && !prevMenu.disabled) {\n            setActiveMenu(prevMenu.key);\n          }\n        }\n      };\n\n      document.addEventListener(\"keydown\", handler);\n      return () => document.removeEventListener(\"keydown\", handler);\n    }, [activeMenu, menus]);\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"root\"\n        className={cn(\n          \"menubar_root flex items-center gap-1 px-2 py-1 bg-background border-b border-border\",\n          className,\n          classNames?.root,\n        )}\n        role=\"menubar\"\n      >\n        {menus.map((menu) => (\n          <Popover\n            key={menu.key}\n            open={activeMenu === menu.key}\n            onOpenChange={(open) => {\n              if (open) {\n                setActiveMenu(menu.key);\n                setHoverMode(true);\n              } else {\n                handleClose();\n              }\n            }}\n          >\n            <PopoverTrigger asChild>\n              <button\n                data-slot=\"trigger\"\n                className={cn(\n                  \"menubar_trigger px-3 py-1.5 text-sm rounded-sm transition-colors\",\n                  menu.disabled\n                    ? \"opacity-50 cursor-not-allowed\"\n                    : \"hover:bg-surface focus-visible:bg-surface focus-visible:outline-none\",\n                  activeMenu === menu.key && \"bg-surface\",\n                  classNames?.trigger,\n                )}\n                role=\"menuitem\"\n                aria-haspopup=\"menu\"\n                aria-expanded={activeMenu === menu.key}\n                aria-disabled={menu.disabled}\n                onClick={() => handleMenuClick(menu.key, menu.disabled)}\n                onMouseEnter={() => handleMenuHover(menu.key, menu.disabled)}\n              >\n                {menu.label}\n              </button>\n            </PopoverTrigger>\n            <PopoverContent\n              side=\"bottom\"\n              align=\"start\"\n              sideOffset={2}\n              data-slot=\"content\"\n              className={cn(\n                \"menubar_content min-w-[200px] w-auto p-1 rounded-md\",\n                classNames?.content,\n              )}\n              onOpenAutoFocus={(e) => e.preventDefault()}\n              onCloseAutoFocus={(e) => e.preventDefault()}\n              onPointerDownOutside={(e) => {\n                const target = e.target as HTMLElement;\n                if (target.closest('[data-slot=\"root\"]')) {\n                  e.preventDefault();\n                }\n              }}\n            >\n              <MenuItems\n                items={menu.items}\n                classNames={classNames}\n                onItemClick={handleItemClick}\n                onClose={handleClose}\n              />\n            </PopoverContent>\n          </Popover>\n        ))}\n      </div>\n    );\n  },\n);\n\nMenubar.displayName = \"Menubar\";\n\nexport type * from \"./types\";\nexport default Menubar;\n"]}

package/dist/{chunk-4ZXHLPRS.js → chunk-FY2TZ2NT.js}

@@ -1,9 +1,9 @@
 import { toggle_group_default } from './chunk-XAM5EKOS.js';
 import { pagination_default } from './chunk-PB5VGXS5.js';
-import { input_default } from './chunk-W5VLFE4U.js';
+import { input_default } from './chunk-LHZJ2GJU.js';
+import { button_default } from './chunk-SJLH5ZDW.js';
 import { checkbox_default } from './chunk-A4MYCEGM.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
-import { button_default } from './chunk-SJLH5ZDW.js';
 import { colorVars } from './chunk-G6QIIWKU.js';
 import { iconSizes, cn } from './chunk-RAS6HUEI.js';
 import { useReactTable, getGroupedRowModel, getExpandedRowModel, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
@@ -1031,5 +1031,5 @@ var Table = React.memo(TableComponent);
 var table_default = Table;
 
 export { EditableCell, TableActions, TableCell, TableHeaderCell, TableRow, TableSkeleton, table_default };
-//# sourceMappingURL=chunk-4ZXHLPRS.js.map
-//# sourceMappingURL=chunk-4ZXHLPRS.js.map
+//# sourceMappingURL=chunk-FY2TZ2NT.js.map
+//# sourceMappingURL=chunk-FY2TZ2NT.js.map