asterui 0.11.0 → 0.12.1

package/dist/index53.js

@@ -1,113 +1,269 @@
-import { jsx as v } from "react/jsx-runtime";
-import { forwardRef as L, useState as M, useRef as V, useImperativeHandle as Z, useEffect as j, useCallback as i } from "react";
-const g = L(
-  ({
-    length: s = 6,
-    value: p = "",
-    onChange: n,
-    onComplete: m,
-    size: k = "md",
-    type: f = "number",
-    mask: y = !1,
-    disabled: c = !1,
-    error: P = !1,
-    autoFocus: A = !1,
-    placeholder: b = "",
-    className: I = ""
-  }, R) => {
-    const [a, o] = M(() => {
-      const t = p.split("").slice(0, s);
-      return [...t, ...Array(s - t.length).fill("")];
-    }), u = V([]), x = {
-      xs: "input-xs w-8 h-8 text-sm",
-      sm: "input-sm w-10 h-10 text-base",
-      md: "w-12 h-12 text-lg",
-      lg: "input-lg w-14 h-14 text-xl",
-      xl: "w-16 h-16 text-2xl"
+import { jsxs as i, jsx as t, Fragment as F } from "react/jsx-runtime";
+import x, { useRef as T, useId as j, useEffect as B } from "react";
+import { createRoot as K } from "react-dom/client";
+function u({
+  children: e,
+  title: r,
+  footer: o,
+  open: a = !1,
+  onOk: l,
+  onCancel: s,
+  okText: v = "OK",
+  cancelText: c = "Cancel",
+  maskClosable: h = !0,
+  closable: m = !0,
+  position: d,
+  align: p,
+  className: f = "",
+  ...b
+}) {
+  const k = T(null), C = T(null), [N, y] = x.useState(!1), L = j(), g = j();
+  B(() => {
+    const n = k.current;
+    n && (a ? n.open || (C.current = document.activeElement, n.showModal()) : n.open && (n.close(), C.current?.focus()));
+  }, [a]), B(() => {
+    const n = k.current;
+    if (!n) return;
+    const M = () => {
+      s?.();
     };
-    Z(R, () => ({
-      focus: () => {
-        u.current[0]?.focus();
-      },
-      clear: () => {
-        o(Array(s).fill("")), u.current[0]?.focus();
+    return n.addEventListener("close", M), () => {
+      n.removeEventListener("close", M);
+    };
+  }, [s]);
+  const E = {
+    top: "modal-top",
+    middle: "modal-middle",
+    bottom: "modal-bottom"
+  }, O = {
+    start: "modal-start",
+    end: "modal-end"
+  }, R = [
+    "modal",
+    d && E[d],
+    p && O[p],
+    f
+  ].filter(Boolean).join(" "), $ = async () => {
+    if (l) {
+      y(!0);
+      try {
+        await l(), y(!1);
+      } catch (n) {
+        throw y(!1), n;
       }
-    })), j(() => {
-      A && u.current[0]?.focus();
-    }, [A]), j(() => {
-      const t = p.split("").slice(0, s);
-      o([...t, ...Array(s - t.length).fill("")]);
-    }, [p, s]);
-    const w = i(
-      (t, e) => {
-        if (c || f === "number" && !/^\d*$/.test(e) || f === "text" && !/^[a-zA-Z0-9]*$/.test(e)) return;
-        const r = [...a];
-        if (e.length > 1) {
-          const O = e.slice(0, s - t).split("");
-          O.forEach((K, $) => {
-            t + $ < s && (r[t + $] = K);
-          }), o(r);
-          const D = r.join("");
-          n?.(D);
-          const E = Math.min(t + O.length, s - 1);
-          u.current[E]?.focus(), D.length === s && m?.(D);
-          return;
+    }
+  }, z = () => {
+    h && s && s();
+  }, I = !o && (l || s), W = o != null;
+  return /* @__PURE__ */ i(
+    "dialog",
+    {
+      ref: k,
+      className: R,
+      "data-state": a ? "open" : "closed",
+      "aria-labelledby": r ? L : void 0,
+      "aria-describedby": g,
+      ...b,
+      children: [
+        /* @__PURE__ */ i("div", { className: "modal-box", children: [
+          r && /* @__PURE__ */ t("h3", { id: L, className: "text-lg font-bold mb-4", children: r }),
+          /* @__PURE__ */ t("div", { id: g, className: "py-4", children: e }),
+          I && /* @__PURE__ */ i("div", { className: "modal-action", children: [
+            s && /* @__PURE__ */ t("button", { className: "btn", onClick: s, children: c }),
+            l && /* @__PURE__ */ t(
+              "button",
+              {
+                className: `btn btn-primary ${N ? "loading" : ""}`,
+                onClick: $,
+                disabled: N,
+                children: v
+              }
+            )
+          ] }),
+          W && /* @__PURE__ */ t("div", { className: "modal-action", children: o })
+        ] }),
+        m && h && /* @__PURE__ */ t("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ t("button", { onClick: z, children: "close" }) })
+      ]
+    }
+  );
+}
+function w(e) {
+  const r = document.createElement("div");
+  document.body.appendChild(r);
+  const o = K(r), a = () => {
+    o.unmount(), r.parentNode && r.parentNode.removeChild(r);
+  }, l = () => {
+    const [s, v] = x.useState(!0), [c, h] = x.useState(!1), m = () => {
+      v(!1), setTimeout(a, 300);
+    }, d = async () => {
+      if (e.onOk) {
+        h(!0);
+        try {
+          await e.onOk(), m();
+        } catch {
+          h(!1);
         }
-        r[t] = e, o(r);
-        const l = r.join("");
-        n?.(l), e && t < s - 1 && u.current[t + 1]?.focus(), l.length === s && !l.includes("") && m?.(l);
-      },
-      [a, s, f, c, n, m]
-    ), z = i(
-      (t, e) => {
-        if (!c)
-          if (e.key === "Backspace") {
-            e.preventDefault();
-            const r = [...a];
-            a[t] ? (r[t] = "", o(r), n?.(r.join(""))) : t > 0 && (r[t - 1] = "", o(r), n?.(r.join("")), u.current[t - 1]?.focus());
-          } else e.key === "ArrowLeft" && t > 0 ? (e.preventDefault(), u.current[t - 1]?.focus()) : e.key === "ArrowRight" && t < s - 1 && (e.preventDefault(), u.current[t + 1]?.focus());
-      },
-      [a, s, c, n]
-    ), N = i(
-      (t) => {
-        if (t.preventDefault(), c) return;
-        const e = t.clipboardData.getData("text"), r = f === "number" ? e.replace(/\D/g, "") : e.replace(/[^a-zA-Z0-9]/g, "");
-        r && w(0, r);
-      },
-      [f, c, w]
-    ), T = i((t) => {
-      t.target.select();
-    }, []);
-    return /* @__PURE__ */ v("div", { className: `flex gap-2 ${I}`, children: a.map((t, e) => /* @__PURE__ */ v(
-      "input",
+      } else
+        m();
+    }, p = () => {
+      e.onCancel?.(), m();
+    }, f = () => {
+      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,
       {
-        ref: (r) => {
-          u.current[e] = r;
-        },
-        type: y ? "password" : f === "number" ? "tel" : "text",
-        inputMode: f === "number" ? "numeric" : "text",
-        maxLength: 1,
-        value: t,
-        placeholder: b,
-        disabled: c,
-        onChange: (r) => w(e, r.target.value),
-        onKeyDown: (r) => z(e, r),
-        onPaste: N,
-        onFocus: T,
-        className: `
-              input input-bordered text-center font-mono
-              ${x[k]}
-              ${P ? "input-error" : ""}
-              ${c ? "input-disabled opacity-50" : ""}
-            `,
-        "aria-label": `OTP digit ${e + 1}`
-      },
-      e
-    )) });
-  }
-);
-g.displayName = "OTPInput";
+        open: s,
+        onOk: e.showCancel ? void 0 : d,
+        onCancel: p,
+        title: e.type ? /* @__PURE__ */ i("div", { className: `alert ${f()}`, 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(F, { children: [
+          /* @__PURE__ */ t("button", { className: "btn", onClick: p, children: e.cancelText || "Cancel" }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              className: `btn ${e.type === "error" ? "btn-error" : "btn-primary"} ${c ? "loading" : ""}`,
+              onClick: d,
+              disabled: c,
+              children: e.okText || "OK"
+            }
+          )
+        ] }) : /* @__PURE__ */ t(
+          "button",
+          {
+            className: `btn ${e.type === "error" ? "btn-error" : "btn-primary"} ${c ? "loading" : ""}`,
+            onClick: d,
+            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 o.render(/* @__PURE__ */ t(l, {})), {
+    destroy: a
+  };
+}
+function S(e) {
+  return w({ ...e, showCancel: !0 });
+}
+function A(e) {
+  return w({ ...e, type: "info", showCancel: !1 });
+}
+function D(e) {
+  return w({ ...e, type: "success", showCancel: !1 });
+}
+function q(e) {
+  return w({ ...e, type: "warning", showCancel: !1 });
+}
+function G(e) {
+  return w({ ...e, type: "error", showCancel: !1 });
+}
+u.confirm = S;
+u.info = A;
+u.success = D;
+u.warning = q;
+u.error = G;
 export {
-  g as OTPInput
+  u as Modal
 };
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index53.js","sources":["../src/components/OTPInput.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, useCallback, forwardRef, useImperativeHandle } from 'react'\n\nexport interface OTPInputProps {\n  /** Number of input fields */\n  length?: number\n  /** Current value */\n  value?: string\n  /** Callback when value changes */\n  onChange?: (value: string) => void\n  /** Callback when all fields are filled */\n  onComplete?: (value: string) => void\n  /** Input size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Input type - number only or alphanumeric */\n  type?: 'number' | 'text'\n  /** Mask input (show dots instead of characters) */\n  mask?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Error state */\n  error?: boolean\n  /** Auto focus first input on mount */\n  autoFocus?: boolean\n  /** Placeholder character */\n  placeholder?: string\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport interface OTPInputRef {\n  focus: () => void\n  clear: () => void\n}\n\nexport const OTPInput = forwardRef<OTPInputRef, OTPInputProps>(\n  (\n    {\n      length = 6,\n      value = '',\n      onChange,\n      onComplete,\n      size = 'md',\n      type = 'number',\n      mask = false,\n      disabled = false,\n      error = false,\n      autoFocus = false,\n      placeholder = '',\n      className = '',\n    },\n    ref\n  ) => {\n    const [otp, setOtp] = useState<string[]>(() => {\n      const initial = value.split('').slice(0, length)\n      return [...initial, ...Array(length - initial.length).fill('')]\n    })\n\n    const inputRefs = useRef<(HTMLInputElement | null)[]>([])\n\n    const sizeClasses = {\n      xs: 'input-xs w-8 h-8 text-sm',\n      sm: 'input-sm w-10 h-10 text-base',\n      md: 'w-12 h-12 text-lg',\n      lg: 'input-lg w-14 h-14 text-xl',\n      xl: 'w-16 h-16 text-2xl',\n    }\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        inputRefs.current[0]?.focus()\n      },\n      clear: () => {\n        setOtp(Array(length).fill(''))\n        inputRefs.current[0]?.focus()\n      },\n    }))\n\n    useEffect(() => {\n      if (autoFocus) {\n        inputRefs.current[0]?.focus()\n      }\n    }, [autoFocus])\n\n    useEffect(() => {\n      const newOtp = value.split('').slice(0, length)\n      setOtp([...newOtp, ...Array(length - newOtp.length).fill('')])\n    }, [value, length])\n\n    const handleChange = useCallback(\n      (index: number, char: string) => {\n        if (disabled) return\n\n        // Validate input\n        if (type === 'number' && !/^\\d*$/.test(char)) return\n        if (type === 'text' && !/^[a-zA-Z0-9]*$/.test(char)) return\n\n        const newOtp = [...otp]\n\n        // Handle paste of multiple characters\n        if (char.length > 1) {\n          const chars = char.slice(0, length - index).split('')\n          chars.forEach((c, i) => {\n            if (index + i < length) {\n              newOtp[index + i] = c\n            }\n          })\n          setOtp(newOtp)\n\n          const newValue = newOtp.join('')\n          onChange?.(newValue)\n\n          // Focus appropriate field\n          const nextIndex = Math.min(index + chars.length, length - 1)\n          inputRefs.current[nextIndex]?.focus()\n\n          if (newValue.length === length) {\n            onComplete?.(newValue)\n          }\n          return\n        }\n\n        // Single character\n        newOtp[index] = char\n        setOtp(newOtp)\n\n        const newValue = newOtp.join('')\n        onChange?.(newValue)\n\n        // Move to next input\n        if (char && index < length - 1) {\n          inputRefs.current[index + 1]?.focus()\n        }\n\n        if (newValue.length === length && !newValue.includes('')) {\n          onComplete?.(newValue)\n        }\n      },\n      [otp, length, type, disabled, onChange, onComplete]\n    )\n\n    const handleKeyDown = useCallback(\n      (index: number, e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (disabled) return\n\n        if (e.key === 'Backspace') {\n          e.preventDefault()\n          const newOtp = [...otp]\n\n          if (otp[index]) {\n            // Clear current field\n            newOtp[index] = ''\n            setOtp(newOtp)\n            onChange?.(newOtp.join(''))\n          } else if (index > 0) {\n            // Move to previous field and clear it\n            newOtp[index - 1] = ''\n            setOtp(newOtp)\n            onChange?.(newOtp.join(''))\n            inputRefs.current[index - 1]?.focus()\n          }\n        } else if (e.key === 'ArrowLeft' && index > 0) {\n          e.preventDefault()\n          inputRefs.current[index - 1]?.focus()\n        } else if (e.key === 'ArrowRight' && index < length - 1) {\n          e.preventDefault()\n          inputRefs.current[index + 1]?.focus()\n        }\n      },\n      [otp, length, disabled, onChange]\n    )\n\n    const handlePaste = useCallback(\n      (e: React.ClipboardEvent) => {\n        e.preventDefault()\n        if (disabled) return\n\n        const pastedData = e.clipboardData.getData('text')\n        const filteredData =\n          type === 'number'\n            ? pastedData.replace(/\\D/g, '')\n            : pastedData.replace(/[^a-zA-Z0-9]/g, '')\n\n        if (filteredData) {\n          handleChange(0, filteredData)\n        }\n      },\n      [type, disabled, handleChange]\n    )\n\n    const handleFocus = useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.target.select()\n    }, [])\n\n    return (\n      <div className={`flex gap-2 ${className}`}>\n        {otp.map((digit, index) => (\n          <input\n            key={index}\n            ref={(el) => {\n              inputRefs.current[index] = el\n            }}\n            type={mask ? 'password' : type === 'number' ? 'tel' : 'text'}\n            inputMode={type === 'number' ? 'numeric' : 'text'}\n            maxLength={1}\n            value={digit}\n            placeholder={placeholder}\n            disabled={disabled}\n            onChange={(e) => handleChange(index, e.target.value)}\n            onKeyDown={(e) => handleKeyDown(index, e)}\n            onPaste={handlePaste}\n            onFocus={handleFocus}\n            className={`\n              input input-bordered text-center font-mono\n              ${sizeClasses[size]}\n              ${error ? 'input-error' : ''}\n              ${disabled ? 'input-disabled opacity-50' : ''}\n            `}\n            aria-label={`OTP digit ${index + 1}`}\n          />\n        ))}\n      </div>\n    )\n  }\n)\n\nOTPInput.displayName = 'OTPInput'\n"],"names":["OTPInput","forwardRef","length","value","onChange","onComplete","size","type","mask","disabled","error","autoFocus","placeholder","className","ref","otp","setOtp","useState","initial","inputRefs","useRef","sizeClasses","useImperativeHandle","useEffect","newOtp","handleChange","useCallback","index","char","chars","c","i","newValue","nextIndex","handleKeyDown","handlePaste","e","pastedData","filteredData","handleFocus","jsx","digit","el"],"mappings":"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"}
+{"version":3,"file":"index53.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}\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  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  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 handleClose = () => {\n      onCancel?.()\n    }\n\n    dialog.addEventListener('close', handleClose)\n    return () => {\n      dialog.removeEventListener('close', handleClose)\n    }\n  }, [onCancel])\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  const classes = [\n    'modal',\n    position && positionClasses[position],\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 && onCancel) {\n      onCancel()\n    }\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\">\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","className","rest","dialogRef","useRef","previousActiveElement","loading","setLoading","React","titleId","useId","contentId","useEffect","dialog","handleClose","positionClasses","alignClasses","classes","handleOk","error","handleBackdropClick","shouldRenderDefaultFooter","shouldRenderCustomFooter","jsxs","jsx","createModal","config","div","root","createRoot","destroy","ModalContent","setOpen","handleCancel","getAlertClass","getIcon","Fragment","confirm","info","success","warning"],"mappings":"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"}

package/dist/index54.js

@@ -1,173 +1,20 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import f from "react";
-const q = ({
-  current: p,
-  defaultCurrent: P = 1,
-  total: m,
-  pageSize: h,
-  defaultPageSize: C = 10,
-  pageSizeOptions: j = [10, 20, 50, 100],
-  onChange: g,
-  onShowSizeChange: k,
-  showSizeChanger: y = !1,
-  showQuickJumper: S = !1,
-  showTotal: d = !1,
-  simple: I = !1,
-  size: M = "md",
-  disabled: a = !1,
-  className: b = "",
-  ...N
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+const d = ({
+  children: s,
+  start: r,
+  center: e,
+  end: n,
+  className: v = "",
+  ...i
 }) => {
-  const [w, v] = f.useState(P), [J, D] = f.useState(C), [x, $] = f.useState(""), t = p !== void 0 ? p : w, u = h !== void 0 ? h : J, n = Math.ceil(m / u), r = (e) => {
-    e < 1 || e > n || a || (p === void 0 && v(e), g?.(e, u));
-  }, E = (e) => {
-    const c = Math.ceil(m / e), s = t > c ? c : t;
-    h === void 0 && D(e), p === void 0 && s !== t && v(s), k?.(s, e), g?.(s, e);
-  }, F = (e) => {
-    if (e.key === "Enter") {
-      const c = parseInt(x);
-      !isNaN(c) && c >= 1 && c <= n && (r(c), $(""));
-    }
-  }, G = () => {
-    const e = [];
-    if (n <= 7)
-      for (let s = 1; s <= n; s++)
-        e.push(s);
-    else if (t <= 3) {
-      for (let s = 1; s <= 5; s++)
-        e.push(s);
-      e.push("ellipsis"), e.push(n);
-    } else if (t >= n - 2) {
-      e.push(1), e.push("ellipsis");
-      for (let s = n - 4; s <= n; s++)
-        e.push(s);
-    } else {
-      e.push(1), e.push("ellipsis");
-      for (let s = t - 1; s <= t + 1; s++)
-        e.push(s);
-      e.push("ellipsis"), e.push(n);
-    }
-    return e;
-  }, l = {
-    xs: "btn-xs",
-    sm: "btn-sm",
-    md: "",
-    lg: "btn-lg"
-  }[M], K = [
-    (t - 1) * u + 1,
-    Math.min(t * u, m)
-  ];
-  return I ? /* @__PURE__ */ o("div", { className: `flex items-center gap-2 ${b}`, ...N, children: [
-    /* @__PURE__ */ i(
-      "button",
-      {
-        className: `btn btn-ghost ${l}`,
-        onClick: () => r(t - 1),
-        disabled: a || t === 1,
-        children: "‹"
-      }
-    ),
-    /* @__PURE__ */ o("span", { className: "text-sm", children: [
-      t,
-      " / ",
-      n
-    ] }),
-    /* @__PURE__ */ i(
-      "button",
-      {
-        className: `btn btn-ghost ${l}`,
-        onClick: () => r(t + 1),
-        disabled: a || t === n,
-        children: "›"
-      }
-    )
-  ] }) : /* @__PURE__ */ o("div", { className: `flex flex-wrap items-center gap-4 ${b}`, ...N, children: [
-    d && /* @__PURE__ */ i("div", { className: "text-sm text-base-content/70", children: typeof d == "function" ? d(m, K) : `Total ${m} items` }),
-    y && /* @__PURE__ */ i(
-      "select",
-      {
-        className: `select select-bordered ${l}`,
-        value: u,
-        onChange: (e) => E(Number(e.target.value)),
-        disabled: a,
-        children: j.map((e) => /* @__PURE__ */ o("option", { value: e, children: [
-          e,
-          " / page"
-        ] }, e))
-      }
-    ),
-    /* @__PURE__ */ o("div", { className: "join", children: [
-      /* @__PURE__ */ i(
-        "button",
-        {
-          className: `join-item btn ${l}`,
-          onClick: () => r(1),
-          disabled: a || t === 1,
-          title: "First page",
-          children: "«"
-        }
-      ),
-      /* @__PURE__ */ i(
-        "button",
-        {
-          className: `join-item btn ${l}`,
-          onClick: () => r(t - 1),
-          disabled: a || t === 1,
-          title: "Previous page",
-          children: "‹"
-        }
-      ),
-      G().map((e, c) => e === "ellipsis" ? /* @__PURE__ */ i("button", { className: `join-item btn btn-disabled ${l}`, children: "..." }, `ellipsis-${c}`) : /* @__PURE__ */ i(
-        "button",
-        {
-          className: `join-item btn ${l} ${t === e ? "btn-active" : ""}`,
-          onClick: () => r(e),
-          disabled: a,
-          children: e
-        },
-        e
-      )),
-      /* @__PURE__ */ i(
-        "button",
-        {
-          className: `join-item btn ${l}`,
-          onClick: () => r(t + 1),
-          disabled: a || t === n,
-          title: "Next page",
-          children: "›"
-        }
-      ),
-      /* @__PURE__ */ i(
-        "button",
-        {
-          className: `join-item btn ${l}`,
-          onClick: () => r(n),
-          disabled: a || t === n,
-          title: "Last page",
-          children: "»"
-        }
-      )
-    ] }),
-    S && /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ i("span", { className: "text-sm", children: "Go to" }),
-      /* @__PURE__ */ i(
-        "input",
-        {
-          type: "number",
-          className: `input input-bordered w-16 ${l}`,
-          min: 1,
-          max: n,
-          value: x,
-          onChange: (e) => $(e.target.value),
-          onKeyDown: F,
-          disabled: a,
-          placeholder: String(t)
-        }
-      )
-    ] })
+  const l = ["navbar bg-base-100", v].filter(Boolean).join(" ");
+  return s ? /* @__PURE__ */ a("div", { className: l, ...i, children: s }) : /* @__PURE__ */ c("div", { className: l, ...i, children: [
+    r && /* @__PURE__ */ a("div", { className: "navbar-start", children: r }),
+    e && /* @__PURE__ */ a("div", { className: "navbar-center", children: e }),
+    n && /* @__PURE__ */ a("div", { className: "navbar-end", children: n })
   ] });
 };
 export {
-  q as Pagination
+  d as Navbar
 };
 //# sourceMappingURL=index54.js.map