asterui 0.11.0 → 0.12.1

package/dist/index57.js

@@ -1,89 +1,173 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import { useState as B, useRef as f, useEffect as b } from "react";
-const $ = ({
-  children: h,
-  content: v,
-  title: i,
-  trigger: t = "hover",
-  placement: x = "top",
-  open: r,
-  onOpenChange: L,
-  className: g = "",
-  overlayClassName: k = "",
-  ...C
+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
 }) => {
-  const [E, M] = B(!1), a = f(null), c = f(null), n = f(void 0), s = r !== void 0 ? r : E, e = (o) => {
-    r === void 0 && M(o), L?.(o);
-  }, m = () => {
-    t === "hover" && (n.current && clearTimeout(n.current), e(!0));
-  }, d = () => {
-    t === "hover" && (n.current = setTimeout(() => e(!1), 100));
-  }, N = () => {
-    t === "click" && e(!s);
-  }, R = () => {
-    t === "focus" && e(!0);
-  }, w = () => {
-    t === "focus" && e(!1);
-  };
-  b(() => {
-    const o = (u) => {
-      t === "click" && s && a.current && c.current && !a.current.contains(u.target) && !c.current.contains(u.target) && e(!1);
-    };
-    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, [t, s]), b(() => () => {
-    n.current && clearTimeout(n.current);
-  }, []);
-  const T = () => `absolute z-50 ${{
-    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-    topLeft: "bottom-full left-0 mb-2",
-    topRight: "bottom-full right-0 mb-2",
-    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-    bottomLeft: "top-full left-0 mt-2",
-    bottomRight: "top-full right-0 mt-2",
-    left: "right-full top-1/2 -translate-y-1/2 mr-2",
-    leftTop: "right-full top-0 mr-2",
-    leftBottom: "right-full bottom-0 mr-2",
-    right: "left-full top-1/2 -translate-y-1/2 ml-2",
-    rightTop: "left-full top-0 ml-2",
-    rightBottom: "left-full bottom-0 ml-2"
-  }[x]}`;
-  return /* @__PURE__ */ p("div", { className: `relative inline-block ${g}`, "data-state": s ? "open" : "closed", ...C, children: [
-    /* @__PURE__ */ l(
-      "div",
+  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",
       {
-        ref: a,
-        onMouseEnter: m,
-        onMouseLeave: d,
-        onClick: N,
-        onFocus: R,
-        onBlur: w,
-        children: h
+        className: `btn btn-ghost ${l}`,
+        onClick: () => r(t - 1),
+        disabled: a || t === 1,
+        children: "‹"
       }
     ),
-    s && /* @__PURE__ */ l(
-      "div",
+    /* @__PURE__ */ o("span", { className: "text-sm", children: [
+      t,
+      " / ",
+      n
+    ] }),
+    /* @__PURE__ */ i(
+      "button",
       {
-        ref: c,
-        className: T(),
-        onMouseEnter: m,
-        onMouseLeave: d,
-        children: /* @__PURE__ */ p(
-          "div",
-          {
-            className: `bg-base-100 border border-base-content/10 rounded-lg shadow-lg p-3 min-w-[200px] max-w-xs ${k}`,
-            children: [
-              i && /* @__PURE__ */ l("div", { className: "font-semibold mb-2 text-base-content border-b border-base-content/10 pb-2", children: i }),
-              /* @__PURE__ */ l("div", { className: "text-sm text-base-content/80", children: v })
-            ]
-          }
-        )
+        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)
+        }
+      )
+    ] })
   ] });
 };
-$.displayName = "Popover";
 export {
-  $ as Popover,
-  $ as default
+  q as Pagination
 };
 //# sourceMappingURL=index57.js.map

package/dist/index57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index57.js","sources":["../src/components/Popover.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\n\nexport type PopoverPlacement =\n  | 'top'\n  | 'topLeft'\n  | 'topRight'\n  | 'bottom'\n  | 'bottomLeft'\n  | 'bottomRight'\n  | 'left'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'right'\n  | 'rightTop'\n  | 'rightBottom'\n\nexport type PopoverTrigger = 'hover' | 'click' | 'focus'\n\nexport interface PopoverProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'title'> {\n  children: React.ReactNode\n  content: React.ReactNode\n  title?: React.ReactNode\n  trigger?: PopoverTrigger\n  placement?: PopoverPlacement\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  overlayClassName?: string\n}\n\nexport const Popover: React.FC<PopoverProps> = ({\n  children,\n  content,\n  title,\n  trigger = 'hover',\n  placement = 'top',\n  open: controlledOpen,\n  onOpenChange,\n  className = '',\n  overlayClassName = '',\n  ...rest\n}) => {\n  const [internalOpen, setInternalOpen] = useState(false)\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const popoverRef = useRef<HTMLDivElement>(null)\n  const timeoutRef = useRef<NodeJS.Timeout | undefined>(undefined)\n\n  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n\n  const setOpen = (value: boolean) => {\n    if (controlledOpen === undefined) {\n      setInternalOpen(value)\n    }\n    onOpenChange?.(value)\n  }\n\n  const handleMouseEnter = () => {\n    if (trigger === 'hover') {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current)\n      setOpen(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (trigger === 'hover') {\n      timeoutRef.current = setTimeout(() => setOpen(false), 100)\n    }\n  }\n\n  const handleClick = () => {\n    if (trigger === 'click') {\n      setOpen(!isOpen)\n    }\n  }\n\n  const handleFocus = () => {\n    if (trigger === 'focus') {\n      setOpen(true)\n    }\n  }\n\n  const handleBlur = () => {\n    if (trigger === 'focus') {\n      setOpen(false)\n    }\n  }\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        trigger === 'click' &&\n        isOpen &&\n        triggerRef.current &&\n        popoverRef.current &&\n        !triggerRef.current.contains(event.target as Node) &&\n        !popoverRef.current.contains(event.target as Node)\n      ) {\n        setOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [trigger, isOpen])\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current)\n    }\n  }, [])\n\n  const getPlacementClasses = () => {\n    const baseClasses = 'absolute z-50'\n\n    const placements: Record<PopoverPlacement, string> = {\n      top: 'bottom-full left-1/2 -translate-x-1/2 mb-2',\n      topLeft: 'bottom-full left-0 mb-2',\n      topRight: 'bottom-full right-0 mb-2',\n      bottom: 'top-full left-1/2 -translate-x-1/2 mt-2',\n      bottomLeft: 'top-full left-0 mt-2',\n      bottomRight: 'top-full right-0 mt-2',\n      left: 'right-full top-1/2 -translate-y-1/2 mr-2',\n      leftTop: 'right-full top-0 mr-2',\n      leftBottom: 'right-full bottom-0 mr-2',\n      right: 'left-full top-1/2 -translate-y-1/2 ml-2',\n      rightTop: 'left-full top-0 ml-2',\n      rightBottom: 'left-full bottom-0 ml-2',\n    }\n\n    return `${baseClasses} ${placements[placement]}`\n  }\n\n  return (\n    <div className={`relative inline-block ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <div\n        ref={triggerRef}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onClick={handleClick}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        {children}\n      </div>\n\n      {isOpen && (\n        <div\n          ref={popoverRef}\n          className={getPlacementClasses()}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <div\n            className={`bg-base-100 border border-base-content/10 rounded-lg shadow-lg p-3 min-w-[200px] max-w-xs ${overlayClassName}`}\n          >\n            {title && (\n              <div className=\"font-semibold mb-2 text-base-content border-b border-base-content/10 pb-2\">\n                {title}\n              </div>\n            )}\n            <div className=\"text-sm text-base-content/80\">{content}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nPopover.displayName = 'Popover'\n\nexport default Popover\n"],"names":["Popover","children","content","title","trigger","placement","controlledOpen","onOpenChange","className","overlayClassName","rest","internalOpen","setInternalOpen","useState","triggerRef","useRef","popoverRef","timeoutRef","isOpen","setOpen","value","handleMouseEnter","handleMouseLeave","handleClick","handleFocus","handleBlur","useEffect","handleClickOutside","event","getPlacementClasses","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index57.js","sources":["../src/components/Pagination.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  current?: number\n  defaultCurrent?: number\n  total: number\n  pageSize?: number\n  defaultPageSize?: number\n  pageSizeOptions?: number[]\n  onChange?: (page: number, pageSize: number) => void\n  onShowSizeChange?: (current: number, size: number) => void\n  showSizeChanger?: boolean\n  showQuickJumper?: boolean\n  showTotal?: boolean | ((total: number, range: [number, number]) => React.ReactNode)\n  simple?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  disabled?: boolean\n}\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  current: controlledCurrent,\n  defaultCurrent = 1,\n  total,\n  pageSize: controlledPageSize,\n  defaultPageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  onChange,\n  onShowSizeChange,\n  showSizeChanger = false,\n  showQuickJumper = false,\n  showTotal = false,\n  simple = false,\n  size = 'md',\n  disabled = false,\n  className = '',\n  ...rest\n}) => {\n  const [internalCurrent, setInternalCurrent] = React.useState(defaultCurrent)\n  const [internalPageSize, setInternalPageSize] = React.useState(defaultPageSize)\n  const [jumpPage, setJumpPage] = React.useState('')\n\n  const current = controlledCurrent !== undefined ? controlledCurrent : internalCurrent\n  const pageSize = controlledPageSize !== undefined ? controlledPageSize : internalPageSize\n  const totalPages = Math.ceil(total / pageSize)\n\n  const handlePageChange = (page: number) => {\n    if (page < 1 || page > totalPages || disabled) return\n\n    if (controlledCurrent === undefined) {\n      setInternalCurrent(page)\n    }\n    onChange?.(page, pageSize)\n  }\n\n  const handlePageSizeChange = (newSize: number) => {\n    const newTotalPages = Math.ceil(total / newSize)\n    const newCurrent = current > newTotalPages ? newTotalPages : current\n\n    if (controlledPageSize === undefined) {\n      setInternalPageSize(newSize)\n    }\n    if (controlledCurrent === undefined && newCurrent !== current) {\n      setInternalCurrent(newCurrent)\n    }\n\n    onShowSizeChange?.(newCurrent, newSize)\n    onChange?.(newCurrent, newSize)\n  }\n\n  const handleJumpPage = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      const page = parseInt(jumpPage)\n      if (!isNaN(page) && page >= 1 && page <= totalPages) {\n        handlePageChange(page)\n        setJumpPage('')\n      }\n    }\n  }\n\n  const getPageNumbers = (): (number | 'ellipsis')[] => {\n    const pages: (number | 'ellipsis')[] = []\n    const showPages = 7\n\n    if (totalPages <= showPages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i)\n      }\n    } else {\n      if (current <= 3) {\n        for (let i = 1; i <= 5; i++) {\n          pages.push(i)\n        }\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      } else if (current >= totalPages - 2) {\n        pages.push(1)\n        pages.push('ellipsis')\n        for (let i = totalPages - 4; i <= totalPages; i++) {\n          pages.push(i)\n        }\n      } else {\n        pages.push(1)\n        pages.push('ellipsis')\n        for (let i = current - 1; i <= current + 1; i++) {\n          pages.push(i)\n        }\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      }\n    }\n\n    return pages\n  }\n\n  const sizeClass = {\n    xs: 'btn-xs',\n    sm: 'btn-sm',\n    md: '',\n    lg: 'btn-lg',\n  }[size]\n\n  const range: [number, number] = [\n    (current - 1) * pageSize + 1,\n    Math.min(current * pageSize, total),\n  ]\n\n  if (simple) {\n    return (\n      <div className={`flex items-center gap-2 ${className}`} {...rest}>\n        <button\n          className={`btn btn-ghost ${sizeClass}`}\n          onClick={() => handlePageChange(current - 1)}\n          disabled={disabled || current === 1}\n        >\n          ‹\n        </button>\n        <span className=\"text-sm\">\n          {current} / {totalPages}\n        </span>\n        <button\n          className={`btn btn-ghost ${sizeClass}`}\n          onClick={() => handlePageChange(current + 1)}\n          disabled={disabled || current === totalPages}\n        >\n          ›\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div className={`flex flex-wrap items-center gap-4 ${className}`} {...rest}>\n      {/* Total */}\n      {showTotal && (\n        <div className=\"text-sm text-base-content/70\">\n          {typeof showTotal === 'function'\n            ? showTotal(total, range)\n            : `Total ${total} items`}\n        </div>\n      )}\n\n      {/* Page Size Changer */}\n      {showSizeChanger && (\n        <select\n          className={`select select-bordered ${sizeClass}`}\n          value={pageSize}\n          onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n          disabled={disabled}\n        >\n          {pageSizeOptions.map((size) => (\n            <option key={size} value={size}>\n              {size} / page\n            </option>\n          ))}\n        </select>\n      )}\n\n      {/* Pagination Controls */}\n      <div className=\"join\">\n        {/* First */}\n        <button\n          className={`join-item btn ${sizeClass}`}\n          onClick={() => handlePageChange(1)}\n          disabled={disabled || current === 1}\n          title=\"First page\"\n        >\n          «\n        </button>\n\n        {/* Previous */}\n        <button\n          className={`join-item btn ${sizeClass}`}\n          onClick={() => handlePageChange(current - 1)}\n          disabled={disabled || current === 1}\n          title=\"Previous page\"\n        >\n          ‹\n        </button>\n\n        {/* Page Numbers */}\n        {getPageNumbers().map((page, index) => {\n          if (page === 'ellipsis') {\n            return (\n              <button key={`ellipsis-${index}`} className={`join-item btn btn-disabled ${sizeClass}`}>\n                ...\n              </button>\n            )\n          }\n\n          return (\n            <button\n              key={page}\n              className={`join-item btn ${sizeClass} ${current === page ? 'btn-active' : ''}`}\n              onClick={() => handlePageChange(page)}\n              disabled={disabled}\n            >\n              {page}\n            </button>\n          )\n        })}\n\n        {/* Next */}\n        <button\n          className={`join-item btn ${sizeClass}`}\n          onClick={() => handlePageChange(current + 1)}\n          disabled={disabled || current === totalPages}\n          title=\"Next page\"\n        >\n          ›\n        </button>\n\n        {/* Last */}\n        <button\n          className={`join-item btn ${sizeClass}`}\n          onClick={() => handlePageChange(totalPages)}\n          disabled={disabled || current === totalPages}\n          title=\"Last page\"\n        >\n          »\n        </button>\n      </div>\n\n      {/* Quick Jumper */}\n      {showQuickJumper && (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm\">Go to</span>\n          <input\n            type=\"number\"\n            className={`input input-bordered w-16 ${sizeClass}`}\n            min={1}\n            max={totalPages}\n            value={jumpPage}\n            onChange={(e) => setJumpPage(e.target.value)}\n            onKeyDown={handleJumpPage}\n            disabled={disabled}\n            placeholder={String(current)}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["Pagination","controlledCurrent","defaultCurrent","total","controlledPageSize","defaultPageSize","pageSizeOptions","onChange","onShowSizeChange","showSizeChanger","showQuickJumper","showTotal","simple","size","disabled","className","rest","internalCurrent","setInternalCurrent","React","internalPageSize","setInternalPageSize","jumpPage","setJumpPage","current","pageSize","totalPages","handlePageChange","page","handlePageSizeChange","newSize","newTotalPages","newCurrent","handleJumpPage","getPageNumbers","pages","i","sizeClass","range","jsx","jsxs","index"],"mappings":"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"}

package/dist/index58.js

@@ -1,23 +1,35 @@
-import { jsx as c } from "react/jsx-runtime";
-const p = {
-  neutral: "progress-neutral",
-  primary: "progress-primary",
-  secondary: "progress-secondary",
-  accent: "progress-accent",
-  info: "progress-info",
-  success: "progress-success",
-  warning: "progress-warning",
-  error: "progress-error"
-};
-function t({ value: s, max: e = 100, type: r, className: o = "", ...n }) {
-  const a = [
-    "progress",
-    r && p[r],
-    o
+import { jsx as r } from "react/jsx-runtime";
+const i = ({
+  children: s,
+  background: e = "base-200",
+  padding: a = "md",
+  minHeight: n = "screen",
+  className: t = ""
+}) => {
+  const o = {
+    "base-100": "bg-base-100",
+    "base-200": "bg-base-200",
+    "base-300": "bg-base-300",
+    neutral: "bg-neutral"
+  }, l = {
+    none: "",
+    sm: "p-4",
+    md: "p-8",
+    lg: "p-12"
+  }, b = {
+    screen: "min-h-screen",
+    full: "min-h-full",
+    auto: ""
+  }, c = [
+    o[e],
+    l[a],
+    b[n],
+    "text-base-content",
+    t
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c("progress", { className: a, value: s, max: e, ...n });
-}
+  return /* @__PURE__ */ r("div", { className: c, children: s });
+};
 export {
-  t as Progress
+  i as PageLayout
 };
 //# sourceMappingURL=index58.js.map

package/dist/index58.js.map

@@ -1 +1 @@
-{"version":3,"file":"index58.js","sources":["../src/components/Progress.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {\n  type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n}\n\nconst typeClasses = {\n  neutral: 'progress-neutral',\n  primary: 'progress-primary',\n  secondary: 'progress-secondary',\n  accent: 'progress-accent',\n  info: 'progress-info',\n  success: 'progress-success',\n  warning: 'progress-warning',\n  error: 'progress-error',\n} as const\n\nexport function Progress({ value, max = 100, type, className = '', ...rest }: ProgressProps) {\n  const classes = [\n    'progress',\n    type && typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <progress className={classes} value={value} max={max} {...rest} />\n}\n"],"names":["typeClasses","Progress","value","max","type","className","rest","classes"],"mappings":";AAMA,MAAMA,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEO,SAASC,EAAS,EAAE,OAAAC,GAAO,KAAAC,IAAM,KAAK,MAAAC,GAAM,WAAAC,IAAY,IAAI,GAAGC,KAAuB;AAC3F,QAAMC,IAAU;AAAA,IACd;AAAA,IACAH,KAAQJ,EAAYI,CAAI;AAAA,IACxBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,YAAA,EAAS,WAAWE,GAAS,OAAAL,GAAc,KAAAC,GAAW,GAAGG,GAAM;AACzE;"}
+{"version":3,"file":"index58.js","sources":["../src/components/PageLayout.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface PageLayoutProps {\n  children: React.ReactNode\n  background?: 'base-100' | 'base-200' | 'base-300' | 'neutral'\n  padding?: 'none' | 'sm' | 'md' | 'lg'\n  minHeight?: 'screen' | 'full' | 'auto'\n  className?: string\n}\n\nexport const PageLayout: React.FC<PageLayoutProps> = ({\n  children,\n  background = 'base-200',\n  padding = 'md',\n  minHeight = 'screen',\n  className = '',\n}) => {\n  const backgroundClasses = {\n    'base-100': 'bg-base-100',\n    'base-200': 'bg-base-200',\n    'base-300': 'bg-base-300',\n    neutral: 'bg-neutral',\n  }\n\n  const paddingClasses = {\n    none: '',\n    sm: 'p-4',\n    md: 'p-8',\n    lg: 'p-12',\n  }\n\n  const minHeightClasses = {\n    screen: 'min-h-screen',\n    full: 'min-h-full',\n    auto: '',\n  }\n\n  const classes = [\n    backgroundClasses[background],\n    paddingClasses[padding],\n    minHeightClasses[minHeight],\n    'text-base-content',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes}>{children}</div>\n}\n"],"names":["PageLayout","children","background","padding","minHeight","className","backgroundClasses","paddingClasses","minHeightClasses","classes","jsx"],"mappings":";AAUO,MAAMA,IAAwC,CAAC;AAAA,EACpD,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAoB;AAAA,IACxB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,EAAA,GAGLC,IAAiB;AAAA,IACrB,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAmB;AAAA,IACvB,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,EAAA,GAGFC,IAAU;AAAA,IACdH,EAAkBJ,CAAU;AAAA,IAC5BK,EAAeJ,CAAO;AAAA,IACtBK,EAAiBJ,CAAS;AAAA,IAC1B;AAAA,IACAC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAO,gBAAAK,EAAC,OAAA,EAAI,WAAWD,GAAU,UAAAR,EAAA,CAAS;AAC5C;"}

package/dist/index59.js

@@ -1,77 +1,125 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import { useRef as Q, useState as j, useEffect as R } from "react";
-import F from "./index100.js";
-const k = ({
-  value: m,
-  size: a = 160,
-  errorLevel: v = "M",
-  icon: f,
-  iconSize: t = 40,
-  type: h = "canvas",
-  color: x = "#000000",
-  bgColor: g = "#FFFFFF",
-  bordered: l = !0,
-  status: n = "active",
-  onRefresh: p,
-  className: C = "",
-  ...c
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import K, { useState as g, useRef as h, useEffect as M } from "react";
+const W = ({
+  children: c,
+  title: x,
+  description: d,
+  onConfirm: m,
+  onCancel: v,
+  okText: C = "OK",
+  cancelText: w = "Cancel",
+  okType: N = "primary",
+  cancelType: k = "ghost",
+  placement: f = "top",
+  disabled: y = !1,
+  icon: p,
+  showCancel: L = !0,
+  className: $,
+  ...O
 }) => {
-  const s = Q(null), [w, i] = j(n === "loading");
-  R(() => {
-    i(n === "loading");
-  }, [n]), R(() => {
-    if (n !== "active" || !m) return;
-    (async () => {
+  const [a, o] = g(!1), [l, u] = g(!1), r = h(null), i = h(null);
+  M(() => {
+    const t = (s) => {
+      r.current && !r.current.contains(s.target) && i.current && !i.current.contains(s.target) && o(!1);
+    };
+    if (a)
+      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+  }, [a]);
+  const j = (t) => {
+    y || (t.stopPropagation(), o(!a));
+  }, E = async () => {
+    if (m) {
+      u(!0);
       try {
-        if (i(!0), h === "canvas" && s.current && (await F.toCanvas(s.current, m, {
-          width: a,
-          margin: 1,
-          color: {
-            dark: x,
-            light: g
-          },
-          errorCorrectionLevel: v
-        }), f)) {
-          const o = s.current.getContext("2d");
-          if (o) {
-            const d = new Image();
-            d.crossOrigin = "anonymous", d.onload = () => {
-              const u = (a - t) / 2, b = (a - t) / 2;
-              o.fillStyle = g, o.fillRect(u - 4, b - 4, t + 8, t + 8), o.drawImage(d, u, b, t, t);
-            }, d.src = f;
-          }
-        }
-        i(!1);
-      } catch (N) {
-        console.error("QR Code generation error:", N), i(!1);
+        await m(), o(!1);
+      } finally {
+        u(!1);
       }
-    })();
-  }, [m, a, v, f, t, h, x, g, n]);
-  const r = [
-    "inline-flex items-center justify-center",
-    l && "border border-base-content/20 p-3",
-    "bg-base-100",
-    C
-  ].filter(Boolean).join(" ");
-  return n === "loading" || w ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (l ? 24 : 0), height: a + (l ? 24 : 0) }, "data-state": "loading", ...c, children: /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center gap-2", children: [
-    /* @__PURE__ */ e("span", { className: "loading loading-spinner loading-lg" }),
-    /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "Loading..." })
-  ] }) }) : n === "expired" ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (l ? 24 : 0), height: a + (l ? 24 : 0) }, "data-state": "expired", ...c, children: /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center gap-2", children: [
-    /* @__PURE__ */ e("svg", { className: "w-12 h-12 text-base-content/30", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
-      "path",
-      {
-        fillRule: "evenodd",
-        d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
-        clipRule: "evenodd"
+    } else
+      o(!1);
+  }, P = () => {
+    v?.(), o(!1);
+  }, R = () => `absolute z-50 ${{
+    top: "bottom-full left-1/2 -translate-x-1/2 mb-3",
+    bottom: "top-full left-1/2 -translate-x-1/2 mt-3",
+    left: "right-full top-1/2 -translate-y-1/2 mr-3",
+    right: "left-full top-1/2 -translate-y-1/2 ml-3"
+  }[f]}`, z = () => "bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg", B = () => `absolute w-2.5 h-2.5 bg-base-100 rotate-45 shadow-lg ${{
+    top: "bottom-[-5px] left-1/2 -translate-x-1/2",
+    bottom: "top-[-5px] left-1/2 -translate-x-1/2",
+    left: "right-[-5px] top-1/2 -translate-y-1/2",
+    right: "left-[-5px] top-1/2 -translate-y-1/2"
+  }[f]}`, I = {
+    primary: "btn-primary",
+    secondary: "btn-secondary",
+    accent: "btn-accent",
+    success: "btn-success",
+    warning: "btn-warning",
+    error: "btn-error",
+    info: "btn-info",
+    ghost: "btn-ghost"
+  }, b = (t) => I[t], A = /* @__PURE__ */ e(
+    "svg",
+    {
+      className: "w-5 h-5 text-warning",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ e(
+        "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"
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ n("div", { ref: r, className: `relative inline-block ${$ || ""}`, "data-state": a ? "open" : "closed", ...O, children: [
+    K.cloneElement(c, {
+      onClick: (t) => {
+        j(t);
+        const s = c.props?.onClick;
+        s && s(t);
       }
-    ) }),
-    /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "QR Code Expired" }),
-    p && /* @__PURE__ */ e("button", { className: "btn btn-sm btn-primary", onClick: p, children: "Refresh" })
-  ] }) }) : h === "canvas" ? /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...c, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("canvas", { ref: s, style: { display: "block" } }) }) }) : /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...c, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("div", { style: { width: a, height: a }, className: "bg-base-content/5", children: /* @__PURE__ */ e("span", { className: "text-xs text-base-content/50", children: "SVG mode placeholder" }) }) }) });
+    }),
+    a && /* @__PURE__ */ e("div", { className: R(), children: /* @__PURE__ */ n("div", { ref: i, className: z(), children: [
+      /* @__PURE__ */ n("div", { className: "flex gap-3 relative z-10", children: [
+        /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: p !== void 0 ? p : A }),
+        /* @__PURE__ */ n("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("div", { className: "font-semibold text-base-content mb-1", children: x }),
+          d && /* @__PURE__ */ e("div", { className: "text-sm text-base-content/70 mb-3", children: d }),
+          /* @__PURE__ */ n("div", { className: "flex justify-end gap-2 mt-3", children: [
+            L && /* @__PURE__ */ e(
+              "button",
+              {
+                className: `btn btn-sm ${b(k)}`,
+                onClick: P,
+                disabled: l,
+                children: w
+              }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                className: `btn btn-sm ${b(N)}`,
+                onClick: E,
+                disabled: l,
+                children: [
+                  l && /* @__PURE__ */ e("span", { className: "loading loading-spinner loading-xs" }),
+                  C
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: B() })
+    ] }) })
+  ] });
 };
-k.displayName = "QRCode";
 export {
-  k as QRCode,
-  k as default
+  W as Popconfirm
 };
 //# sourceMappingURL=index59.js.map