asterui 0.12.63 → 0.12.64

package/dist/components/Menu.js

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

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 = 'menu'\nconst dMenuVertical = 'menu-vertical'\nconst dMenuHorizontal = 'menu-horizontal'\nconst dMenuXs = 'menu-xs'\nconst dMenuSm = 'menu-sm'\nconst dMenuMd = 'menu-md'\nconst dMenuLg = 'menu-lg'\nconst dMenuXl = 'menu-xl'\nconst dMenuIcon = 'menu-icon'\nconst dMenuTitle = '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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"}
+{"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 = 'menu'\nconst dMenuVertical = 'menu-vertical'\nconst dMenuHorizontal = 'menu-horizontal'\nconst dMenuXs = 'menu-xs'\nconst dMenuSm = 'menu-sm'\nconst dMenuMd = 'menu-md'\nconst dMenuLg = 'menu-lg'\nconst dMenuXl = 'menu-xl'\nconst dMenuIcon = 'menu-icon'\nconst dMenuTitle = '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} role=\"menu\" {...rest}>{content}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  icon,\n  disabled = false,\n  onClick,\n  onKeyDown,\n  active,\n  className = '',\n  _key,\n  tabIndex,\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 handleKeyDown = (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n    onKeyDown?.(event)\n    if (event.defaultPrevented || disabled) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      handleClick()\n    }\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        onKeyDown={handleKeyDown}\n        tabIndex={disabled ? -1 : tabIndex ?? 0}\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","onKeyDown","active","_key","tabIndex","isSelected","handleClick","handleKeyDown","event","itemClasses","jsxs","label","title","isOpen","submenuId","useId","displayLabel","handleToggle","submenuClasses","e","titleClasses","dividerClasses","Menu"],"mappings":"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"}

package/dist/components/Modal.js

@@ -1,4 +1,4 @@
-import { jsxs as f, jsx as t, Fragment as Ce } from "react/jsx-runtime";
+import { jsxs as f, jsx as t, Fragment as ge } from "react/jsx-runtime";
 import B, { forwardRef as Me, useRef as k, useId as V, useImperativeHandle as Ne, useEffect as X } from "react";
 import { createRoot as Te } from "react-dom/client";
 import { useConfig as oe } from "../providers/ConfigProvider.js";
@@ -21,7 +21,7 @@ const Be = "modal", Y = "modal-top", Z = "modal-middle", _ = "modal-bottom", $e
   afterClose: a,
   initialFocus: h,
   alertDialog: O = !1,
-  confirmLoading: C,
+  confirmLoading: g,
   okButtonProps: I,
   cancelButtonProps: se,
   closeIcon: le,
@@ -32,7 +32,7 @@ const Be = "modal", Y = "modal-top", Z = "modal-middle", _ = "modal-bottom", $e
   style: ae,
   ...de
 }, ce) {
-  const { locale: D } = oe(), M = k(null), P = k(null), H = k(null), K = k(null), F = k(null), [ie, E] = B.useState(!1), [me, q] = B.useState(c || !S), G = V(), J = V(), j = C ?? ie, ue = $ ?? D.Modal?.okText ?? "OK", he = m ?? D.Modal?.cancelText ?? "Cancel";
+  const { locale: D } = oe(), M = k(null), P = k(null), H = k(null), K = k(null), F = k(null), [ie, E] = B.useState(!1), [me, q] = B.useState(c || !S), G = V(), J = V(), j = g ?? ie, ue = $ ?? D.Modal?.okText ?? "OK", he = m ?? D.Modal?.cancelText ?? "Cancel";
   Ne(ce, () => M.current, []);
   const N = R || i;
   X(() => {
@@ -111,11 +111,11 @@ const Be = "modal", Y = "modal-top", Z = "modal-middle", _ = "modal-bottom", $e
     return o;
   })(), w && fe[w], re].filter(Boolean).join(" "), ve = async () => {
     if (r) {
-      C === void 0 && E(!0);
+      g === void 0 && E(!0);
       try {
-        await r(), C === void 0 && E(!1);
+        await r(), g === void 0 && E(!1);
       } catch (o) {
-        throw C === void 0 && E(!1), o;
+        throw g === void 0 && E(!1), o;
       }
     }
   }, we = () => {
@@ -123,7 +123,7 @@ const Be = "modal", Y = "modal-top", Z = "modal-middle", _ = "modal-bottom", $e
   }, ke = u ? { width: typeof u == "number" ? `${u}px` : u, maxWidth: "90vw" } : {}, xe = {
     ...ae,
     ...z !== void 0 ? { zIndex: z } : {}
-  }, ye = !l && (r || i), ge = l != null, p = (o) => A ? `${A}-${o}` : void 0;
+  }, ye = !l && (r || i), Ce = l != null, p = (o) => A ? `${A}-${o}` : void 0;
   return me ? /* @__PURE__ */ f(
     "dialog",
     {
@@ -167,9 +167,18 @@ const Be = "modal", Y = "modal-top", Z = "modal-middle", _ = "modal-bottom", $e
               }
             )
           ] }),
-          ge && /* @__PURE__ */ t("div", { className: ee, children: l })
+          Ce && /* @__PURE__ */ t("div", { className: ee, children: l })
         ] }),
-        v && b && /* @__PURE__ */ t("form", { method: "dialog", className: Se, "data-testid": p("backdrop"), children: /* @__PURE__ */ t("button", { ref: K, onClick: we, "data-testid": p("close-button"), children: le || /* @__PURE__ */ t("span", { className: "sr-only", children: "Close modal" }) }) })
+        v && b && /* @__PURE__ */ t("form", { method: "dialog", className: Se, "data-testid": p("backdrop"), children: /* @__PURE__ */ t(
+          "button",
+          {
+            ref: K,
+            onClick: we,
+            "data-testid": p("close-button"),
+            "aria-label": "Close modal",
+            children: le || /* @__PURE__ */ t("span", { className: "sr-only", children: "Close modal" })
+          }
+        ) })
       ]
     }
   ) : null;
@@ -304,7 +313,7 @@ function y(e) {
         ] }) : e.title,
         okText: a,
         cancelText: h,
-        footer: e.showCancel ? /* @__PURE__ */ f(Ce, { children: [
+        footer: e.showCancel ? /* @__PURE__ */ f(ge, { children: [
           /* @__PURE__ */ t("button", { className: x, onClick: w, children: h }),
           /* @__PURE__ */ t(
             "button",
@@ -350,13 +359,13 @@ function Pe(e) {
 function He(e) {
   return y({ ...e, type: "error", showCancel: !1 });
 }
-const g = ne;
-g.confirm = Ie;
-g.info = ze;
-g.success = De;
-g.warning = Pe;
-g.error = He;
+const C = ne;
+C.confirm = Ie;
+C.info = ze;
+C.success = De;
+C.warning = Pe;
+C.error = He;
 export {
-  g as Modal
+  C as Modal
 };
 //# sourceMappingURL=Modal.js.map

package/dist/components/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/components/Modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useId, forwardRef, useImperativeHandle } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dModal = 'modal'\nconst dModalTop = 'modal-top'\nconst dModalMiddle = 'modal-middle'\nconst dModalBottom = 'modal-bottom'\nconst dModalStart = 'modal-start'\nconst dModalEnd = 'modal-end'\nconst dModalBox = 'modal-box'\nconst dModalAction = 'modal-action'\nconst dModalBackdrop = 'modal-backdrop'\nconst dBtn = 'btn'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnError = 'btn-error'\nconst dAlert = 'alert'\nconst dAlertInfo = 'alert-info'\nconst dAlertSuccess = 'alert-success'\nconst dAlertWarning = 'alert-warning'\nconst dAlertError = 'alert-error'\n\nexport type ModalPosition = 'top' | 'middle' | 'bottom'\nexport type ModalAlign = 'start' | 'end'\nexport type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport type ResponsivePosition = Partial<Record<Breakpoint, ModalPosition>>\n\nexport interface ModalProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'title'> {\n  children: React.ReactNode\n  title?: React.ReactNode\n  footer?: React.ReactNode\n  open?: boolean\n  onOk?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  maskClosable?: boolean\n  closable?: boolean\n  /** Modal position - can be a single value or responsive object */\n  position?: ModalPosition | ResponsivePosition\n  align?: ModalAlign\n  /** Width of the modal box */\n  width?: number | string\n  /** Center the modal vertically */\n  centered?: boolean\n  /** Callback when modal is closed */\n  onClose?: () => void\n  /** Callback after modal close animation completes */\n  afterClose?: () => void\n  /** Where to place initial focus: 'ok', 'cancel', or 'close' button */\n  initialFocus?: 'ok' | 'cancel' | 'close'\n  /** Use alertdialog role for urgent messages */\n  alertDialog?: boolean\n  /** Show loading spinner on OK button */\n  confirmLoading?: boolean\n  /** Props for the OK button */\n  okButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>\n  /** Props for the Cancel button */\n  cancelButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>\n  /** Custom close icon */\n  closeIcon?: React.ReactNode\n  /** CSS z-index for the modal */\n  zIndex?: number\n  /** Destroy child components when modal is closed */\n  destroyOnClose?: boolean\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport interface ModalFuncProps {\n  title?: React.ReactNode\n  content?: React.ReactNode\n  onOk?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  type?: 'info' | 'success' | 'warning' | 'error'\n}\n\nconst Modal = forwardRef<HTMLDialogElement, ModalProps>(function Modal(\n  {\n    children,\n    title,\n    footer,\n    open = false,\n    onOk,\n    onCancel,\n    okText,\n    cancelText,\n    maskClosable = true,\n    closable = true,\n    position,\n    align,\n    width,\n    centered,\n    onClose,\n    afterClose,\n    initialFocus,\n    alertDialog = false,\n    confirmLoading,\n    okButtonProps,\n    cancelButtonProps,\n    closeIcon,\n    zIndex,\n    destroyOnClose = false,\n    'data-testid': testId,\n    className = '',\n    style,\n    ...rest\n  },\n  ref\n) {\n  const { locale } = useConfig()\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const okButtonRef = useRef<HTMLButtonElement>(null)\n  const cancelButtonRef = useRef<HTMLButtonElement>(null)\n  const closeButtonRef = useRef<HTMLButtonElement>(null)\n  const previousActiveElement = useRef<HTMLElement | null>(null)\n  const [internalLoading, setInternalLoading] = React.useState(false)\n  const [shouldRender, setShouldRender] = React.useState(open || !destroyOnClose)\n  const titleId = useId()\n  const contentId = useId()\n\n  // Use external confirmLoading if provided, otherwise internal state\n  const loading = confirmLoading ?? internalLoading\n\n  // Resolve locale strings\n  const resolvedOkText = okText ?? locale.Modal?.okText ?? 'OK'\n  const resolvedCancelText = cancelText ?? locale.Modal?.cancelText ?? 'Cancel'\n\n  // Forward ref\n  useImperativeHandle(ref, () => dialogRef.current!, [])\n\n  // Handle close - use onClose if provided, otherwise onCancel\n  const closeHandler = onClose || onCancel\n\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    if (open) {\n      setShouldRender(true)\n      if (!dialog.open) {\n        // Save currently focused element for restoration\n        previousActiveElement.current = document.activeElement as HTMLElement\n        dialog.showModal()\n\n        // Handle custom initial focus placement\n        if (initialFocus) {\n          setTimeout(() => {\n            switch (initialFocus) {\n              case 'ok':\n                okButtonRef.current?.focus()\n                break\n              case 'cancel':\n                cancelButtonRef.current?.focus()\n                break\n              case 'close':\n                closeButtonRef.current?.focus()\n                break\n            }\n          }, 0)\n        }\n      }\n    } else {\n      if (dialog.open) {\n        dialog.close()\n        // Restore focus to previously focused element\n        previousActiveElement.current?.focus()\n        // Call afterClose after animation\n        if (afterClose) {\n          setTimeout(afterClose, 300)\n        }\n        // Handle destroyOnClose\n        if (destroyOnClose) {\n          setTimeout(() => setShouldRender(false), 300)\n        }\n      }\n    }\n  }, [open, initialFocus, afterClose, destroyOnClose])\n\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    const onDialogClose = () => {\n      closeHandler?.()\n    }\n\n    dialog.addEventListener('close', onDialogClose)\n    return () => {\n      dialog.removeEventListener('close', onDialogClose)\n    }\n  }, [closeHandler])\n\n  // Static class mappings for positions (no interpolation per qa.md)\n  const positionClasses: Record<ModalPosition, string> = {\n    top: dModalTop,\n    middle: dModalMiddle,\n    bottom: dModalBottom,\n  }\n\n  // Responsive position class mappings for each breakpoint\n  const responsivePositionClasses: Record<Breakpoint, Record<ModalPosition, string>> = {\n    base: {\n      top: dModalTop,\n      middle: dModalMiddle,\n      bottom: dModalBottom,\n    },\n    sm: {\n      top: 'sm:modal-top',\n      middle: 'sm:modal-middle',\n      bottom: 'sm:modal-bottom',\n    },\n    md: {\n      top: 'md:modal-top',\n      middle: 'md:modal-middle',\n      bottom: 'md:modal-bottom',\n    },\n    lg: {\n      top: 'lg:modal-top',\n      middle: 'lg:modal-middle',\n      bottom: 'lg:modal-bottom',\n    },\n    xl: {\n      top: 'xl:modal-top',\n      middle: 'xl:modal-middle',\n      bottom: 'xl:modal-bottom',\n    },\n    '2xl': {\n      top: '2xl:modal-top',\n      middle: '2xl:modal-middle',\n      bottom: '2xl:modal-bottom',\n    },\n  }\n\n  const alignClasses: Record<ModalAlign, string> = {\n    start: dModalStart,\n    end: dModalEnd,\n  }\n\n  // Build position classes - handle both simple and responsive values\n  const getPositionClasses = (): string[] => {\n    // centered is an alias for position=\"middle\"\n    if (centered) {\n      return [positionClasses.middle]\n    }\n\n    if (!position) {\n      return []\n    }\n\n    // Simple string position\n    if (typeof position === 'string') {\n      return [positionClasses[position]]\n    }\n\n    // Responsive object position\n    const classes: string[] = []\n    for (const [breakpoint, pos] of Object.entries(position) as [Breakpoint, ModalPosition][]) {\n      if (pos) {\n        classes.push(responsivePositionClasses[breakpoint][pos])\n      }\n    }\n    return classes\n  }\n\n  const classes = [dModal, ...getPositionClasses(), align && alignClasses[align], className]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleOk = async () => {\n    if (onOk) {\n      if (confirmLoading === undefined) {\n        setInternalLoading(true)\n      }\n      try {\n        await onOk()\n        if (confirmLoading === undefined) {\n          setInternalLoading(false)\n        }\n      } catch (error) {\n        if (confirmLoading === undefined) {\n          setInternalLoading(false)\n        }\n        throw error\n      }\n    }\n  }\n\n  const handleBackdropClick = () => {\n    if (maskClosable && closeHandler) {\n      closeHandler()\n    }\n  }\n\n  // Calculate modal-box style for custom width\n  const modalBoxStyle: React.CSSProperties = width\n    ? { width: typeof width === 'number' ? `${width}px` : width, maxWidth: '90vw' }\n    : {}\n\n  // Calculate dialog style for zIndex\n  const dialogStyle: React.CSSProperties = {\n    ...style,\n    ...(zIndex !== undefined ? { zIndex } : {}),\n  }\n\n  // Render default footer if no custom footer provided and either onOk or onCancel exists\n  const shouldRenderDefaultFooter = !footer && (onOk || onCancel)\n  const shouldRenderCustomFooter = footer !== null && footer !== undefined\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  if (!shouldRender) {\n    return null\n  }\n\n  return (\n    <dialog\n      ref={dialogRef}\n      role={alertDialog ? 'alertdialog' : 'dialog'}\n      aria-modal=\"true\"\n      className={classes}\n      style={dialogStyle}\n      data-state={open ? 'open' : 'closed'}\n      data-testid={testId}\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={contentId}\n      {...rest}\n    >\n      <div className={dModalBox} style={modalBoxStyle}>\n        {title && (\n          <h3 id={titleId} className=\"text-lg font-bold mb-4\" data-testid={getTestId('title')}>\n            {title}\n          </h3>\n        )}\n        <div id={contentId} className=\"py-4\" data-testid={getTestId('content')}>\n          {children}\n        </div>\n        {shouldRenderDefaultFooter && (\n          <div className={dModalAction}>\n            {onCancel && (\n              <button\n                ref={cancelButtonRef}\n                className={dBtn}\n                onClick={onCancel}\n                data-testid={getTestId('cancel-button')}\n                {...cancelButtonProps}\n              >\n                {resolvedCancelText}\n              </button>\n            )}\n            {onOk && (\n              <button\n                ref={okButtonRef}\n                className={`${dBtn} ${dBtnPrimary} ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading || okButtonProps?.disabled}\n                aria-busy={loading || undefined}\n                data-testid={getTestId('ok-button')}\n                {...okButtonProps}\n              >\n                {resolvedOkText}\n              </button>\n            )}\n          </div>\n        )}\n        {shouldRenderCustomFooter && <div className={dModalAction}>{footer}</div>}\n      </div>\n      {closable && maskClosable && (\n        <form method=\"dialog\" className={dModalBackdrop} data-testid={getTestId('backdrop')}>\n          <button ref={closeButtonRef} onClick={handleBackdropClick} data-testid={getTestId('close-button')}>\n            {closeIcon || <span className=\"sr-only\">Close modal</span>}\n          </button>\n        </form>\n      )}\n    </dialog>\n  )\n})\n\nfunction createModal(config: ModalFuncProps & { showCancel?: boolean }) {\n  const div = document.createElement('div')\n  document.body.appendChild(div)\n  const root = createRoot(div)\n\n  const destroy = () => {\n    root.unmount()\n    if (div.parentNode) {\n      div.parentNode.removeChild(div)\n    }\n  }\n\n  const ModalContent = () => {\n    const { locale } = useConfig()\n    const [open, setOpen] = React.useState(true)\n    const [loading, setLoading] = React.useState(false)\n\n    const handleClose = () => {\n      setOpen(false)\n      setTimeout(destroy, 300) // Wait for animation\n    }\n\n    const handleOk = async () => {\n      if (config.onOk) {\n        setLoading(true)\n        try {\n          await config.onOk()\n          handleClose()\n        } catch (error) {\n          setLoading(false)\n        }\n      } else {\n        handleClose()\n      }\n    }\n\n    const handleCancel = () => {\n      config.onCancel?.()\n      handleClose()\n    }\n\n    const getAlertClass = () => {\n      switch (config.type) {\n        case 'success':\n          return dAlertSuccess\n        case 'warning':\n          return dAlertWarning\n        case 'error':\n          return dAlertError\n        case 'info':\n        default:\n          return dAlertInfo\n      }\n    }\n\n    const getIcon = () => {\n      switch (config.type) {\n        case 'success':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          )\n        case 'warning':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n          )\n        case 'error':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          )\n        case 'info':\n        default:\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              className=\"stroke-current shrink-0 w-6 h-6\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              ></path>\n            </svg>\n          )\n      }\n    }\n\n    // Use alertdialog role for warning/error types\n    const isAlert = config.type === 'warning' || config.type === 'error'\n\n    // Resolve locale strings\n    const resolvedOkText = config.okText ?? locale.Modal?.okText ?? 'OK'\n    const resolvedCancelText = config.cancelText ?? locale.Modal?.cancelText ?? 'Cancel'\n\n    return (\n      <Modal\n        open={open}\n        onOk={config.showCancel ? undefined : handleOk}\n        onCancel={handleCancel}\n        alertDialog={isAlert}\n        title={\n          config.type ? (\n            <div className={`${dAlert} ${getAlertClass()}`}>\n              {getIcon()}\n              <div>{config.title && <h3 className=\"font-bold\">{config.title}</h3>}</div>\n            </div>\n          ) : (\n            config.title\n          )\n        }\n        okText={resolvedOkText}\n        cancelText={resolvedCancelText}\n        footer={\n          config.showCancel ? (\n            <>\n              <button className={dBtn} onClick={handleCancel}>\n                {resolvedCancelText}\n              </button>\n              <button\n                className={`${dBtn} ${config.type === 'error' ? dBtnError : dBtnPrimary} ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading}\n              >\n                {resolvedOkText}\n              </button>\n            </>\n          ) : (\n            <button\n              className={`${dBtn} ${config.type === 'error' ? dBtnError : dBtnPrimary} ${loading ? 'loading' : ''}`}\n              onClick={handleOk}\n              disabled={loading}\n            >\n              {resolvedOkText}\n            </button>\n          )\n        }\n      >\n        {config.type && config.content && <div className=\"text-sm\">{config.content}</div>}\n        {!config.type && config.content}\n      </Modal>\n    )\n  }\n\n  root.render(<ModalContent />)\n\n  return {\n    destroy,\n  }\n}\n\nfunction confirm(config: ModalFuncProps) {\n  return createModal({ ...config, showCancel: true })\n}\n\nfunction info(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'info', showCancel: false })\n}\n\nfunction success(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'success', showCancel: false })\n}\n\nfunction warning(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'warning', showCancel: false })\n}\n\nfunction error(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'error', showCancel: false })\n}\n\nconst ModalWithStatics = Modal as typeof Modal & {\n  confirm: typeof confirm\n  info: typeof info\n  success: typeof success\n  warning: typeof warning\n  error: typeof error\n}\n\nModalWithStatics.confirm = confirm\nModalWithStatics.info = info\nModalWithStatics.success = success\nModalWithStatics.warning = warning\nModalWithStatics.error = error\n\nexport { ModalWithStatics as Modal }\n"],"names":["dModal","dModalTop","dModalMiddle","dModalBottom","dModalStart","dModalEnd","dModalBox","dModalAction","dModalBackdrop","dBtn","dBtnPrimary","dBtnError","dAlert","dAlertInfo","dAlertSuccess","dAlertWarning","dAlertError","Modal","forwardRef","children","title","footer","open","onOk","onCancel","okText","cancelText","maskClosable","closable","position","align","width","centered","onClose","afterClose","initialFocus","alertDialog","confirmLoading","okButtonProps","cancelButtonProps","closeIcon","zIndex","destroyOnClose","testId","className","style","rest","ref","locale","useConfig","dialogRef","useRef","okButtonRef","cancelButtonRef","closeButtonRef","previousActiveElement","internalLoading","setInternalLoading","React","shouldRender","setShouldRender","titleId","useId","contentId","loading","resolvedOkText","resolvedCancelText","useImperativeHandle","closeHandler","useEffect","dialog","onDialogClose","positionClasses","responsivePositionClasses","alignClasses","classes","breakpoint","pos","handleOk","error","handleBackdropClick","modalBoxStyle","dialogStyle","shouldRenderDefaultFooter","shouldRenderCustomFooter","getTestId","suffix","jsxs","jsx","createModal","config","div","root","createRoot","destroy","ModalContent","setOpen","setLoading","handleClose","handleCancel","getAlertClass","getIcon","isAlert","Fragment","confirm","info","success","warning","ModalWithStatics"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../src/components/Modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useId, forwardRef, useImperativeHandle } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dModal = 'modal'\nconst dModalTop = 'modal-top'\nconst dModalMiddle = 'modal-middle'\nconst dModalBottom = 'modal-bottom'\nconst dModalStart = 'modal-start'\nconst dModalEnd = 'modal-end'\nconst dModalBox = 'modal-box'\nconst dModalAction = 'modal-action'\nconst dModalBackdrop = 'modal-backdrop'\nconst dBtn = 'btn'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnError = 'btn-error'\nconst dAlert = 'alert'\nconst dAlertInfo = 'alert-info'\nconst dAlertSuccess = 'alert-success'\nconst dAlertWarning = 'alert-warning'\nconst dAlertError = 'alert-error'\n\nexport type ModalPosition = 'top' | 'middle' | 'bottom'\nexport type ModalAlign = 'start' | 'end'\nexport type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport type ResponsivePosition = Partial<Record<Breakpoint, ModalPosition>>\n\nexport interface ModalProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'title'> {\n  children: React.ReactNode\n  title?: React.ReactNode\n  footer?: React.ReactNode\n  open?: boolean\n  onOk?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  maskClosable?: boolean\n  closable?: boolean\n  /** Modal position - can be a single value or responsive object */\n  position?: ModalPosition | ResponsivePosition\n  align?: ModalAlign\n  /** Width of the modal box */\n  width?: number | string\n  /** Center the modal vertically */\n  centered?: boolean\n  /** Callback when modal is closed */\n  onClose?: () => void\n  /** Callback after modal close animation completes */\n  afterClose?: () => void\n  /** Where to place initial focus: 'ok', 'cancel', or 'close' button */\n  initialFocus?: 'ok' | 'cancel' | 'close'\n  /** Use alertdialog role for urgent messages */\n  alertDialog?: boolean\n  /** Show loading spinner on OK button */\n  confirmLoading?: boolean\n  /** Props for the OK button */\n  okButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>\n  /** Props for the Cancel button */\n  cancelButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>\n  /** Custom close icon */\n  closeIcon?: React.ReactNode\n  /** CSS z-index for the modal */\n  zIndex?: number\n  /** Destroy child components when modal is closed */\n  destroyOnClose?: boolean\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport interface ModalFuncProps {\n  title?: React.ReactNode\n  content?: React.ReactNode\n  onOk?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  type?: 'info' | 'success' | 'warning' | 'error'\n}\n\nconst Modal = forwardRef<HTMLDialogElement, ModalProps>(function Modal(\n  {\n    children,\n    title,\n    footer,\n    open = false,\n    onOk,\n    onCancel,\n    okText,\n    cancelText,\n    maskClosable = true,\n    closable = true,\n    position,\n    align,\n    width,\n    centered,\n    onClose,\n    afterClose,\n    initialFocus,\n    alertDialog = false,\n    confirmLoading,\n    okButtonProps,\n    cancelButtonProps,\n    closeIcon,\n    zIndex,\n    destroyOnClose = false,\n    'data-testid': testId,\n    className = '',\n    style,\n    ...rest\n  },\n  ref\n) {\n  const { locale } = useConfig()\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const okButtonRef = useRef<HTMLButtonElement>(null)\n  const cancelButtonRef = useRef<HTMLButtonElement>(null)\n  const closeButtonRef = useRef<HTMLButtonElement>(null)\n  const previousActiveElement = useRef<HTMLElement | null>(null)\n  const [internalLoading, setInternalLoading] = React.useState(false)\n  const [shouldRender, setShouldRender] = React.useState(open || !destroyOnClose)\n  const titleId = useId()\n  const contentId = useId()\n\n  // Use external confirmLoading if provided, otherwise internal state\n  const loading = confirmLoading ?? internalLoading\n\n  // Resolve locale strings\n  const resolvedOkText = okText ?? locale.Modal?.okText ?? 'OK'\n  const resolvedCancelText = cancelText ?? locale.Modal?.cancelText ?? 'Cancel'\n\n  // Forward ref\n  useImperativeHandle(ref, () => dialogRef.current!, [])\n\n  // Handle close - use onClose if provided, otherwise onCancel\n  const closeHandler = onClose || onCancel\n\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    if (open) {\n      setShouldRender(true)\n      if (!dialog.open) {\n        // Save currently focused element for restoration\n        previousActiveElement.current = document.activeElement as HTMLElement\n        dialog.showModal()\n\n        // Handle custom initial focus placement\n        if (initialFocus) {\n          setTimeout(() => {\n            switch (initialFocus) {\n              case 'ok':\n                okButtonRef.current?.focus()\n                break\n              case 'cancel':\n                cancelButtonRef.current?.focus()\n                break\n              case 'close':\n                closeButtonRef.current?.focus()\n                break\n            }\n          }, 0)\n        }\n      }\n    } else {\n      if (dialog.open) {\n        dialog.close()\n        // Restore focus to previously focused element\n        previousActiveElement.current?.focus()\n        // Call afterClose after animation\n        if (afterClose) {\n          setTimeout(afterClose, 300)\n        }\n        // Handle destroyOnClose\n        if (destroyOnClose) {\n          setTimeout(() => setShouldRender(false), 300)\n        }\n      }\n    }\n  }, [open, initialFocus, afterClose, destroyOnClose])\n\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    const onDialogClose = () => {\n      closeHandler?.()\n    }\n\n    dialog.addEventListener('close', onDialogClose)\n    return () => {\n      dialog.removeEventListener('close', onDialogClose)\n    }\n  }, [closeHandler])\n\n  // Static class mappings for positions (no interpolation per qa.md)\n  const positionClasses: Record<ModalPosition, string> = {\n    top: dModalTop,\n    middle: dModalMiddle,\n    bottom: dModalBottom,\n  }\n\n  // Responsive position class mappings for each breakpoint\n  const responsivePositionClasses: Record<Breakpoint, Record<ModalPosition, string>> = {\n    base: {\n      top: dModalTop,\n      middle: dModalMiddle,\n      bottom: dModalBottom,\n    },\n    sm: {\n      top: 'sm:modal-top',\n      middle: 'sm:modal-middle',\n      bottom: 'sm:modal-bottom',\n    },\n    md: {\n      top: 'md:modal-top',\n      middle: 'md:modal-middle',\n      bottom: 'md:modal-bottom',\n    },\n    lg: {\n      top: 'lg:modal-top',\n      middle: 'lg:modal-middle',\n      bottom: 'lg:modal-bottom',\n    },\n    xl: {\n      top: 'xl:modal-top',\n      middle: 'xl:modal-middle',\n      bottom: 'xl:modal-bottom',\n    },\n    '2xl': {\n      top: '2xl:modal-top',\n      middle: '2xl:modal-middle',\n      bottom: '2xl:modal-bottom',\n    },\n  }\n\n  const alignClasses: Record<ModalAlign, string> = {\n    start: dModalStart,\n    end: dModalEnd,\n  }\n\n  // Build position classes - handle both simple and responsive values\n  const getPositionClasses = (): string[] => {\n    // centered is an alias for position=\"middle\"\n    if (centered) {\n      return [positionClasses.middle]\n    }\n\n    if (!position) {\n      return []\n    }\n\n    // Simple string position\n    if (typeof position === 'string') {\n      return [positionClasses[position]]\n    }\n\n    // Responsive object position\n    const classes: string[] = []\n    for (const [breakpoint, pos] of Object.entries(position) as [Breakpoint, ModalPosition][]) {\n      if (pos) {\n        classes.push(responsivePositionClasses[breakpoint][pos])\n      }\n    }\n    return classes\n  }\n\n  const classes = [dModal, ...getPositionClasses(), align && alignClasses[align], className]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleOk = async () => {\n    if (onOk) {\n      if (confirmLoading === undefined) {\n        setInternalLoading(true)\n      }\n      try {\n        await onOk()\n        if (confirmLoading === undefined) {\n          setInternalLoading(false)\n        }\n      } catch (error) {\n        if (confirmLoading === undefined) {\n          setInternalLoading(false)\n        }\n        throw error\n      }\n    }\n  }\n\n  const handleBackdropClick = () => {\n    if (maskClosable && closeHandler) {\n      closeHandler()\n    }\n  }\n\n  // Calculate modal-box style for custom width\n  const modalBoxStyle: React.CSSProperties = width\n    ? { width: typeof width === 'number' ? `${width}px` : width, maxWidth: '90vw' }\n    : {}\n\n  // Calculate dialog style for zIndex\n  const dialogStyle: React.CSSProperties = {\n    ...style,\n    ...(zIndex !== undefined ? { zIndex } : {}),\n  }\n\n  // Render default footer if no custom footer provided and either onOk or onCancel exists\n  const shouldRenderDefaultFooter = !footer && (onOk || onCancel)\n  const shouldRenderCustomFooter = footer !== null && footer !== undefined\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  if (!shouldRender) {\n    return null\n  }\n\n  return (\n    <dialog\n      ref={dialogRef}\n      role={alertDialog ? 'alertdialog' : 'dialog'}\n      aria-modal=\"true\"\n      className={classes}\n      style={dialogStyle}\n      data-state={open ? 'open' : 'closed'}\n      data-testid={testId}\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={contentId}\n      {...rest}\n    >\n      <div className={dModalBox} style={modalBoxStyle}>\n        {title && (\n          <h3 id={titleId} className=\"text-lg font-bold mb-4\" data-testid={getTestId('title')}>\n            {title}\n          </h3>\n        )}\n        <div id={contentId} className=\"py-4\" data-testid={getTestId('content')}>\n          {children}\n        </div>\n        {shouldRenderDefaultFooter && (\n          <div className={dModalAction}>\n            {onCancel && (\n              <button\n                ref={cancelButtonRef}\n                className={dBtn}\n                onClick={onCancel}\n                data-testid={getTestId('cancel-button')}\n                {...cancelButtonProps}\n              >\n                {resolvedCancelText}\n              </button>\n            )}\n            {onOk && (\n              <button\n                ref={okButtonRef}\n                className={`${dBtn} ${dBtnPrimary} ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading || okButtonProps?.disabled}\n                aria-busy={loading || undefined}\n                data-testid={getTestId('ok-button')}\n                {...okButtonProps}\n              >\n                {resolvedOkText}\n              </button>\n            )}\n          </div>\n        )}\n        {shouldRenderCustomFooter && <div className={dModalAction}>{footer}</div>}\n      </div>\n      {closable && maskClosable && (\n        <form method=\"dialog\" className={dModalBackdrop} data-testid={getTestId('backdrop')}>\n          <button\n            ref={closeButtonRef}\n            onClick={handleBackdropClick}\n            data-testid={getTestId('close-button')}\n            aria-label=\"Close modal\"\n          >\n            {closeIcon || <span className=\"sr-only\">Close modal</span>}\n          </button>\n        </form>\n      )}\n    </dialog>\n  )\n})\n\nfunction createModal(config: ModalFuncProps & { showCancel?: boolean }) {\n  const div = document.createElement('div')\n  document.body.appendChild(div)\n  const root = createRoot(div)\n\n  const destroy = () => {\n    root.unmount()\n    if (div.parentNode) {\n      div.parentNode.removeChild(div)\n    }\n  }\n\n  const ModalContent = () => {\n    const { locale } = useConfig()\n    const [open, setOpen] = React.useState(true)\n    const [loading, setLoading] = React.useState(false)\n\n    const handleClose = () => {\n      setOpen(false)\n      setTimeout(destroy, 300) // Wait for animation\n    }\n\n    const handleOk = async () => {\n      if (config.onOk) {\n        setLoading(true)\n        try {\n          await config.onOk()\n          handleClose()\n        } catch (error) {\n          setLoading(false)\n        }\n      } else {\n        handleClose()\n      }\n    }\n\n    const handleCancel = () => {\n      config.onCancel?.()\n      handleClose()\n    }\n\n    const getAlertClass = () => {\n      switch (config.type) {\n        case 'success':\n          return dAlertSuccess\n        case 'warning':\n          return dAlertWarning\n        case 'error':\n          return dAlertError\n        case 'info':\n        default:\n          return dAlertInfo\n      }\n    }\n\n    const getIcon = () => {\n      switch (config.type) {\n        case 'success':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          )\n        case 'warning':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n          )\n        case 'error':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          )\n        case 'info':\n        default:\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              className=\"stroke-current shrink-0 w-6 h-6\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              ></path>\n            </svg>\n          )\n      }\n    }\n\n    // Use alertdialog role for warning/error types\n    const isAlert = config.type === 'warning' || config.type === 'error'\n\n    // Resolve locale strings\n    const resolvedOkText = config.okText ?? locale.Modal?.okText ?? 'OK'\n    const resolvedCancelText = config.cancelText ?? locale.Modal?.cancelText ?? 'Cancel'\n\n    return (\n      <Modal\n        open={open}\n        onOk={config.showCancel ? undefined : handleOk}\n        onCancel={handleCancel}\n        alertDialog={isAlert}\n        title={\n          config.type ? (\n            <div className={`${dAlert} ${getAlertClass()}`}>\n              {getIcon()}\n              <div>{config.title && <h3 className=\"font-bold\">{config.title}</h3>}</div>\n            </div>\n          ) : (\n            config.title\n          )\n        }\n        okText={resolvedOkText}\n        cancelText={resolvedCancelText}\n        footer={\n          config.showCancel ? (\n            <>\n              <button className={dBtn} onClick={handleCancel}>\n                {resolvedCancelText}\n              </button>\n              <button\n                className={`${dBtn} ${config.type === 'error' ? dBtnError : dBtnPrimary} ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading}\n              >\n                {resolvedOkText}\n              </button>\n            </>\n          ) : (\n            <button\n              className={`${dBtn} ${config.type === 'error' ? dBtnError : dBtnPrimary} ${loading ? 'loading' : ''}`}\n              onClick={handleOk}\n              disabled={loading}\n            >\n              {resolvedOkText}\n            </button>\n          )\n        }\n      >\n        {config.type && config.content && <div className=\"text-sm\">{config.content}</div>}\n        {!config.type && config.content}\n      </Modal>\n    )\n  }\n\n  root.render(<ModalContent />)\n\n  return {\n    destroy,\n  }\n}\n\nfunction confirm(config: ModalFuncProps) {\n  return createModal({ ...config, showCancel: true })\n}\n\nfunction info(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'info', showCancel: false })\n}\n\nfunction success(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'success', showCancel: false })\n}\n\nfunction warning(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'warning', showCancel: false })\n}\n\nfunction error(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'error', showCancel: false })\n}\n\nconst ModalWithStatics = Modal as typeof Modal & {\n  confirm: typeof confirm\n  info: typeof info\n  success: typeof success\n  warning: typeof warning\n  error: typeof error\n}\n\nModalWithStatics.confirm = confirm\nModalWithStatics.info = info\nModalWithStatics.success = success\nModalWithStatics.warning = warning\nModalWithStatics.error = error\n\nexport { ModalWithStatics as Modal }\n"],"names":["dModal","dModalTop","dModalMiddle","dModalBottom","dModalStart","dModalEnd","dModalBox","dModalAction","dModalBackdrop","dBtn","dBtnPrimary","dBtnError","dAlert","dAlertInfo","dAlertSuccess","dAlertWarning","dAlertError","Modal","forwardRef","children","title","footer","open","onOk","onCancel","okText","cancelText","maskClosable","closable","position","align","width","centered","onClose","afterClose","initialFocus","alertDialog","confirmLoading","okButtonProps","cancelButtonProps","closeIcon","zIndex","destroyOnClose","testId","className","style","rest","ref","locale","useConfig","dialogRef","useRef","okButtonRef","cancelButtonRef","closeButtonRef","previousActiveElement","internalLoading","setInternalLoading","React","shouldRender","setShouldRender","titleId","useId","contentId","loading","resolvedOkText","resolvedCancelText","useImperativeHandle","closeHandler","useEffect","dialog","onDialogClose","positionClasses","responsivePositionClasses","alignClasses","classes","breakpoint","pos","handleOk","error","handleBackdropClick","modalBoxStyle","dialogStyle","shouldRenderDefaultFooter","shouldRenderCustomFooter","getTestId","suffix","jsxs","jsx","createModal","config","div","root","createRoot","destroy","ModalContent","setOpen","setLoading","handleClose","handleCancel","getAlertClass","getIcon","isAlert","Fragment","confirm","info","success","warning","ModalWithStatics"],"mappings":"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"}