asterui 0.12.49 → 0.12.51

package/dist/components/Popconfirm.js

@@ -1,71 +1,71 @@
-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,
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import G, { useState as b, useRef as h, useEffect as K } from "react";
+const x = "btn", v = "btn-sm", M = "btn-primary", T = "btn-secondary", X = "btn-accent", q = "btn-success", D = "btn-warning", F = "btn-error", H = "btn-info", J = "btn-ghost", Q = "loading", U = "loading-spinner", V = "loading-xs", _ = ({
+  children: i,
+  title: C,
   description: d,
   onConfirm: m,
-  onCancel: v,
-  okText: C = "OK",
-  cancelText: w = "Cancel",
-  okType: N = "primary",
-  cancelType: k = "ghost",
+  onCancel: y,
+  okText: w = "OK",
+  cancelText: N = "Cancel",
+  okType: k = "primary",
+  cancelType: $ = "ghost",
   placement: f = "top",
-  disabled: y = !1,
+  disabled: B = !1,
   icon: p,
   showCancel: L = !0,
-  className: $,
+  className: E,
   ...O
 }) => {
-  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);
+  const [o, a] = b(!1), [l, u] = b(!1), r = h(null), c = h(null);
+  K(() => {
+    const t = (e) => {
+      r.current && !r.current.contains(e.target) && c.current && !c.current.contains(e.target) && a(!1);
     };
-    if (a)
+    if (o)
       return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [a]);
-  const j = (t) => {
-    y || (t.stopPropagation(), o(!a));
-  }, E = async () => {
+  }, [o]);
+  const P = (t) => {
+    B || (t.stopPropagation(), a(!o));
+  }, S = async () => {
     if (m) {
       u(!0);
       try {
-        await m(), o(!1);
+        await m(), a(!1);
       } finally {
         u(!1);
       }
     } else
-      o(!1);
-  }, P = () => {
-    v?.(), o(!1);
+      a(!1);
+  }, j = () => {
+    y?.(), a(!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 ${{
+  }[f]}`, z = () => "bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg", I = () => `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(
+  }[f]}`, A = {
+    primary: M,
+    secondary: T,
+    accent: X,
+    success: q,
+    warning: D,
+    error: F,
+    info: H,
+    ghost: J
+  }, g = (t) => A[t], W = /* @__PURE__ */ n(
     "svg",
     {
       className: "w-5 h-5 text-warning",
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ n(
         "path",
         {
           strokeLinecap: "round",
@@ -76,50 +76,50 @@ const W = ({
       )
     }
   );
-  return /* @__PURE__ */ n("div", { ref: r, className: `relative inline-block ${$ || ""}`, "data-state": a ? "open" : "closed", ...O, children: [
-    K.cloneElement(c, {
+  return /* @__PURE__ */ s("div", { ref: r, className: `relative inline-block ${E || ""}`, "data-state": o ? "open" : "closed", ...O, children: [
+    G.cloneElement(i, {
       onClick: (t) => {
-        j(t);
-        const s = c.props?.onClick;
-        s && s(t);
+        P(t);
+        const e = i.props?.onClick;
+        e && e(t);
       }
     }),
-    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(
+    o && /* @__PURE__ */ n("div", { className: R(), children: /* @__PURE__ */ s("div", { ref: c, className: z(), children: [
+      /* @__PURE__ */ s("div", { className: "flex gap-3 relative z-10", children: [
+        /* @__PURE__ */ n("div", { className: "flex-shrink-0 mt-0.5", children: p !== void 0 ? p : W }),
+        /* @__PURE__ */ s("div", { className: "flex-1", children: [
+          /* @__PURE__ */ n("div", { className: "font-semibold text-base-content mb-1", children: C }),
+          d && /* @__PURE__ */ n("div", { className: "text-sm text-base-content/70 mb-3", children: d }),
+          /* @__PURE__ */ s("div", { className: "flex justify-end gap-2 mt-3", children: [
+            L && /* @__PURE__ */ n(
               "button",
               {
-                className: `btn btn-sm ${b(k)}`,
-                onClick: P,
+                className: `${x} ${v} ${g($)}`,
+                onClick: j,
                 disabled: l,
-                children: w
+                children: N
               }
             ),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ s(
               "button",
               {
-                className: `btn btn-sm ${b(N)}`,
-                onClick: E,
+                className: `${x} ${v} ${g(k)}`,
+                onClick: S,
                 disabled: l,
                 children: [
-                  l && /* @__PURE__ */ e("span", { className: "loading loading-spinner loading-xs" }),
-                  C
+                  l && /* @__PURE__ */ n("span", { className: `${Q} ${U} ${V}` }),
+                  w
                 ]
               }
             )
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: B() })
+      /* @__PURE__ */ n("div", { className: I() })
     ] }) })
   ] });
 };
 export {
-  W as Popconfirm
+  _ as Popconfirm
 };
 //# sourceMappingURL=Popconfirm.js.map

package/dist/components/Popconfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popconfirm.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":"Popconfirm.js","sources":["../../src/components/Popconfirm.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnSm = 'btn-sm'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnSecondary = 'btn-secondary'\nconst dBtnAccent = 'btn-accent'\nconst dBtnSuccess = 'btn-success'\nconst dBtnWarning = 'btn-warning'\nconst dBtnError = 'btn-error'\nconst dBtnInfo = 'btn-info'\nconst dBtnGhost = 'btn-ghost'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\nconst dLoadingXs = 'loading-xs'\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: dBtnPrimary,\n    secondary: dBtnSecondary,\n    accent: dBtnAccent,\n    success: dBtnSuccess,\n    warning: dBtnWarning,\n    error: dBtnError,\n    info: dBtnInfo,\n    ghost: dBtnGhost,\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={`${dBtn} ${dBtnSm} ${getButtonClass(cancelType)}`}\n                      onClick={handleCancel}\n                      disabled={loading}\n                    >\n                      {cancelText}\n                    </button>\n                  )}\n                  <button\n                    className={`${dBtn} ${dBtnSm} ${getButtonClass(okType)}`}\n                    onClick={handleConfirm}\n                    disabled={loading}\n                  >\n                    {loading && <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingXs}`}></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":["dBtn","dBtnSm","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnSuccess","dBtnWarning","dBtnError","dBtnInfo","dBtnGhost","dLoading","dLoadingSpinner","dLoadingXs","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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"}

package/dist/components/Progress.js

@@ -1,23 +1,23 @@
-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"
+import { jsx as g } from "react/jsx-runtime";
+const t = "progress", a = "progress-neutral", p = "progress-primary", d = "progress-secondary", i = "progress-accent", P = "progress-info", l = "progress-success", u = "progress-warning", f = "progress-error", m = {
+  neutral: a,
+  primary: p,
+  secondary: d,
+  accent: i,
+  info: P,
+  success: l,
+  warning: u,
+  error: f
 };
-function t({ value: s, max: e = 100, type: r, className: o = "", ...n }) {
-  const a = [
-    "progress",
-    r && p[r],
-    o
+function j({ value: s, max: o = 100, type: r, className: e = "", ...n }) {
+  const c = [
+    t,
+    r && m[r],
+    e
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c("progress", { className: a, value: s, max: e, ...n });
+  return /* @__PURE__ */ g("progress", { className: c, value: s, max: o, ...n });
 }
 export {
-  t as Progress
+  j as Progress
 };
 //# sourceMappingURL=Progress.js.map

package/dist/components/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.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":"Progress.js","sources":["../../src/components/Progress.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dProgress = 'progress'\nconst dProgressNeutral = 'progress-neutral'\nconst dProgressPrimary = 'progress-primary'\nconst dProgressSecondary = 'progress-secondary'\nconst dProgressAccent = 'progress-accent'\nconst dProgressInfo = 'progress-info'\nconst dProgressSuccess = 'progress-success'\nconst dProgressWarning = 'progress-warning'\nconst dProgressError = 'progress-error'\n\nexport interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {\n  type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n}\n\nconst typeClasses = {\n  neutral: dProgressNeutral,\n  primary: dProgressPrimary,\n  secondary: dProgressSecondary,\n  accent: dProgressAccent,\n  info: dProgressInfo,\n  success: dProgressSuccess,\n  warning: dProgressWarning,\n  error: dProgressError,\n} as const\n\nexport function Progress({ value, max = 100, type, className = '', ...rest }: ProgressProps) {\n  const classes = [\n    dProgress,\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":["dProgress","dProgressNeutral","dProgressPrimary","dProgressSecondary","dProgressAccent","dProgressInfo","dProgressSuccess","dProgressWarning","dProgressError","typeClasses","Progress","value","max","type","className","rest","classes"],"mappings":";AAGA,MAAMA,IAAY,YACZC,IAAmB,oBACnBC,IAAmB,oBACnBC,IAAqB,sBACrBC,IAAkB,mBAClBC,IAAgB,iBAChBC,IAAmB,oBACnBC,IAAmB,oBACnBC,IAAiB,kBAMjBC,IAAc;AAAA,EAClB,SAASR;AAAA,EACT,SAASC;AAAA,EACT,WAAWC;AAAA,EACX,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,SAASC;AAAA,EACT,SAASC;AAAA,EACT,OAAOC;AACT;AAEO,SAASE,EAAS,EAAE,OAAAC,GAAO,KAAAC,IAAM,KAAK,MAAAC,GAAM,WAAAC,IAAY,IAAI,GAAGC,KAAuB;AAC3F,QAAMC,IAAU;AAAA,IACdhB;AAAA,IACAa,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/components/QRCode.js

@@ -1,20 +1,20 @@
 import { jsx as e, jsxs as b } from "react/jsx-runtime";
 import { useRef as R, useEffect as C } from "react";
 import w from "qrcode";
-const Q = ({
+const Q = "loading", j = "loading-spinner", F = "loading-lg", L = "btn", $ = "btn-sm", k = "btn-primary", B = ({
   value: o,
-  size: a = 160,
-  errorLevel: v = "M",
+  size: t = 160,
+  errorLevel: g = "M",
   icon: m,
-  iconSize: t = 40,
+  iconSize: n = 40,
   type: f = "canvas",
-  color: g = "#000000",
+  color: v = "#000000",
   bgColor: h = "#FFFFFF",
-  bordered: n = !0,
+  bordered: a = !0,
   status: s = "active",
   onRefresh: x,
   className: y = "",
-  ...l
+  ...r
 }) => {
   const c = R(null);
   C(() => {
@@ -23,20 +23,20 @@ const Q = ({
       if (c.current)
         try {
           if (await w.toCanvas(c.current, o, {
-            width: a,
+            width: t,
             margin: 1,
             color: {
-              dark: g,
+              dark: v,
               light: h
             },
-            errorCorrectionLevel: v
+            errorCorrectionLevel: g
           }), m && c.current) {
             const i = c.current.getContext("2d");
             if (i) {
               const d = new Image();
               d.crossOrigin = "anonymous", d.onload = () => {
-                const u = (a - t) / 2, N = (a - t) / 2;
-                i.fillStyle = h, i.fillRect(u - 4, N - 4, t + 8, t + 8), i.drawImage(d, u, N, t, t);
+                const u = (t - n) / 2, N = (t - n) / 2;
+                i.fillStyle = h, i.fillRect(u - 4, N - 4, n + 8, n + 8), i.drawImage(d, u, N, n, n);
               }, d.src = m;
             }
           }
@@ -44,17 +44,17 @@ const Q = ({
           console.error("QR Code generation error:", p);
         }
     })();
-  }, [o, a, v, m, t, f, g, h, s]);
-  const r = [
+  }, [o, t, g, m, n, f, v, h, s]);
+  const l = [
     "inline-flex items-center justify-center",
-    n && "border border-base-content/20 p-3",
+    a && "border border-base-content/20 p-3",
     "bg-base-100",
     y
   ].filter(Boolean).join(" ");
-  return s === "loading" ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (n ? 24 : 0), height: a + (n ? 24 : 0) }, "data-state": "loading", ...l, children: /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center gap-2", children: [
-    /* @__PURE__ */ e("span", { className: "loading loading-spinner loading-lg" }),
+  return s === "loading" ? /* @__PURE__ */ e("div", { className: l, style: { width: t + (a ? 24 : 0), height: t + (a ? 24 : 0) }, "data-state": "loading", ...r, children: /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center gap-2", children: [
+    /* @__PURE__ */ e("span", { className: `${Q} ${j} ${F}` }),
     /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "Loading..." })
-  ] }) }) : s === "expired" ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (n ? 24 : 0), height: a + (n ? 24 : 0) }, "data-state": "expired", ...l, children: /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center gap-2", children: [
+  ] }) }) : s === "expired" ? /* @__PURE__ */ e("div", { className: l, style: { width: t + (a ? 24 : 0), height: t + (a ? 24 : 0) }, "data-state": "expired", ...r, children: /* @__PURE__ */ b("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",
       {
@@ -64,12 +64,12 @@ const Q = ({
       }
     ) }),
     /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "QR Code Expired" }),
-    x && /* @__PURE__ */ e("button", { className: "btn btn-sm btn-primary", onClick: x, children: "Refresh" })
-  ] }) }) : f === "canvas" ? /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...l, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("canvas", { ref: c, style: { display: "block" } }) }) }) : /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...l, 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" }) }) }) });
+    x && /* @__PURE__ */ e("button", { className: `${L} ${$} ${k}`, onClick: x, children: "Refresh" })
+  ] }) }) : f === "canvas" ? /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...r, children: /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ e("canvas", { ref: c, style: { display: "block" } }) }) }) : /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...r, children: /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ e("div", { style: { width: t, height: t }, className: "bg-base-content/5", children: /* @__PURE__ */ e("span", { className: "text-xs text-base-content/50", children: "SVG mode placeholder" }) }) }) });
 };
-Q.displayName = "QRCode";
+B.displayName = "QRCode";
 export {
-  Q as QRCode,
-  Q as default
+  B as QRCode,
+  B as default
 };
 //# sourceMappingURL=QRCode.js.map

package/dist/components/QRCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCode.js","sources":["../../src/components/QRCode.tsx"],"sourcesContent":["import React, { useEffect, useRef } 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\n  useEffect(() => {\n    if (status !== 'active' || !value || type !== 'canvas') return\n\n    const generateQRCode = async () => {\n      if (!canvasRef.current) return\n\n      try {\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 && canvasRef.current) {\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      } catch (error) {\n        console.error('QR Code generation error:', error)\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') {\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","useEffect","QRCodeLib","ctx","img","iconX","iconY","error","containerClasses","jsx","jsxs"],"mappings":";;;AAqBO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAYC,EAA0B,IAAI;AAEhD,EAAAC,EAAU,MAAM;AACd,QAAIN,MAAW,YAAY,CAACT,KAASK,MAAS,SAAU;AAqCxD,KAnCuB,YAAY;AACjC,UAAKQ,EAAU;AAEf,YAAI;AAWF,cAVA,MAAMG,EAAU,SAASH,EAAU,SAASb,GAAO;AAAA,YACjD,OAAOC;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,cACL,MAAMK;AAAA,cACN,OAAOC;AAAA,YAAA;AAAA,YAET,sBAAsBL;AAAA,UAAA,CACvB,GAEGC,KAAQU,EAAU,SAAS;AAE7B,kBAAMI,IADSJ,EAAU,QACN,WAAW,IAAI;AAClC,gBAAII,GAAK;AACP,oBAAMC,IAAM,IAAI,MAAA;AAChB,cAAAA,EAAI,cAAc,aAClBA,EAAI,SAAS,MAAM;AACjB,sBAAMC,KAASlB,IAAOG,KAAY,GAC5BgB,KAASnB,IAAOG,KAAY;AAClC,gBAAAa,EAAI,YAAYV,GAChBU,EAAI,SAASE,IAAQ,GAAGC,IAAQ,GAAGhB,IAAW,GAAGA,IAAW,CAAC,GAC7Da,EAAI,UAAUC,GAAKC,GAAOC,GAAOhB,GAAUA,CAAQ;AAAA,cACrD,GACAc,EAAI,MAAMf;AAAA,YACZ;AAAA,UACF;AAAA,QACF,SAASkB,GAAO;AACd,kBAAQ,MAAM,6BAA6BA,CAAK;AAAA,QAClD;AAAA,IACF,GAEA;AAAA,EACF,GAAG,CAACrB,GAAOC,GAAMC,GAAYC,GAAMC,GAAUC,GAAMC,GAAOC,GAASE,CAAM,CAAC;AAK1E,QAAMa,IAAmB;AAAA,IACvB;AAAA,IACAd,KAAY;AAAA,IACZ;AAAA,IACAG;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIF,MAAW,YAEX,gBAAAc,EAAC,OAAA,EAAI,WAAWD,GAAkB,OAAO,EAAE,OAAOrB,KAAQO,IAAW,KAAK,IAAI,QAAQP,KAAQO,IAAW,KAAK,GAAA,GAAM,cAAW,WAAW,GAAGI,GAC3I,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,IAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,qCAAA,CAAqC;AAAA,IACrD,gBAAAA,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,aAAA,CAAU;AAAA,EAAA,EAAA,CAC3D,EAAA,CACF,IAIAd,MAAW,YAEX,gBAAAc,EAAC,OAAA,EAAI,WAAWD,GAAkB,OAAO,EAAE,OAAOrB,KAAQO,IAAW,KAAK,IAAI,QAAQP,KAAQO,IAAW,KAAK,GAAA,GAAM,cAAW,WAAW,GAAGI,GAC3I,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,IAAA,gBAAAD,EAAC,SAAI,WAAU,kCAAiC,MAAK,gBAAe,SAAQ,aAC1E,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,GAAE;AAAA,QACF,UAAS;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,IACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,mBAAe;AAAA,IAC7Db,KACC,gBAAAa,EAAC,UAAA,EAAO,WAAU,0BAAyB,SAASb,GAAW,UAAA,UAAA,CAE/D;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF,IAIAL,MAAS,WAET,gBAAAkB,EAAC,SAAI,WAAU,gBAAe,cAAW,UAAU,GAAGX,GACpD,UAAA,gBAAAW,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA,gBAAAC,EAAC,UAAA,EAAO,KAAKV,GAAW,OAAO,EAAE,SAAS,QAAA,GAAW,EAAA,CACvD,EAAA,CACF,IAKF,gBAAAU,EAAC,OAAA,EAAI,WAAU,gBAAe,cAAW,UAAU,GAAGX,GACpD,UAAA,gBAAAW,EAAC,OAAA,EAAI,WAAWD,GACd,4BAAC,OAAA,EAAI,OAAO,EAAE,OAAOrB,GAAM,QAAQA,EAAA,GAAQ,WAAU,qBACnD,UAAA,gBAAAsB,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,uBAAA,CAAoB,EAAA,CACrE,GACF,GACF;AAEJ;AAEAxB,EAAO,cAAc;"}
+{"version":3,"file":"QRCode.js","sources":["../../src/components/QRCode.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\nimport QRCodeLib from 'qrcode'\n\n// DaisyUI classes\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\nconst dLoadingLg = 'loading-lg'\nconst dBtn = 'btn'\nconst dBtnSm = 'btn-sm'\nconst dBtnPrimary = 'btn-primary'\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\n  useEffect(() => {\n    if (status !== 'active' || !value || type !== 'canvas') return\n\n    const generateQRCode = async () => {\n      if (!canvasRef.current) return\n\n      try {\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 && canvasRef.current) {\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      } catch (error) {\n        console.error('QR Code generation error:', error)\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') {\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={`${dLoading} ${dLoadingSpinner} ${dLoadingLg}`}></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={`${dBtn} ${dBtnSm} ${dBtnPrimary}`} 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":["dLoading","dLoadingSpinner","dLoadingLg","dBtn","dBtnSm","dBtnPrimary","QRCode","value","size","errorLevel","icon","iconSize","type","color","bgColor","bordered","status","onRefresh","className","rest","canvasRef","useRef","useEffect","QRCodeLib","ctx","img","iconX","iconY","error","containerClasses","jsx","jsxs"],"mappings":";;;AAIA,MAAMA,IAAW,WACXC,IAAkB,mBAClBC,IAAa,cACbC,IAAO,OACPC,IAAS,UACTC,IAAc,eAoBPC,IAAgC,CAAC;AAAA,EAC5C,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAYC,EAA0B,IAAI;AAEhD,EAAAC,EAAU,MAAM;AACd,QAAIN,MAAW,YAAY,CAACT,KAASK,MAAS,SAAU;AAqCxD,KAnCuB,YAAY;AACjC,UAAKQ,EAAU;AAEf,YAAI;AAWF,cAVA,MAAMG,EAAU,SAASH,EAAU,SAASb,GAAO;AAAA,YACjD,OAAOC;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,cACL,MAAMK;AAAA,cACN,OAAOC;AAAA,YAAA;AAAA,YAET,sBAAsBL;AAAA,UAAA,CACvB,GAEGC,KAAQU,EAAU,SAAS;AAE7B,kBAAMI,IADSJ,EAAU,QACN,WAAW,IAAI;AAClC,gBAAII,GAAK;AACP,oBAAMC,IAAM,IAAI,MAAA;AAChB,cAAAA,EAAI,cAAc,aAClBA,EAAI,SAAS,MAAM;AACjB,sBAAMC,KAASlB,IAAOG,KAAY,GAC5BgB,KAASnB,IAAOG,KAAY;AAClC,gBAAAa,EAAI,YAAYV,GAChBU,EAAI,SAASE,IAAQ,GAAGC,IAAQ,GAAGhB,IAAW,GAAGA,IAAW,CAAC,GAC7Da,EAAI,UAAUC,GAAKC,GAAOC,GAAOhB,GAAUA,CAAQ;AAAA,cACrD,GACAc,EAAI,MAAMf;AAAA,YACZ;AAAA,UACF;AAAA,QACF,SAASkB,GAAO;AACd,kBAAQ,MAAM,6BAA6BA,CAAK;AAAA,QAClD;AAAA,IACF,GAEA;AAAA,EACF,GAAG,CAACrB,GAAOC,GAAMC,GAAYC,GAAMC,GAAUC,GAAMC,GAAOC,GAASE,CAAM,CAAC;AAK1E,QAAMa,IAAmB;AAAA,IACvB;AAAA,IACAd,KAAY;AAAA,IACZ;AAAA,IACAG;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIF,MAAW,YAEX,gBAAAc,EAAC,OAAA,EAAI,WAAWD,GAAkB,OAAO,EAAE,OAAOrB,KAAQO,IAAW,KAAK,IAAI,QAAQP,KAAQO,IAAW,KAAK,GAAA,GAAM,cAAW,WAAW,GAAGI,GAC3I,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,IAAA,gBAAAD,EAAC,QAAA,EAAK,WAAW,GAAG9B,CAAQ,IAAIC,CAAe,IAAIC,CAAU,GAAA,CAAI;AAAA,IACjE,gBAAA4B,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,aAAA,CAAU;AAAA,EAAA,EAAA,CAC3D,EAAA,CACF,IAIAd,MAAW,YAEX,gBAAAc,EAAC,OAAA,EAAI,WAAWD,GAAkB,OAAO,EAAE,OAAOrB,KAAQO,IAAW,KAAK,IAAI,QAAQP,KAAQO,IAAW,KAAK,GAAA,GAAM,cAAW,WAAW,GAAGI,GAC3I,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,IAAA,gBAAAD,EAAC,SAAI,WAAU,kCAAiC,MAAK,gBAAe,SAAQ,aAC1E,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,GAAE;AAAA,QACF,UAAS;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,IACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,mBAAe;AAAA,IAC7Db,KACC,gBAAAa,EAAC,UAAA,EAAO,WAAW,GAAG3B,CAAI,IAAIC,CAAM,IAAIC,CAAW,IAAI,SAASY,GAAW,UAAA,UAAA,CAE3E;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF,IAIAL,MAAS,WAET,gBAAAkB,EAAC,SAAI,WAAU,gBAAe,cAAW,UAAU,GAAGX,GACpD,UAAA,gBAAAW,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA,gBAAAC,EAAC,UAAA,EAAO,KAAKV,GAAW,OAAO,EAAE,SAAS,QAAA,GAAW,EAAA,CACvD,EAAA,CACF,IAKF,gBAAAU,EAAC,OAAA,EAAI,WAAU,gBAAe,cAAW,UAAU,GAAGX,GACpD,UAAA,gBAAAW,EAAC,OAAA,EAAI,WAAWD,GACd,4BAAC,OAAA,EAAI,OAAO,EAAE,OAAOrB,GAAM,QAAQA,EAAA,GAAQ,WAAU,qBACnD,UAAA,gBAAAsB,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,uBAAA,CAAoB,EAAA,CACrE,GACF,GACF;AAEJ;AAEAxB,EAAO,cAAc;"}

package/dist/components/RadialProgress.js

@@ -1,5 +1,5 @@
-import { jsx as p } from "react/jsx-runtime";
-const f = {
+import { jsx as x } from "react/jsx-runtime";
+const p = "radial-progress", f = "--value", m = "--size", y = "--thickness", g = {
   primary: "text-primary",
   secondary: "text-secondary",
   accent: "text-accent",
@@ -8,41 +8,41 @@ const f = {
   error: "text-error",
   info: "text-info",
   neutral: "text-neutral"
-}, y = ({
-  value: s,
+}, C = ({
+  value: t,
   size: e,
-  thickness: t,
-  color: a,
+  thickness: s,
+  color: o,
   showValue: i = !0,
-  children: o,
+  children: a,
   className: n = "",
   style: c,
   ...l
 }) => {
   const u = () => {
-    const r = ["radial-progress"];
-    return a && r.push(f[a]), n && r.push(n), r.join(" ");
-  }, x = () => {
+    const r = [p];
+    return o && r.push(g[o]), n && r.push(n), r.join(" ");
+  }, d = () => {
     const r = {
-      "--value": s
+      [f]: t
     };
-    return e !== void 0 && (r["--size"] = typeof e == "number" ? `${e}rem` : e), t !== void 0 && (r["--thickness"] = typeof t == "number" ? `${t}px` : t), r;
+    return e !== void 0 && (r[m] = typeof e == "number" ? `${e}rem` : e), s !== void 0 && (r[y] = typeof s == "number" ? `${s}px` : s), r;
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ x(
     "div",
     {
       className: u(),
-      style: { ...x(), ...c },
+      style: { ...d(), ...c },
       role: "progressbar",
-      "aria-valuenow": s,
+      "aria-valuenow": t,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       ...l,
-      children: o !== void 0 ? o : i ? `${s}%` : null
+      children: a !== void 0 ? a : i ? `${t}%` : null
     }
   );
 };
 export {
-  y as RadialProgress
+  C as RadialProgress
 };
 //# sourceMappingURL=RadialProgress.js.map

package/dist/components/RadialProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadialProgress.js","sources":["../../src/components/RadialProgress.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface RadialProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: number\n  size?: string | number\n  thickness?: string | number\n  color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral'\n  showValue?: boolean\n  children?: React.ReactNode\n}\n\nconst colorClasses = {\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  info: 'text-info',\n  neutral: 'text-neutral',\n} as const\n\nexport const RadialProgress: React.FC<RadialProgressProps> = ({\n  value,\n  size,\n  thickness,\n  color,\n  showValue = true,\n  children,\n  className = '',\n  style,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = ['radial-progress']\n\n    if (color) {\n      classes.push(colorClasses[color])\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyle = (): React.CSSProperties => {\n    const style: Record<string, string | number> = {\n      '--value': value,\n    }\n\n    if (size !== undefined) {\n      style['--size'] = typeof size === 'number' ? `${size}rem` : size\n    }\n\n    if (thickness !== undefined) {\n      style['--thickness'] = typeof thickness === 'number' ? `${thickness}px` : thickness\n    }\n\n    return style as React.CSSProperties\n  }\n\n  return (\n    <div\n      className={getClasses()}\n      style={{ ...getStyle(), ...style }}\n      role=\"progressbar\"\n      aria-valuenow={value}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      {...rest}\n    >\n      {children !== undefined ? children : showValue ? `${value}%` : null}\n    </div>\n  )\n}\n"],"names":["colorClasses","RadialProgress","value","size","thickness","color","showValue","children","className","style","rest","getClasses","classes","getStyle","jsx"],"mappings":";AAWA,MAAMA,IAAe;AAAA,EACnB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX,GAEaC,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAAC,iBAAiB;AAElC,WAAIP,KACFO,EAAQ,KAAKZ,EAAaK,CAAK,CAAC,GAG9BG,KACFI,EAAQ,KAAKJ,CAAS,GAGjBI,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAW,MAA2B;AAC1C,UAAMJ,IAAyC;AAAA,MAC7C,WAAWP;AAAA,IAAA;AAGb,WAAIC,MAAS,WACXM,EAAM,QAAQ,IAAI,OAAON,KAAS,WAAW,GAAGA,CAAI,QAAQA,IAG1DC,MAAc,WAChBK,EAAM,aAAa,IAAI,OAAOL,KAAc,WAAW,GAAGA,CAAS,OAAOA,IAGrEK;AAAAA,EACT;AAEA,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH,EAAA;AAAA,MACX,OAAO,EAAE,GAAGE,EAAA,GAAY,GAAGJ,EAAA;AAAA,MAC3B,MAAK;AAAA,MACL,iBAAeP;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACd,GAAGQ;AAAA,MAEH,gBAAa,SAAYH,IAAWD,IAAY,GAAGJ,CAAK,MAAM;AAAA,IAAA;AAAA,EAAA;AAGrE;"}
+{"version":3,"file":"RadialProgress.js","sources":["../../src/components/RadialProgress.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dRadialProgress = 'radial-progress'\nconst dCssValue = '--value'\nconst dCssSize = '--size'\nconst dCssThickness = '--thickness'\n\nexport interface RadialProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: number\n  size?: string | number\n  thickness?: string | number\n  color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral'\n  showValue?: boolean\n  children?: React.ReactNode\n}\n\nconst colorClasses = {\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  info: 'text-info',\n  neutral: 'text-neutral',\n} as const\n\nexport const RadialProgress: React.FC<RadialProgressProps> = ({\n  value,\n  size,\n  thickness,\n  color,\n  showValue = true,\n  children,\n  className = '',\n  style,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = [dRadialProgress]\n\n    if (color) {\n      classes.push(colorClasses[color])\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyle = (): React.CSSProperties => {\n    const style: Record<string, string | number> = {\n      [dCssValue]: value,\n    }\n\n    if (size !== undefined) {\n      style[dCssSize] = typeof size === 'number' ? `${size}rem` : size\n    }\n\n    if (thickness !== undefined) {\n      style[dCssThickness] = typeof thickness === 'number' ? `${thickness}px` : thickness\n    }\n\n    return style as React.CSSProperties\n  }\n\n  return (\n    <div\n      className={getClasses()}\n      style={{ ...getStyle(), ...style }}\n      role=\"progressbar\"\n      aria-valuenow={value}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      {...rest}\n    >\n      {children !== undefined ? children : showValue ? `${value}%` : null}\n    </div>\n  )\n}\n"],"names":["dRadialProgress","dCssValue","dCssSize","dCssThickness","colorClasses","RadialProgress","value","size","thickness","color","showValue","children","className","style","rest","getClasses","classes","getStyle","jsx"],"mappings":";AAGA,MAAMA,IAAkB,mBAClBC,IAAY,WACZC,IAAW,UACXC,IAAgB,eAWhBC,IAAe;AAAA,EACnB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX,GAEaC,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAAChB,CAAe;AAEhC,WAAIS,KACFO,EAAQ,KAAKZ,EAAaK,CAAK,CAAC,GAG9BG,KACFI,EAAQ,KAAKJ,CAAS,GAGjBI,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAW,MAA2B;AAC1C,UAAMJ,IAAyC;AAAA,MAC7C,CAACZ,CAAS,GAAGK;AAAA,IAAA;AAGf,WAAIC,MAAS,WACXM,EAAMX,CAAQ,IAAI,OAAOK,KAAS,WAAW,GAAGA,CAAI,QAAQA,IAG1DC,MAAc,WAChBK,EAAMV,CAAa,IAAI,OAAOK,KAAc,WAAW,GAAGA,CAAS,OAAOA,IAGrEK;AAAAA,EACT;AAEA,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH,EAAA;AAAA,MACX,OAAO,EAAE,GAAGE,EAAA,GAAY,GAAGJ,EAAA;AAAA,MAC3B,MAAK;AAAA,MACL,iBAAeP;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACd,GAAGQ;AAAA,MAEH,gBAAa,SAAYH,IAAWD,IAAY,GAAGJ,CAAK,MAAM;AAAA,IAAA;AAAA,EAAA;AAGrE;"}