@mdigital_ui/ui 0.3.8 → 0.4.0

package/dist/chunk-I75ZSXD6.js

@@ -1,293 +0,0 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-ZQTJBYKO.js';
-import { cn } from './chunk-NGYLRX6F.js';
-import { ChevronRight, Check, Circle } from 'lucide-react';
-import React, { useState, useCallback, useEffect } from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var MenuItems = React.memo(({ items, classNames, onItemClick }) => {
-  const [activeSubmenu, setActiveSubmenu] = useState(null);
-  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", 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",
-            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;
-    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(
-                  "menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
-                  item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus:bg-surface focus:outline-none",
-                  classNames?.item
-                ),
-                role: "menuitem",
-                "aria-disabled": item.disabled,
-                "aria-haspopup": "menu",
-                tabIndex: item.disabled ? -1 : 0,
-                onMouseEnter: () => !item.disabled && setActiveSubmenu(item.key),
-                onKeyDown: (e) => {
-                  if (e.key === "ArrowRight") {
-                    e.preventDefault();
-                    if (!item.disabled) setActiveSubmenu(item.key);
-                  } else if (e.key === "ArrowLeft") {
-                    e.preventDefault();
-                    setActiveSubmenu(null);
-                  }
-                },
-                children: [
-                  item.icon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.icon }),
-                  /* @__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",
-                sideOffset: 4,
-                "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 })
-              }
-            )
-          ]
-        },
-        item.key
-      );
-    }
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "item",
-        className: cn(
-          "menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
-          item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus:bg-surface focus:outline-none",
-          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),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            if (!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" })
-          ] }) }),
-          item.icon && !isCheckboxOrRadio && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.icon }),
-          /* @__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?.();
-      }
-      handleClose();
-    },
-    [handleClose]
-  );
-  useEffect(() => {
-    if (!activeMenu) return;
-    const handleKeyDown = (e) => {
-      const currentIndex = menus.findIndex((m) => m.key === activeMenu);
-      if (e.key === "Escape") {
-        e.preventDefault();
-        handleClose();
-      } else if (e.key === "ArrowRight") {
-        const nextIndex = (currentIndex + 1) % menus.length;
-        const nextMenu = menus[nextIndex];
-        if (nextMenu && !nextMenu.disabled) {
-          e.preventDefault();
-          setActiveMenu(nextMenu.key);
-        }
-      } else if (e.key === "ArrowLeft") {
-        const prevIndex = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1;
-        const prevMenu = menus[prevIndex];
-        if (prevMenu && !prevMenu.disabled) {
-          e.preventDefault();
-          setActiveMenu(prevMenu.key);
-        }
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [activeMenu, menus, handleClose]);
-  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:bg-surface focus: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),
-                onKeyDown: (e) => {
-                  if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    handleMenuClick(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
-                  }
-                )
-              }
-            )
-          ]
-        },
-        menu.key
-      ))
-    }
-  );
-});
-Menubar.displayName = "Menubar";
-var menubar_default = Menubar;
-
-export { menubar_default };
-//# sourceMappingURL=chunk-I75ZSXD6.js.map
-//# sourceMappingURL=chunk-I75ZSXD6.js.map

package/dist/chunk-I75ZSXD6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/menubar/index.tsx"],"names":[],"mappings":"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","file":"chunk-I75ZSXD6.js","sourcesContent":["'use client'\n\nimport { ChevronRight, Check, Circle } from 'lucide-react'\nimport React, { useState, useCallback, useEffect } from 'react'\n\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}\n\nconst MenuItems = React.memo<MenuItemsProps>(({ items, classNames, onItemClick }) => {\n  const [activeSubmenu, setActiveSubmenu] = useState<string | null>(null)\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('menubar_separator h-px bg-border my-1', classNames?.separator)}\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',\n                classNames?.label,\n              )}\n              role=\"presentation\"\n            >\n              {item.label}\n            </div>\n          )\n        }\n\n        const isCheckboxOrRadio = item.type === 'checkbox' || item.type === 'radio'\n        const hasChildren = item.children && item.children.length > 0\n\n        if (hasChildren) {\n          return (\n            <Popover\n              key={item.key}\n              open={activeSubmenu === item.key}\n              onOpenChange={(open) => setActiveSubmenu(open ? item.key : null)}\n            >\n              <PopoverTrigger asChild>\n                <div\n                  data-slot=\"item\"\n                  className={cn(\n                    'menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n                    item.disabled\n                      ? 'opacity-50 cursor-not-allowed'\n                      : 'hover:bg-surface focus:bg-surface focus:outline-none',\n                    classNames?.item,\n                  )}\n                  role=\"menuitem\"\n                  aria-disabled={item.disabled}\n                  aria-haspopup=\"menu\"\n                  tabIndex={item.disabled ? -1 : 0}\n                  onMouseEnter={() => !item.disabled && setActiveSubmenu(item.key)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowRight') {\n                      e.preventDefault()\n                      if (!item.disabled) setActiveSubmenu(item.key)\n                    } else if (e.key === 'ArrowLeft') {\n                      e.preventDefault()\n                      setActiveSubmenu(null)\n                    }\n                  }}\n                >\n                  {item.icon && <span className=\"w-4 h-4 shrink-0\">{item.icon}</span>}\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                sideOffset={4}\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 items={item.children!} classNames={classNames} onItemClick={onItemClick} />\n              </PopoverContent>\n            </Popover>\n          )\n        }\n\n        return (\n          <div\n            key={item.key}\n            data-slot=\"item\"\n            className={cn(\n              'menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n              item.disabled\n                ? 'opacity-50 cursor-not-allowed'\n                : 'hover:bg-surface focus:bg-surface focus:outline-none',\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            onKeyDown={(e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n                if (!item.disabled) onItemClick(item)\n              }\n            }}\n          >\n            {isCheckboxOrRadio && (\n              <span className=\"w-4 h-4 shrink-0\">\n                {item.checked && (\n                  <>\n                    {item.type === 'checkbox' && <Check className=\"w-4 h-4\" />}\n                    {item.type === 'radio' && <Circle className=\"w-4 h-4 fill-current\" />}\n                  </>\n                )}\n              </span>\n            )}\n            {item.icon && !isCheckboxOrRadio && (\n              <span className=\"w-4 h-4 shrink-0\">{item.icon}</span>\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\nMenuItems.displayName = 'MenuItems'\n\nconst Menubar = React.memo<MenubarProps>(({ menus, className, classNames, ref }) => {\n  const [activeMenu, setActiveMenu] = useState<string | null>(null)\n  const [hoverMode, setHoverMode] = useState(false)\n\n  const handleMenuClick = useCallback((menuKey: string, disabled?: boolean) => {\n    if (disabled) return\n    setActiveMenu((prev) => (prev === menuKey ? null : menuKey))\n    setHoverMode(true)\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      handleClose()\n    },\n    [handleClose],\n  )\n\n  // Keyboard navigation for switching between top-level menus\n  useEffect(() => {\n    if (!activeMenu) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      const currentIndex = menus.findIndex((m) => m.key === activeMenu)\n\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        handleClose()\n      } else if (e.key === 'ArrowRight') {\n        const nextIndex = (currentIndex + 1) % menus.length\n        const nextMenu = menus[nextIndex]\n        if (nextMenu && !nextMenu.disabled) {\n          e.preventDefault()\n          setActiveMenu(nextMenu.key)\n        }\n      } else if (e.key === 'ArrowLeft') {\n        const prevIndex = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1\n        const prevMenu = menus[prevIndex]\n        if (prevMenu && !prevMenu.disabled) {\n          e.preventDefault()\n          setActiveMenu(prevMenu.key)\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [activeMenu, menus, handleClose])\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:bg-surface focus: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              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                  handleMenuClick(menu.key, menu.disabled)\n                }\n              }}\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              // Prevent Radix from closing when clicking another menu trigger\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            />\n          </PopoverContent>\n        </Popover>\n      ))}\n    </div>\n  )\n})\n\nMenubar.displayName = 'Menubar'\n\nexport type * from './types'\nexport default Menubar\n"]}