@aster-ui/prefixed 0.12.61 → 0.12.63

package/dist/components/Phone.d.ts

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
-export interface PhoneProps {
+export interface PhoneProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     color?: string;
-    className?: string;
     displayClassName?: string;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Phone: React.FC<PhoneProps>;

package/dist/components/Phone.js

@@ -1,17 +1,19 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-const d = "d-mockup-phone", m = "d-mockup-phone-camera", r = "d-mockup-phone-display", h = ({
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+const m = "d-mockup-phone", r = "d-mockup-phone-camera", i = "d-mockup-phone-display", l = ({
   children: s,
   color: o,
-  className: c = "",
-  displayClassName: n = ""
+  className: a = "",
+  displayClassName: d = "",
+  "data-testid": c,
+  ...t
 }) => {
-  const p = o ? { borderColor: o } : {};
-  return /* @__PURE__ */ a("div", { className: `${d} ${c}`, style: p, children: [
-    /* @__PURE__ */ e("div", { className: m }),
-    /* @__PURE__ */ e("div", { className: `${r} ${n}`, children: s })
+  const n = o ? { borderColor: o } : {};
+  return /* @__PURE__ */ p("div", { className: `${m} ${a}`, style: n, "data-testid": c, ...t, children: [
+    /* @__PURE__ */ e("div", { className: r }),
+    /* @__PURE__ */ e("div", { className: `${i} ${d}`, children: s })
   ] });
 };
 export {
-  h as Phone
+  l as Phone
 };
 //# sourceMappingURL=Phone.js.map

package/dist/components/Phone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Phone.js","sources":["../../src/components/Phone.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dMockupPhone = 'd-mockup-phone'\nconst dMockupPhoneCamera = 'd-mockup-phone-camera'\nconst dMockupPhoneDisplay = 'd-mockup-phone-display'\n\nexport interface PhoneProps {\n  children: React.ReactNode\n  color?: string\n  className?: string\n  displayClassName?: string\n}\n\nexport const Phone: React.FC<PhoneProps> = ({\n  children,\n  color,\n  className = '',\n  displayClassName = '',\n}) => {\n  const style: React.CSSProperties = color ? { borderColor: color } : {}\n\n  return (\n    <div className={`${dMockupPhone} ${className}`} style={style}>\n      <div className={dMockupPhoneCamera}></div>\n      <div className={`${dMockupPhoneDisplay} ${displayClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["dMockupPhone","dMockupPhoneCamera","dMockupPhoneDisplay","Phone","children","color","className","displayClassName","style","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAe,kBACfC,IAAqB,yBACrBC,IAAsB,0BASfC,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAAM;AACJ,QAAMC,IAA6BH,IAAQ,EAAE,aAAaA,EAAA,IAAU,CAAA;AAEpE,SACE,gBAAAI,EAAC,SAAI,WAAW,GAAGT,CAAY,IAAIM,CAAS,IAAI,OAAAE,GAC9C,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWT,EAAA,CAAoB;AAAA,IACpC,gBAAAS,EAAC,SAAI,WAAW,GAAGR,CAAmB,IAAIK,CAAgB,IACvD,UAAAH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Phone.js","sources":["../../src/components/Phone.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dMockupPhone = 'd-mockup-phone'\nconst dMockupPhoneCamera = 'd-mockup-phone-camera'\nconst dMockupPhoneDisplay = 'd-mockup-phone-display'\n\nexport interface PhoneProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  color?: string\n  displayClassName?: string\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Phone: React.FC<PhoneProps> = ({\n  children,\n  color,\n  className = '',\n  displayClassName = '',\n  'data-testid': testId,\n  ...rest\n}) => {\n  const style: React.CSSProperties = color ? { borderColor: color } : {}\n\n  return (\n    <div className={`${dMockupPhone} ${className}`} style={style} data-testid={testId} {...rest}>\n      <div className={dMockupPhoneCamera}></div>\n      <div className={`${dMockupPhoneDisplay} ${displayClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["dMockupPhone","dMockupPhoneCamera","dMockupPhoneDisplay","Phone","children","color","className","displayClassName","testId","rest","style","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAe,kBACfC,IAAqB,yBACrBC,IAAsB,0BAUfC,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,eAAeC;AAAA,EACf,GAAGC;AACL,MAAM;AACJ,QAAMC,IAA6BL,IAAQ,EAAE,aAAaA,EAAA,IAAU,CAAA;AAEpE,SACE,gBAAAM,EAAC,OAAA,EAAI,WAAW,GAAGX,CAAY,IAAIM,CAAS,IAAI,OAAAI,GAAc,eAAaF,GAAS,GAAGC,GACrF,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWX,EAAA,CAAoB;AAAA,IACpC,gBAAAW,EAAC,SAAI,WAAW,GAAGV,CAAmB,IAAIK,CAAgB,IACvD,UAAAH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Popconfirm.js

@@ -1,73 +1,77 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import D, { forwardRef as F, useState as v, useRef as C, useEffect as H } from "react";
-import { useConfig as J } from "../providers/ConfigProvider.js";
-const k = "d-btn", w = "d-btn-sm", Q = "d-btn-primary", U = "d-btn-secondary", V = "d-btn-accent", Y = "d-btn-success", Z = "d-btn-warning", _ = "d-btn-error", tt = "d-btn-info", nt = "d-btn-ghost", et = "d-loading", st = "d-loading-spinner", ot = "d-loading-xs", it = F(function({
-  children: f,
-  title: y,
-  description: p,
-  onConfirm: m,
-  onCancel: $,
-  okText: N,
-  cancelText: B,
-  okType: L = "primary",
-  cancelType: P = "ghost",
-  placement: u = "top",
-  disabled: O = !1,
-  icon: g,
-  showCancel: T = !0,
-  "data-testid": l,
-  className: E,
-  ...R
-}, S) {
-  const { locale: b } = J(), [o, a] = v(!1), [c, h] = v(!1), i = C(null), j = N ?? b.Popconfirm?.okText ?? "OK", z = B ?? b.Popconfirm?.cancelText ?? "Cancel", r = (t) => l ? `${l}-${t}` : void 0, d = C(null);
-  H(() => {
-    const t = (e) => {
-      i.current && !i.current.contains(e.target) && d.current && !d.current.contains(e.target) && a(!1);
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import U, { forwardRef as V, useState as N, useRef as p, useId as B, useCallback as Y, useEffect as Z } from "react";
+import { useConfig as _ } from "../providers/ConfigProvider.js";
+const L = "d-btn", E = "d-btn-sm", tt = "d-btn-primary", et = "d-btn-secondary", nt = "d-btn-accent", st = "d-btn-success", ot = "d-btn-warning", at = "d-btn-error", rt = "d-btn-info", it = "d-btn-ghost", lt = "d-loading", ct = "d-loading-spinner", dt = "d-loading-xs", bt = V(function({
+  children: b,
+  title: P,
+  description: i,
+  onConfirm: g,
+  onCancel: l,
+  okText: T,
+  cancelText: O,
+  okType: R = "primary",
+  cancelType: I = "ghost",
+  placement: h = "top",
+  disabled: S = !1,
+  icon: x,
+  showCancel: j = !0,
+  "data-testid": c,
+  className: z,
+  ...A
+}, K) {
+  const { locale: v } = _(), [a, n] = N(!1), [d, y] = N(!1), u = p(null), k = B(), w = B(), W = T ?? v.Popconfirm?.okText ?? "OK", D = O ?? v.Popconfirm?.cancelText ?? "Cancel", r = (t) => c ? `${c}-${t}` : void 0, f = p(null), C = p(null), m = Y((t) => {
+    t.key === "Escape" && (n(!1), l?.());
+  }, [l]);
+  Z(() => {
+    const t = (s) => {
+      u.current && !u.current.contains(s.target) && f.current && !f.current.contains(s.target) && n(!1);
     };
-    if (o)
-      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [o]);
-  const A = (t) => {
-    O || (t.stopPropagation(), a(!o));
-  }, I = async () => {
-    if (m) {
-      h(!0);
+    if (a)
+      return document.addEventListener("mousedown", t), document.addEventListener("keydown", m), setTimeout(() => C.current?.focus(), 0), () => {
+        document.removeEventListener("mousedown", t), document.removeEventListener("keydown", m);
+      };
+  }, [a, m]);
+  const G = (t) => {
+    S || (t.stopPropagation(), n(!a));
+  }, M = async () => {
+    if (g) {
+      y(!0);
       try {
-        await m(), a(!1);
+        await g(), n(!1);
       } finally {
-        h(!1);
+        y(!1);
       }
     } else
-      a(!1);
-  }, W = () => {
-    $?.(), a(!1);
-  }, G = () => `absolute z-50 ${{
+      n(!1);
+  }, X = () => {
+    l?.(), n(!1);
+  }, q = () => `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"
-  }[u]}`, K = () => "bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg", M = () => `absolute w-2.5 h-2.5 bg-base-100 rotate-45 shadow-lg ${{
+  }[h]}`, F = () => "bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg", H = () => `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"
-  }[u]}`, X = {
-    primary: Q,
-    secondary: U,
-    accent: V,
-    success: Y,
-    warning: Z,
-    error: _,
-    info: tt,
-    ghost: nt
-  }, x = (t) => X[t], q = /* @__PURE__ */ n(
+  }[h]}`, J = {
+    primary: tt,
+    secondary: et,
+    accent: nt,
+    success: st,
+    warning: ot,
+    error: at,
+    info: rt,
+    ghost: it
+  }, $ = (t) => J[t], Q = /* @__PURE__ */ e(
     "svg",
     {
       className: "w-5 h-5 text-warning",
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ e(
         "path",
         {
           strokeLinecap: "round",
@@ -78,52 +82,66 @@ const k = "d-btn", w = "d-btn-sm", Q = "d-btn-primary", U = "d-btn-secondary", V
       )
     }
   );
-  return /* @__PURE__ */ s("div", { ref: S || i, className: `relative inline-block ${E || ""}`, "data-state": o ? "open" : "closed", "data-testid": l, ...R, children: [
-    D.cloneElement(f, {
+  return /* @__PURE__ */ o("div", { ref: K || u, className: `relative inline-block ${z || ""}`, "data-state": a ? "open" : "closed", "data-testid": c, ...A, children: [
+    U.cloneElement(b, {
       onClick: (t) => {
-        A(t);
-        const e = f.props?.onClick;
-        e && e(t);
+        G(t);
+        const s = b.props?.onClick;
+        s && s(t);
       }
     }),
-    o && /* @__PURE__ */ n("div", { className: G(), "data-testid": r("popup"), children: /* @__PURE__ */ s("div", { ref: d, className: K(), children: [
-      /* @__PURE__ */ s("div", { className: "flex gap-3 relative z-10", children: [
-        /* @__PURE__ */ n("div", { className: "flex-shrink-0 mt-0.5", children: g !== void 0 ? g : q }),
-        /* @__PURE__ */ s("div", { className: "flex-1", children: [
-          /* @__PURE__ */ n("div", { className: "font-semibold text-base-content mb-1", "data-testid": r("title"), children: y }),
-          p && /* @__PURE__ */ n("div", { className: "text-sm text-base-content/70 mb-3", "data-testid": r("description"), children: p }),
-          /* @__PURE__ */ s("div", { className: "flex justify-end gap-2 mt-3", children: [
-            T && /* @__PURE__ */ n(
-              "button",
-              {
-                className: `${k} ${w} ${x(P)}`,
-                onClick: W,
-                disabled: c,
-                "data-testid": r("cancel-button"),
-                children: z
-              }
-            ),
-            /* @__PURE__ */ s(
-              "button",
-              {
-                className: `${k} ${w} ${x(L)}`,
-                onClick: I,
-                disabled: c,
-                "data-testid": r("ok-button"),
-                children: [
-                  c && /* @__PURE__ */ n("span", { className: `${et} ${st} ${ot}` }),
-                  j
-                ]
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ n("div", { className: M() })
-    ] }) })
+    a && /* @__PURE__ */ e("div", { className: q(), "data-testid": r("popup"), children: /* @__PURE__ */ o(
+      "div",
+      {
+        ref: f,
+        className: F(),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": k,
+        "aria-describedby": i ? w : void 0,
+        children: [
+          /* @__PURE__ */ o("div", { className: "flex gap-3 relative z-10", children: [
+            /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", "aria-hidden": "true", children: x !== void 0 ? x : Q }),
+            /* @__PURE__ */ o("div", { className: "flex-1", children: [
+              /* @__PURE__ */ e("div", { id: k, className: "font-semibold text-base-content mb-1", "data-testid": r("title"), children: P }),
+              i && /* @__PURE__ */ e("div", { id: w, className: "text-sm text-base-content/70 mb-3", "data-testid": r("description"), children: i }),
+              /* @__PURE__ */ o("div", { className: "flex justify-end gap-2 mt-3", children: [
+                j && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: `${L} ${E} ${$(I)}`,
+                    onClick: X,
+                    disabled: d,
+                    "data-testid": r("cancel-button"),
+                    children: D
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    ref: C,
+                    type: "button",
+                    className: `${L} ${E} ${$(R)}`,
+                    onClick: M,
+                    disabled: d,
+                    "data-testid": r("ok-button"),
+                    children: [
+                      d && /* @__PURE__ */ e("span", { className: `${lt} ${ct} ${dt}`, "aria-hidden": "true" }),
+                      W
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: H() })
+        ]
+      }
+    ) })
   ] });
 });
 export {
-  it as Popconfirm
+  bt 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, forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'd-btn'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnPrimary = 'd-btn-primary'\nconst dBtnSecondary = 'd-btn-secondary'\nconst dBtnAccent = 'd-btn-accent'\nconst dBtnSuccess = 'd-btn-success'\nconst dBtnWarning = 'd-btn-warning'\nconst dBtnError = 'd-btn-error'\nconst dBtnInfo = 'd-btn-info'\nconst dBtnGhost = 'd-btn-ghost'\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-loading-spinner'\nconst dLoadingXs = 'd-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  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport const Popconfirm = forwardRef<HTMLDivElement, PopconfirmProps>(function Popconfirm(\n  {\n    children,\n    title,\n    description,\n    onConfirm,\n    onCancel,\n    okText,\n    cancelText,\n    okType = 'primary',\n    cancelType = 'ghost',\n    placement = 'top',\n    disabled = false,\n    icon,\n    showCancel = true,\n    'data-testid': testId,\n    className,\n    ...rest\n  },\n  ref\n) {\n  const { locale } = useConfig()\n  const [isOpen, setIsOpen] = useState(false)\n  const [loading, setLoading] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // Resolve locale strings\n  const resolvedOkText = okText ?? locale.Popconfirm?.okText ?? 'OK'\n  const resolvedCancelText = cancelText ?? locale.Popconfirm?.cancelText ?? 'Cancel'\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\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={ref || containerRef} className={`relative inline-block ${className || ''}`} data-state={isOpen ? 'open' : 'closed'} data-testid={testId} {...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()} data-testid={getTestId('popup')}>\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\" data-testid={getTestId('title')}>{title}</div>\n                {description && (\n                  <div className=\"text-sm text-base-content/70 mb-3\" data-testid={getTestId('description')}>{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                      data-testid={getTestId('cancel-button')}\n                    >\n                      {resolvedCancelText}\n                    </button>\n                  )}\n                  <button\n                    className={`${dBtn} ${dBtnSm} ${getButtonClass(okType)}`}\n                    onClick={handleConfirm}\n                    disabled={loading}\n                    data-testid={getTestId('ok-button')}\n                  >\n                    {loading && <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingXs}`}></span>}\n                    {resolvedOkText}\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","forwardRef","children","title","description","onConfirm","onCancel","okText","cancelText","okType","cancelType","placement","disabled","icon","showCancel","testId","className","rest","ref","locale","useConfig","isOpen","setIsOpen","useState","loading","setLoading","containerRef","useRef","resolvedOkText","resolvedCancelText","getTestId","suffix","popupRef","useEffect","handleClickOutside","event","handleTriggerClick","e","handleConfirm","handleCancel","getPopupContainerClasses","getPopupClasses","getArrowClasses","buttonClasses","getButtonClass","type","defaultIcon","jsx","React","originalOnClick","jsxs"],"mappings":"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"}
+{"version":3,"file":"Popconfirm.js","sources":["../../src/components/Popconfirm.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef, useId, useCallback } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'd-btn'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnPrimary = 'd-btn-primary'\nconst dBtnSecondary = 'd-btn-secondary'\nconst dBtnAccent = 'd-btn-accent'\nconst dBtnSuccess = 'd-btn-success'\nconst dBtnWarning = 'd-btn-warning'\nconst dBtnError = 'd-btn-error'\nconst dBtnInfo = 'd-btn-info'\nconst dBtnGhost = 'd-btn-ghost'\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-loading-spinner'\nconst dLoadingXs = 'd-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  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport const Popconfirm = forwardRef<HTMLDivElement, PopconfirmProps>(function Popconfirm(\n  {\n    children,\n    title,\n    description,\n    onConfirm,\n    onCancel,\n    okText,\n    cancelText,\n    okType = 'primary',\n    cancelType = 'ghost',\n    placement = 'top',\n    disabled = false,\n    icon,\n    showCancel = true,\n    'data-testid': testId,\n    className,\n    ...rest\n  },\n  ref\n) {\n  const { locale } = useConfig()\n  const [isOpen, setIsOpen] = useState(false)\n  const [loading, setLoading] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const titleId = useId()\n  const descriptionId = useId()\n\n  // Resolve locale strings\n  const resolvedOkText = okText ?? locale.Popconfirm?.okText ?? 'OK'\n  const resolvedCancelText = cancelText ?? locale.Popconfirm?.cancelText ?? 'Cancel'\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  const popupRef = useRef<HTMLDivElement>(null)\n  const confirmButtonRef = useRef<HTMLButtonElement>(null)\n\n  // Handle ESC key to close\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      setIsOpen(false)\n      onCancel?.()\n    }\n  }, [onCancel])\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      document.addEventListener('keydown', handleKeyDown)\n      // Focus the confirm button when dialog opens\n      setTimeout(() => confirmButtonRef.current?.focus(), 0)\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n        document.removeEventListener('keydown', handleKeyDown)\n      }\n    }\n  }, [isOpen, handleKeyDown])\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={ref || containerRef} className={`relative inline-block ${className || ''}`} data-state={isOpen ? 'open' : 'closed'} data-testid={testId} {...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()} data-testid={getTestId('popup')}>\n          <div\n            ref={popupRef}\n            className={getPopupClasses()}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={titleId}\n            aria-describedby={description ? descriptionId : undefined}\n          >\n            <div className=\"flex gap-3 relative z-10\">\n              <div className=\"flex-shrink-0 mt-0.5\" aria-hidden=\"true\">\n                {icon !== undefined ? icon : defaultIcon}\n              </div>\n              <div className=\"flex-1\">\n                <div id={titleId} className=\"font-semibold text-base-content mb-1\" data-testid={getTestId('title')}>{title}</div>\n                {description && (\n                  <div id={descriptionId} className=\"text-sm text-base-content/70 mb-3\" data-testid={getTestId('description')}>{description}</div>\n                )}\n                <div className=\"flex justify-end gap-2 mt-3\">\n                  {showCancel && (\n                    <button\n                      type=\"button\"\n                      className={`${dBtn} ${dBtnSm} ${getButtonClass(cancelType)}`}\n                      onClick={handleCancel}\n                      disabled={loading}\n                      data-testid={getTestId('cancel-button')}\n                    >\n                      {resolvedCancelText}\n                    </button>\n                  )}\n                  <button\n                    ref={confirmButtonRef}\n                    type=\"button\"\n                    className={`${dBtn} ${dBtnSm} ${getButtonClass(okType)}`}\n                    onClick={handleConfirm}\n                    disabled={loading}\n                    data-testid={getTestId('ok-button')}\n                  >\n                    {loading && <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingXs}`} aria-hidden=\"true\"></span>}\n                    {resolvedOkText}\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","forwardRef","children","title","description","onConfirm","onCancel","okText","cancelText","okType","cancelType","placement","disabled","icon","showCancel","testId","className","rest","ref","locale","useConfig","isOpen","setIsOpen","useState","loading","setLoading","containerRef","useRef","titleId","useId","descriptionId","resolvedOkText","resolvedCancelText","getTestId","suffix","popupRef","confirmButtonRef","handleKeyDown","useCallback","event","useEffect","handleClickOutside","handleTriggerClick","e","handleConfirm","handleCancel","getPopupContainerClasses","getPopupClasses","getArrowClasses","buttonClasses","getButtonClass","type","defaultIcon","jsx","React","originalOnClick","jsxs"],"mappings":";;;AAIA,MAAMA,IAAO,SACPC,IAAS,YACTC,KAAc,iBACdC,KAAgB,mBAChBC,KAAa,gBACbC,KAAc,iBACdC,KAAc,iBACdC,KAAY,eACZC,KAAW,cACXC,KAAY,eACZC,KAAW,aACXC,KAAkB,qBAClBC,KAAa,gBAoBNC,KAAaC,EAA4C,SACpE;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAeC;AAAA,EACf,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACb,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtCG,IAAeC,EAAuB,IAAI,GAC1CC,IAAUC,EAAA,GACVC,IAAgBD,EAAA,GAGhBE,IAAiBxB,KAAUY,EAAO,YAAY,UAAU,MACxDa,IAAqBxB,KAAcW,EAAO,YAAY,cAAc,UAGpEc,IAAY,CAACC,MAAoBnB,IAAS,GAAGA,CAAM,IAAImB,CAAM,KAAK,QAClEC,IAAWR,EAAuB,IAAI,GACtCS,IAAmBT,EAA0B,IAAI,GAGjDU,IAAgBC,EAAY,CAACC,MAAyB;AAC1D,IAAIA,EAAM,QAAQ,aAChBjB,EAAU,EAAK,GACfhB,IAAA;AAAA,EAEJ,GAAG,CAACA,CAAQ,CAAC;AAEb,EAAAkC,EAAU,MAAM;AACd,UAAMC,IAAqB,CAACF,MAAsB;AAChD,MACEb,EAAa,WACb,CAACA,EAAa,QAAQ,SAASa,EAAM,MAAc,KACnDJ,EAAS,WACT,CAACA,EAAS,QAAQ,SAASI,EAAM,MAAc,KAE/CjB,EAAU,EAAK;AAAA,IAEnB;AAEA,QAAID;AACF,sBAAS,iBAAiB,aAAaoB,CAAkB,GACzD,SAAS,iBAAiB,WAAWJ,CAAa,GAElD,WAAW,MAAMD,EAAiB,SAAS,MAAA,GAAS,CAAC,GAC9C,MAAM;AACX,iBAAS,oBAAoB,aAAaK,CAAkB,GAC5D,SAAS,oBAAoB,WAAWJ,CAAa;AAAA,MACvD;AAAA,EAEJ,GAAG,CAAChB,GAAQgB,CAAa,CAAC;AAE1B,QAAMK,IAAqB,CAACC,MAAwB;AAClD,IAAI/B,MACJ+B,EAAE,gBAAA,GACFrB,EAAU,CAACD,CAAM;AAAA,EACnB,GAEMuB,IAAgB,YAAY;AAChC,QAAIvC,GAAW;AACb,MAAAoB,EAAW,EAAI;AACf,UAAI;AACF,cAAMpB,EAAA,GACNiB,EAAU,EAAK;AAAA,MACjB,UAAA;AACE,QAAAG,EAAW,EAAK;AAAA,MAClB;AAAA,IACF;AACE,MAAAH,EAAU,EAAK;AAAA,EAEnB,GAEMuB,IAAe,MAAM;AACzB,IAAAvC,IAAA,GACAgB,EAAU,EAAK;AAAA,EACjB,GAEMwB,IAA2B,MAQxB,iBAPW;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,EAGyBnC,CAAS,CAAC,IAGxCoC,IAAkB,MACf,oEAGHC,IAAkB,MAUf,wDAPW;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,EAGmBrC,CAAS,CAAC,IAGlCsC,IAAgB;AAAA,IACpB,SAAS5D;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,IACP,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGHsD,IAAiB,CAACC,MACfF,EAAcE,CAAI,GAGrBC,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,QAAO;AAAA,MACP,SAAQ;AAAA,MAER,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAIJ,2BACG,OAAA,EAAI,KAAKnC,KAAOQ,GAAc,WAAW,yBAAyBV,KAAa,EAAE,IAAI,cAAYK,IAAS,SAAS,UAAU,eAAaN,GAAS,GAAGE,GACpJ,UAAA;AAAA,IAAAqC,EAAM,aAAapD,GAAU;AAAA,MAC5B,SAAS,CAACyC,MAAwB;AAChC,QAAAD,EAAmBC,CAAC;AACpB,cAAMY,IAAmBrD,EAAS,OAAe;AACjD,QAAIqD,KACFA,EAAgBZ,CAAC;AAAA,MAErB;AAAA,IAAA,CACM;AAAA,IAEPtB,uBACE,OAAA,EAAI,WAAWyB,KAA4B,eAAab,EAAU,OAAO,GACxE,UAAA,gBAAAuB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKrB;AAAA,QACL,WAAWY,EAAA;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,mBAAiBnB;AAAA,QACjB,oBAAkBxB,IAAc0B,IAAgB;AAAA,QAEhD,UAAA;AAAA,UAAA,gBAAA0B,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,YAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,wBAAuB,eAAY,QAC/C,UAAAxC,MAAS,SAAYA,IAAOuC,EAAA,CAC/B;AAAA,YACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,cAAA,gBAAAH,EAAC,OAAA,EAAI,IAAIzB,GAAS,WAAU,wCAAuC,eAAaK,EAAU,OAAO,GAAI,UAAA9B,EAAA,CAAM;AAAA,cAC1GC,KACC,gBAAAiD,EAAC,OAAA,EAAI,IAAIvB,GAAe,WAAU,qCAAoC,eAAaG,EAAU,aAAa,GAAI,UAAA7B,EAAA,CAAY;AAAA,cAE5H,gBAAAoD,EAAC,OAAA,EAAI,WAAU,+BACZ,UAAA;AAAA,gBAAA1C,KACC,gBAAAuC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAW,GAAGlE,CAAI,IAAIC,CAAM,IAAI8D,EAAexC,CAAU,CAAC;AAAA,oBAC1D,SAASmC;AAAA,oBACT,UAAUrB;AAAA,oBACV,eAAaS,EAAU,eAAe;AAAA,oBAErC,UAAAD;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGL,gBAAAwB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAKpB;AAAA,oBACL,MAAK;AAAA,oBACL,WAAW,GAAGjD,CAAI,IAAIC,CAAM,IAAI8D,EAAezC,CAAM,CAAC;AAAA,oBACtD,SAASmC;AAAA,oBACT,UAAUpB;AAAA,oBACV,eAAaS,EAAU,WAAW;AAAA,oBAEjC,UAAA;AAAA,sBAAAT,KAAW,gBAAA6B,EAAC,QAAA,EAAK,WAAW,GAAGxD,EAAQ,IAAIC,EAAe,IAAIC,EAAU,IAAI,eAAY,OAAA,CAAO;AAAA,sBAC/FgC;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH,EAAA,CACF;AAAA,YAAA,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UACA,gBAAAsB,EAAC,OAAA,EAAI,WAAWL,EAAA,EAAgB,CAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACrC,CACF;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}

package/dist/components/Popover.d.ts

@@ -10,6 +10,8 @@ export interface PopoverProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     overlayClassName?: string;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Popover: React.FC<PopoverProps>;
 export default Popover;

package/dist/components/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.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":"Popover.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  /** Test ID for testing */\n  'data-testid'?: 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":";;AA+BO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,MAAMC;AAAA,EACN,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAaC,EAAuB,IAAI,GACxCC,IAAaD,EAAuB,IAAI,GACxCE,IAAaF,EAAmC,MAAS,GAEzDG,IAASZ,MAAmB,SAAYA,IAAiBK,GAEzDQ,IAAU,CAACC,MAAmB;AAClC,IAAId,MAAmB,UACrBM,EAAgBQ,CAAK,GAEvBb,IAAea,CAAK;AAAA,EACtB,GAEMC,IAAmB,MAAM;AAC7B,IAAIjB,MAAY,YACVa,EAAW,WAAS,aAAaA,EAAW,OAAO,GACvDE,EAAQ,EAAI;AAAA,EAEhB,GAEMG,IAAmB,MAAM;AAC7B,IAAIlB,MAAY,YACda,EAAW,UAAU,WAAW,MAAME,EAAQ,EAAK,GAAG,GAAG;AAAA,EAE7D,GAEMI,IAAc,MAAM;AACxB,IAAInB,MAAY,WACde,EAAQ,CAACD,CAAM;AAAA,EAEnB,GAEMM,IAAc,MAAM;AACxB,IAAIpB,MAAY,WACde,EAAQ,EAAI;AAAA,EAEhB,GAEMM,IAAa,MAAM;AACvB,IAAIrB,MAAY,WACde,EAAQ,EAAK;AAAA,EAEjB;AAEA,EAAAO,EAAU,MAAM;AACd,UAAMC,IAAqB,CAACC,MAAsB;AAChD,MACExB,MAAY,WACZc,KACAJ,EAAW,WACXE,EAAW,WACX,CAACF,EAAW,QAAQ,SAASc,EAAM,MAAc,KACjD,CAACZ,EAAW,QAAQ,SAASY,EAAM,MAAc,KAEjDT,EAAQ,EAAK;AAAA,IAEjB;AAEA,oBAAS,iBAAiB,aAAaQ,CAAkB,GAClD,MAAM,SAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAC3E,GAAG,CAACvB,GAASc,CAAM,CAAC,GAEpBQ,EAAU,MACD,MAAM;AACX,IAAIT,EAAW,WAAS,aAAaA,EAAW,OAAO;AAAA,EACzD,GACC,CAAA,CAAE;AAEL,QAAMY,IAAsB,MAkBnB,iBAf8C;AAAA,IACnD,KAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,EAAA,EAGqBxB,CAAS,CAAC;AAGhD,SACE,gBAAAyB,EAAC,OAAA,EAAI,WAAW,yBAAyBtB,CAAS,IAAI,cAAYU,IAAS,SAAS,UAAW,GAAGR,GAChG,UAAA;AAAA,IAAA,gBAAAqB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKjB;AAAA,QACL,cAAcO;AAAA,QACd,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,SAASC;AAAA,QACT,QAAQC;AAAA,QAEP,UAAAxB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGFiB,KACC,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKf;AAAA,QACL,WAAWa,EAAA;AAAA,QACX,cAAcR;AAAA,QACd,cAAcC;AAAA,QAEd,UAAA,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,6FAA6FrB,CAAgB;AAAA,YAEvH,UAAA;AAAA,cAAAN,KACC,gBAAA4B,EAAC,OAAA,EAAI,WAAU,6EACZ,UAAA5B,GACH;AAAA,cAEF,gBAAA4B,EAAC,OAAA,EAAI,WAAU,gCAAgC,UAAA7B,EAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACzD;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AAEAF,EAAQ,cAAc;"}

package/dist/components/Progress.d.ts

@@ -1,5 +1,7 @@
 import { default as React } from 'react';
 export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {
     type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare function Progress({ value, max, type, className, ...rest }: ProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../src/components/Progress.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dProgress = 'd-progress'\nconst dProgressNeutral = 'd-progress-neutral'\nconst dProgressPrimary = 'd-progress-primary'\nconst dProgressSecondary = 'd-progress-secondary'\nconst dProgressAccent = 'd-progress-accent'\nconst dProgressInfo = 'd-progress-info'\nconst dProgressSuccess = 'd-progress-success'\nconst dProgressWarning = 'd-progress-warning'\nconst dProgressError = 'd-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,cACZC,IAAmB,sBACnBC,IAAmB,sBACnBC,IAAqB,wBACrBC,IAAkB,qBAClBC,IAAgB,mBAChBC,IAAmB,sBACnBC,IAAmB,sBACnBC,IAAiB,oBAMjBC,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;"}
+{"version":3,"file":"Progress.js","sources":["../../src/components/Progress.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dProgress = 'd-progress'\nconst dProgressNeutral = 'd-progress-neutral'\nconst dProgressPrimary = 'd-progress-primary'\nconst dProgressSecondary = 'd-progress-secondary'\nconst dProgressAccent = 'd-progress-accent'\nconst dProgressInfo = 'd-progress-info'\nconst dProgressSuccess = 'd-progress-success'\nconst dProgressWarning = 'd-progress-warning'\nconst dProgressError = 'd-progress-error'\n\nexport interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {\n  type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Test ID for testing */\n  'data-testid'?: string\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,cACZC,IAAmB,sBACnBC,IAAmB,sBACnBC,IAAqB,wBACrBC,IAAkB,qBAClBC,IAAgB,mBAChBC,IAAmB,sBACnBC,IAAmB,sBACnBC,IAAiB,oBAQjBC,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.d.ts

@@ -14,6 +14,7 @@ export interface QRCodeProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     bordered?: boolean;
     status?: QRCodeStatus;
     onRefresh?: () => void;
+    'data-testid'?: string;
 }
 export declare const QRCode: React.FC<QRCodeProps>;
 export default QRCode;

package/dist/components/QRCode.js

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