asterui 0.12.7 → 0.12.9

package/dist/index56.js

@@ -1,20 +1,314 @@
-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 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 })
-  ] });
-};
+import { jsxs as m, jsx as t, Fragment as q } from "react/jsx-runtime";
+import N, { useRef as $, useId as E, useEffect as R } from "react";
+import { createRoot as G } from "react-dom/client";
+function u({
+  children: e,
+  title: n,
+  footer: r,
+  open: l = !1,
+  onOk: a,
+  onCancel: d,
+  okText: v = "OK",
+  cancelText: c = "Cancel",
+  maskClosable: h = !0,
+  closable: p = !0,
+  position: s,
+  align: b,
+  width: i,
+  centered: x,
+  onClose: g,
+  className: W = "",
+  ...z
+}) {
+  const y = $(null), L = $(null), [M, C] = N.useState(!1), j = E(), T = E(), f = g || d;
+  R(() => {
+    const o = y.current;
+    o && (l ? o.open || (L.current = document.activeElement, o.showModal()) : o.open && (o.close(), L.current?.focus()));
+  }, [l]), R(() => {
+    const o = y.current;
+    if (!o) return;
+    const k = () => {
+      f?.();
+    };
+    return o.addEventListener("close", k), () => {
+      o.removeEventListener("close", k);
+    };
+  }, [f]);
+  const B = {
+    top: "modal-top",
+    middle: "modal-middle",
+    bottom: "modal-bottom"
+  }, I = {
+    base: {
+      top: "modal-top",
+      middle: "modal-middle",
+      bottom: "modal-bottom"
+    },
+    sm: {
+      top: "sm:modal-top",
+      middle: "sm:modal-middle",
+      bottom: "sm:modal-bottom"
+    },
+    md: {
+      top: "md:modal-top",
+      middle: "md:modal-middle",
+      bottom: "md:modal-bottom"
+    },
+    lg: {
+      top: "lg:modal-top",
+      middle: "lg:modal-middle",
+      bottom: "lg:modal-bottom"
+    },
+    xl: {
+      top: "xl:modal-top",
+      middle: "xl:modal-middle",
+      bottom: "xl:modal-bottom"
+    },
+    "2xl": {
+      top: "2xl:modal-top",
+      middle: "2xl:modal-middle",
+      bottom: "2xl:modal-bottom"
+    }
+  }, S = {
+    start: "modal-start",
+    end: "modal-end"
+  }, F = [
+    "modal",
+    ...(() => {
+      if (x)
+        return [B.middle];
+      if (!s)
+        return [];
+      if (typeof s == "string")
+        return [B[s]];
+      const o = [];
+      for (const [k, O] of Object.entries(s))
+        O && o.push(I[k][O]);
+      return o;
+    })(),
+    b && S[b],
+    W
+  ].filter(Boolean).join(" "), K = async () => {
+    if (a) {
+      C(!0);
+      try {
+        await a(), C(!1);
+      } catch (o) {
+        throw C(!1), o;
+      }
+    }
+  }, P = () => {
+    h && f && f();
+  }, A = i ? { width: typeof i == "number" ? `${i}px` : i, maxWidth: "90vw" } : {}, D = !r && (a || d), H = r != null;
+  return /* @__PURE__ */ m(
+    "dialog",
+    {
+      ref: y,
+      className: F,
+      "data-state": l ? "open" : "closed",
+      "aria-labelledby": n ? j : void 0,
+      "aria-describedby": T,
+      ...z,
+      children: [
+        /* @__PURE__ */ m("div", { className: "modal-box", style: A, children: [
+          n && /* @__PURE__ */ t("h3", { id: j, className: "text-lg font-bold mb-4", children: n }),
+          /* @__PURE__ */ t("div", { id: T, className: "py-4", children: e }),
+          D && /* @__PURE__ */ m("div", { className: "modal-action", children: [
+            d && /* @__PURE__ */ t("button", { className: "btn", onClick: d, children: c }),
+            a && /* @__PURE__ */ t(
+              "button",
+              {
+                className: `btn btn-primary ${M ? "loading" : ""}`,
+                onClick: K,
+                disabled: M,
+                children: v
+              }
+            )
+          ] }),
+          H && /* @__PURE__ */ t("div", { className: "modal-action", children: r })
+        ] }),
+        p && h && /* @__PURE__ */ t("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ t("button", { onClick: P, children: "close" }) })
+      ]
+    }
+  );
+}
+function w(e) {
+  const n = document.createElement("div");
+  document.body.appendChild(n);
+  const r = G(n), l = () => {
+    r.unmount(), n.parentNode && n.parentNode.removeChild(n);
+  }, a = () => {
+    const [d, v] = N.useState(!0), [c, h] = N.useState(!1), p = () => {
+      v(!1), setTimeout(l, 300);
+    }, s = async () => {
+      if (e.onOk) {
+        h(!0);
+        try {
+          await e.onOk(), p();
+        } catch {
+          h(!1);
+        }
+      } else
+        p();
+    }, b = () => {
+      e.onCancel?.(), p();
+    }, i = () => {
+      switch (e.type) {
+        case "success":
+          return "alert-success";
+        case "warning":
+          return "alert-warning";
+        case "error":
+          return "alert-error";
+        case "info":
+        default:
+          return "alert-info";
+      }
+    }, x = () => {
+      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__ */ m(
+      u,
+      {
+        open: d,
+        onOk: e.showCancel ? void 0 : s,
+        onCancel: b,
+        title: e.type ? /* @__PURE__ */ m("div", { className: `alert ${i()}`, children: [
+          x(),
+          /* @__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__ */ m(q, { children: [
+          /* @__PURE__ */ t("button", { className: "btn", onClick: b, children: e.cancelText || "Cancel" }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              className: `btn ${e.type === "error" ? "btn-error" : "btn-primary"} ${c ? "loading" : ""}`,
+              onClick: s,
+              disabled: c,
+              children: e.okText || "OK"
+            }
+          )
+        ] }) : /* @__PURE__ */ t(
+          "button",
+          {
+            className: `btn ${e.type === "error" ? "btn-error" : "btn-primary"} ${c ? "loading" : ""}`,
+            onClick: s,
+            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 r.render(/* @__PURE__ */ t(a, {})), {
+    destroy: l
+  };
+}
+function J(e) {
+  return w({ ...e, showCancel: !0 });
+}
+function Q(e) {
+  return w({ ...e, type: "info", showCancel: !1 });
+}
+function U(e) {
+  return w({ ...e, type: "success", showCancel: !1 });
+}
+function V(e) {
+  return w({ ...e, type: "warning", showCancel: !1 });
+}
+function X(e) {
+  return w({ ...e, type: "error", showCancel: !1 });
+}
+u.confirm = J;
+u.info = Q;
+u.success = U;
+u.warning = V;
+u.error = X;
 export {
-  d as Navbar
+  u as Modal
 };
 //# sourceMappingURL=index56.js.map

package/dist/index56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index56.js","sources":["../src/components/Navbar.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface NavbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  start?: React.ReactNode\n  center?: React.ReactNode\n  end?: React.ReactNode\n}\n\nexport const Navbar: React.FC<NavbarProps> = ({\n  children,\n  start,\n  center,\n  end,\n  className = '',\n  ...rest\n}) => {\n  const navbarClasses = ['navbar bg-base-100', className]\n    .filter(Boolean)\n    .join(' ')\n\n  if (children) {\n    return <div className={navbarClasses} {...rest}>{children}</div>\n  }\n\n  return (\n    <div className={navbarClasses} {...rest}>\n      {start && <div className=\"navbar-start\">{start}</div>}\n      {center && <div className=\"navbar-center\">{center}</div>}\n      {end && <div className=\"navbar-end\">{end}</div>}\n    </div>\n  )\n}\n"],"names":["Navbar","children","start","center","end","className","rest","navbarClasses","jsxs","jsx"],"mappings":";AASO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB,CAAC,sBAAsBF,CAAS,EACnD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIJ,sBACM,OAAA,EAAI,WAAWM,GAAgB,GAAGD,GAAO,UAAAL,GAAS,IAI1D,gBAAAO,EAAC,OAAA,EAAI,WAAWD,GAAgB,GAAGD,GAChC,UAAA;AAAA,IAAAJ,KAAS,gBAAAO,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAP,GAAM;AAAA,IAC9CC,KAAU,gBAAAM,EAAC,OAAA,EAAI,WAAU,iBAAiB,UAAAN,GAAO;AAAA,IACjDC,KAAO,gBAAAK,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAL,EAAA,CAAI;AAAA,EAAA,GAC3C;AAEJ;"}
+{"version":3,"file":"index56.js","sources":["../src/components/Modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useId } from 'react'\nimport { createRoot } from 'react-dom/client'\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}\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  // Static class mappings for positions (no interpolation per qa.md)\n  const positionClasses: Record<ModalPosition, string> = {\n    top: 'modal-top',\n    middle: 'modal-middle',\n    bottom: 'modal-bottom',\n  }\n\n  // Responsive position class mappings for each breakpoint\n  const responsivePositionClasses: Record<Breakpoint, Record<ModalPosition, string>> = {\n    base: {\n      top: 'modal-top',\n      middle: 'modal-middle',\n      bottom: 'modal-bottom',\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: 'modal-start',\n    end: 'modal-end',\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 = [\n    'modal',\n    ...getPositionClasses(),\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","responsivePositionClasses","alignClasses","classes","breakpoint","pos","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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"}

package/dist/index57.js

@@ -1,125 +1,20 @@
-import { jsx as i, Fragment as h, jsxs as l } from "react/jsx-runtime";
-import { useState as u, useEffect as p } from "react";
-import d from "react-dom/client";
-class m {
-  notifications = [];
-  listeners = [];
-  container = null;
-  root = null;
-  idCounter = 0;
-  subscribe(t) {
-    return this.listeners.push(t), () => {
-      this.listeners = this.listeners.filter((o) => o !== t);
-    };
-  }
-  getNotifications() {
-    return this.notifications;
-  }
-  emit() {
-    this.listeners.forEach((t) => t());
-  }
-  ensureContainer() {
-    this.container || (this.container = document.createElement("div"), document.body.appendChild(this.container), this.root = d.createRoot(this.container), this.root.render(/* @__PURE__ */ i(f, { manager: this })));
-  }
-  open(t) {
-    this.ensureContainer();
-    const o = `notification-${++this.idCounter}`, s = {
-      ...t,
-      id: o,
-      createdAt: Date.now(),
-      duration: t.duration ?? 4.5,
-      placement: t.placement ?? "topRight",
-      closable: t.closable ?? !0,
-      type: t.type ?? "info"
-    };
-    return this.notifications.push(s), this.emit(), s.duration && s.duration > 0 && setTimeout(() => {
-      this.close(o);
-    }, s.duration * 1e3), o;
-  }
-  close(t) {
-    const o = this.notifications.find((s) => s.id === t);
-    this.notifications = this.notifications.filter((s) => s.id !== t), this.emit(), o?.onClose && o.onClose();
-  }
-  success(t) {
-    return this.open({ ...t, type: "success" });
-  }
-  error(t) {
-    return this.open({ ...t, type: "error" });
-  }
-  info(t) {
-    return this.open({ ...t, type: "info" });
-  }
-  warning(t) {
-    return this.open({ ...t, type: "warning" });
-  }
-  destroy() {
-    this.notifications = [], this.emit();
-  }
-}
-function f({ manager: e }) {
-  const [, t] = u({});
-  p(() => e.subscribe(() => {
-    t({});
-  }), [e]);
-  const o = e.getNotifications(), s = {
-    topLeft: [],
-    topRight: [],
-    bottomLeft: [],
-    bottomRight: []
-  };
-  o.forEach((n) => {
-    s[n.placement].push(n);
-  });
-  const r = {
-    topRight: "toast toast-top toast-end",
-    topLeft: "toast toast-top toast-start",
-    bottomRight: "toast toast-bottom toast-end",
-    bottomLeft: "toast toast-bottom toast-start"
-  };
-  return /* @__PURE__ */ i(h, { children: Object.entries(s).map(([n, c]) => c.length === 0 ? null : /* @__PURE__ */ i("div", { className: r[n], children: c.map((a) => /* @__PURE__ */ i(
-    b,
-    {
-      notification: a,
-      onClose: () => e.close(a.id)
-    },
-    a.id
-  )) }, n)) });
-}
-function b({ notification: e, onClose: t }) {
-  const o = {
-    success: "alert-success",
-    error: "alert-error",
-    info: "alert-info",
-    warning: "alert-warning"
-  }, s = () => {
-    e.onClick && e.onClick();
-  };
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: `alert ${o[e.type]} shadow-lg cursor-pointer min-w-[300px] max-w-[400px]`,
-      onClick: s,
-      children: [
-        /* @__PURE__ */ l("div", { className: "flex-1", children: [
-          e.message && /* @__PURE__ */ i("div", { className: "font-bold", children: e.message }),
-          e.description && /* @__PURE__ */ i("div", { className: "text-sm", children: e.description })
-        ] }),
-        e.closable && /* @__PURE__ */ i(
-          "button",
-          {
-            className: "btn btn-sm btn-ghost btn-circle",
-            onClick: (r) => {
-              r.stopPropagation(), t();
-            },
-            children: "✕"
-          }
-        )
-      ]
-    }
-  );
-}
-const y = new m();
+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 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 {
-  y as notification
+  d as Navbar
 };
 //# sourceMappingURL=index57.js.map

package/dist/index57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index57.js","sources":["../src/components/Notification.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport ReactDOM from 'react-dom/client'\n\nexport type NotificationType = 'success' | 'info' | 'warning' | 'error'\nexport type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'\n\nexport interface NotificationConfig {\n  message: React.ReactNode\n  description?: React.ReactNode\n  type?: NotificationType\n  duration?: number // in seconds, 0 = no auto close\n  placement?: NotificationPlacement\n  closable?: boolean\n  onClick?: () => void\n  onClose?: () => void\n}\n\ninterface NotificationItem extends NotificationConfig {\n  id: string\n  createdAt: number\n}\n\ntype Listener = () => void\n\nclass NotificationManager {\n  private notifications: NotificationItem[] = []\n  private listeners: Listener[] = []\n  private container: HTMLDivElement | null = null\n  private root: ReactDOM.Root | null = null\n  private idCounter = 0\n\n  subscribe(listener: Listener) {\n    this.listeners.push(listener)\n    return () => {\n      this.listeners = this.listeners.filter((l) => l !== listener)\n    }\n  }\n\n  getNotifications() {\n    return this.notifications\n  }\n\n  private emit() {\n    this.listeners.forEach((listener) => listener())\n  }\n\n  private ensureContainer() {\n    if (!this.container) {\n      this.container = document.createElement('div')\n      document.body.appendChild(this.container)\n      this.root = ReactDOM.createRoot(this.container)\n      this.root.render(<NotificationContainer manager={this} />)\n    }\n  }\n\n  open(config: NotificationConfig) {\n    this.ensureContainer()\n\n    const id = `notification-${++this.idCounter}`\n    const notification: NotificationItem = {\n      ...config,\n      id,\n      createdAt: Date.now(),\n      duration: config.duration ?? 4.5,\n      placement: config.placement ?? 'topRight',\n      closable: config.closable ?? true,\n      type: config.type ?? 'info',\n    }\n\n    this.notifications.push(notification)\n    this.emit()\n\n    // Auto-dismiss\n    if (notification.duration && notification.duration > 0) {\n      setTimeout(() => {\n        this.close(id)\n      }, notification.duration * 1000)\n    }\n\n    return id\n  }\n\n  close(id: string) {\n    const notification = this.notifications.find((n) => n.id === id)\n    this.notifications = this.notifications.filter((n) => n.id !== id)\n    this.emit()\n\n    if (notification?.onClose) {\n      notification.onClose()\n    }\n  }\n\n  success(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'success' })\n  }\n\n  error(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'error' })\n  }\n\n  info(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'info' })\n  }\n\n  warning(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'warning' })\n  }\n\n  destroy() {\n    this.notifications = []\n    this.emit()\n  }\n}\n\ninterface NotificationContainerProps {\n  manager: NotificationManager\n}\n\nfunction NotificationContainer({ manager }: NotificationContainerProps) {\n  const [, forceUpdate] = useState({})\n\n  useEffect(() => {\n    const unsubscribe = manager.subscribe(() => {\n      forceUpdate({})\n    })\n    return unsubscribe\n  }, [manager])\n\n  const notifications = manager.getNotifications()\n\n  // Group by placement\n  const grouped: Record<NotificationPlacement, NotificationItem[]> = {\n    topLeft: [],\n    topRight: [],\n    bottomLeft: [],\n    bottomRight: [],\n  }\n\n  notifications.forEach((notification) => {\n    grouped[notification.placement!].push(notification)\n  })\n\n  const placementClasses: Record<NotificationPlacement, string> = {\n    topRight: 'toast toast-top toast-end',\n    topLeft: 'toast toast-top toast-start',\n    bottomRight: 'toast toast-bottom toast-end',\n    bottomLeft: 'toast toast-bottom toast-start',\n  }\n\n  return (\n    <>\n      {Object.entries(grouped).map(([placement, items]) => {\n        if (items.length === 0) return null\n\n        return (\n          <div key={placement} className={placementClasses[placement as NotificationPlacement]}>\n            {items.map((notification) => (\n              <NotificationItem\n                key={notification.id}\n                notification={notification}\n                onClose={() => manager.close(notification.id)}\n              />\n            ))}\n          </div>\n        )\n      })}\n    </>\n  )\n}\n\ninterface NotificationItemProps {\n  notification: NotificationItem\n  onClose: () => void\n}\n\nfunction NotificationItem({ notification, onClose }: NotificationItemProps) {\n  const alertTypeClasses: Record<NotificationType, string> = {\n    success: 'alert-success',\n    error: 'alert-error',\n    info: 'alert-info',\n    warning: 'alert-warning',\n  }\n\n  const handleClick = () => {\n    if (notification.onClick) {\n      notification.onClick()\n    }\n  }\n\n  return (\n    <div\n      className={`alert ${alertTypeClasses[notification.type!]} shadow-lg cursor-pointer min-w-[300px] max-w-[400px]`}\n      onClick={handleClick}\n    >\n      <div className=\"flex-1\">\n        {notification.message && <div className=\"font-bold\">{notification.message}</div>}\n        {notification.description && <div className=\"text-sm\">{notification.description}</div>}\n      </div>\n      {notification.closable && (\n        <button\n          className=\"btn btn-sm btn-ghost btn-circle\"\n          onClick={(e) => {\n            e.stopPropagation()\n            onClose()\n          }}\n        >\n          ✕\n        </button>\n      )}\n    </div>\n  )\n}\n\nexport const notification = new NotificationManager()\n"],"names":["NotificationManager","listener","l","ReactDOM","jsx","NotificationContainer","config","id","notification","n","manager","forceUpdate","useState","useEffect","notifications","grouped","placementClasses","Fragment","placement","items","NotificationItem","onClose","alertTypeClasses","handleClick","jsxs","e"],"mappings":"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"}
+{"version":3,"file":"index57.js","sources":["../src/components/Navbar.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface NavbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  start?: React.ReactNode\n  center?: React.ReactNode\n  end?: React.ReactNode\n}\n\nexport const Navbar: React.FC<NavbarProps> = ({\n  children,\n  start,\n  center,\n  end,\n  className = '',\n  ...rest\n}) => {\n  const navbarClasses = ['navbar bg-base-100', className]\n    .filter(Boolean)\n    .join(' ')\n\n  if (children) {\n    return <div className={navbarClasses} {...rest}>{children}</div>\n  }\n\n  return (\n    <div className={navbarClasses} {...rest}>\n      {start && <div className=\"navbar-start\">{start}</div>}\n      {center && <div className=\"navbar-center\">{center}</div>}\n      {end && <div className=\"navbar-end\">{end}</div>}\n    </div>\n  )\n}\n"],"names":["Navbar","children","start","center","end","className","rest","navbarClasses","jsxs","jsx"],"mappings":";AASO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB,CAAC,sBAAsBF,CAAS,EACnD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIJ,sBACM,OAAA,EAAI,WAAWM,GAAgB,GAAGD,GAAO,UAAAL,GAAS,IAI1D,gBAAAO,EAAC,OAAA,EAAI,WAAWD,GAAgB,GAAGD,GAChC,UAAA;AAAA,IAAAJ,KAAS,gBAAAO,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAP,GAAM;AAAA,IAC9CC,KAAU,gBAAAM,EAAC,OAAA,EAAI,WAAU,iBAAiB,UAAAN,GAAO;AAAA,IACjDC,KAAO,gBAAAK,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAL,EAAA,CAAI;AAAA,EAAA,GAC3C;AAEJ;"}