asterui 0.12.26 → 0.12.28

package/dist/index64.js

@@ -1,125 +1,89 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import A, { useState as g, useRef as h, useEffect as K } from "react";
-const T = ({
-  children: c,
-  title: x,
-  description: d,
-  onConfirm: f,
-  onCancel: v,
-  okText: C = "OK",
-  cancelText: w = "Cancel",
-  okType: N = "primary",
-  cancelType: k = "ghost",
-  placement: m = "top",
-  disabled: y = !1,
-  icon: p,
-  showCancel: L = !0,
-  className: $,
-  ...O
+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
 }) => {
-  const [a, o] = g(!1), [l, u] = g(!1), r = h(null), i = h(null);
-  K(() => {
-    const t = (s) => {
-      r.current && !r.current.contains(s.target) && i.current && !i.current.contains(s.target) && o(!1);
+  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);
     };
-    if (a)
-      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [a]);
-  const j = (t) => {
-    y || (t.stopPropagation(), o(!a));
-  }, E = async () => {
-    if (f) {
-      u(!0);
-      try {
-        await f(), o(!1);
-      } finally {
-        u(!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",
+      {
+        ref: a,
+        onMouseEnter: m,
+        onMouseLeave: d,
+        onClick: N,
+        onFocus: R,
+        onBlur: w,
+        children: h
       }
-    } 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"
-  }[m]}`, 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"
-  }[m]}`, 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], _ = /* @__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: [
-    A.cloneElement(c, {
-      onClick: (t) => {
-        j(t);
-        const s = c.props?.onClick;
-        s && s(t);
+    ),
+    s && /* @__PURE__ */ l(
+      "div",
+      {
+        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 })
+            ]
+          }
+        )
       }
-    }),
-    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 : _ }),
-        /* @__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() })
-    ] }) })
+    )
   ] });
 };
+$.displayName = "Popover";
 export {
-  T as Popconfirm
+  $ as Popover,
+  $ as default
 };
 //# sourceMappingURL=index64.js.map

package/dist/index64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index64.js","sources":["../src/components/Popconfirm.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\n\nexport interface PopconfirmProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  children: React.ReactElement\n  title: React.ReactNode\n  description?: React.ReactNode\n  onConfirm?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  okType?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info'\n  cancelType?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'ghost'\n  placement?: 'top' | 'bottom' | 'left' | 'right'\n  disabled?: boolean\n  icon?: React.ReactNode\n  showCancel?: boolean\n}\n\nexport const Popconfirm: React.FC<PopconfirmProps> = ({\n  children,\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  okType = 'primary',\n  cancelType = 'ghost',\n  placement = 'top',\n  disabled = false,\n  icon,\n  showCancel = true,\n  className,\n  ...rest\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const [loading, setLoading] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const popupRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(event.target as Node) &&\n        popupRef.current &&\n        !popupRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  const handleTriggerClick = (e: React.MouseEvent) => {\n    if (disabled) return\n    e.stopPropagation()\n    setIsOpen(!isOpen)\n  }\n\n  const handleConfirm = async () => {\n    if (onConfirm) {\n      setLoading(true)\n      try {\n        await onConfirm()\n        setIsOpen(false)\n      } finally {\n        setLoading(false)\n      }\n    } else {\n      setIsOpen(false)\n    }\n  }\n\n  const handleCancel = () => {\n    onCancel?.()\n    setIsOpen(false)\n  }\n\n  const getPopupContainerClasses = () => {\n    const positions = {\n      top: 'bottom-full left-1/2 -translate-x-1/2 mb-3',\n      bottom: 'top-full left-1/2 -translate-x-1/2 mt-3',\n      left: 'right-full top-1/2 -translate-y-1/2 mr-3',\n      right: 'left-full top-1/2 -translate-y-1/2 ml-3',\n    }\n\n    return `absolute z-50 ${positions[placement]}`\n  }\n\n  const getPopupClasses = () => {\n    return 'bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg'\n  }\n\n  const getArrowClasses = () => {\n    const base = 'absolute w-2.5 h-2.5 bg-base-100 rotate-45 shadow-lg'\n\n    const positions = {\n      top: 'bottom-[-5px] left-1/2 -translate-x-1/2',\n      bottom: 'top-[-5px] left-1/2 -translate-x-1/2',\n      left: 'right-[-5px] top-1/2 -translate-y-1/2',\n      right: 'left-[-5px] top-1/2 -translate-y-1/2',\n    }\n\n    return `${base} ${positions[placement]}`\n  }\n\n  const buttonClasses = {\n    primary: 'btn-primary',\n    secondary: 'btn-secondary',\n    accent: 'btn-accent',\n    success: 'btn-success',\n    warning: 'btn-warning',\n    error: 'btn-error',\n    info: 'btn-info',\n    ghost: 'btn-ghost',\n  } as const\n\n  const getButtonClass = (type: keyof typeof buttonClasses) => {\n    return buttonClasses[type]\n  }\n\n  const defaultIcon = (\n    <svg\n      className=\"w-5 h-5 text-warning\"\n      fill=\"none\"\n      stroke=\"currentColor\"\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\n  return (\n    <div ref={containerRef} className={`relative inline-block ${className || ''}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      {React.cloneElement(children, {\n        onClick: (e: React.MouseEvent) => {\n          handleTriggerClick(e)\n          const originalOnClick = (children.props as any)?.onClick\n          if (originalOnClick) {\n            originalOnClick(e)\n          }\n        },\n      } as any)}\n\n      {isOpen && (\n        <div className={getPopupContainerClasses()}>\n          <div ref={popupRef} className={getPopupClasses()}>\n            <div className=\"flex gap-3 relative z-10\">\n              <div className=\"flex-shrink-0 mt-0.5\">\n                {icon !== undefined ? icon : defaultIcon}\n              </div>\n              <div className=\"flex-1\">\n                <div className=\"font-semibold text-base-content mb-1\">{title}</div>\n                {description && (\n                  <div className=\"text-sm text-base-content/70 mb-3\">{description}</div>\n                )}\n                <div className=\"flex justify-end gap-2 mt-3\">\n                  {showCancel && (\n                    <button\n                      className={`btn btn-sm ${getButtonClass(cancelType)}`}\n                      onClick={handleCancel}\n                      disabled={loading}\n                    >\n                      {cancelText}\n                    </button>\n                  )}\n                  <button\n                    className={`btn btn-sm ${getButtonClass(okType)}`}\n                    onClick={handleConfirm}\n                    disabled={loading}\n                  >\n                    {loading && <span className=\"loading loading-spinner loading-xs\"></span>}\n                    {okText}\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div className={getArrowClasses()} />\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["Popconfirm","children","title","description","onConfirm","onCancel","okText","cancelText","okType","cancelType","placement","disabled","icon","showCancel","className","rest","isOpen","setIsOpen","useState","loading","setLoading","containerRef","useRef","popupRef","useEffect","handleClickOutside","event","handleTriggerClick","e","handleConfirm","handleCancel","getPopupContainerClasses","getPopupClasses","getArrowClasses","buttonClasses","getButtonClass","type","defaultIcon","jsx","jsxs","React","originalOnClick"],"mappings":"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"}
+{"version":3,"file":"index64.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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"}

package/dist/index65.js

@@ -1,89 +1,23 @@
-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
-}) => {
-  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",
-      {
-        ref: a,
-        onMouseEnter: m,
-        onMouseLeave: d,
-        onClick: N,
-        onFocus: R,
-        onBlur: w,
-        children: h
-      }
-    ),
-    s && /* @__PURE__ */ l(
-      "div",
-      {
-        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 })
-            ]
-          }
-        )
-      }
-    )
-  ] });
+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"
 };
-$.displayName = "Popover";
+function t({ value: s, max: e = 100, type: r, className: o = "", ...n }) {
+  const a = [
+    "progress",
+    r && p[r],
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c("progress", { className: a, value: s, max: e, ...n });
+}
 export {
-  $ as Popover,
-  $ as default
+  t as Progress
 };
 //# sourceMappingURL=index65.js.map

package/dist/index65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index65.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":"index65.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;"}

package/dist/index66.js

@@ -1,23 +1,77 @@
-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 e, jsxs as y } from "react/jsx-runtime";
+import { useRef as Q, useState as j, useEffect as R } from "react";
+import F from "qrcode";
+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
+}) => {
+  const s = Q(null), [w, i] = j(n === "loading");
+  R(() => {
+    i(n === "loading");
+  }, [n]), R(() => {
+    if (n !== "active" || !m) return;
+    (async () => {
+      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);
+      }
+    })();
+  }, [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 /* @__PURE__ */ c("progress", { className: a, value: s, max: e, ...n });
-}
+  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"
+      }
+    ) }),
+    /* @__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" }) }) }) });
+};
+k.displayName = "QRCode";
 export {
-  t as Progress
+  k as QRCode,
+  k as default
 };
 //# sourceMappingURL=index66.js.map

package/dist/index66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index66.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":"index66.js","sources":["../src/components/QRCode.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport QRCodeLib from 'qrcode'\n\nexport type QRCodeErrorLevel = 'L' | 'M' | 'Q' | 'H'\nexport type QRCodeType = 'canvas' | 'svg'\nexport type QRCodeStatus = 'active' | 'loading' | 'expired'\n\nexport interface QRCodeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: string\n  size?: number\n  errorLevel?: QRCodeErrorLevel\n  icon?: string\n  iconSize?: number\n  type?: QRCodeType\n  color?: string\n  bgColor?: string\n  bordered?: boolean\n  status?: QRCodeStatus\n  onRefresh?: () => void\n}\n\nexport const QRCode: React.FC<QRCodeProps> = ({\n  value,\n  size = 160,\n  errorLevel = 'M',\n  icon,\n  iconSize = 40,\n  type = 'canvas',\n  color = '#000000',\n  bgColor = '#FFFFFF',\n  bordered = true,\n  status = 'active',\n  onRefresh,\n  className = '',\n  ...rest\n}) => {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const [loading, setLoading] = useState(status === 'loading')\n\n  useEffect(() => {\n    setLoading(status === 'loading')\n  }, [status])\n\n  useEffect(() => {\n    if (status !== 'active' || !value) return\n\n    const generateQRCode = async () => {\n      try {\n        setLoading(true)\n\n        if (type === 'canvas' && canvasRef.current) {\n          await QRCodeLib.toCanvas(canvasRef.current, value, {\n            width: size,\n            margin: 1,\n            color: {\n              dark: color,\n              light: bgColor,\n            },\n            errorCorrectionLevel: errorLevel,\n          })\n\n          if (icon) {\n            const canvas = canvasRef.current\n            const ctx = canvas.getContext('2d')\n            if (ctx) {\n              const img = new Image()\n              img.crossOrigin = 'anonymous'\n              img.onload = () => {\n                const iconX = (size - iconSize) / 2\n                const iconY = (size - iconSize) / 2\n                ctx.fillStyle = bgColor\n                ctx.fillRect(iconX - 4, iconY - 4, iconSize + 8, iconSize + 8)\n                ctx.drawImage(img, iconX, iconY, iconSize, iconSize)\n              }\n              img.src = icon\n            }\n          }\n        }\n\n        setLoading(false)\n      } catch (error) {\n        console.error('QR Code generation error:', error)\n        setLoading(false)\n      }\n    }\n\n    generateQRCode()\n  }, [value, size, errorLevel, icon, iconSize, type, color, bgColor, status])\n\n  // Download functionality can be implemented by consumers\n  // by accessing the canvas ref and converting to data URL\n\n  const containerClasses = [\n    'inline-flex items-center justify-center',\n    bordered && 'border border-base-content/20 p-3',\n    'bg-base-100',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (status === 'loading' || loading) {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"loading\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <span className=\"loading loading-spinner loading-lg\"></span>\n          <span className=\"text-sm text-base-content/70\">Loading...</span>\n        </div>\n      </div>\n    )\n  }\n\n  if (status === 'expired') {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"expired\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <svg className=\"w-12 h-12 text-base-content/30\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              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\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          <span className=\"text-sm text-base-content/70\">QR Code Expired</span>\n          {onRefresh && (\n            <button className=\"btn btn-sm btn-primary\" onClick={onRefresh}>\n              Refresh\n            </button>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  if (type === 'canvas') {\n    return (\n      <div className=\"inline-block\" data-state=\"active\" {...rest}>\n        <div className={containerClasses}>\n          <canvas ref={canvasRef} style={{ display: 'block' }} />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"inline-block\" data-state=\"active\" {...rest}>\n      <div className={containerClasses}>\n        <div style={{ width: size, height: size }} className=\"bg-base-content/5\">\n          <span className=\"text-xs text-base-content/50\">SVG mode placeholder</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nQRCode.displayName = 'QRCode'\n\nexport default QRCode\n"],"names":["QRCode","value","size","errorLevel","icon","iconSize","type","color","bgColor","bordered","status","onRefresh","className","rest","canvasRef","useRef","loading","setLoading","useState","useEffect","QRCodeLib","ctx","img","iconX","iconY","error","containerClasses","jsx","jsxs"],"mappings":"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"}