@aster-ui/prefixed 0.12.55 → 0.12.57

package/dist/components/Menu.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as y } from "react/jsx-runtime";
-import v, { useState as j, useCallback as I, createContext as q, useId as A, useContext as k } from "react";
-const F = "d-menu", T = "d-menu-vertical", G = "d-menu-horizontal", J = "d-menu-xs", Q = "d-menu-sm", U = "d-menu-md", Y = "d-menu-lg", Z = "d-menu-xl", C = "d-menu-icon", $ = "d-menu-title", K = q(null);
-function _() {
+import v, { useState as j, useCallback as I, createContext as A, useId as F, useContext as k } from "react";
+const G = "d-menu", T = "d-menu-vertical", J = "d-menu-horizontal", Q = "d-menu-xs", U = "d-menu-sm", Y = "d-menu-md", Z = "d-menu-lg", $ = "d-menu-xl", C = "d-menu-icon", _ = "d-menu-title", K = A(null);
+function ee() {
   const e = k(K);
   if (!e)
     throw new Error("Menu components must be used within a Menu");
@@ -10,7 +10,7 @@ function _() {
 function O(e, t, s, o, r) {
   return e.divider ? /* @__PURE__ */ n(w, {}, e.key) : e.title ? /* @__PURE__ */ n(B, { children: e.label }, e.key) : e.children && e.children.length > 0 ? /* @__PURE__ */ n(S, { _key: e.key, label: e.label, icon: e.icon, disabled: e.disabled, children: e.children.map((m) => O(m)) }, e.key) : /* @__PURE__ */ n(N, { _key: e.key, icon: e.icon, disabled: e.disabled, children: e.label }, e.key);
 }
-function ee({
+function ne({
   children: e,
   items: t,
   mode: s = "vertical",
@@ -19,47 +19,48 @@ function ee({
   defaultSelectedKeys: m = [],
   openKeys: l,
   defaultOpenKeys: p = [],
-  onSelect: c,
+  onSelect: i,
   onOpenChange: a,
-  className: d = "",
-  ...f
+  className: u = "",
+  "data-testid": f,
+  ...b
 }) {
-  const [b, x] = j(m), [h, D] = j(p), z = r ?? b, M = l ?? h, E = I(
-    (i) => {
-      r === void 0 && x([i]), c?.(i);
+  const [x, h] = j(m), [D, z] = j(p), E = r ?? x, M = l ?? D, V = I(
+    (c) => {
+      r === void 0 && h([c]), i?.(c);
     },
-    [r, c]
-  ), V = I(
-    (i) => {
-      const u = M.includes(i) ? M.filter((g) => g !== i) : [...M, i];
-      l === void 0 && D(u), a?.(u);
+    [r, i]
+  ), L = I(
+    (c) => {
+      const d = M.includes(c) ? M.filter((g) => g !== c) : [...M, c];
+      l === void 0 && z(d), a?.(d);
     },
     [M, l, a]
-  ), L = {
+  ), R = {
     vertical: T,
-    horizontal: G,
+    horizontal: J,
     inline: T
-  }, R = {
-    xs: J,
-    sm: Q,
-    md: U,
-    lg: Y,
-    xl: Z
-  }, X = [F, L[s], o && R[o], d].filter(Boolean).join(" "), H = {
+  }, X = {
+    xs: Q,
+    sm: U,
+    md: Y,
+    lg: Z,
+    xl: $
+  }, H = [G, R[s], o && X[o], u].filter(Boolean).join(" "), P = {
     mode: s,
-    selectedKeys: z,
+    selectedKeys: E,
     openKeys: M,
-    onSelect: E,
-    onToggleOpen: V
-  }, P = (i) => v.Children.map(i, (u) => {
-    if (v.isValidElement(u)) {
-      const g = u.key != null ? String(u.key) : void 0;
-      if (u.type === N || u.type === S)
-        return v.cloneElement(u, { _key: g });
+    onSelect: V,
+    onToggleOpen: L
+  }, W = (c) => v.Children.map(c, (d) => {
+    if (v.isValidElement(d)) {
+      const g = d.key != null ? String(d.key) : void 0;
+      if (d.type === N || d.type === S)
+        return v.cloneElement(d, { _key: g });
     }
-    return u;
-  }), W = t && t.length > 0 ? t.map((i) => O(i)) : P(e);
-  return /* @__PURE__ */ n(K.Provider, { value: H, children: /* @__PURE__ */ n("ul", { className: X, ...f, children: W }) });
+    return d;
+  }), q = t && t.length > 0 ? t.map((c) => O(c)) : W(e);
+  return /* @__PURE__ */ n(K.Provider, { value: P, children: /* @__PURE__ */ n("ul", { className: H, "data-testid": f, ...b, children: q }) });
 }
 function N({
   children: e,
@@ -71,8 +72,8 @@ function N({
   _key: l,
   ...p
 }) {
-  const c = k(K), a = l && c ? c.selectedKeys.includes(l) : r, d = () => {
-    s || (l && c && c.onSelect(l), o?.());
+  const i = k(K), a = l && i ? i.selectedKeys.includes(l) : r, u = () => {
+    s || (l && i && i.onSelect(l), o?.());
   }, f = [
     a && "active bg-primary text-primary-content",
     s && "disabled",
@@ -82,7 +83,7 @@ function N({
     "a",
     {
       className: f,
-      onClick: d,
+      onClick: u,
       "aria-disabled": s,
       role: "menuitem",
       "data-state": a ? "active" : "inactive",
@@ -104,10 +105,10 @@ function S({
   _key: l,
   ...p
 }) {
-  const c = _(), a = l ? c.openKeys.includes(l) : !1, d = A(), f = t ?? s, b = () => {
-    r || !l || c.onToggleOpen(l);
+  const i = ee(), a = l ? i.openKeys.includes(l) : !1, u = F(), f = t ?? s, b = () => {
+    r || !l || i.onToggleOpen(l);
   }, x = [r && "disabled", m].filter(Boolean).join(" ");
-  return c.mode === "inline" ? /* @__PURE__ */ n("li", { className: x, "data-state": a ? "open" : "closed", ...p, children: /* @__PURE__ */ y("details", { open: a, children: [
+  return i.mode === "inline" ? /* @__PURE__ */ n("li", { className: x, "data-state": a ? "open" : "closed", ...p, children: /* @__PURE__ */ y("details", { open: a, children: [
     /* @__PURE__ */ y(
       "summary",
       {
@@ -115,7 +116,7 @@ function S({
           h.preventDefault(), b();
         },
         "aria-expanded": a,
-        "aria-controls": d,
+        "aria-controls": u,
         "aria-disabled": r,
         children: [
           o && /* @__PURE__ */ n("span", { className: C, children: o }),
@@ -123,7 +124,7 @@ function S({
         ]
       }
     ),
-    /* @__PURE__ */ n("ul", { id: d, role: "menu", children: e })
+    /* @__PURE__ */ n("ul", { id: u, role: "menu", children: e })
   ] }) }) : /* @__PURE__ */ n("li", { className: x, "data-state": a ? "open" : "closed", ...p, children: /* @__PURE__ */ y("details", { open: a, children: [
     /* @__PURE__ */ y(
       "summary",
@@ -132,7 +133,7 @@ function S({
           h.preventDefault(), b();
         },
         "aria-expanded": a,
-        "aria-controls": d,
+        "aria-controls": u,
         "aria-disabled": r,
         children: [
           o && /* @__PURE__ */ n("span", { className: C, children: o }),
@@ -140,24 +141,24 @@ function S({
         ]
       }
     ),
-    /* @__PURE__ */ n("ul", { id: d, role: "menu", children: e })
+    /* @__PURE__ */ n("ul", { id: u, role: "menu", children: e })
   ] }) });
 }
 function B({ children: e, className: t = "", ...s }) {
-  const o = [$, t].filter(Boolean).join(" ");
+  const o = [_, t].filter(Boolean).join(" ");
   return /* @__PURE__ */ n("li", { className: o, ...s, children: e });
 }
 function w({ className: e = "", ...t }) {
   const s = ["border-t border-base-300 my-1", e].filter(Boolean).join(" ");
   return /* @__PURE__ */ n("li", { className: s, role: "separator", ...t });
 }
-const se = Object.assign(ee, {
+const le = Object.assign(ne, {
   Item: N,
   SubMenu: S,
   Title: B,
   Divider: w
 });
 export {
-  se as Menu
+  le as Menu
 };
 //# sourceMappingURL=Menu.js.map

package/dist/components/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\n// DaisyUI classes\nconst dMenu = 'd-menu'\nconst dMenuVertical = 'd-menu-vertical'\nconst dMenuHorizontal = 'd-menu-horizontal'\nconst dMenuXs = 'd-menu-xs'\nconst dMenuSm = 'd-menu-sm'\nconst dMenuMd = 'd-menu-md'\nconst dMenuLg = 'd-menu-lg'\nconst dMenuXl = 'd-menu-xl'\nconst dMenuIcon = 'd-menu-icon'\nconst dMenuTitle = 'd-menu-title'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\nexport type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface MenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  children?: MenuItem[]\n  divider?: boolean\n  title?: boolean // For section titles\n}\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  /** Menu items (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: MenuItem[]\n  /** Menu display mode */\n  mode?: MenuMode\n  /** Menu size */\n  size?: MenuSize\n  /** Controlled selected keys */\n  selectedKeys?: string[]\n  /** Default selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[]\n  /** Controlled open submenu keys */\n  openKeys?: string[]\n  /** Default open submenu keys (uncontrolled) */\n  defaultOpenKeys?: string[]\n  /** Callback when item is selected */\n  onSelect?: (key: string) => void\n  /** Callback when submenu open state changes */\n  onOpenChange?: (openKeys: string[]) => void\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use key and selectedKeys instead */\n  active?: boolean\n  /** @internal */\n  _key?: string\n}\n\nexport interface MenuSubMenuProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'title'> {\n  children: React.ReactNode\n  /** Submenu label */\n  label?: React.ReactNode\n  /** Submenu title (alias for label) */\n  title?: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  /** @internal */\n  _key?: string\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\n// Internal component for rendering data-driven menu items\nfunction renderMenuItem(item: MenuItem, onSelect: (key: string) => void, selectedKeys: string[], openKeys: string[], onToggleOpen: (key: string) => void): React.ReactNode {\n  if (item.divider) {\n    return <MenuDivider key={item.key} />\n  }\n\n  if (item.title) {\n    return <MenuTitle key={item.key}>{item.label}</MenuTitle>\n  }\n\n  if (item.children && item.children.length > 0) {\n    return (\n      <MenuSubMenu key={item.key} _key={item.key} label={item.label} icon={item.icon} disabled={item.disabled}>\n        {item.children.map((child) => renderMenuItem(child, onSelect, selectedKeys, openKeys, onToggleOpen))}\n      </MenuSubMenu>\n    )\n  }\n\n  return (\n    <MenuItem key={item.key} _key={item.key} icon={item.icon} disabled={item.disabled}>\n      {item.label}\n    </MenuItem>\n  )\n}\n\nfunction MenuRoot({\n  children,\n  items,\n  mode = 'vertical',\n  size,\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: dMenuVertical,\n    horizontal: dMenuHorizontal,\n    inline: dMenuVertical,\n  }\n\n  const sizeClasses: Record<MenuSize, string> = {\n    xs: dMenuXs,\n    sm: dMenuSm,\n    md: dMenuMd,\n    lg: dMenuLg,\n    xl: dMenuXl,\n  }\n\n  const menuClasses = [dMenu, modeClasses[mode], size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  const contextValue = {\n    mode,\n    selectedKeys,\n    openKeys,\n    onSelect: handleSelect,\n    onToggleOpen: handleToggleOpen,\n  }\n\n  // Clone children to extract keys\n  const cloneChildrenWithKeys = (children: React.ReactNode): React.ReactNode => {\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child)) {\n        const childKey = child.key != null ? String(child.key) : undefined\n        if (child.type === MenuItem || child.type === MenuSubMenu) {\n          return React.cloneElement(child as React.ReactElement<any>, { _key: childKey })\n        }\n      }\n      return child\n    })\n  }\n\n  // Render data-driven items if provided\n  const content = items && items.length > 0\n    ? items.map((item) => renderMenuItem(item, handleSelect, selectedKeys, openKeys, handleToggleOpen))\n    : cloneChildrenWithKeys(children)\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <ul className={menuClasses} {...rest}>{content}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  _key,\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = _key && context ? context.selectedKeys.includes(_key) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (_key && context) {\n      context.onSelect(_key)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className={dMenuIcon}>{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  label,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n  _key,\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = _key ? context.openKeys.includes(_key) : false\n  const submenuId = useId()\n\n  // Support both label and title (title as alias for backwards compatibility)\n  const displayLabel = label ?? title\n\n  const handleToggle = () => {\n    if (disabled || !_key) return\n    context.onToggleOpen(_key)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className={dMenuIcon}>{icon}</span>}\n            {displayLabel}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className={dMenuIcon}>{icon}</span>}\n          {displayLabel}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = [dMenuTitle, className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["dMenu","dMenuVertical","dMenuHorizontal","dMenuXs","dMenuSm","dMenuMd","dMenuLg","dMenuXl","dMenuIcon","dMenuTitle","MenuContext","createContext","useMenuContext","context","useContext","renderMenuItem","item","onSelect","selectedKeys","openKeys","onToggleOpen","jsx","MenuDivider","MenuTitle","MenuSubMenu","child","MenuItem","MenuRoot","children","items","mode","size","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onOpenChange","className","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","modeClasses","sizeClasses","menuClasses","contextValue","cloneChildrenWithKeys","React","childKey","content","icon","disabled","onClick","active","_key","isSelected","handleClick","itemClasses","jsxs","label","title","isOpen","submenuId","useId","displayLabel","handleToggle","submenuClasses","e","titleClasses","dividerClasses","Menu"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\n// DaisyUI classes\nconst dMenu = 'd-menu'\nconst dMenuVertical = 'd-menu-vertical'\nconst dMenuHorizontal = 'd-menu-horizontal'\nconst dMenuXs = 'd-menu-xs'\nconst dMenuSm = 'd-menu-sm'\nconst dMenuMd = 'd-menu-md'\nconst dMenuLg = 'd-menu-lg'\nconst dMenuXl = 'd-menu-xl'\nconst dMenuIcon = 'd-menu-icon'\nconst dMenuTitle = 'd-menu-title'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\nexport type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface MenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  children?: MenuItem[]\n  divider?: boolean\n  title?: boolean // For section titles\n}\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  /** Menu items (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: MenuItem[]\n  /** Menu display mode */\n  mode?: MenuMode\n  /** Menu size */\n  size?: MenuSize\n  /** Controlled selected keys */\n  selectedKeys?: string[]\n  /** Default selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[]\n  /** Controlled open submenu keys */\n  openKeys?: string[]\n  /** Default open submenu keys (uncontrolled) */\n  defaultOpenKeys?: string[]\n  /** Callback when item is selected */\n  onSelect?: (key: string) => void\n  /** Callback when submenu open state changes */\n  onOpenChange?: (openKeys: string[]) => void\n  /** Test ID for the menu element */\n  'data-testid'?: string\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use key and selectedKeys instead */\n  active?: boolean\n  /** @internal */\n  _key?: string\n}\n\nexport interface MenuSubMenuProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'title'> {\n  children: React.ReactNode\n  /** Submenu label */\n  label?: React.ReactNode\n  /** Submenu title (alias for label) */\n  title?: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  /** @internal */\n  _key?: string\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\n// Internal component for rendering data-driven menu items\nfunction renderMenuItem(item: MenuItem, onSelect: (key: string) => void, selectedKeys: string[], openKeys: string[], onToggleOpen: (key: string) => void): React.ReactNode {\n  if (item.divider) {\n    return <MenuDivider key={item.key} />\n  }\n\n  if (item.title) {\n    return <MenuTitle key={item.key}>{item.label}</MenuTitle>\n  }\n\n  if (item.children && item.children.length > 0) {\n    return (\n      <MenuSubMenu key={item.key} _key={item.key} label={item.label} icon={item.icon} disabled={item.disabled}>\n        {item.children.map((child) => renderMenuItem(child, onSelect, selectedKeys, openKeys, onToggleOpen))}\n      </MenuSubMenu>\n    )\n  }\n\n  return (\n    <MenuItem key={item.key} _key={item.key} icon={item.icon} disabled={item.disabled}>\n      {item.label}\n    </MenuItem>\n  )\n}\n\nfunction MenuRoot({\n  children,\n  items,\n  mode = 'vertical',\n  size,\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: dMenuVertical,\n    horizontal: dMenuHorizontal,\n    inline: dMenuVertical,\n  }\n\n  const sizeClasses: Record<MenuSize, string> = {\n    xs: dMenuXs,\n    sm: dMenuSm,\n    md: dMenuMd,\n    lg: dMenuLg,\n    xl: dMenuXl,\n  }\n\n  const menuClasses = [dMenu, modeClasses[mode], size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  const contextValue = {\n    mode,\n    selectedKeys,\n    openKeys,\n    onSelect: handleSelect,\n    onToggleOpen: handleToggleOpen,\n  }\n\n  // Clone children to extract keys\n  const cloneChildrenWithKeys = (children: React.ReactNode): React.ReactNode => {\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child)) {\n        const childKey = child.key != null ? String(child.key) : undefined\n        if (child.type === MenuItem || child.type === MenuSubMenu) {\n          return React.cloneElement(child as React.ReactElement<any>, { _key: childKey })\n        }\n      }\n      return child\n    })\n  }\n\n  // Render data-driven items if provided\n  const content = items && items.length > 0\n    ? items.map((item) => renderMenuItem(item, handleSelect, selectedKeys, openKeys, handleToggleOpen))\n    : cloneChildrenWithKeys(children)\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <ul className={menuClasses} data-testid={testId} {...rest}>{content}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  _key,\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = _key && context ? context.selectedKeys.includes(_key) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (_key && context) {\n      context.onSelect(_key)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className={dMenuIcon}>{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  label,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n  _key,\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = _key ? context.openKeys.includes(_key) : false\n  const submenuId = useId()\n\n  // Support both label and title (title as alias for backwards compatibility)\n  const displayLabel = label ?? title\n\n  const handleToggle = () => {\n    if (disabled || !_key) return\n    context.onToggleOpen(_key)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className={dMenuIcon}>{icon}</span>}\n            {displayLabel}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className={dMenuIcon}>{icon}</span>}\n          {displayLabel}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = [dMenuTitle, className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["dMenu","dMenuVertical","dMenuHorizontal","dMenuXs","dMenuSm","dMenuMd","dMenuLg","dMenuXl","dMenuIcon","dMenuTitle","MenuContext","createContext","useMenuContext","context","useContext","renderMenuItem","item","onSelect","selectedKeys","openKeys","onToggleOpen","jsx","MenuDivider","MenuTitle","MenuSubMenu","child","MenuItem","MenuRoot","children","items","mode","size","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onOpenChange","className","testId","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","modeClasses","sizeClasses","menuClasses","contextValue","cloneChildrenWithKeys","React","childKey","content","icon","disabled","onClick","active","_key","isSelected","handleClick","itemClasses","jsxs","label","title","isOpen","submenuId","useId","displayLabel","handleToggle","submenuClasses","e","titleClasses","dividerClasses","Menu"],"mappings":"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"}

package/dist/components/Modal.d.ts

@@ -23,10 +23,26 @@ export interface ModalProps extends Omit<React.HTMLAttributes<HTMLDialogElement>
     centered?: boolean;
     /** Callback when modal is closed */
     onClose?: () => void;
+    /** Callback after modal close animation completes */
+    afterClose?: () => void;
     /** Where to place initial focus: 'ok', 'cancel', or 'close' button */
     initialFocus?: 'ok' | 'cancel' | 'close';
     /** Use alertdialog role for urgent messages */
     alertDialog?: boolean;
+    /** Show loading spinner on OK button */
+    confirmLoading?: boolean;
+    /** Props for the OK button */
+    okButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    /** Props for the Cancel button */
+    cancelButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    /** Custom close icon */
+    closeIcon?: React.ReactNode;
+    /** CSS z-index for the modal */
+    zIndex?: number;
+    /** Destroy child components when modal is closed */
+    destroyOnClose?: boolean;
+    /** Test ID prefix for child elements */
+    'data-testid'?: string;
 }
 export interface ModalFuncProps {
     title?: React.ReactNode;
@@ -37,21 +53,27 @@ export interface ModalFuncProps {
     cancelText?: string;
     type?: 'info' | 'success' | 'warning' | 'error';
 }
-export declare function Modal({ children, title, footer, open, onOk, onCancel, okText, cancelText, maskClosable, closable, position, align, width, centered, onClose, initialFocus, alertDialog, className, ...rest }: ModalProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Modal {
-    var confirm: (config: ModalFuncProps) => {
-        destroy: () => void;
-    };
-    var info: (config: ModalFuncProps) => {
-        destroy: () => void;
-    };
-    var success: (config: ModalFuncProps) => {
-        destroy: () => void;
-    };
-    var warning: (config: ModalFuncProps) => {
-        destroy: () => void;
-    };
-    var error: (config: ModalFuncProps) => {
-        destroy: () => void;
-    };
-}
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>>;
+declare function confirm(config: ModalFuncProps): {
+    destroy: () => void;
+};
+declare function info(config: ModalFuncProps): {
+    destroy: () => void;
+};
+declare function success(config: ModalFuncProps): {
+    destroy: () => void;
+};
+declare function warning(config: ModalFuncProps): {
+    destroy: () => void;
+};
+declare function error(config: ModalFuncProps): {
+    destroy: () => void;
+};
+declare const ModalWithStatics: typeof Modal & {
+    confirm: typeof confirm;
+    info: typeof info;
+    success: typeof success;
+    warning: typeof warning;
+    error: typeof error;
+};
+export { ModalWithStatics as Modal };