@aster-ui/prefixed 0.12.51 → 0.12.54

package/dist/components/Form.d.ts

@@ -19,6 +19,8 @@ export interface FormProps<TFieldValues extends FieldValues = FieldValues> exten
     /** Disable all form fields */
     disabled?: boolean;
     children: React.ReactNode;
+    /** Test ID for the form element */
+    'data-testid'?: string;
 }
 export interface FormRule {
     required?: boolean | string;
@@ -69,6 +71,8 @@ export interface FormItemProps {
     addonBefore?: React.ReactNode;
     /** Text/element after input (outside, using DaisyUI label) */
     addonAfter?: React.ReactNode;
+    /** Test ID for the form item (used as prefix for child elements) */
+    'data-testid'?: string;
 }
 export interface FormListProps<TFieldValues extends FieldValues = FieldValues> {
     name: FieldArrayPath<TFieldValues>;
@@ -79,7 +83,7 @@ export interface FormListProps<TFieldValues extends FieldValues = FieldValues> {
     }) => React.ReactNode;
 }
 declare function FormRoot<TFieldValues extends FieldValues = FieldValues>({ form: externalForm, onFinish, onFinishFailed, initialValues, layout, labelWidth, size, disabled, children, className, noValidate, ...props }: FormProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
-declare function FormItem({ name, label, floatingLabel, help, required, rules, valuePropName, inline, className, children, tooltip, extra, hasFeedback, dependencies, validateTrigger, initialValue, hidden, addonBefore, addonAfter, }: FormItemProps): import("react/jsx-runtime").JSX.Element;
+declare function FormItem({ name, label, floatingLabel, help, required, rules, valuePropName, inline, className, children, tooltip, extra, hasFeedback, dependencies, validateTrigger, initialValue, hidden, addonBefore, addonAfter, 'data-testid': testId, }: FormItemProps): import("react/jsx-runtime").JSX.Element;
 declare function FormList<TFieldValues extends FieldValues = FieldValues>({ name, children, }: FormListProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export declare function useFormInstance<TFieldValues extends FieldValues = FieldValues>(): UseFormReturn<TFieldValues, any, TFieldValues> & {
     setFieldValue: import('react-hook-form').UseFormSetValue<TFieldValues>;
@@ -96,8 +100,10 @@ export interface FormErrorListProps {
     fields?: string[];
     /** Custom className */
     className?: string;
+    /** Test ID for the error list */
+    'data-testid'?: string;
 }
-declare function FormErrorList({ fields, className }: FormErrorListProps): import("react/jsx-runtime").JSX.Element | null;
+declare function FormErrorList({ fields, className, 'data-testid': testId }: FormErrorListProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const Form: typeof FormRoot & {
     Item: typeof FormItem;
     List: typeof FormList;

package/dist/components/Form.js

@@ -1,8 +1,8 @@
-import { jsx as t, jsxs as w } from "react/jsx-runtime";
-import { createContext as he, useId as ee, useEffect as te, useRef as se, isValidElement as re, cloneElement as ge, useContext as pe } from "react";
-import { useForm as ne, useFieldArray as ve, useWatch as xe, Controller as ye } from "react-hook-form";
-import { useConfig as be } from "./ConfigProvider.js";
-const Ne = "d-input", $e = "d-input-xs", ke = "d-input-sm", Fe = "d-input-md", Ve = "d-input-lg", we = "d-input-xl", Le = "d-floating-label", Ce = "d-loading", Ie = "d-loading-spinner", Ee = "d-loading-xs", Ae = "d-tooltip", je = "d-tooltip-top", X = he(void 0), _ = {
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { createContext as pe, useId as te, useEffect as se, useRef as re, isValidElement as ne, cloneElement as ge, useContext as ve } from "react";
+import { useForm as oe, useFieldArray as xe, useWatch as ye, Controller as be } from "react-hook-form";
+import { useConfig as $e } from "./ConfigProvider.js";
+const Ne = "d-input", ke = "d-input-xs", Fe = "d-input-sm", Ve = "d-input-md", we = "d-input-lg", Le = "d-input-xl", Ce = "d-floating-label", Ee = "d-loading", Ae = "d-loading-spinner", je = "d-loading-xs", ze = "d-tooltip", Se = "d-tooltip-top", J = pe(void 0), X = {
   email: {
     value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
     message: "Please enter a valid email address"
@@ -16,262 +16,265 @@ const Ne = "d-input", $e = "d-input-xs", ke = "d-input-sm", Fe = "d-input-md", V
     message: "Please enter a valid number"
   }
 };
-function J() {
-  const s = pe(X);
+function K() {
+  const s = ve(J);
   if (!s)
     throw new Error("Form compound components must be used within Form");
   return s;
 }
-function ze({
+function Me({
   form: s,
   onFinish: n,
   onFinishFailed: r,
   initialValues: i,
-  layout: v = "vertical",
+  layout: b = "vertical",
   labelWidth: h = 60,
-  size: N,
-  disabled: c = !1,
-  children: g,
-  className: d = "",
+  size: V,
+  disabled: v = !1,
+  children: l,
+  className: c = "",
   noValidate: x = !0,
   ...y
 }) {
-  const { componentSize: u } = be(), $ = N ?? u ?? "md", j = ne({
+  const { componentSize: $ } = $e(), d = V ?? $ ?? "md", z = oe({
     defaultValues: i
-  }), b = s || j, R = async (k) => {
-    if (k.preventDefault(), await b.trigger())
-      n && n(b.getValues());
+  }), N = s || z, W = async (w) => {
+    if (w.preventDefault(), await N.trigger())
+      n && n(N.getValues());
     else if (r) {
-      const F = b.formState.errors, z = [], S = (B, T = "") => {
-        for (const E in B) {
-          const A = T ? `${T}.${E}` : E, l = B[E];
-          l?.message ? z.push({ name: A, errors: [l.message] }) : typeof l == "object" && l !== null && S(l, A);
+      const u = N.formState.errors, k = [], S = (M, I = "") => {
+        for (const P in M) {
+          const R = I ? `${I}.${P}` : P, F = M[P];
+          F?.message ? k.push({ name: R, errors: [F.message] }) : typeof F == "object" && F !== null && S(F, R);
         }
       };
-      S(F), r({ values: b.getValues(), errorFields: z });
+      S(u), r({ values: N.getValues(), errorFields: k });
     }
-  }, I = (k) => {
-    k.preventDefault(), b.reset(i);
+  }, j = (w) => {
+    w.preventDefault(), N.reset(i);
   };
-  return /* @__PURE__ */ t(X.Provider, { value: { form: b, layout: v, labelWidth: h, size: $, disabled: c }, children: /* @__PURE__ */ t("form", { onSubmit: R, onReset: I, className: d, noValidate: x, ...y, children: g }) });
+  return /* @__PURE__ */ t(J.Provider, { value: { form: N, layout: b, labelWidth: h, size: d, disabled: v }, children: /* @__PURE__ */ t("form", { onSubmit: W, onReset: j, className: c, noValidate: x, ...y, children: l }) });
 }
-function Se({
+function Pe({
   name: s,
   label: n,
   floatingLabel: r,
   help: i,
-  required: v = !1,
+  required: b = !1,
   rules: h,
-  valuePropName: N = "value",
-  inline: c = !1,
-  className: g = "",
-  children: d,
+  valuePropName: V = "value",
+  inline: v = !1,
+  className: l = "",
+  children: c,
   tooltip: x,
   extra: y,
-  hasFeedback: u = !1,
-  dependencies: $,
-  validateTrigger: j = "onChange",
-  initialValue: b,
-  hidden: R = !1,
-  addonBefore: I,
-  addonAfter: k
+  hasFeedback: $ = !1,
+  dependencies: d,
+  validateTrigger: z = "onChange",
+  initialValue: N,
+  hidden: W = !1,
+  addonBefore: j,
+  addonAfter: w,
+  "data-testid": m
 }) {
-  const { form: m, size: F, listName: z, layout: S, labelWidth: B, disabled: T } = J(), E = ee(), A = ee();
+  const { form: u, size: k, listName: S, layout: M, labelWidth: I, disabled: P } = K(), R = te(), F = te();
   if (!s)
-    return /* @__PURE__ */ t("div", { className: `${c ? "w-auto" : "w-full"} ${g}`, style: R ? { display: "none" } : void 0, children: d });
-  let l;
-  Array.isArray(s) ? l = (z ? [z, ...s] : s).join(".") : l = s, te(() => {
-    b !== void 0 && m.getValues(l) === void 0 && m.setValue(l, b);
+    return /* @__PURE__ */ t("div", { className: `${v ? "w-auto" : "w-full"} ${l}`, style: W ? { display: "none" } : void 0, children: c });
+  let p;
+  Array.isArray(s) ? p = (S ? [S, ...s] : s).join(".") : p = s, se(() => {
+    N !== void 0 && u.getValues(p) === void 0 && u.setValue(p, N);
   }, []);
-  const q = xe({
-    control: m.control,
-    name: $,
-    disabled: !$ || $.length === 0
-  }), K = se(m);
-  K.current = m;
-  const W = se(void 0);
-  te(() => {
-    if (!$ || $.length === 0) return;
-    if (W.current === void 0) {
-      W.current = JSON.stringify(q);
+  const Z = ye({
+    control: u.control,
+    name: d,
+    disabled: !d || d.length === 0
+  }), H = re(u);
+  H.current = u;
+  const D = re(void 0);
+  se(() => {
+    if (!d || d.length === 0) return;
+    if (D.current === void 0) {
+      D.current = JSON.stringify(Z);
       return;
     }
-    const e = JSON.stringify(q);
-    W.current !== e && (W.current = e, K.current.trigger(l));
-  }, [q, $, l]);
-  const M = ((e) => {
+    const e = JSON.stringify(Z);
+    D.current !== e && (D.current = e, H.current.trigger(p));
+  }, [Z, d, p]);
+  const B = ((e) => {
     const o = e.split(".");
-    let a = m.formState.errors;
-    for (const P of o) {
+    let a = u.formState.errors;
+    for (const T of o) {
       if (!a) break;
-      a = a[P];
+      a = a[T];
     }
     return a;
-  })(l), L = M?.message, oe = h ? Array.isArray(h) ? h : [h] : [], C = {}, D = [], Z = [];
-  v && (C.required = "This field is required");
-  for (const e of oe) {
-    if (e.required && (C.required = typeof e.required == "string" ? e.required : e.message || "This field is required"), e.type && _[e.type] && D.push({
-      pattern: _[e.type].value,
-      message: e.message || _[e.type].message
+  })(p), E = B?.message, ae = h ? Array.isArray(h) ? h : [h] : [], A = {}, q = [], O = [];
+  b && (A.required = "This field is required");
+  for (const e of ae) {
+    if (e.required && (A.required = typeof e.required == "string" ? e.required : e.message || "This field is required"), e.type && X[e.type] && q.push({
+      pattern: X[e.type].value,
+      message: e.message || X[e.type].message
     }), e.min !== void 0) {
       const o = typeof e.min == "object" ? e.min.value : e.min, a = typeof e.min == "object" ? e.min.message : e.message || `Minimum length is ${o} characters`;
-      C.minLength = { value: o, message: a };
+      A.minLength = { value: o, message: a };
     }
     if (e.max !== void 0) {
       const o = typeof e.max == "object" ? e.max.value : e.max, a = typeof e.max == "object" ? e.max.message : e.message || `Maximum length is ${o} characters`;
-      C.maxLength = { value: o, message: a };
+      A.maxLength = { value: o, message: a };
     }
     if (e.pattern) {
       const o = e.pattern instanceof RegExp ? e.pattern : e.pattern.value, a = e.pattern instanceof RegExp ? e.message || "Invalid format" : e.pattern.message;
-      D.push({ pattern: o, message: a });
+      q.push({ pattern: o, message: a });
     }
-    e.validate && Z.push(e.validate);
+    e.validate && O.push(e.validate);
   }
-  (D.length > 0 || Z.length > 0) && (C.validate = async (e) => {
-    if (!e && !C.required) return !0;
-    for (const { pattern: o, message: a } of D)
+  (q.length > 0 || O.length > 0) && (A.validate = async (e) => {
+    if (!e && !A.required) return !0;
+    for (const { pattern: o, message: a } of q)
       if (e && !o.test(e))
         return a;
-    for (const o of Z) {
+    for (const o of O) {
       const a = await o(e);
       if (a !== !0)
         return a;
     }
     return !0;
   });
-  const H = Array.isArray(j) ? j : [j], U = H.includes("onChange"), ae = H.includes("onBlur"), ie = ({ hasError: e, isValidating: o }) => o ? /* @__PURE__ */ t("span", { className: `${Ce} ${Ie} ${Ee} text-base-content/50` }) : e ? /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-error", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-success", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), le = () => /* @__PURE__ */ t("div", { className: `${Ae} ${je} ml-1`, "data-tip": x, children: /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-base-content/50 cursor-help", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) });
+  const U = Array.isArray(z) ? z : [z], Y = U.includes("onChange"), ie = U.includes("onBlur"), le = ({ hasError: e, isValidating: o }) => o ? /* @__PURE__ */ t("span", { className: `${Ee} ${Ae} ${je} text-base-content/50` }) : e ? /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-error", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-success", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), ce = () => /* @__PURE__ */ t("div", { className: `${ze} ${Se} ml-1`, "data-tip": x, children: /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-base-content/50 cursor-help", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) });
   return /* @__PURE__ */ t(
-    ye,
+    be,
     {
-      name: l,
-      control: m.control,
-      rules: C,
+      name: p,
+      control: u.control,
+      rules: A,
       render: ({ field: e, fieldState: o }) => {
-        const { value: a, onChange: P, onBlur: ce, ref: de } = e, ue = o.isTouched && m.formState.isValidating, p = {
-          id: E,
-          ref: de,
-          "aria-invalid": M ? !0 : void 0,
-          "aria-describedby": M ? A : void 0
+        const { value: a, onChange: T, onBlur: de, ref: ue } = e, me = o.isTouched && u.formState.isValidating, g = {
+          id: R,
+          ref: ue,
+          "aria-invalid": B ? !0 : void 0,
+          "aria-describedby": B ? F : void 0,
+          "data-testid": m ? `${m}-input` : void 0
         };
-        p.onBlur = () => {
-          ce(), ae && m.trigger(l);
-        }, N === "checked" ? (p.checked = a, p.onChange = (f) => {
-          P(f.target.checked), U && m.trigger(l);
-        }) : (p.value = a || "", p.onChange = (f) => {
-          f && f.target !== void 0 ? P(f.target.value) : P(f), U && m.trigger(l);
-        }), F && re(d) && (d.props.size || (p.size = F)), M && (p.color = "error", p["aria-invalid"] = !0), T && (p.disabled = !0), (I || k) && (p.unstyled = !0);
-        const Y = re(d) ? ge(d, p) : d, V = S === "horizontal", G = S === "inline", Q = {
-          xs: $e,
-          sm: ke,
-          md: Fe,
-          lg: Ve,
-          xl: we
-        }, me = () => {
-          const f = /* @__PURE__ */ w("div", { className: `${V ? "flex-1" : ""} ${u ? "relative" : ""}`, children: [
-            Y,
-            u && o.isTouched && /* @__PURE__ */ t("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ t(ie, { hasError: !!M, isValidating: ue }) })
+        g.onBlur = () => {
+          de(), ie && u.trigger(p);
+        }, V === "checked" ? (g.checked = a, g.onChange = (f) => {
+          T(f.target.checked), Y && u.trigger(p);
+        }) : (g.value = a || "", g.onChange = (f) => {
+          f && f.target !== void 0 ? T(f.target.value) : T(f), Y && u.trigger(p);
+        }), k && ne(c) && (c.props.size || (g.size = k)), B && (g.color = "error", g["aria-invalid"] = !0), P && (g.disabled = !0), (j || w) && (g.unstyled = !0);
+        const G = ne(c) ? ge(c, g) : c, L = M === "horizontal", Q = M === "inline", ee = {
+          xs: ke,
+          sm: Fe,
+          md: Ve,
+          lg: we,
+          xl: Le
+        }, fe = () => {
+          const f = /* @__PURE__ */ C("div", { className: `${L ? "flex-1" : ""} ${$ ? "relative" : ""}`, children: [
+            G,
+            $ && o.isTouched && /* @__PURE__ */ t("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ t(le, { hasError: !!B, isValidating: me }) })
           ] });
           if (r) {
-            const O = [
-              Le,
-              F && Q[F]
+            const _ = [
+              Ce,
+              k && ee[k]
             ].filter(Boolean).join(" ");
-            return /* @__PURE__ */ w("label", { className: O, children: [
-              Y,
-              /* @__PURE__ */ w("span", { children: [
+            return /* @__PURE__ */ C("label", { className: _, children: [
+              G,
+              /* @__PURE__ */ C("span", { children: [
                 r,
-                v && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" })
+                b && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" })
               ] })
             ] });
           }
           return f;
-        }, fe = (f) => {
-          if (!I && !k) return f;
-          const O = [
+        }, he = (f) => {
+          if (!j && !w) return f;
+          const _ = [
             Ne,
             "flex",
             "items-center",
             "gap-2",
-            F && Q[F]
+            k && ee[k]
           ].filter(Boolean).join(" ");
-          return /* @__PURE__ */ w("label", { className: O, children: [
-            I && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: I }),
+          return /* @__PURE__ */ C("label", { className: _, children: [
+            j && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: j }),
             f,
-            k && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: k })
+            w && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: w })
           ] });
         };
-        return /* @__PURE__ */ w("div", { className: `${c ? "w-auto" : "w-full"} ${V ? "mb-4" : ""} ${G ? "inline-flex mr-4" : ""} ${g}`, style: R ? { display: "none" } : void 0, children: [
-          /* @__PURE__ */ w("div", { className: V ? "flex items-center gap-4" : "", children: [
+        return /* @__PURE__ */ C("div", { className: `${v ? "w-auto" : "w-full"} ${L ? "mb-4" : ""} ${Q ? "inline-flex mr-4" : ""} ${l}`, style: W ? { display: "none" } : void 0, "data-testid": m, children: [
+          /* @__PURE__ */ C("div", { className: L ? "flex items-center gap-4" : "", children: [
             n && !r && /* @__PURE__ */ t(
               "label",
               {
-                htmlFor: E,
-                className: `block text-sm font-medium ${V ? "flex-shrink-0 text-right" : ""} ${!V && !G ? "mb-1" : ""}`,
-                style: V ? { width: B } : void 0,
-                children: /* @__PURE__ */ w("span", { className: "flex items-center", children: [
+                htmlFor: R,
+                className: `block text-sm font-medium ${L ? "flex-shrink-0 text-right" : ""} ${!L && !Q ? "mb-1" : ""}`,
+                style: L ? { width: I } : void 0,
+                "data-testid": m ? `${m}-label` : void 0,
+                children: /* @__PURE__ */ C("span", { className: "flex items-center", children: [
                   n,
-                  v && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" }),
-                  x && /* @__PURE__ */ t(le, {})
+                  b && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" }),
+                  x && /* @__PURE__ */ t(ce, {})
                 ] })
               }
             ),
-            fe(me())
+            he(fe())
           ] }),
-          !V && !c && /* @__PURE__ */ t("p", { id: A, className: `validator-hint ${L ? "!visible text-error" : ""} min-h-[1.25rem]`, role: L ? "alert" : void 0, children: L || i && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: i }) || " " }),
-          V && (L || i) && /* @__PURE__ */ t("p", { id: A, className: `validator-hint ${L ? "!visible text-error" : ""} min-h-[1.25rem]`, role: L ? "alert" : void 0, children: L || i && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: i }) }),
-          y && /* @__PURE__ */ t("div", { className: "text-sm text-base-content/60 mt-1", children: y })
+          !L && !v && /* @__PURE__ */ t("p", { id: F, className: `validator-hint ${E ? "!visible text-error" : ""} min-h-[1.25rem]`, role: E ? "alert" : void 0, "data-testid": m ? `${m}-error` : void 0, children: E || i && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: i }) || " " }),
+          L && (E || i) && /* @__PURE__ */ t("p", { id: F, className: `validator-hint ${E ? "!visible text-error" : ""} min-h-[1.25rem]`, role: E ? "alert" : void 0, "data-testid": m ? `${m}-error` : void 0, children: E || i && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: i }) }),
+          y && /* @__PURE__ */ t("div", { className: "text-sm text-base-content/60 mt-1", "data-testid": m ? `${m}-extra` : void 0, children: y })
         ] });
       }
     }
   );
 }
-function Me({
+function Re({
   name: s,
   children: n
 }) {
-  const { form: r, layout: i, size: v, disabled: h } = J(), { fields: N, append: c, remove: g, move: d } = ve({
+  const { form: r, layout: i, size: b, disabled: h } = K(), { fields: V, append: v, remove: l, move: c } = xe({
     control: r.control,
     name: s
-  }), x = N.map((y, u) => ({
+  }), x = V.map((y, $) => ({
     ...y,
-    name: u
+    name: $
   }));
-  return /* @__PURE__ */ t(X.Provider, { value: { form: r, layout: i, size: v, listName: s, disabled: h }, children: n(x, {
-    add: c,
-    remove: g,
-    move: d
+  return /* @__PURE__ */ t(J.Provider, { value: { form: r, layout: i, size: b, listName: s, disabled: h }, children: n(x, {
+    add: v,
+    remove: l,
+    move: c
   }) });
 }
-function Pe() {
-  const s = ne(), n = s;
+function Be() {
+  const s = oe(), n = s;
   return n.setFieldValue = s.setValue, n.getFieldValue = (r) => s.getValues(r), n.getFieldsValue = s.getValues, n.setFieldsValue = (r) => {
     Object.keys(r).forEach((i) => {
       s.setValue(i, r[i]);
     });
   }, n.validateFields = s.trigger, n.resetFields = s.reset, n.isFieldTouched = (r) => !!s.formState.touchedFields[r], n.getFieldError = (r) => s.formState.errors[r]?.message, n;
 }
-function Re({ fields: s, className: n = "" }) {
-  const { form: r } = J(), { errors: i } = r.formState, v = (c, g = "") => {
-    const d = [];
-    for (const x in c) {
-      const y = g ? `${g}.${x}` : x, u = c[x];
-      u?.message ? d.push({ field: y, message: u.message }) : typeof u == "object" && u !== null && d.push(...v(u, y));
+function Te({ fields: s, className: n = "", "data-testid": r }) {
+  const { form: i } = K(), { errors: b } = i.formState, h = (l, c = "") => {
+    const x = [];
+    for (const y in l) {
+      const $ = c ? `${c}.${y}` : y, d = l[y];
+      d?.message ? x.push({ field: $, message: d.message }) : typeof d == "object" && d !== null && x.push(...h(d, $));
     }
-    return d;
-  }, h = v(i), N = s ? h.filter((c) => s.includes(c.field)) : h;
-  return N.length === 0 ? null : /* @__PURE__ */ t("ul", { className: `text-error text-sm space-y-1 ${n}`, role: "alert", children: N.map((c, g) => /* @__PURE__ */ w("li", { className: "flex items-start gap-2", children: [
+    return x;
+  }, V = h(b), v = s ? V.filter((l) => s.includes(l.field)) : V;
+  return v.length === 0 ? null : /* @__PURE__ */ t("ul", { className: `text-error text-sm space-y-1 ${n}`, role: "alert", "data-testid": r, children: v.map((l, c) => /* @__PURE__ */ C("li", { className: "flex items-start gap-2", "data-testid": r ? `${r}-${l.field}` : void 0, children: [
     /* @__PURE__ */ t("svg", { className: "w-4 h-4 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-    /* @__PURE__ */ t("span", { children: c.message })
-  ] }, `${c.field}-${g}`)) });
+    /* @__PURE__ */ t("span", { children: l.message })
+  ] }, `${l.field}-${c}`)) });
 }
-const Oe = Object.assign(ze, {
-  Item: Se,
-  List: Me,
-  ErrorList: Re,
-  useForm: Pe
+const _e = Object.assign(Me, {
+  Item: Pe,
+  List: Re,
+  ErrorList: Te,
+  useForm: Be
 });
 export {
-  Oe as Form,
-  Pe as useFormInstance
+  _e as Form,
+  Be as useFormInstance
 };
 //# sourceMappingURL=Form.js.map

package/dist/components/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../src/components/Form.tsx"],"sourcesContent":["import React, { createContext, useContext, cloneElement, isValidElement, useId, useEffect, useRef } from 'react'\nimport { useForm, UseFormReturn, FieldValues, SubmitHandler, UseFormProps, Controller, useFieldArray, FieldArrayPath, FieldArray, useWatch } from 'react-hook-form'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dInput = 'd-input'\nconst dInputXs = 'd-input-xs'\nconst dInputSm = 'd-input-sm'\nconst dInputMd = 'd-input-md'\nconst dInputLg = 'd-input-lg'\nconst dInputXl = 'd-input-xl'\nconst dFloatingLabel = 'd-floating-label'\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-loading-spinner'\nconst dLoadingXs = 'd-loading-xs'\nconst dTooltip = 'd-tooltip'\nconst dTooltipTop = 'd-tooltip-top'\n\ninterface FormContextValue {\n  form: UseFormReturn<any>\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  labelWidth?: number\n  listName?: string\n  disabled?: boolean\n}\n\nconst FormContext = createContext<FormContextValue | undefined>(undefined)\n\n// Built-in type validators\nconst TYPE_VALIDATORS = {\n  email: {\n    value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n    message: 'Please enter a valid email address',\n  },\n  url: {\n    value: /^https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)$/,\n    message: 'Please enter a valid URL',\n  },\n  number: {\n    value: /^-?\\d+(\\.\\d+)?$/,\n    message: 'Please enter a valid number',\n  },\n}\n\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  form?: UseFormReturn<TFieldValues>\n  onFinish?: SubmitHandler<TFieldValues>\n  /** Called when form validation fails */\n  onFinishFailed?: (errorInfo: { values: TFieldValues; errorFields: Array<{ name: string; errors: string[] }> }) => void\n  initialValues?: UseFormProps<TFieldValues>['defaultValues']\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  /** Label width in pixels for horizontal layout (default: 80) */\n  labelWidth?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Disable all form fields */\n  disabled?: boolean\n  children: React.ReactNode\n}\n\nexport interface FormRule {\n  required?: boolean | string\n  type?: 'email' | 'url' | 'number'\n  min?: number | { value: number; message: string }\n  max?: number | { value: number; message: string }\n  pattern?: RegExp | { value: RegExp; message: string }\n  message?: string\n  validate?: (value: any) => boolean | string | Promise<boolean | string>\n}\n\nexport type ValidateTrigger = 'onChange' | 'onBlur' | 'onSubmit' | ('onChange' | 'onBlur' | 'onSubmit')[]\n\nexport interface FormItemProps {\n  name?: string | string[]\n  label?: string\n  /** Floating label text (alternative to label, uses DaisyUI floating-label) */\n  floatingLabel?: string\n  help?: string\n  required?: boolean\n  rules?: FormRule | FormRule[]\n  valuePropName?: string\n  inline?: boolean\n  className?: string\n  children: React.ReactElement\n  /** Tooltip text to show next to label */\n  tooltip?: string\n  /** Additional content below the form control */\n  extra?: React.ReactNode\n  /** Show validation feedback icon */\n  hasFeedback?: boolean\n  /** Field names that this field depends on for validation */\n  dependencies?: string[]\n  /** When to trigger validation */\n  validateTrigger?: ValidateTrigger\n  /** Initial value for this field (overrides Form's initialValues) */\n  initialValue?: any\n  /** Hide this field (still validates and submits) */\n  hidden?: boolean\n  /** Text/element before input (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after input (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n}\n\nexport interface FormListProps<TFieldValues extends FieldValues = FieldValues> {\n  name: FieldArrayPath<TFieldValues>\n  children: (\n    fields: FieldArray<TFieldValues>[],\n    operations: {\n      add: (value?: any) => void\n      remove: (index: number) => void\n      move: (from: number, to: number) => void\n    }\n  ) => React.ReactNode\n}\n\nfunction useFormContext() {\n  const context = useContext(FormContext)\n  if (!context) {\n    throw new Error('Form compound components must be used within Form')\n  }\n  return context\n}\n\nfunction FormRoot<TFieldValues extends FieldValues = FieldValues>({\n  form: externalForm,\n  onFinish,\n  onFinishFailed,\n  initialValues,\n  layout = 'vertical',\n  labelWidth = 60,\n  size,\n  disabled = false,\n  children,\n  className = '',\n  noValidate = true,\n  ...props\n}: FormProps<TFieldValues>) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\n  const internalForm = useForm<TFieldValues>({\n    defaultValues: initialValues,\n  })\n\n  const form = externalForm || internalForm\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n\n    // Trigger validation\n    const isValid = await form.trigger()\n\n    if (isValid) {\n      if (onFinish) {\n        onFinish(form.getValues())\n      }\n    } else {\n      if (onFinishFailed) {\n        const errors = form.formState.errors\n        const errorFields: Array<{ name: string; errors: string[] }> = []\n\n        // Flatten errors into errorFields array\n        const flattenErrors = (obj: any, prefix = '') => {\n          for (const key in obj) {\n            const fullKey = prefix ? `${prefix}.${key}` : key\n            const value = obj[key]\n            if (value?.message) {\n              errorFields.push({ name: fullKey, errors: [value.message as string] })\n            } else if (typeof value === 'object' && value !== null) {\n              flattenErrors(value, fullKey)\n            }\n          }\n        }\n        flattenErrors(errors)\n\n        onFinishFailed({ values: form.getValues(), errorFields })\n      }\n    }\n  }\n\n  const handleReset = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    form.reset(initialValues as any)\n  }\n\n  return (\n    <FormContext.Provider value={{ form, layout, labelWidth, size: effectiveSize, disabled }}>\n      <form onSubmit={handleSubmit} onReset={handleReset} className={className} noValidate={noValidate} {...props}>\n        {children}\n      </form>\n    </FormContext.Provider>\n  )\n}\n\nfunction FormItem({\n  name,\n  label,\n  floatingLabel,\n  help,\n  required = false,\n  rules,\n  valuePropName = 'value',\n  inline = false,\n  className = '',\n  children,\n  tooltip,\n  extra,\n  hasFeedback = false,\n  dependencies,\n  validateTrigger = 'onChange',\n  initialValue,\n  hidden = false,\n  addonBefore,\n  addonAfter,\n}: FormItemProps) {\n  const { form, size, listName, layout, labelWidth, disabled: formDisabled } = useFormContext()\n  const inputId = useId()\n  const errorId = useId()\n\n  if (!name) {\n    // Render without form control if no name provided\n    return <div className={`${inline ? 'w-auto' : 'w-full'} ${className}`} style={hidden ? { display: 'none' } : undefined}>{children}</div>\n  }\n\n  // Handle nested field names (for Form.List)\n  let fieldName: string\n  if (Array.isArray(name)) {\n    // If we're inside a Form.List, prepend the list name\n    const fullPath = listName ? [listName, ...name] : name\n    fieldName = fullPath.join('.')\n  } else {\n    fieldName = name\n  }\n\n  // Set initial value if provided\n  useEffect(() => {\n    if (initialValue !== undefined) {\n      const currentValue = form.getValues(fieldName as any)\n      if (currentValue === undefined) {\n        form.setValue(fieldName as any, initialValue)\n      }\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Watch dependencies and re-validate when they change\n  const watchedDeps = useWatch({\n    control: form.control,\n    name: dependencies as any,\n    disabled: !dependencies || dependencies.length === 0,\n  })\n\n  // Use refs to avoid infinite loops\n  const formRef = useRef(form)\n  formRef.current = form\n  const prevDepsRef = useRef<string | undefined>(undefined)\n\n  useEffect(() => {\n    // Skip if no dependencies\n    if (!dependencies || dependencies.length === 0) return\n\n    // Skip initial render\n    if (prevDepsRef.current === undefined) {\n      prevDepsRef.current = JSON.stringify(watchedDeps)\n      return\n    }\n\n    // Only trigger if dependency values actually changed\n    const currentDeps = JSON.stringify(watchedDeps)\n    if (prevDepsRef.current !== currentDeps) {\n      prevDepsRef.current = currentDeps\n      formRef.current.trigger(fieldName as any)\n    }\n  }, [watchedDeps, dependencies, fieldName])\n\n  // Get error by traversing the error object path\n  const getErrorByPath = (path: string) => {\n    const keys = path.split('.')\n    let error: any = form.formState.errors\n    for (const key of keys) {\n      if (!error) break\n      error = error[key]\n    }\n    return error\n  }\n\n  const error = getErrorByPath(fieldName)\n  const errorMessage = error?.message as string | undefined\n\n  // Normalize rules to array\n  const rulesArray: FormRule[] = rules\n    ? Array.isArray(rules) ? rules : [rules]\n    : []\n\n  // Build validation rules\n  const validationRules: any = {}\n  const patternValidators: Array<{ pattern: RegExp; message: string }> = []\n  const customValidators: Array<(value: any) => boolean | string | Promise<boolean | string>> = []\n\n  // Handle top-level required prop\n  if (required) {\n    validationRules.required = 'This field is required'\n  }\n\n  // Process each rule\n  for (const rule of rulesArray) {\n    // Required\n    if (rule.required) {\n      validationRules.required = typeof rule.required === 'string'\n        ? rule.required\n        : rule.message || 'This field is required'\n    }\n\n    // Type validator\n    if (rule.type && TYPE_VALIDATORS[rule.type]) {\n      patternValidators.push({\n        pattern: TYPE_VALIDATORS[rule.type].value,\n        message: rule.message || TYPE_VALIDATORS[rule.type].message,\n      })\n    }\n\n    // Min length\n    if (rule.min !== undefined) {\n      const minValue = typeof rule.min === 'object' ? rule.min.value : rule.min\n      const minMessage = typeof rule.min === 'object'\n        ? rule.min.message\n        : rule.message || `Minimum length is ${minValue} characters`\n      validationRules.minLength = { value: minValue, message: minMessage }\n    }\n\n    // Max length\n    if (rule.max !== undefined) {\n      const maxValue = typeof rule.max === 'object' ? rule.max.value : rule.max\n      const maxMessage = typeof rule.max === 'object'\n        ? rule.max.message\n        : rule.message || `Maximum length is ${maxValue} characters`\n      validationRules.maxLength = { value: maxValue, message: maxMessage }\n    }\n\n    // Pattern - collect all patterns\n    if (rule.pattern) {\n      const patternValue = rule.pattern instanceof RegExp ? rule.pattern : rule.pattern.value\n      const patternMessage = rule.pattern instanceof RegExp\n        ? rule.message || 'Invalid format'\n        : rule.pattern.message\n      patternValidators.push({ pattern: patternValue, message: patternMessage })\n    }\n\n    // Custom validator\n    if (rule.validate) {\n      customValidators.push(rule.validate)\n    }\n  }\n\n  // Combine all pattern and custom validators into a single validate function\n  if (patternValidators.length > 0 || customValidators.length > 0) {\n    validationRules.validate = async (value: any) => {\n      // Skip validation if empty (required rule handles that)\n      if (!value && !validationRules.required) return true\n\n      // Check all patterns\n      for (const { pattern, message } of patternValidators) {\n        if (value && !pattern.test(value)) {\n          return message\n        }\n      }\n\n      // Run all custom validators\n      for (const validator of customValidators) {\n        const result = await validator(value)\n        if (result !== true) {\n          return result\n        }\n      }\n\n      return true\n    }\n  }\n\n  // Normalize validateTrigger to array\n  const triggers = Array.isArray(validateTrigger) ? validateTrigger : [validateTrigger]\n  const shouldValidateOnChange = triggers.includes('onChange')\n  const shouldValidateOnBlur = triggers.includes('onBlur')\n\n  // Feedback icons\n  const FeedbackIcon = ({ hasError, isValidating }: { hasError: boolean; isValidating: boolean }) => {\n    if (isValidating) {\n      return (\n        <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingXs} text-base-content/50`} />\n      )\n    }\n    if (hasError) {\n      return (\n        <svg className=\"w-4 h-4 text-error\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n        </svg>\n      )\n    }\n    return (\n      <svg className=\"w-4 h-4 text-success\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n      </svg>\n    )\n  }\n\n  // Tooltip icon\n  const TooltipIcon = () => (\n    <div className={`${dTooltip} ${dTooltipTop} ml-1`} data-tip={tooltip}>\n      <svg className=\"w-4 h-4 text-base-content/50 cursor-help\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n      </svg>\n    </div>\n  )\n\n  return (\n    <Controller\n      name={fieldName}\n      control={form.control}\n      rules={validationRules}\n      render={({ field, fieldState }) => {\n        const { value, onChange, onBlur, ref } = field\n        const isValidating = fieldState.isTouched && form.formState.isValidating\n\n        // Clone the child element and inject form control props\n        const childProps: any = {\n          id: inputId,\n          ref,\n          'aria-invalid': error ? true : undefined,\n          'aria-describedby': error ? errorId : undefined,\n        }\n\n        // Handle onBlur based on validateTrigger\n        childProps.onBlur = () => {\n          onBlur()\n          if (shouldValidateOnBlur) {\n            form.trigger(fieldName as any)\n          }\n        }\n\n        // Handle different value prop names (e.g., 'checked' for checkboxes)\n        if (valuePropName === 'checked') {\n          childProps.checked = value\n          childProps.onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            onChange(e.target.checked)\n            if (shouldValidateOnChange) {\n              form.trigger(fieldName as any)\n            }\n          }\n        } else {\n          childProps.value = value || ''\n          childProps.onChange = (eventOrValue: any) => {\n            // Handle components that pass value directly (e.g., Range, Rating)\n            // vs components that pass event object (e.g., Input, Select)\n            if (eventOrValue && eventOrValue.target !== undefined) {\n              onChange(eventOrValue.target.value)\n            } else {\n              onChange(eventOrValue)\n            }\n            if (shouldValidateOnChange) {\n              form.trigger(fieldName as any)\n            }\n          }\n        }\n\n        // Apply size if specified at form level\n        if (size && isValidElement(children)) {\n          const existingProps = children.props as any\n          if (!existingProps.size) {\n            childProps.size = size\n          }\n        }\n\n        // Apply error styling and accessibility\n        if (error) {\n          childProps.color = 'error'\n          childProps['aria-invalid'] = true\n        }\n\n        // Apply form-level disabled state\n        if (formDisabled) {\n          childProps.disabled = true\n        }\n\n        // When wrapped with addons, the child input should be unstyled (the wrapper has the styling)\n        const hasAddons = addonBefore || addonAfter\n        if (hasAddons) {\n          childProps.unstyled = true\n        }\n\n        const enhancedChild = isValidElement(children)\n          ? cloneElement(children as React.ReactElement<any>, childProps)\n          : children\n\n        const isHorizontal = layout === 'horizontal'\n        const isInline = layout === 'inline'\n\n        // Size class for floating label\n        const floatingSizeClasses: Record<string, string> = {\n          xs: dInputXs,\n          sm: dInputSm,\n          md: dInputMd,\n          lg: dInputLg,\n          xl: dInputXl,\n        }\n\n        // Build the input element with optional floating label wrapper\n        const renderInputElement = () => {\n          const inputWithFeedback = (\n            <div className={`${isHorizontal ? 'flex-1' : ''} ${hasFeedback ? 'relative' : ''}`}>\n              {enhancedChild}\n              {hasFeedback && fieldState.isTouched && (\n                <span className=\"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none\">\n                  <FeedbackIcon hasError={!!error} isValidating={isValidating} />\n                </span>\n              )}\n            </div>\n          )\n\n          // Floating label variant\n          if (floatingLabel) {\n            const floatingClasses = [\n              dFloatingLabel,\n              size && floatingSizeClasses[size],\n            ].filter(Boolean).join(' ')\n\n            return (\n              <label className={floatingClasses}>\n                {enhancedChild}\n                <span>{floatingLabel}{required && <span className=\"text-error ml-1\">*</span>}</span>\n              </label>\n            )\n          }\n\n          return inputWithFeedback\n        }\n\n        // Wrap with external addons if specified using DaisyUI input wrapper pattern\n        const renderWithAddons = (input: React.ReactNode) => {\n          if (!addonBefore && !addonAfter) return input\n\n          const addonClasses = [\n            dInput,\n            'flex',\n            'items-center',\n            'gap-2',\n            size && floatingSizeClasses[size],\n          ].filter(Boolean).join(' ')\n\n          return (\n            <label className={addonClasses}>\n              {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n              {input}\n              {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n            </label>\n          )\n        }\n\n        return (\n          <div className={`${inline ? 'w-auto' : 'w-full'} ${isHorizontal ? 'mb-4' : ''} ${isInline ? 'inline-flex mr-4' : ''} ${className}`} style={hidden ? { display: 'none' } : undefined}>\n            <div className={isHorizontal ? 'flex items-center gap-4' : ''}>\n              {label && !floatingLabel && (\n                <label\n                  htmlFor={inputId}\n                  className={`block text-sm font-medium ${isHorizontal ? 'flex-shrink-0 text-right' : ''} ${!isHorizontal && !isInline ? 'mb-1' : ''}`}\n                  style={isHorizontal ? { width: labelWidth } : undefined}\n                >\n                  <span className=\"flex items-center\">\n                    {label}\n                    {required && <span className=\"text-error ml-1\">*</span>}\n                    {tooltip && <TooltipIcon />}\n                  </span>\n                </label>\n              )}\n              {renderWithAddons(renderInputElement())}\n            </div>\n            {!isHorizontal && !inline && (\n              <p id={errorId} className={`validator-hint ${errorMessage ? '!visible text-error' : ''} min-h-[1.25rem]`} role={errorMessage ? 'alert' : undefined}>\n                {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>) || '\\u00A0'}\n              </p>\n            )}\n            {isHorizontal && (errorMessage || help) && (\n              <p id={errorId} className={`validator-hint ${errorMessage ? '!visible text-error' : ''} min-h-[1.25rem]`} role={errorMessage ? 'alert' : undefined}>\n                {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>)}\n              </p>\n            )}\n            {extra && (\n              <div className=\"text-sm text-base-content/60 mt-1\">{extra}</div>\n            )}\n          </div>\n        )\n      }}\n    />\n  )\n}\n\nfunction FormList<TFieldValues extends FieldValues = FieldValues>({\n  name,\n  children,\n}: FormListProps<TFieldValues>) {\n  const { form, layout, size, disabled } = useFormContext()\n\n  const { fields, append, remove, move } = useFieldArray({\n    control: form.control,\n    name,\n  })\n\n  // Add name (index) to each field for proper path construction\n  const fieldsWithName = fields.map((field, index) => ({\n    ...field,\n    name: index,\n  }))\n\n  return (\n    <FormContext.Provider value={{ form, layout, size, listName: name as string, disabled }}>\n      {children(fieldsWithName as any, {\n        add: append,\n        remove,\n        move,\n      })}\n    </FormContext.Provider>\n  )\n}\n\n// Enhanced hook to expose full form API\nexport function useFormInstance<TFieldValues extends FieldValues = FieldValues>() {\n  const formInstance = useForm<TFieldValues>()\n\n  // Add convenience methods to the instance\n  const enhancedInstance = formInstance as typeof formInstance & {\n    setFieldValue: typeof formInstance.setValue\n    getFieldValue: (name: any) => any\n    getFieldsValue: typeof formInstance.getValues\n    setFieldsValue: (values: any) => void\n    validateFields: typeof formInstance.trigger\n    resetFields: typeof formInstance.reset\n    isFieldTouched: (name: string) => boolean\n    getFieldError: (name: string) => string | undefined\n  }\n\n  // Add the alias methods\n  enhancedInstance.setFieldValue = formInstance.setValue\n  enhancedInstance.getFieldValue = (name: any) => formInstance.getValues(name)\n  enhancedInstance.getFieldsValue = formInstance.getValues\n  enhancedInstance.setFieldsValue = (values: any) => {\n    Object.keys(values).forEach((key) => {\n      formInstance.setValue(key as any, values[key])\n    })\n  }\n  enhancedInstance.validateFields = formInstance.trigger\n  enhancedInstance.resetFields = formInstance.reset\n  enhancedInstance.isFieldTouched = (name: string) => {\n    const touched = formInstance.formState.touchedFields as any\n    return !!touched[name]\n  }\n  enhancedInstance.getFieldError = (name: string) => {\n    const errors = formInstance.formState.errors as any\n    return errors[name]?.message as string | undefined\n  }\n\n  return enhancedInstance\n}\n\nexport interface FormErrorListProps {\n  /** Specific field names to show errors for (shows all errors if not specified) */\n  fields?: string[]\n  /** Custom className */\n  className?: string\n}\n\nfunction FormErrorList({ fields, className = '' }: FormErrorListProps) {\n  const { form } = useFormContext()\n  const { errors } = form.formState\n\n  // Flatten nested errors into a list\n  const flattenErrors = (obj: any, prefix = ''): Array<{ field: string; message: string }> => {\n    const result: Array<{ field: string; message: string }> = []\n\n    for (const key in obj) {\n      const fullKey = prefix ? `${prefix}.${key}` : key\n      const value = obj[key]\n\n      if (value?.message) {\n        result.push({ field: fullKey, message: value.message as string })\n      } else if (typeof value === 'object' && value !== null) {\n        result.push(...flattenErrors(value, fullKey))\n      }\n    }\n\n    return result\n  }\n\n  const allErrors = flattenErrors(errors)\n  const filteredErrors = fields\n    ? allErrors.filter(e => fields.includes(e.field))\n    : allErrors\n\n  if (filteredErrors.length === 0) {\n    return null\n  }\n\n  return (\n    <ul className={`text-error text-sm space-y-1 ${className}`} role=\"alert\">\n      {filteredErrors.map((error, index) => (\n        <li key={`${error.field}-${index}`} className=\"flex items-start gap-2\">\n          <svg className=\"w-4 h-4 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n          </svg>\n          <span>{error.message}</span>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\nexport const Form = Object.assign(FormRoot, {\n  Item: FormItem,\n  List: FormList,\n  ErrorList: FormErrorList,\n  useForm: useFormInstance,\n})\n\nexport type { UseFormReturn as FormInstance }\n"],"names":["dInput","dInputXs","dInputSm","dInputMd","dInputLg","dInputXl","dFloatingLabel","dLoading","dLoadingSpinner","dLoadingXs","dTooltip","dTooltipTop","FormContext","createContext","TYPE_VALIDATORS","useFormContext","context","useContext","FormRoot","externalForm","onFinish","onFinishFailed","initialValues","layout","labelWidth","size","disabled","children","className","noValidate","props","componentSize","useConfig","effectiveSize","internalForm","useForm","form","handleSubmit","e","errors","errorFields","flattenErrors","obj","prefix","key","fullKey","value","handleReset","jsx","FormItem","name","label","floatingLabel","help","required","rules","valuePropName","inline","tooltip","extra","hasFeedback","dependencies","validateTrigger","initialValue","hidden","addonBefore","addonAfter","listName","formDisabled","inputId","useId","errorId","fieldName","useEffect","watchedDeps","useWatch","formRef","useRef","prevDepsRef","currentDeps","error","path","keys","errorMessage","rulesArray","validationRules","patternValidators","customValidators","rule","minValue","minMessage","maxValue","maxMessage","patternValue","patternMessage","pattern","message","validator","result","triggers","shouldValidateOnChange","shouldValidateOnBlur","FeedbackIcon","hasError","isValidating","TooltipIcon","Controller","field","fieldState","onChange","onBlur","ref","childProps","eventOrValue","isValidElement","enhancedChild","cloneElement","isHorizontal","isInline","floatingSizeClasses","renderInputElement","inputWithFeedback","jsxs","floatingClasses","renderWithAddons","input","addonClasses","FormList","fields","append","remove","move","useFieldArray","fieldsWithName","index","useFormInstance","formInstance","enhancedInstance","values","FormErrorList","allErrors","filteredErrors","Form"],"mappings":"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"}
+{"version":3,"file":"Form.js","sources":["../../src/components/Form.tsx"],"sourcesContent":["import React, { createContext, useContext, cloneElement, isValidElement, useId, useEffect, useRef } from 'react'\nimport { useForm, UseFormReturn, FieldValues, SubmitHandler, UseFormProps, Controller, useFieldArray, FieldArrayPath, FieldArray, useWatch } from 'react-hook-form'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dInput = 'd-input'\nconst dInputXs = 'd-input-xs'\nconst dInputSm = 'd-input-sm'\nconst dInputMd = 'd-input-md'\nconst dInputLg = 'd-input-lg'\nconst dInputXl = 'd-input-xl'\nconst dFloatingLabel = 'd-floating-label'\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-loading-spinner'\nconst dLoadingXs = 'd-loading-xs'\nconst dTooltip = 'd-tooltip'\nconst dTooltipTop = 'd-tooltip-top'\n\ninterface FormContextValue {\n  form: UseFormReturn<any>\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  labelWidth?: number\n  listName?: string\n  disabled?: boolean\n}\n\nconst FormContext = createContext<FormContextValue | undefined>(undefined)\n\n// Built-in type validators\nconst TYPE_VALIDATORS = {\n  email: {\n    value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n    message: 'Please enter a valid email address',\n  },\n  url: {\n    value: /^https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)$/,\n    message: 'Please enter a valid URL',\n  },\n  number: {\n    value: /^-?\\d+(\\.\\d+)?$/,\n    message: 'Please enter a valid number',\n  },\n}\n\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  form?: UseFormReturn<TFieldValues>\n  onFinish?: SubmitHandler<TFieldValues>\n  /** Called when form validation fails */\n  onFinishFailed?: (errorInfo: { values: TFieldValues; errorFields: Array<{ name: string; errors: string[] }> }) => void\n  initialValues?: UseFormProps<TFieldValues>['defaultValues']\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  /** Label width in pixels for horizontal layout (default: 80) */\n  labelWidth?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Disable all form fields */\n  disabled?: boolean\n  children: React.ReactNode\n  /** Test ID for the form element */\n  'data-testid'?: string\n}\n\nexport interface FormRule {\n  required?: boolean | string\n  type?: 'email' | 'url' | 'number'\n  min?: number | { value: number; message: string }\n  max?: number | { value: number; message: string }\n  pattern?: RegExp | { value: RegExp; message: string }\n  message?: string\n  validate?: (value: any) => boolean | string | Promise<boolean | string>\n}\n\nexport type ValidateTrigger = 'onChange' | 'onBlur' | 'onSubmit' | ('onChange' | 'onBlur' | 'onSubmit')[]\n\nexport interface FormItemProps {\n  name?: string | string[]\n  label?: string\n  /** Floating label text (alternative to label, uses DaisyUI floating-label) */\n  floatingLabel?: string\n  help?: string\n  required?: boolean\n  rules?: FormRule | FormRule[]\n  valuePropName?: string\n  inline?: boolean\n  className?: string\n  children: React.ReactElement\n  /** Tooltip text to show next to label */\n  tooltip?: string\n  /** Additional content below the form control */\n  extra?: React.ReactNode\n  /** Show validation feedback icon */\n  hasFeedback?: boolean\n  /** Field names that this field depends on for validation */\n  dependencies?: string[]\n  /** When to trigger validation */\n  validateTrigger?: ValidateTrigger\n  /** Initial value for this field (overrides Form's initialValues) */\n  initialValue?: any\n  /** Hide this field (still validates and submits) */\n  hidden?: boolean\n  /** Text/element before input (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after input (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  /** Test ID for the form item (used as prefix for child elements) */\n  'data-testid'?: string\n}\n\nexport interface FormListProps<TFieldValues extends FieldValues = FieldValues> {\n  name: FieldArrayPath<TFieldValues>\n  children: (\n    fields: FieldArray<TFieldValues>[],\n    operations: {\n      add: (value?: any) => void\n      remove: (index: number) => void\n      move: (from: number, to: number) => void\n    }\n  ) => React.ReactNode\n}\n\nfunction useFormContext() {\n  const context = useContext(FormContext)\n  if (!context) {\n    throw new Error('Form compound components must be used within Form')\n  }\n  return context\n}\n\nfunction FormRoot<TFieldValues extends FieldValues = FieldValues>({\n  form: externalForm,\n  onFinish,\n  onFinishFailed,\n  initialValues,\n  layout = 'vertical',\n  labelWidth = 60,\n  size,\n  disabled = false,\n  children,\n  className = '',\n  noValidate = true,\n  ...props\n}: FormProps<TFieldValues>) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\n  const internalForm = useForm<TFieldValues>({\n    defaultValues: initialValues,\n  })\n\n  const form = externalForm || internalForm\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n\n    // Trigger validation\n    const isValid = await form.trigger()\n\n    if (isValid) {\n      if (onFinish) {\n        onFinish(form.getValues())\n      }\n    } else {\n      if (onFinishFailed) {\n        const errors = form.formState.errors\n        const errorFields: Array<{ name: string; errors: string[] }> = []\n\n        // Flatten errors into errorFields array\n        const flattenErrors = (obj: any, prefix = '') => {\n          for (const key in obj) {\n            const fullKey = prefix ? `${prefix}.${key}` : key\n            const value = obj[key]\n            if (value?.message) {\n              errorFields.push({ name: fullKey, errors: [value.message as string] })\n            } else if (typeof value === 'object' && value !== null) {\n              flattenErrors(value, fullKey)\n            }\n          }\n        }\n        flattenErrors(errors)\n\n        onFinishFailed({ values: form.getValues(), errorFields })\n      }\n    }\n  }\n\n  const handleReset = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    form.reset(initialValues as any)\n  }\n\n  return (\n    <FormContext.Provider value={{ form, layout, labelWidth, size: effectiveSize, disabled }}>\n      <form onSubmit={handleSubmit} onReset={handleReset} className={className} noValidate={noValidate} {...props}>\n        {children}\n      </form>\n    </FormContext.Provider>\n  )\n}\n\nfunction FormItem({\n  name,\n  label,\n  floatingLabel,\n  help,\n  required = false,\n  rules,\n  valuePropName = 'value',\n  inline = false,\n  className = '',\n  children,\n  tooltip,\n  extra,\n  hasFeedback = false,\n  dependencies,\n  validateTrigger = 'onChange',\n  initialValue,\n  hidden = false,\n  addonBefore,\n  addonAfter,\n  'data-testid': testId,\n}: FormItemProps) {\n  const { form, size, listName, layout, labelWidth, disabled: formDisabled } = useFormContext()\n  const inputId = useId()\n  const errorId = useId()\n\n  if (!name) {\n    // Render without form control if no name provided\n    return <div className={`${inline ? 'w-auto' : 'w-full'} ${className}`} style={hidden ? { display: 'none' } : undefined}>{children}</div>\n  }\n\n  // Handle nested field names (for Form.List)\n  let fieldName: string\n  if (Array.isArray(name)) {\n    // If we're inside a Form.List, prepend the list name\n    const fullPath = listName ? [listName, ...name] : name\n    fieldName = fullPath.join('.')\n  } else {\n    fieldName = name\n  }\n\n  // Set initial value if provided\n  useEffect(() => {\n    if (initialValue !== undefined) {\n      const currentValue = form.getValues(fieldName as any)\n      if (currentValue === undefined) {\n        form.setValue(fieldName as any, initialValue)\n      }\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Watch dependencies and re-validate when they change\n  const watchedDeps = useWatch({\n    control: form.control,\n    name: dependencies as any,\n    disabled: !dependencies || dependencies.length === 0,\n  })\n\n  // Use refs to avoid infinite loops\n  const formRef = useRef(form)\n  formRef.current = form\n  const prevDepsRef = useRef<string | undefined>(undefined)\n\n  useEffect(() => {\n    // Skip if no dependencies\n    if (!dependencies || dependencies.length === 0) return\n\n    // Skip initial render\n    if (prevDepsRef.current === undefined) {\n      prevDepsRef.current = JSON.stringify(watchedDeps)\n      return\n    }\n\n    // Only trigger if dependency values actually changed\n    const currentDeps = JSON.stringify(watchedDeps)\n    if (prevDepsRef.current !== currentDeps) {\n      prevDepsRef.current = currentDeps\n      formRef.current.trigger(fieldName as any)\n    }\n  }, [watchedDeps, dependencies, fieldName])\n\n  // Get error by traversing the error object path\n  const getErrorByPath = (path: string) => {\n    const keys = path.split('.')\n    let error: any = form.formState.errors\n    for (const key of keys) {\n      if (!error) break\n      error = error[key]\n    }\n    return error\n  }\n\n  const error = getErrorByPath(fieldName)\n  const errorMessage = error?.message as string | undefined\n\n  // Normalize rules to array\n  const rulesArray: FormRule[] = rules\n    ? Array.isArray(rules) ? rules : [rules]\n    : []\n\n  // Build validation rules\n  const validationRules: any = {}\n  const patternValidators: Array<{ pattern: RegExp; message: string }> = []\n  const customValidators: Array<(value: any) => boolean | string | Promise<boolean | string>> = []\n\n  // Handle top-level required prop\n  if (required) {\n    validationRules.required = 'This field is required'\n  }\n\n  // Process each rule\n  for (const rule of rulesArray) {\n    // Required\n    if (rule.required) {\n      validationRules.required = typeof rule.required === 'string'\n        ? rule.required\n        : rule.message || 'This field is required'\n    }\n\n    // Type validator\n    if (rule.type && TYPE_VALIDATORS[rule.type]) {\n      patternValidators.push({\n        pattern: TYPE_VALIDATORS[rule.type].value,\n        message: rule.message || TYPE_VALIDATORS[rule.type].message,\n      })\n    }\n\n    // Min length\n    if (rule.min !== undefined) {\n      const minValue = typeof rule.min === 'object' ? rule.min.value : rule.min\n      const minMessage = typeof rule.min === 'object'\n        ? rule.min.message\n        : rule.message || `Minimum length is ${minValue} characters`\n      validationRules.minLength = { value: minValue, message: minMessage }\n    }\n\n    // Max length\n    if (rule.max !== undefined) {\n      const maxValue = typeof rule.max === 'object' ? rule.max.value : rule.max\n      const maxMessage = typeof rule.max === 'object'\n        ? rule.max.message\n        : rule.message || `Maximum length is ${maxValue} characters`\n      validationRules.maxLength = { value: maxValue, message: maxMessage }\n    }\n\n    // Pattern - collect all patterns\n    if (rule.pattern) {\n      const patternValue = rule.pattern instanceof RegExp ? rule.pattern : rule.pattern.value\n      const patternMessage = rule.pattern instanceof RegExp\n        ? rule.message || 'Invalid format'\n        : rule.pattern.message\n      patternValidators.push({ pattern: patternValue, message: patternMessage })\n    }\n\n    // Custom validator\n    if (rule.validate) {\n      customValidators.push(rule.validate)\n    }\n  }\n\n  // Combine all pattern and custom validators into a single validate function\n  if (patternValidators.length > 0 || customValidators.length > 0) {\n    validationRules.validate = async (value: any) => {\n      // Skip validation if empty (required rule handles that)\n      if (!value && !validationRules.required) return true\n\n      // Check all patterns\n      for (const { pattern, message } of patternValidators) {\n        if (value && !pattern.test(value)) {\n          return message\n        }\n      }\n\n      // Run all custom validators\n      for (const validator of customValidators) {\n        const result = await validator(value)\n        if (result !== true) {\n          return result\n        }\n      }\n\n      return true\n    }\n  }\n\n  // Normalize validateTrigger to array\n  const triggers = Array.isArray(validateTrigger) ? validateTrigger : [validateTrigger]\n  const shouldValidateOnChange = triggers.includes('onChange')\n  const shouldValidateOnBlur = triggers.includes('onBlur')\n\n  // Feedback icons\n  const FeedbackIcon = ({ hasError, isValidating }: { hasError: boolean; isValidating: boolean }) => {\n    if (isValidating) {\n      return (\n        <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingXs} text-base-content/50`} />\n      )\n    }\n    if (hasError) {\n      return (\n        <svg className=\"w-4 h-4 text-error\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n        </svg>\n      )\n    }\n    return (\n      <svg className=\"w-4 h-4 text-success\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n      </svg>\n    )\n  }\n\n  // Tooltip icon\n  const TooltipIcon = () => (\n    <div className={`${dTooltip} ${dTooltipTop} ml-1`} data-tip={tooltip}>\n      <svg className=\"w-4 h-4 text-base-content/50 cursor-help\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n      </svg>\n    </div>\n  )\n\n  return (\n    <Controller\n      name={fieldName}\n      control={form.control}\n      rules={validationRules}\n      render={({ field, fieldState }) => {\n        const { value, onChange, onBlur, ref } = field\n        const isValidating = fieldState.isTouched && form.formState.isValidating\n\n        // Clone the child element and inject form control props\n        const childProps: any = {\n          id: inputId,\n          ref,\n          'aria-invalid': error ? true : undefined,\n          'aria-describedby': error ? errorId : undefined,\n          'data-testid': testId ? `${testId}-input` : undefined,\n        }\n\n        // Handle onBlur based on validateTrigger\n        childProps.onBlur = () => {\n          onBlur()\n          if (shouldValidateOnBlur) {\n            form.trigger(fieldName as any)\n          }\n        }\n\n        // Handle different value prop names (e.g., 'checked' for checkboxes)\n        if (valuePropName === 'checked') {\n          childProps.checked = value\n          childProps.onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            onChange(e.target.checked)\n            if (shouldValidateOnChange) {\n              form.trigger(fieldName as any)\n            }\n          }\n        } else {\n          childProps.value = value || ''\n          childProps.onChange = (eventOrValue: any) => {\n            // Handle components that pass value directly (e.g., Range, Rating)\n            // vs components that pass event object (e.g., Input, Select)\n            if (eventOrValue && eventOrValue.target !== undefined) {\n              onChange(eventOrValue.target.value)\n            } else {\n              onChange(eventOrValue)\n            }\n            if (shouldValidateOnChange) {\n              form.trigger(fieldName as any)\n            }\n          }\n        }\n\n        // Apply size if specified at form level\n        if (size && isValidElement(children)) {\n          const existingProps = children.props as any\n          if (!existingProps.size) {\n            childProps.size = size\n          }\n        }\n\n        // Apply error styling and accessibility\n        if (error) {\n          childProps.color = 'error'\n          childProps['aria-invalid'] = true\n        }\n\n        // Apply form-level disabled state\n        if (formDisabled) {\n          childProps.disabled = true\n        }\n\n        // When wrapped with addons, the child input should be unstyled (the wrapper has the styling)\n        const hasAddons = addonBefore || addonAfter\n        if (hasAddons) {\n          childProps.unstyled = true\n        }\n\n        const enhancedChild = isValidElement(children)\n          ? cloneElement(children as React.ReactElement<any>, childProps)\n          : children\n\n        const isHorizontal = layout === 'horizontal'\n        const isInline = layout === 'inline'\n\n        // Size class for floating label\n        const floatingSizeClasses: Record<string, string> = {\n          xs: dInputXs,\n          sm: dInputSm,\n          md: dInputMd,\n          lg: dInputLg,\n          xl: dInputXl,\n        }\n\n        // Build the input element with optional floating label wrapper\n        const renderInputElement = () => {\n          const inputWithFeedback = (\n            <div className={`${isHorizontal ? 'flex-1' : ''} ${hasFeedback ? 'relative' : ''}`}>\n              {enhancedChild}\n              {hasFeedback && fieldState.isTouched && (\n                <span className=\"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none\">\n                  <FeedbackIcon hasError={!!error} isValidating={isValidating} />\n                </span>\n              )}\n            </div>\n          )\n\n          // Floating label variant\n          if (floatingLabel) {\n            const floatingClasses = [\n              dFloatingLabel,\n              size && floatingSizeClasses[size],\n            ].filter(Boolean).join(' ')\n\n            return (\n              <label className={floatingClasses}>\n                {enhancedChild}\n                <span>{floatingLabel}{required && <span className=\"text-error ml-1\">*</span>}</span>\n              </label>\n            )\n          }\n\n          return inputWithFeedback\n        }\n\n        // Wrap with external addons if specified using DaisyUI input wrapper pattern\n        const renderWithAddons = (input: React.ReactNode) => {\n          if (!addonBefore && !addonAfter) return input\n\n          const addonClasses = [\n            dInput,\n            'flex',\n            'items-center',\n            'gap-2',\n            size && floatingSizeClasses[size],\n          ].filter(Boolean).join(' ')\n\n          return (\n            <label className={addonClasses}>\n              {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n              {input}\n              {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n            </label>\n          )\n        }\n\n        return (\n          <div className={`${inline ? 'w-auto' : 'w-full'} ${isHorizontal ? 'mb-4' : ''} ${isInline ? 'inline-flex mr-4' : ''} ${className}`} style={hidden ? { display: 'none' } : undefined} data-testid={testId}>\n            <div className={isHorizontal ? 'flex items-center gap-4' : ''}>\n              {label && !floatingLabel && (\n                <label\n                  htmlFor={inputId}\n                  className={`block text-sm font-medium ${isHorizontal ? 'flex-shrink-0 text-right' : ''} ${!isHorizontal && !isInline ? 'mb-1' : ''}`}\n                  style={isHorizontal ? { width: labelWidth } : undefined}\n                  data-testid={testId ? `${testId}-label` : undefined}\n                >\n                  <span className=\"flex items-center\">\n                    {label}\n                    {required && <span className=\"text-error ml-1\">*</span>}\n                    {tooltip && <TooltipIcon />}\n                  </span>\n                </label>\n              )}\n              {renderWithAddons(renderInputElement())}\n            </div>\n            {!isHorizontal && !inline && (\n              <p id={errorId} className={`validator-hint ${errorMessage ? '!visible text-error' : ''} min-h-[1.25rem]`} role={errorMessage ? 'alert' : undefined} data-testid={testId ? `${testId}-error` : undefined}>\n                {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>) || '\\u00A0'}\n              </p>\n            )}\n            {isHorizontal && (errorMessage || help) && (\n              <p id={errorId} className={`validator-hint ${errorMessage ? '!visible text-error' : ''} min-h-[1.25rem]`} role={errorMessage ? 'alert' : undefined} data-testid={testId ? `${testId}-error` : undefined}>\n                {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>)}\n              </p>\n            )}\n            {extra && (\n              <div className=\"text-sm text-base-content/60 mt-1\" data-testid={testId ? `${testId}-extra` : undefined}>{extra}</div>\n            )}\n          </div>\n        )\n      }}\n    />\n  )\n}\n\nfunction FormList<TFieldValues extends FieldValues = FieldValues>({\n  name,\n  children,\n}: FormListProps<TFieldValues>) {\n  const { form, layout, size, disabled } = useFormContext()\n\n  const { fields, append, remove, move } = useFieldArray({\n    control: form.control,\n    name,\n  })\n\n  // Add name (index) to each field for proper path construction\n  const fieldsWithName = fields.map((field, index) => ({\n    ...field,\n    name: index,\n  }))\n\n  return (\n    <FormContext.Provider value={{ form, layout, size, listName: name as string, disabled }}>\n      {children(fieldsWithName as any, {\n        add: append,\n        remove,\n        move,\n      })}\n    </FormContext.Provider>\n  )\n}\n\n// Enhanced hook to expose full form API\nexport function useFormInstance<TFieldValues extends FieldValues = FieldValues>() {\n  const formInstance = useForm<TFieldValues>()\n\n  // Add convenience methods to the instance\n  const enhancedInstance = formInstance as typeof formInstance & {\n    setFieldValue: typeof formInstance.setValue\n    getFieldValue: (name: any) => any\n    getFieldsValue: typeof formInstance.getValues\n    setFieldsValue: (values: any) => void\n    validateFields: typeof formInstance.trigger\n    resetFields: typeof formInstance.reset\n    isFieldTouched: (name: string) => boolean\n    getFieldError: (name: string) => string | undefined\n  }\n\n  // Add the alias methods\n  enhancedInstance.setFieldValue = formInstance.setValue\n  enhancedInstance.getFieldValue = (name: any) => formInstance.getValues(name)\n  enhancedInstance.getFieldsValue = formInstance.getValues\n  enhancedInstance.setFieldsValue = (values: any) => {\n    Object.keys(values).forEach((key) => {\n      formInstance.setValue(key as any, values[key])\n    })\n  }\n  enhancedInstance.validateFields = formInstance.trigger\n  enhancedInstance.resetFields = formInstance.reset\n  enhancedInstance.isFieldTouched = (name: string) => {\n    const touched = formInstance.formState.touchedFields as any\n    return !!touched[name]\n  }\n  enhancedInstance.getFieldError = (name: string) => {\n    const errors = formInstance.formState.errors as any\n    return errors[name]?.message as string | undefined\n  }\n\n  return enhancedInstance\n}\n\nexport interface FormErrorListProps {\n  /** Specific field names to show errors for (shows all errors if not specified) */\n  fields?: string[]\n  /** Custom className */\n  className?: string\n  /** Test ID for the error list */\n  'data-testid'?: string\n}\n\nfunction FormErrorList({ fields, className = '', 'data-testid': testId }: FormErrorListProps) {\n  const { form } = useFormContext()\n  const { errors } = form.formState\n\n  // Flatten nested errors into a list\n  const flattenErrors = (obj: any, prefix = ''): Array<{ field: string; message: string }> => {\n    const result: Array<{ field: string; message: string }> = []\n\n    for (const key in obj) {\n      const fullKey = prefix ? `${prefix}.${key}` : key\n      const value = obj[key]\n\n      if (value?.message) {\n        result.push({ field: fullKey, message: value.message as string })\n      } else if (typeof value === 'object' && value !== null) {\n        result.push(...flattenErrors(value, fullKey))\n      }\n    }\n\n    return result\n  }\n\n  const allErrors = flattenErrors(errors)\n  const filteredErrors = fields\n    ? allErrors.filter(e => fields.includes(e.field))\n    : allErrors\n\n  if (filteredErrors.length === 0) {\n    return null\n  }\n\n  return (\n    <ul className={`text-error text-sm space-y-1 ${className}`} role=\"alert\" data-testid={testId}>\n      {filteredErrors.map((error, index) => (\n        <li key={`${error.field}-${index}`} className=\"flex items-start gap-2\" data-testid={testId ? `${testId}-${error.field}` : undefined}>\n          <svg className=\"w-4 h-4 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n          </svg>\n          <span>{error.message}</span>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\nexport const Form = Object.assign(FormRoot, {\n  Item: FormItem,\n  List: FormList,\n  ErrorList: FormErrorList,\n  useForm: useFormInstance,\n})\n\nexport type { UseFormReturn as FormInstance }\n"],"names":["dInput","dInputXs","dInputSm","dInputMd","dInputLg","dInputXl","dFloatingLabel","dLoading","dLoadingSpinner","dLoadingXs","dTooltip","dTooltipTop","FormContext","createContext","TYPE_VALIDATORS","useFormContext","context","useContext","FormRoot","externalForm","onFinish","onFinishFailed","initialValues","layout","labelWidth","size","disabled","children","className","noValidate","props","componentSize","useConfig","effectiveSize","internalForm","useForm","form","handleSubmit","e","errors","errorFields","flattenErrors","obj","prefix","key","fullKey","value","handleReset","jsx","FormItem","name","label","floatingLabel","help","required","rules","valuePropName","inline","tooltip","extra","hasFeedback","dependencies","validateTrigger","initialValue","hidden","addonBefore","addonAfter","testId","listName","formDisabled","inputId","useId","errorId","fieldName","useEffect","watchedDeps","useWatch","formRef","useRef","prevDepsRef","currentDeps","error","path","keys","errorMessage","rulesArray","validationRules","patternValidators","customValidators","rule","minValue","minMessage","maxValue","maxMessage","patternValue","patternMessage","pattern","message","validator","result","triggers","shouldValidateOnChange","shouldValidateOnBlur","FeedbackIcon","hasError","isValidating","TooltipIcon","Controller","field","fieldState","onChange","onBlur","ref","childProps","eventOrValue","isValidElement","enhancedChild","cloneElement","isHorizontal","isInline","floatingSizeClasses","renderInputElement","inputWithFeedback","jsxs","floatingClasses","renderWithAddons","input","addonClasses","FormList","fields","append","remove","move","useFieldArray","fieldsWithName","index","useFormInstance","formInstance","enhancedInstance","values","FormErrorList","allErrors","filteredErrors","Form"],"mappings":"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"}

package/dist/components/QRCode.js

@@ -1,60 +1,61 @@
-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 = "d-loading", j = "d-loading-spinner", F = "d-loading-lg", L = "d-btn", $ = "d-btn-sm", k = "d-btn-primary", B = ({
-  value: o,
+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,
   size: t = 160,
-  errorLevel: g = "M",
+  errorLevel: h = "M",
   icon: m,
   iconSize: n = 40,
   type: f = "canvas",
-  color: v = "#000000",
-  bgColor: h = "#FFFFFF",
+  color: y,
+  bgColor: R,
   bordered: a = !0,
   status: s = "active",
-  onRefresh: x,
-  className: y = "",
+  onRefresh: v,
+  className: w = "",
   ...r
 }) => {
-  const c = R(null);
-  C(() => {
-    if (s !== "active" || !o || f !== "canvas") return;
+  const c = Q(null), { colors: x } = B(), p = y ?? x.foreground, g = R ?? x.background;
+  j(() => {
+    if (s !== "active" || !d || f !== "canvas") return;
     (async () => {
       if (c.current)
         try {
-          if (await w.toCanvas(c.current, o, {
+          if (await k.toCanvas(c.current, d, {
             width: t,
             margin: 1,
             color: {
-              dark: v,
-              light: h
+              dark: p,
+              light: g
             },
-            errorCorrectionLevel: g
+            errorCorrectionLevel: h
           }), m && c.current) {
-            const i = c.current.getContext("2d");
-            if (i) {
-              const d = new Image();
-              d.crossOrigin = "anonymous", d.onload = () => {
-                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;
+            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;
             }
           }
-        } catch (p) {
-          console.error("QR Code generation error:", p);
+        } catch (u) {
+          console.error("QR Code generation error:", u);
         }
     })();
-  }, [o, t, g, m, n, f, v, h, s]);
-  const l = [
+  }, [d, t, h, m, n, f, p, g, s]);
+  const o = [
     "inline-flex items-center justify-center",
     a && "border border-base-content/20 p-3",
     "bg-base-100",
-    y
+    w
   ].filter(Boolean).join(" ");
-  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}` }),
+  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: 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: [
+  ] }) }) : 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",
       {
@@ -64,12 +65,12 @@ const Q = "d-loading", j = "d-loading-spinner", F = "d-loading-lg", L = "d-btn",
       }
     ) }),
     /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "QR Code Expired" }),
-    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" }) }) }) });
+    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" }) }) }) });
 };
-B.displayName = "QRCode";
+G.displayName = "QRCode";
 export {
-  B as QRCode,
-  B as default
+  G as QRCode,
+  G 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\n// DaisyUI classes\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-loading-spinner'\nconst dLoadingLg = 'd-loading-lg'\nconst dBtn = 'd-btn'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnPrimary = 'd-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":"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"}
+{"version":3,"file":"QRCode.js","sources":["../../src/components/QRCode.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\nimport QRCodeLib from 'qrcode'\nimport { useTheme } from '../hooks/useTheme'\n\n// DaisyUI classes\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-loading-spinner'\nconst dLoadingLg = 'd-loading-lg'\nconst dBtn = 'd-btn'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnPrimary = 'd-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,\n  bgColor,\n  bordered = true,\n  status = 'active',\n  onRefresh,\n  className = '',\n  ...rest\n}) => {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const { colors } = useTheme()\n\n  // Theme-aware default colors from DaisyUI CSS variables\n  const effectiveColor = color ?? colors.foreground\n  const effectiveBgColor = bgColor ?? colors.background\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: effectiveColor,\n            light: effectiveBgColor,\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 = effectiveBgColor\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, effectiveColor, effectiveBgColor, 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","colors","useTheme","effectiveColor","effectiveBgColor","useEffect","QRCodeLib","ctx","img","iconX","iconY","error","containerClasses","jsx","jsxs"],"mappings":"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"}

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,29 @@
+export interface ThemeColors {
+    /** Base background color (--b1 / base-100) */
+    background: string;
+    /** Base content/text color (--bc / base-content) */
+    foreground: string;
+    /** Primary color (--p / primary) */
+    primary: string;
+    /** Primary content color (--pc / primary-content) */
+    primaryContent: string;
+}
+export interface UseThemeReturn {
+    /** Whether dark mode is active */
+    isDark: boolean;
+    /** Computed theme colors as hex values */
+    colors: ThemeColors;
+}
+/**
+ * Hook to detect current theme and get computed colors
+ *
+ * Checks the `data-theme` attribute on the document root (for DaisyUI themes)
+ * and falls back to system preference via `prefers-color-scheme`.
+ *
+ * Returns both the dark mode state and computed theme colors as hex values,
+ * useful for canvas-based components that can't use CSS variables directly.
+ *
+ * Automatically updates when theme changes.
+ */
+export declare function useTheme(): UseThemeReturn;
+export default useTheme;

package/dist/hooks/useTheme.js

@@ -0,0 +1,56 @@
+import { useState as m, useEffect as i } from "react";
+function c(t) {
+  const r = document.createElement("canvas");
+  r.width = r.height = 1;
+  const e = r.getContext("2d");
+  if (!e) return "#000000";
+  e.fillStyle = t, e.fillRect(0, 0, 1, 1);
+  const [o, n, a] = e.getImageData(0, 0, 1, 1).data;
+  return `#${((1 << 24) + (o << 16) + (n << 8) + a).toString(16).slice(1)}`;
+}
+function u() {
+  const t = getComputedStyle(document.documentElement), r = t.getPropertyValue("--b1").trim(), e = t.getPropertyValue("--bc").trim(), o = t.getPropertyValue("--p").trim(), n = t.getPropertyValue("--pc").trim();
+  return {
+    background: r ? c(`oklch(${r})`) : "#ffffff",
+    foreground: e ? c(`oklch(${e})`) : "#000000",
+    primary: o ? c(`oklch(${o})`) : "#6366f1",
+    primaryContent: n ? c(`oklch(${n})`) : "#ffffff"
+  };
+}
+function d() {
+  const [t, r] = m({
+    isDark: !1,
+    colors: {
+      background: "#ffffff",
+      foreground: "#000000",
+      primary: "#6366f1",
+      primaryContent: "#ffffff"
+    }
+  });
+  return i(() => {
+    const e = () => {
+      const s = document.documentElement.getAttribute("data-theme"), f = s === "dark" || !s && window.matchMedia("(prefers-color-scheme: dark)").matches;
+      requestAnimationFrame(() => {
+        r({
+          isDark: f,
+          colors: u()
+        });
+      });
+    };
+    e();
+    const o = new MutationObserver(e);
+    o.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["data-theme", "class"]
+    });
+    const n = window.matchMedia("(prefers-color-scheme: dark)");
+    return n.addEventListener("change", e), () => {
+      o.disconnect(), n.removeEventListener("change", e);
+    };
+  }, []), t;
+}
+export {
+  d as default,
+  d as useTheme
+};
+//# sourceMappingURL=useTheme.js.map

package/dist/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport interface ThemeColors {\n  /** Base background color (--b1 / base-100) */\n  background: string\n  /** Base content/text color (--bc / base-content) */\n  foreground: string\n  /** Primary color (--p / primary) */\n  primary: string\n  /** Primary content color (--pc / primary-content) */\n  primaryContent: string\n}\n\nexport interface UseThemeReturn {\n  /** Whether dark mode is active */\n  isDark: boolean\n  /** Computed theme colors as hex values */\n  colors: ThemeColors\n}\n\n// Convert any CSS color to hex\nfunction colorToHex(color: string): string {\n  const canvas = document.createElement('canvas')\n  canvas.width = canvas.height = 1\n  const ctx = canvas.getContext('2d')\n  if (!ctx) return '#000000'\n  ctx.fillStyle = color\n  ctx.fillRect(0, 0, 1, 1)\n  const [r, g, b] = ctx.getImageData(0, 0, 1, 1).data\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`\n}\n\nfunction getThemeColors(): ThemeColors {\n  const style = getComputedStyle(document.documentElement)\n\n  // Get computed colors from CSS custom properties\n  const background = style.getPropertyValue('--b1').trim()\n  const foreground = style.getPropertyValue('--bc').trim()\n  const primary = style.getPropertyValue('--p').trim()\n  const primaryContent = style.getPropertyValue('--pc').trim()\n\n  // DaisyUI uses oklch, convert to hex for canvas compatibility\n  return {\n    background: background ? colorToHex(`oklch(${background})`) : '#ffffff',\n    foreground: foreground ? colorToHex(`oklch(${foreground})`) : '#000000',\n    primary: primary ? colorToHex(`oklch(${primary})`) : '#6366f1',\n    primaryContent: primaryContent ? colorToHex(`oklch(${primaryContent})`) : '#ffffff',\n  }\n}\n\n/**\n * Hook to detect current theme and get computed colors\n *\n * Checks the `data-theme` attribute on the document root (for DaisyUI themes)\n * and falls back to system preference via `prefers-color-scheme`.\n *\n * Returns both the dark mode state and computed theme colors as hex values,\n * useful for canvas-based components that can't use CSS variables directly.\n *\n * Automatically updates when theme changes.\n */\nexport function useTheme(): UseThemeReturn {\n  const [state, setState] = useState<UseThemeReturn>({\n    isDark: false,\n    colors: {\n      background: '#ffffff',\n      foreground: '#000000',\n      primary: '#6366f1',\n      primaryContent: '#ffffff',\n    }\n  })\n\n  useEffect(() => {\n    const checkTheme = () => {\n      const html = document.documentElement\n      const theme = html.getAttribute('data-theme')\n      // Check for explicit dark theme or system preference\n      const isDark = theme === 'dark' ||\n        (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)\n\n      // Small delay to ensure CSS variables are updated\n      requestAnimationFrame(() => {\n        setState({\n          isDark,\n          colors: getThemeColors()\n        })\n      })\n    }\n\n    checkTheme()\n\n    // Watch for theme changes via attribute mutation\n    const observer = new MutationObserver(checkTheme)\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['data-theme', 'class']\n    })\n\n    // Also watch for system preference changes\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    mediaQuery.addEventListener('change', checkTheme)\n\n    return () => {\n      observer.disconnect()\n      mediaQuery.removeEventListener('change', checkTheme)\n    }\n  }, [])\n\n  return state\n}\n\nexport default useTheme\n"],"names":["colorToHex","color","canvas","ctx","r","g","b","getThemeColors","style","background","foreground","primary","primaryContent","useTheme","state","setState","useState","useEffect","checkTheme","theme","isDark","observer","mediaQuery"],"mappings":";AAqBA,SAASA,EAAWC,GAAuB;AACzC,QAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,EAAAA,EAAO,QAAQA,EAAO,SAAS;AAC/B,QAAMC,IAAMD,EAAO,WAAW,IAAI;AAClC,MAAI,CAACC,EAAK,QAAO;AACjB,EAAAA,EAAI,YAAYF,GAChBE,EAAI,SAAS,GAAG,GAAG,GAAG,CAAC;AACvB,QAAM,CAACC,GAAGC,GAAGC,CAAC,IAAIH,EAAI,aAAa,GAAG,GAAG,GAAG,CAAC,EAAE;AAC/C,SAAO,MAAM,KAAK,OAAOC,KAAK,OAAOC,KAAK,KAAKC,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC;AACzE;AAEA,SAASC,IAA8B;AACrC,QAAMC,IAAQ,iBAAiB,SAAS,eAAe,GAGjDC,IAAaD,EAAM,iBAAiB,MAAM,EAAE,KAAA,GAC5CE,IAAaF,EAAM,iBAAiB,MAAM,EAAE,KAAA,GAC5CG,IAAUH,EAAM,iBAAiB,KAAK,EAAE,KAAA,GACxCI,IAAiBJ,EAAM,iBAAiB,MAAM,EAAE,KAAA;AAGtD,SAAO;AAAA,IACL,YAAYC,IAAaT,EAAW,SAASS,CAAU,GAAG,IAAI;AAAA,IAC9D,YAAYC,IAAaV,EAAW,SAASU,CAAU,GAAG,IAAI;AAAA,IAC9D,SAASC,IAAUX,EAAW,SAASW,CAAO,GAAG,IAAI;AAAA,IACrD,gBAAgBC,IAAiBZ,EAAW,SAASY,CAAc,GAAG,IAAI;AAAA,EAAA;AAE9E;AAaO,SAASC,IAA2B;AACzC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAyB;AAAA,IACjD,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,gBAAgB;AAAA,IAAA;AAAA,EAClB,CACD;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAa,MAAM;AAEvB,YAAMC,IADO,SAAS,gBACH,aAAa,YAAY,GAEtCC,IAASD,MAAU,UACtB,CAACA,KAAS,OAAO,WAAW,8BAA8B,EAAE;AAG/D,4BAAsB,MAAM;AAC1B,QAAAJ,EAAS;AAAA,UACP,QAAAK;AAAA,UACA,QAAQb,EAAA;AAAA,QAAe,CACxB;AAAA,MACH,CAAC;AAAA,IACH;AAEA,IAAAW,EAAA;AAGA,UAAMG,IAAW,IAAI,iBAAiBH,CAAU;AAChD,IAAAG,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,cAAc,OAAO;AAAA,IAAA,CACxC;AAGD,UAAMC,IAAa,OAAO,WAAW,8BAA8B;AACnE,WAAAA,EAAW,iBAAiB,UAAUJ,CAAU,GAEzC,MAAM;AACX,MAAAG,EAAS,WAAA,GACTC,EAAW,oBAAoB,UAAUJ,CAAU;AAAA,IACrD;AAAA,EACF,GAAG,CAAA,CAAE,GAEEJ;AACT;"}

package/dist/index.d.ts

@@ -214,3 +214,5 @@ export { useKeyPress, useKeyPressCallback } from './hooks/useKeyPress';
 export type { UseKeyPressOptions } from './hooks/useKeyPress';
 export { useWindowSize } from './hooks/useWindowSize';
 export type { WindowSize } from './hooks/useWindowSize';
+export { useTheme } from './hooks/useTheme';
+export type { UseThemeReturn, ThemeColors } from './hooks/useTheme';

package/dist/index.js

@@ -2,14 +2,14 @@ import { Affix as e } from "./components/Affix.js";
 import { Anchor as p } from "./components/Anchor.js";
 import { Alert as m } from "./components/Alert.js";
 import { Autocomplete as a } from "./components/Autocomplete.js";
-import { Avatar as s, AvatarGroup as i } from "./components/Avatar.js";
+import { Avatar as n, AvatarGroup as i } from "./components/Avatar.js";
 import { Badge as u } from "./components/Badge.js";
 import { Breadcrumb as C } from "./components/Breadcrumb.js";
 import { Button as g } from "./components/Button.js";
 import { IconSizeContext as S } from "./contexts/IconSizeContext.js";
 import { CopyButton as k } from "./components/CopyButton.js";
 import { Checkbox as b } from "./components/Checkbox.js";
-import { Chat as D } from "./components/Chat.js";
+import { Chat as v } from "./components/Chat.js";
 import { ColorPicker as w } from "./components/ColorPicker.js";
 import { Card as B } from "./components/Card.js";
 import { Carousel as M } from "./components/Carousel.js";
@@ -26,15 +26,15 @@ import { WeekCalendar as ro } from "./components/WeekCalendar.js";
 import { Descriptions as to } from "./components/Descriptions.js";
 import { Diff as fo } from "./components/Diff.js";
 import { Dock as xo } from "./components/Dock.js";
-import { Divider as no } from "./components/Divider.js";
+import { Divider as so } from "./components/Divider.js";
 import { Drawer as io } from "./components/Drawer.js";
 import { ResponsiveDrawer as uo } from "./components/ResponsiveDrawer.js";
 import { Fieldset as co } from "./components/Fieldset.js";
 import { FileInput as To } from "./components/FileInput.js";
 import { Filter as Po } from "./components/Filter.js";
 import { Flex as Ro } from "./components/Flex.js";
-import { FloatButton as vo } from "./components/FloatButton.js";
-import { Footer as ho } from "./components/Footer.js";
+import { FloatButton as ho } from "./components/FloatButton.js";
+import { Footer as Do } from "./components/Footer.js";
 import { Form as yo, useFormInstance as Bo } from "./components/Form.js";
 import { Col as Mo, Grid as Ao, Row as Io } from "./components/Grid.js";
 import { Hero as Go } from "./components/Hero.js";
@@ -51,15 +51,15 @@ import { List as er } from "./components/List.js";
 import { Loading as pr } from "./components/Loading.js";
 import { Mask as mr } from "./components/Mask.js";
 import { Masonry as ar } from "./components/Masonry.js";
-import { Mention as sr } from "./components/Mention.js";
+import { Mention as nr } from "./components/Mention.js";
 import { Menu as lr } from "./components/Menu.js";
 import { Browser as dr } from "./components/Browser.js";
 import { Code as cr } from "./components/Code.js";
 import { Phone as Tr } from "./components/Phone.js";
 import { Window as Pr } from "./components/Window.js";
 import { Modal as Rr } from "./components/Modal.js";
-import { Navbar as vr } from "./components/Navbar.js";
-import { notification as hr } from "./components/Notification.js";
+import { Navbar as hr } from "./components/Navbar.js";
+import { notification as Dr } from "./components/Notification.js";
 import { MessageManager as yr, message as Br } from "./components/Message.js";
 import { OTPInput as Mr } from "./components/OTPInput.js";
 import { Pagination as Ir } from "./components/Pagination.js";
@@ -77,14 +77,14 @@ import { Skeleton as re } from "./components/Skeleton.js";
 import { Space as te } from "./components/Space.js";
 import { Splitter as fe } from "./components/Splitter.js";
 import { Stats as xe } from "./components/Stat.js";
-import { Status as ne } from "./components/Status.js";
+import { Status as se } from "./components/Status.js";
 import { Steps as ie } from "./components/Steps.js";
 import { Table as ue } from "./components/Table.js";
 import { Tabs as Ce } from "./components/Tabs.js";
 import { Textarea as ge } from "./components/Textarea.js";
 import { TextRotate as Se } from "./components/TextRotate.js";
 import { CheckableTag as ke, Tag as Re, TagLiveRegion as be } from "./components/Tag.js";
-import { ThemeController as De } from "./components/ThemeController.js";
+import { ThemeController as ve } from "./components/ThemeController.js";
 import { TimePicker as we } from "./components/TimePicker.js";
 import { Timeline as Be } from "./components/Timeline.js";
 import { Toggle as Me } from "./components/Toggle.js";
@@ -102,27 +102,28 @@ import { useDisclosure as rt } from "./hooks/useDisclosure.js";
 import { useClipboard as tt } from "./hooks/useClipboard.js";
 import { useLocalStorage as ft } from "./hooks/useLocalStorage.js";
 import { useDebounce as xt } from "./hooks/useDebounce.js";
-import { useClickOutside as nt } from "./hooks/useClickOutside.js";
+import { useClickOutside as st } from "./hooks/useClickOutside.js";
 import { usePrevious as it } from "./hooks/usePrevious.js";
 import { useHover as ut } from "./hooks/useHover.js";
 import { useKeyPress as Ct, useKeyPressCallback as ct } from "./hooks/useKeyPress.js";
 import { useWindowSize as Tt } from "./hooks/useWindowSize.js";
-import { default as Pt } from "./locale/en-US.js";
-import { default as Rt } from "./locale/en-GB.js";
-import { default as vt } from "./locale/en-CA.js";
-import { default as ht } from "./locale/zh-CN.js";
-import { default as yt } from "./locale/es-ES.js";
-import { default as Ft } from "./locale/ja-JP.js";
-import { default as At } from "./locale/pt-BR.js";
-import { default as Lt } from "./locale/de-DE.js";
-import { default as Ht } from "./locale/fr-FR.js";
-import { default as Wt } from "./locale/ko-KR.js";
+import { useTheme as Pt } from "./hooks/useTheme.js";
+import { default as Rt } from "./locale/en-US.js";
+import { default as ht } from "./locale/en-GB.js";
+import { default as Dt } from "./locale/en-CA.js";
+import { default as yt } from "./locale/zh-CN.js";
+import { default as Ft } from "./locale/es-ES.js";
+import { default as At } from "./locale/ja-JP.js";
+import { default as Lt } from "./locale/pt-BR.js";
+import { default as Ht } from "./locale/de-DE.js";
+import { default as Wt } from "./locale/fr-FR.js";
+import { default as Et } from "./locale/ko-KR.js";
 export {
   e as Affix,
   m as Alert,
   p as Anchor,
   a as Autocomplete,
-  s as Avatar,
+  n as Avatar,
   i as AvatarGroup,
   u as Badge,
   C as Breadcrumb,
@@ -131,7 +132,7 @@ export {
   B as Card,
   M as Carousel,
   I as Cascader,
-  D as Chat,
+  v as Chat,
   ke as CheckableTag,
   b as Checkbox,
   cr as Code,
@@ -148,7 +149,7 @@ export {
   Z as DatePicker,
   to as Descriptions,
   fo as Diff,
-  no as Divider,
+  so as Divider,
   xo as Dock,
   io as Drawer,
   No as Dropdown,
@@ -157,8 +158,8 @@ export {
   To as FileInput,
   Po as Filter,
   Ro as Flex,
-  vo as FloatButton,
-  ho as Footer,
+  ho as FloatButton,
+  Do as Footer,
   yo as Form,
   Ao as Grid,
   Go as Hero,
@@ -175,12 +176,12 @@ export {
   pr as Loading,
   mr as Mask,
   ar as Masonry,
-  sr as Mention,
+  nr as Mention,
   lr as Menu,
   yr as MessageManager,
   Rr as Modal,
   $ as MonthCalendar,
-  vr as Navbar,
+  hr as Navbar,
   Mr as OTPInput,
   Ir as Pagination,
   Tr as Phone,
@@ -201,7 +202,7 @@ export {
   te as Space,
   fe as Splitter,
   xe as Stats,
-  ne as Status,
+  se as Status,
   ie as Steps,
   ue as Table,
   Ce as Tabs,
@@ -209,7 +210,7 @@ export {
   be as TagLiveRegion,
   Se as TextRotate,
   ge as Textarea,
-  De as ThemeController,
+  ve as ThemeController,
   we as TimePicker,
   Be as Timeline,
   Me as Toggle,
@@ -224,19 +225,19 @@ export {
   Ve as Watermark,
   ro as WeekCalendar,
   Pr as Window,
-  Lt as deDE,
-  vt as enCA,
-  Rt as enGB,
-  Pt as enUS,
-  yt as esES,
-  Ht as frFR,
-  Ft as jaJP,
-  Wt as koKR,
+  Ht as deDE,
+  Dt as enCA,
+  ht as enGB,
+  Rt as enUS,
+  Ft as esES,
+  Wt as frFR,
+  At as jaJP,
+  Et as koKR,
   Br as message,
-  hr as notification,
-  At as ptBR,
+  Dr as notification,
+  Lt as ptBR,
   $e as useBreakpoint,
-  nt as useClickOutside,
+  st as useClickOutside,
   tt as useClipboard,
   K as useComponentLocale,
   W as useConfig,
@@ -250,7 +251,8 @@ export {
   z as useLocale,
   it as usePrevious,
   or as useSiderContext,
+  Pt as useTheme,
   Tt as useWindowSize,
-  ht as zhCN
+  yt as zhCN
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aster-ui/prefixed",
-  "version": "0.12.51",
+  "version": "0.12.54",
   "description": "React UI component library with DaisyUI (prefixed classes)",
   "homepage": "https://asterui.com",
   "repository": {