asterui 0.12.2 → 0.12.4

package/dist/index53.js

@@ -1,25 +1,17 @@
-import { jsx as t } from "react/jsx-runtime";
-const c = ({
-  children: e,
-  prefix: n = "$",
-  highlight: r = !1,
-  className: o = "",
-  ...a
-}) => /* @__PURE__ */ t(
-  "pre",
-  {
-    "data-prefix": n,
-    className: `${r ? "bg-warning text-warning-content" : ""} ${o}`,
-    ...a,
-    children: /* @__PURE__ */ t("code", { children: e })
-  }
-), i = ({
-  children: e,
-  className: n = "",
-  ...r
-}) => /* @__PURE__ */ t("div", { className: `mockup-code ${n}`, ...r, children: e });
-i.Line = c;
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+const n = ({
+  children: s,
+  color: e,
+  className: a = "",
+  displayClassName: c = ""
+}) => {
+  const m = e ? { borderColor: e } : {};
+  return /* @__PURE__ */ p("div", { className: `mockup-phone ${a}`, style: m, children: [
+    /* @__PURE__ */ o("div", { className: "mockup-phone-camera" }),
+    /* @__PURE__ */ o("div", { className: `mockup-phone-display ${c}`, children: s })
+  ] });
+};
 export {
-  i as Code
+  n as Phone
 };
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index53.js","sources":["../src/components/Code.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface CodeLineProps extends React.HTMLAttributes<HTMLPreElement> {\n  children: React.ReactNode\n  prefix?: string\n  highlight?: boolean\n}\n\nconst Line: React.FC<CodeLineProps> = ({\n  children,\n  prefix = '$',\n  highlight = false,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <pre\n      data-prefix={prefix}\n      className={`${highlight ? 'bg-warning text-warning-content' : ''} ${className}`}\n      {...rest}\n    >\n      <code>{children}</code>\n    </pre>\n  )\n}\n\nexport interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nexport const Code: React.FC<CodeProps> & { Line: typeof Line } = ({\n  children,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <div className={`mockup-code ${className}`} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nCode.Line = Line\n"],"names":["Line","children","prefix","highlight","className","rest","jsx","Code"],"mappings":";AAQA,MAAMA,IAAgC,CAAC;AAAA,EACrC,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAaJ;AAAA,IACb,WAAW,GAAGC,IAAY,oCAAoC,EAAE,IAAIC,CAAS;AAAA,IAC5E,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAAC,UAAM,UAAAL,EAAA,CAAS;AAAA,EAAA;AAAA,GASTM,IAAoD,CAAC;AAAA,EAChE,UAAAN;AAAA,EACA,WAAAG,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC,EAAC,SAAI,WAAW,eAAeF,CAAS,IAAK,GAAGC,GAC7C,UAAAJ,GACH;AAIJM,EAAK,OAAOP;"}
+{"version":3,"file":"index53.js","sources":["../src/components/Phone.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface PhoneProps {\n  children: React.ReactNode\n  color?: string\n  className?: string\n  displayClassName?: string\n}\n\nexport const Phone: React.FC<PhoneProps> = ({\n  children,\n  color,\n  className = '',\n  displayClassName = '',\n}) => {\n  const style: React.CSSProperties = color ? { borderColor: color } : {}\n\n  return (\n    <div className={`mockup-phone ${className}`} style={style}>\n      <div className=\"mockup-phone-camera\"></div>\n      <div className={`mockup-phone-display ${displayClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Phone","children","color","className","displayClassName","style","jsx"],"mappings":";AASO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAAM;AACJ,QAAMC,IAA6BH,IAAQ,EAAE,aAAaA,EAAA,IAAU,CAAA;AAEpE,2BACG,OAAA,EAAI,WAAW,gBAAgBC,CAAS,IAAI,OAAAE,GAC3C,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,sBAAA,CAAsB;AAAA,sBACpC,OAAA,EAAI,WAAW,wBAAwBF,CAAgB,IACrD,UAAAH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index54.js

@@ -1,17 +1,10 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-const n = ({
-  children: s,
-  color: e,
-  className: a = "",
-  displayClassName: c = ""
-}) => {
-  const m = e ? { borderColor: e } : {};
-  return /* @__PURE__ */ p("div", { className: `mockup-phone ${a}`, style: m, children: [
-    /* @__PURE__ */ o("div", { className: "mockup-phone-camera" }),
-    /* @__PURE__ */ o("div", { className: `mockup-phone-display ${c}`, children: s })
-  ] });
-};
+import { jsx as r } from "react/jsx-runtime";
+const a = ({
+  children: e,
+  className: o = "",
+  contentClassName: d = ""
+}) => /* @__PURE__ */ r("div", { className: `mockup-window border border-base-300 ${o}`, children: /* @__PURE__ */ r("div", { className: `border-t border-base-300 ${d}`, children: e }) });
 export {
-  n as Phone
+  a as Window
 };
 //# sourceMappingURL=index54.js.map

package/dist/index54.js.map

@@ -1 +1 @@
-{"version":3,"file":"index54.js","sources":["../src/components/Phone.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface PhoneProps {\n  children: React.ReactNode\n  color?: string\n  className?: string\n  displayClassName?: string\n}\n\nexport const Phone: React.FC<PhoneProps> = ({\n  children,\n  color,\n  className = '',\n  displayClassName = '',\n}) => {\n  const style: React.CSSProperties = color ? { borderColor: color } : {}\n\n  return (\n    <div className={`mockup-phone ${className}`} style={style}>\n      <div className=\"mockup-phone-camera\"></div>\n      <div className={`mockup-phone-display ${displayClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Phone","children","color","className","displayClassName","style","jsx"],"mappings":";AASO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAAM;AACJ,QAAMC,IAA6BH,IAAQ,EAAE,aAAaA,EAAA,IAAU,CAAA;AAEpE,2BACG,OAAA,EAAI,WAAW,gBAAgBC,CAAS,IAAI,OAAAE,GAC3C,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,sBAAA,CAAsB;AAAA,sBACpC,OAAA,EAAI,WAAW,wBAAwBF,CAAgB,IACrD,UAAAH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index54.js","sources":["../src/components/Window.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface WindowProps {\n  children: React.ReactNode\n  className?: string\n  contentClassName?: string\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  children,\n  className = '',\n  contentClassName = '',\n}) => {\n  return (\n    <div className={`mockup-window border border-base-300 ${className}`}>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Window","children","className","contentClassName","jsx"],"mappings":";AAQO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAEI,gBAAAC,EAAC,OAAA,EAAI,WAAW,wCAAwCF,CAAS,IAC/D,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAW,4BAA4BD,CAAgB,IACzD,UAAAF,GACH,GACF;"}

package/dist/index55.js

@@ -1,10 +1,272 @@
-import { jsx as r } from "react/jsx-runtime";
-const a = ({
+import { jsxs as i, jsx as t, Fragment as P } from "react/jsx-runtime";
+import C, { useRef as $, useId as E, useEffect as O } from "react";
+import { createRoot as q } from "react-dom/client";
+function u({
   children: e,
-  className: o = "",
-  contentClassName: d = ""
-}) => /* @__PURE__ */ r("div", { className: `mockup-window border border-base-300 ${o}`, children: /* @__PURE__ */ r("div", { className: `border-t border-base-300 ${d}`, children: e }) });
+  title: r,
+  footer: s,
+  open: o = !1,
+  onOk: a,
+  onCancel: l,
+  okText: k = "OK",
+  cancelText: c = "Cancel",
+  maskClosable: m = !0,
+  closable: h = !0,
+  position: p,
+  align: w,
+  width: d,
+  centered: b,
+  onClose: N,
+  className: R = "",
+  ...W
+}) {
+  const y = $(null), L = $(null), [g, x] = C.useState(!1), M = E(), T = E(), f = N || l;
+  O(() => {
+    const n = y.current;
+    n && (o ? n.open || (L.current = document.activeElement, n.showModal()) : n.open && (n.close(), L.current?.focus()));
+  }, [o]), O(() => {
+    const n = y.current;
+    if (!n) return;
+    const B = () => {
+      f?.();
+    };
+    return n.addEventListener("close", B), () => {
+      n.removeEventListener("close", B);
+    };
+  }, [f]);
+  const z = {
+    top: "modal-top",
+    middle: "modal-middle",
+    bottom: "modal-bottom"
+  }, I = {
+    start: "modal-start",
+    end: "modal-end"
+  }, j = b ? "middle" : p, S = [
+    "modal",
+    j && z[j],
+    w && I[w],
+    R
+  ].filter(Boolean).join(" "), F = async () => {
+    if (a) {
+      x(!0);
+      try {
+        await a(), x(!1);
+      } catch (n) {
+        throw x(!1), n;
+      }
+    }
+  }, K = () => {
+    m && f && f();
+  }, A = d ? { width: typeof d == "number" ? `${d}px` : d, maxWidth: "90vw" } : {}, D = !s && (a || l), H = s != null;
+  return /* @__PURE__ */ i(
+    "dialog",
+    {
+      ref: y,
+      className: S,
+      "data-state": o ? "open" : "closed",
+      "aria-labelledby": r ? M : void 0,
+      "aria-describedby": T,
+      ...W,
+      children: [
+        /* @__PURE__ */ i("div", { className: "modal-box", style: A, children: [
+          r && /* @__PURE__ */ t("h3", { id: M, className: "text-lg font-bold mb-4", children: r }),
+          /* @__PURE__ */ t("div", { id: T, className: "py-4", children: e }),
+          D && /* @__PURE__ */ i("div", { className: "modal-action", children: [
+            l && /* @__PURE__ */ t("button", { className: "btn", onClick: l, children: c }),
+            a && /* @__PURE__ */ t(
+              "button",
+              {
+                className: `btn btn-primary ${g ? "loading" : ""}`,
+                onClick: F,
+                disabled: g,
+                children: k
+              }
+            )
+          ] }),
+          H && /* @__PURE__ */ t("div", { className: "modal-action", children: s })
+        ] }),
+        h && m && /* @__PURE__ */ t("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ t("button", { onClick: K, children: "close" }) })
+      ]
+    }
+  );
+}
+function v(e) {
+  const r = document.createElement("div");
+  document.body.appendChild(r);
+  const s = q(r), o = () => {
+    s.unmount(), r.parentNode && r.parentNode.removeChild(r);
+  }, a = () => {
+    const [l, k] = C.useState(!0), [c, m] = C.useState(!1), h = () => {
+      k(!1), setTimeout(o, 300);
+    }, p = async () => {
+      if (e.onOk) {
+        m(!0);
+        try {
+          await e.onOk(), h();
+        } catch {
+          m(!1);
+        }
+      } else
+        h();
+    }, w = () => {
+      e.onCancel?.(), h();
+    }, d = () => {
+      switch (e.type) {
+        case "success":
+          return "alert-success";
+        case "warning":
+          return "alert-warning";
+        case "error":
+          return "alert-error";
+        case "info":
+        default:
+          return "alert-info";
+      }
+    }, b = () => {
+      switch (e.type) {
+        case "success":
+          return /* @__PURE__ */ t(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "stroke-current shrink-0 h-6 w-6",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ t(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+                }
+              )
+            }
+          );
+        case "warning":
+          return /* @__PURE__ */ t(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "stroke-current shrink-0 h-6 w-6",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ t(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  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"
+                }
+              )
+            }
+          );
+        case "error":
+          return /* @__PURE__ */ t(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "stroke-current shrink-0 h-6 w-6",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ t(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+                }
+              )
+            }
+          );
+        case "info":
+        default:
+          return /* @__PURE__ */ t(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              className: "stroke-current shrink-0 w-6 h-6",
+              children: /* @__PURE__ */ t(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                }
+              )
+            }
+          );
+      }
+    };
+    return /* @__PURE__ */ i(
+      u,
+      {
+        open: l,
+        onOk: e.showCancel ? void 0 : p,
+        onCancel: w,
+        title: e.type ? /* @__PURE__ */ i("div", { className: `alert ${d()}`, children: [
+          b(),
+          /* @__PURE__ */ t("div", { children: e.title && /* @__PURE__ */ t("h3", { className: "font-bold", children: e.title }) })
+        ] }) : e.title,
+        okText: e.okText,
+        cancelText: e.cancelText,
+        footer: e.showCancel ? /* @__PURE__ */ i(P, { children: [
+          /* @__PURE__ */ t("button", { className: "btn", onClick: w, children: e.cancelText || "Cancel" }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              className: `btn ${e.type === "error" ? "btn-error" : "btn-primary"} ${c ? "loading" : ""}`,
+              onClick: p,
+              disabled: c,
+              children: e.okText || "OK"
+            }
+          )
+        ] }) : /* @__PURE__ */ t(
+          "button",
+          {
+            className: `btn ${e.type === "error" ? "btn-error" : "btn-primary"} ${c ? "loading" : ""}`,
+            onClick: p,
+            disabled: c,
+            children: e.okText || "OK"
+          }
+        ),
+        children: [
+          e.type && e.content && /* @__PURE__ */ t("div", { className: "text-sm", children: e.content }),
+          !e.type && e.content
+        ]
+      }
+    );
+  };
+  return s.render(/* @__PURE__ */ t(a, {})), {
+    destroy: o
+  };
+}
+function G(e) {
+  return v({ ...e, showCancel: !0 });
+}
+function J(e) {
+  return v({ ...e, type: "info", showCancel: !1 });
+}
+function Q(e) {
+  return v({ ...e, type: "success", showCancel: !1 });
+}
+function U(e) {
+  return v({ ...e, type: "warning", showCancel: !1 });
+}
+function V(e) {
+  return v({ ...e, type: "error", showCancel: !1 });
+}
+u.confirm = G;
+u.info = J;
+u.success = Q;
+u.warning = U;
+u.error = V;
 export {
-  a as Window
+  u as Modal
 };
 //# sourceMappingURL=index55.js.map

package/dist/index55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index55.js","sources":["../src/components/Window.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface WindowProps {\n  children: React.ReactNode\n  className?: string\n  contentClassName?: string\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  children,\n  className = '',\n  contentClassName = '',\n}) => {\n  return (\n    <div className={`mockup-window border border-base-300 ${className}`}>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Window","children","className","contentClassName","jsx"],"mappings":";AAQO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAEI,gBAAAC,EAAC,OAAA,EAAI,WAAW,wCAAwCF,CAAS,IAC/D,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAW,4BAA4BD,CAAgB,IACzD,UAAAF,GACH,GACF;"}
+{"version":3,"file":"index55.js","sources":["../src/components/Modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useId } from 'react'\nimport { createRoot } from 'react-dom/client'\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  position?: 'top' | 'middle' | 'bottom'\n  align?: 'start' | 'end'\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}\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\nexport function Modal({\n  children,\n  title,\n  footer,\n  open = false,\n  onOk,\n  onCancel,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  maskClosable = true,\n  closable = true,\n  position,\n  align,\n  width,\n  centered,\n  onClose,\n  className = '',\n  ...rest\n}: ModalProps) {\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const previousActiveElement = useRef<HTMLElement | null>(null)\n  const [loading, setLoading] = React.useState(false)\n  const titleId = useId()\n  const contentId = useId()\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      if (!dialog.open) {\n        // Save currently focused element for restoration\n        previousActiveElement.current = document.activeElement as HTMLElement\n        dialog.showModal()\n      }\n    } else {\n      if (dialog.open) {\n        dialog.close()\n        // Restore focus to previously focused element\n        previousActiveElement.current?.focus()\n      }\n    }\n  }, [open])\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  const positionClasses = {\n    top: 'modal-top',\n    middle: 'modal-middle',\n    bottom: 'modal-bottom',\n  }\n\n  const alignClasses = {\n    start: 'modal-start',\n    end: 'modal-end',\n  }\n\n  // centered is an alias for position=\"middle\"\n  const effectivePosition = centered ? 'middle' : position\n\n  const classes = [\n    'modal',\n    effectivePosition && positionClasses[effectivePosition],\n    align && alignClasses[align],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleOk = async () => {\n    if (onOk) {\n      setLoading(true)\n      try {\n        await onOk()\n        setLoading(false)\n      } catch (error) {\n        setLoading(false)\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  // 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  return (\n    <dialog\n      ref={dialogRef}\n      className={classes}\n      data-state={open ? 'open' : 'closed'}\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={contentId}\n      {...rest}\n    >\n      <div className=\"modal-box\" style={modalBoxStyle}>\n        {title && (\n          <h3 id={titleId} className=\"text-lg font-bold mb-4\">\n            {title}\n          </h3>\n        )}\n        <div id={contentId} className=\"py-4\">\n          {children}\n        </div>\n        {shouldRenderDefaultFooter && (\n          <div className=\"modal-action\">\n            {onCancel && (\n              <button className=\"btn\" onClick={onCancel}>\n                {cancelText}\n              </button>\n            )}\n            {onOk && (\n              <button\n                className={`btn btn-primary ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading}\n              >\n                {okText}\n              </button>\n            )}\n          </div>\n        )}\n        {shouldRenderCustomFooter && <div className=\"modal-action\">{footer}</div>}\n      </div>\n      {closable && maskClosable && (\n        <form method=\"dialog\" className=\"modal-backdrop\">\n          <button onClick={handleBackdropClick}>close</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 [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 'alert-success'\n        case 'warning':\n          return 'alert-warning'\n        case 'error':\n          return 'alert-error'\n        case 'info':\n        default:\n          return 'alert-info'\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            >\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            >\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            >\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            >\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    return (\n      <Modal\n        open={open}\n        onOk={config.showCancel ? undefined : handleOk}\n        onCancel={handleCancel}\n        title={\n          config.type ? (\n            <div className={`alert ${getAlertClass()}`}>\n              {getIcon()}\n              <div>\n                {config.title && <h3 className=\"font-bold\">{config.title}</h3>}\n              </div>\n            </div>\n          ) : (\n            config.title\n          )\n        }\n        okText={config.okText}\n        cancelText={config.cancelText}\n        footer={\n          config.showCancel ? (\n            <>\n              <button className=\"btn\" onClick={handleCancel}>\n                {config.cancelText || 'Cancel'}\n              </button>\n              <button\n                className={`btn ${config.type === 'error' ? 'btn-error' : 'btn-primary'} ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading}\n              >\n                {config.okText || 'OK'}\n              </button>\n            </>\n          ) : (\n            <button\n              className={`btn ${config.type === 'error' ? 'btn-error' : 'btn-primary'} ${loading ? 'loading' : ''}`}\n              onClick={handleOk}\n              disabled={loading}\n            >\n              {config.okText || 'OK'}\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\nModal.confirm = confirm\nModal.info = info\nModal.success = success\nModal.warning = warning\nModal.error = error\n"],"names":["Modal","children","title","footer","open","onOk","onCancel","okText","cancelText","maskClosable","closable","position","align","width","centered","onClose","className","rest","dialogRef","useRef","previousActiveElement","loading","setLoading","React","titleId","useId","contentId","closeHandler","useEffect","dialog","onDialogClose","positionClasses","alignClasses","effectivePosition","classes","handleOk","error","handleBackdropClick","modalBoxStyle","shouldRenderDefaultFooter","shouldRenderCustomFooter","jsxs","jsx","createModal","config","div","root","createRoot","destroy","ModalContent","setOpen","handleClose","handleCancel","getAlertClass","getIcon","Fragment","confirm","info","success","warning"],"mappings":"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"}