asterui 0.12.57 → 0.12.58

package/dist/components/Form.d.ts

@@ -39,7 +39,16 @@ export interface FormRule {
     };
     message?: string;
     validate?: (value: any) => boolean | string | Promise<boolean | string>;
+    /** Ant Design style validator (for compatibility) */
+    validator?: (rule: any, value: any) => Promise<void>;
 }
+/** Form methods passed to rule functions (Ant Design style) */
+export interface FormRuleMethods {
+    getFieldValue: (name: string) => any;
+    getFieldsValue: () => any;
+}
+/** A rule can be an object or a function that returns a rule object */
+export type FormRuleInput = FormRule | ((methods: FormRuleMethods) => FormRule);
 export type ValidateTrigger = 'onChange' | 'onBlur' | 'onSubmit' | ('onChange' | 'onBlur' | 'onSubmit')[];
 export interface FormItemProps {
     name?: string | string[];
@@ -48,7 +57,7 @@ export interface FormItemProps {
     floatingLabel?: string;
     help?: string;
     required?: boolean;
-    rules?: FormRule | FormRule[];
+    rules?: FormRuleInput | FormRuleInput[];
     valuePropName?: string;
     inline?: boolean;
     className?: string;

package/dist/components/Form.js

@@ -1,8 +1,8 @@
-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 = "input", ke = "input-xs", Fe = "input-sm", Ve = "input-md", we = "input-lg", Le = "input-xl", Ce = "floating-label", Ee = "loading", Ae = "loading-spinner", je = "loading-xs", ze = "tooltip", Se = "tooltip-top", J = pe(void 0), X = {
+import { jsx as t, jsxs as E } from "react/jsx-runtime";
+import { createContext as be, useId as ae, useEffect as ie, useRef as K, isValidElement as U, cloneElement as $e, useContext as Ne } from "react";
+import { useForm as ce, useFieldArray as Fe, useWatch as ke, Controller as Ve } from "react-hook-form";
+import { useConfig as we } from "./ConfigProvider.js";
+const Ce = "input", Le = "input-xs", Ee = "input-sm", Ae = "input-md", Se = "input-lg", je = "input-xl", ze = "floating-label", Me = "loading", Pe = "loading-spinner", Re = "loading-xs", Te = "tooltip", Be = "tooltip-top", le = "validator-hint", G = be(void 0), Y = {
   email: {
     value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
     message: "Please enter a valid email address"
@@ -16,265 +16,286 @@ const Ne = "input", ke = "input-xs", Fe = "input-sm", Ve = "input-md", we = "inp
     message: "Please enter a valid number"
   }
 };
-function K() {
-  const s = ve(J);
+function Q() {
+  const s = Ne(G);
   if (!s)
     throw new Error("Form compound components must be used within Form");
   return s;
 }
-function Me({
+function Ie({
   form: s,
-  onFinish: n,
+  onFinish: a,
   onFinishFailed: r,
   initialValues: i,
-  layout: b = "vertical",
-  labelWidth: h = 60,
-  size: V,
-  disabled: v = !1,
-  children: l,
-  className: c = "",
-  noValidate: x = !0,
-  ...y
+  layout: $ = "vertical",
+  labelWidth: g = 60,
+  size: w,
+  disabled: x = !1,
+  children: c,
+  className: l = "",
+  noValidate: y = !0,
+  ...b
 }) {
-  const { componentSize: $ } = $e(), d = V ?? $ ?? "md", z = oe({
+  const { componentSize: N } = we(), u = w ?? N ?? "md", z = ce({
     defaultValues: i
-  }), N = s || z, W = async (w) => {
-    if (w.preventDefault(), await N.trigger())
-      n && n(N.getValues());
+  }), F = s || z, I = async (C) => {
+    if (C.preventDefault(), await F.trigger())
+      a && a(F.getValues());
     else if (r) {
-      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);
+      const d = F.formState.errors, k = [], M = (P, W = "") => {
+        for (const R in P) {
+          const T = W ? `${W}.${R}` : R, V = P[R];
+          V?.message ? k.push({ name: T, errors: [V.message] }) : typeof V == "object" && V !== null && M(V, T);
         }
       };
-      S(u), r({ values: N.getValues(), errorFields: k });
+      M(d), r({ values: F.getValues(), errorFields: k });
     }
-  }, j = (w) => {
-    w.preventDefault(), N.reset(i);
+  }, S = (C) => {
+    C.preventDefault(), F.reset(i);
   };
-  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 }) });
+  return /* @__PURE__ */ t(G.Provider, { value: { form: F, layout: $, labelWidth: g, size: u, disabled: x }, children: /* @__PURE__ */ t("form", { onSubmit: I, onReset: S, className: l, noValidate: y, ...b, children: c }) });
 }
-function Pe({
+function We({
   name: s,
-  label: n,
+  label: a,
   floatingLabel: r,
   help: i,
-  required: b = !1,
-  rules: h,
-  valuePropName: V = "value",
-  inline: v = !1,
-  className: l = "",
-  children: c,
-  tooltip: x,
-  extra: y,
-  hasFeedback: $ = !1,
-  dependencies: d,
+  required: $ = !1,
+  rules: g,
+  valuePropName: w = "value",
+  inline: x = !1,
+  className: c = "",
+  children: l,
+  tooltip: y,
+  extra: b,
+  hasFeedback: N = !1,
+  dependencies: u,
   validateTrigger: z = "onChange",
-  initialValue: N,
-  hidden: W = !1,
-  addonBefore: j,
-  addonAfter: w,
-  "data-testid": m
+  initialValue: F,
+  hidden: I = !1,
+  addonBefore: S,
+  addonAfter: C,
+  "data-testid": f
 }) {
-  const { form: u, size: k, listName: S, layout: M, labelWidth: I, disabled: P } = K(), R = te(), F = te();
+  const { form: d, size: k, listName: M, layout: P, labelWidth: W, disabled: R } = Q(), T = ae(), V = ae();
   if (!s)
-    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);
+    return /* @__PURE__ */ t("div", { className: `${x ? "w-auto" : "w-full"} ${c}`, style: I ? { display: "none" } : void 0, children: l });
+  let h;
+  Array.isArray(s) ? h = (M ? [M, ...s] : s).join(".") : h = s, ie(() => {
+    F !== void 0 && d.getValues(h) === void 0 && d.setValue(h, F);
   }, []);
-  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;
+  const O = ke({
+    control: d.control,
+    name: u,
+    disabled: !u || u.length === 0
+  }), _ = K(d);
+  _.current = d;
+  const D = K(void 0);
+  ie(() => {
+    if (!u || u.length === 0) return;
     if (D.current === void 0) {
-      D.current = JSON.stringify(Z);
+      D.current = JSON.stringify(O);
       return;
     }
-    const e = JSON.stringify(Z);
-    D.current !== e && (D.current = e, H.current.trigger(p));
-  }, [Z, d, p]);
+    const e = JSON.stringify(O);
+    if (D.current !== e) {
+      D.current = e;
+      const n = _.current.formState.touchedFields;
+      h.split(".").reduce((p, H) => p?.[H], n) && _.current.trigger(h);
+    }
+  }, [O, u, h]);
   const B = ((e) => {
-    const o = e.split(".");
-    let a = u.formState.errors;
-    for (const T of o) {
-      if (!a) break;
-      a = a[T];
+    const n = e.split(".");
+    let o = d.formState.errors;
+    for (const p of n) {
+      if (!o) break;
+      o = o[p];
     }
-    return a;
-  })(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
+    return o;
+  })(h), A = B?.message, de = g ? Array.isArray(g) ? g : [g] : [], X = K(d);
+  X.current = d;
+  const ue = {
+    getFieldValue: (e) => X.current.getValues(e),
+    getFieldsValue: () => X.current.getValues()
+  }, me = de.map(
+    (e) => typeof e == "function" ? e(ue) : e
+  ), j = {}, Z = [], q = [];
+  $ && (j.required = "This field is required");
+  for (const e of me) {
+    if (e.required && (j.required = typeof e.required == "string" ? e.required : e.message || "This field is required"), e.type && Y[e.type] && Z.push({
+      pattern: Y[e.type].value,
+      message: e.message || Y[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`;
-      A.minLength = { value: o, message: a };
+      const n = typeof e.min == "object" ? e.min.value : e.min, o = typeof e.min == "object" ? e.min.message : e.message || `Minimum length is ${n} characters`;
+      j.minLength = { value: n, message: o };
     }
     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`;
-      A.maxLength = { value: o, message: a };
+      const n = typeof e.max == "object" ? e.max.value : e.max, o = typeof e.max == "object" ? e.max.message : e.message || `Maximum length is ${n} characters`;
+      j.maxLength = { value: n, message: o };
     }
     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;
-      q.push({ pattern: o, message: a });
+      const n = e.pattern instanceof RegExp ? e.pattern : e.pattern.value, o = e.pattern instanceof RegExp ? e.message || "Invalid format" : e.pattern.message;
+      Z.push({ pattern: n, message: o });
+    }
+    if (e.validate && q.push(e.validate), e.validator) {
+      const n = e.validator;
+      q.push(async (o) => {
+        try {
+          return await n(e, o), !0;
+        } catch (p) {
+          return p instanceof Error ? p.message : String(p);
+        }
+      });
     }
-    e.validate && O.push(e.validate);
   }
-  (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 O) {
-      const a = await o(e);
-      if (a !== !0)
-        return a;
+  (Z.length > 0 || q.length > 0) && (j.validate = async (e) => {
+    for (const { pattern: n, message: o } of Z)
+      if (e && !n.test(e))
+        return o;
+    for (const n of q) {
+      const o = await n(e);
+      if (o !== !0)
+        return o;
     }
     return !0;
   });
-  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" }) }) });
+  const ee = Array.isArray(z) ? z : [z], te = ee.includes("onChange"), fe = ee.includes("onBlur"), he = ({ hasError: e, isValidating: n }) => n ? /* @__PURE__ */ t("span", { className: `${Me} ${Pe} ${Re} 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" }) }), ge = () => /* @__PURE__ */ t("div", { className: `${Te} ${Be} ml-1`, "data-tip": y, 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(
-    be,
+    Ve,
     {
-      name: p,
-      control: u.control,
-      rules: A,
-      render: ({ field: e, fieldState: o }) => {
-        const { value: a, onChange: T, onBlur: de, ref: ue } = e, me = o.isTouched && u.formState.isValidating, g = {
-          id: R,
-          ref: ue,
+      name: h,
+      control: d.control,
+      rules: j,
+      render: ({ field: e, fieldState: n }) => {
+        const { value: o, onChange: p, onBlur: H, ref: pe } = e, ve = n.isTouched && d.formState.isValidating, v = {
+          id: T,
+          ref: pe,
           "aria-invalid": B ? !0 : void 0,
-          "aria-describedby": B ? F : void 0,
-          "data-testid": m ? `${m}-input` : void 0
+          "aria-describedby": B ? V : void 0,
+          "data-testid": f ? `${f}-input` : void 0
+        };
+        v.onBlur = () => {
+          H(), fe && d.trigger(h);
         };
-        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 }) })
+        const se = U(l) ? l.props.onChange : void 0;
+        w === "checked" ? (v.checked = o, v.onChange = (m) => {
+          p(m.target.checked), te && d.trigger(h), se?.(m);
+        }) : (v.value = o || "", v.onChange = (m) => {
+          m && m.target !== void 0 ? p(m.target.value) : p(m), te && d.trigger(h), se?.(m);
+        }), k && U(l) && (l.props.size || (v.size = k)), B && (v.color = "error", v["aria-invalid"] = !0), R && (v.disabled = !0), (S || C) && (v.unstyled = !0);
+        const re = U(l) ? $e(l, v) : l, L = P === "horizontal", ne = P === "inline", oe = {
+          xs: Le,
+          sm: Ee,
+          md: Ae,
+          lg: Se,
+          xl: je
+        }, xe = () => {
+          const m = /* @__PURE__ */ E("div", { className: `${L ? "flex-1" : ""} ${N ? "relative" : ""}`, children: [
+            re,
+            N && n.isTouched && /* @__PURE__ */ t("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ t(he, { hasError: !!B, isValidating: ve }) })
           ] });
           if (r) {
-            const _ = [
-              Ce,
-              k && ee[k]
+            const J = [
+              ze,
+              k && oe[k]
             ].filter(Boolean).join(" ");
-            return /* @__PURE__ */ C("label", { className: _, children: [
-              G,
-              /* @__PURE__ */ C("span", { children: [
+            return /* @__PURE__ */ E("label", { className: J, children: [
+              re,
+              /* @__PURE__ */ E("span", { children: [
                 r,
-                b && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" })
+                $ && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" })
               ] })
             ] });
           }
-          return f;
-        }, he = (f) => {
-          if (!j && !w) return f;
-          const _ = [
-            Ne,
+          return m;
+        }, ye = (m) => {
+          if (!S && !C) return m;
+          const J = [
+            Ce,
             "flex",
             "items-center",
             "gap-2",
-            k && ee[k]
+            k && oe[k]
           ].filter(Boolean).join(" ");
-          return /* @__PURE__ */ C("label", { className: _, children: [
-            j && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: j }),
-            f,
-            w && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: w })
+          return /* @__PURE__ */ E("label", { className: J, children: [
+            S && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: S }),
+            m,
+            C && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: C })
           ] });
         };
-        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(
+        return /* @__PURE__ */ E("div", { className: `${x ? "w-auto" : "w-full"} ${L ? "mb-4" : ""} ${ne ? "inline-flex mr-4" : ""} ${c}`, style: I ? { display: "none" } : void 0, "data-testid": f, children: [
+          /* @__PURE__ */ E("div", { className: L ? "flex items-center gap-4" : "", children: [
+            a && !r && /* @__PURE__ */ t(
               "label",
               {
-                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,
-                  b && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" }),
-                  x && /* @__PURE__ */ t(ce, {})
+                htmlFor: T,
+                className: `block text-sm font-medium ${L ? "flex-shrink-0 text-right" : ""} ${!L && !ne ? "mb-1" : ""}`,
+                style: L ? { width: W } : void 0,
+                "data-testid": f ? `${f}-label` : void 0,
+                children: /* @__PURE__ */ E("span", { className: "flex items-center", children: [
+                  a,
+                  $ && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" }),
+                  y && /* @__PURE__ */ t(ge, {})
                 ] })
               }
             ),
-            he(fe())
+            ye(xe())
           ] }),
-          !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 })
+          !L && !x && /* @__PURE__ */ t("p", { id: V, className: `${le} ${A ? "!visible text-error" : ""} min-h-[1.25rem]`, role: A ? "alert" : void 0, "data-testid": f ? `${f}-error` : void 0, children: A || i && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: i }) || " " }),
+          L && (A || i) && /* @__PURE__ */ t("p", { id: V, className: `${le} ${A ? "!visible text-error" : ""} min-h-[1.25rem]`, role: A ? "alert" : void 0, "data-testid": f ? `${f}-error` : void 0, children: A || i && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: i }) }),
+          b && /* @__PURE__ */ t("div", { className: "text-sm text-base-content/60 mt-1", "data-testid": f ? `${f}-extra` : void 0, children: b })
         ] });
       }
     }
   );
 }
-function Re({
+function De({
   name: s,
-  children: n
+  children: a
 }) {
-  const { form: r, layout: i, size: b, disabled: h } = K(), { fields: V, append: v, remove: l, move: c } = xe({
+  const { form: r, layout: i, size: $, disabled: g } = Q(), { fields: w, append: x, remove: c, move: l } = Fe({
     control: r.control,
     name: s
-  }), x = V.map((y, $) => ({
-    ...y,
-    name: $
+  }), y = w.map((b, N) => ({
+    ...b,
+    name: N
   }));
-  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
+  return /* @__PURE__ */ t(G.Provider, { value: { form: r, layout: i, size: $, listName: s, disabled: g }, children: a(y, {
+    add: x,
+    remove: c,
+    move: l
   }) });
 }
-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) => {
+function Ze() {
+  const s = ce(), a = s;
+  return a.setFieldValue = s.setValue, a.getFieldValue = (r) => s.getValues(r), a.getFieldsValue = s.getValues, a.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;
+  }, a.validateFields = s.trigger, a.resetFields = s.reset, a.isFieldTouched = (r) => !!s.formState.touchedFields[r], a.getFieldError = (r) => s.formState.errors[r]?.message, a;
 }
-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, $));
+function qe({ fields: s, className: a = "", "data-testid": r }) {
+  const { form: i } = Q(), { errors: $ } = i.formState, g = (c, l = "") => {
+    const y = [];
+    for (const b in c) {
+      const N = l ? `${l}.${b}` : b, u = c[b];
+      u?.message ? y.push({ field: N, message: u.message }) : typeof u == "object" && u !== null && y.push(...g(u, N));
     }
-    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: [
+    return y;
+  }, w = g($), x = s ? w.filter((c) => s.includes(c.field)) : w;
+  return x.length === 0 ? null : /* @__PURE__ */ t("ul", { className: `text-error text-sm space-y-1 ${a}`, role: "alert", "data-testid": r, children: x.map((c, l) => /* @__PURE__ */ E("li", { className: "flex items-start gap-2", "data-testid": r ? `${r}-${c.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: l.message })
-  ] }, `${l.field}-${c}`)) });
+    /* @__PURE__ */ t("span", { children: c.message })
+  ] }, `${c.field}-${l}`)) });
 }
-const _e = Object.assign(Me, {
-  Item: Pe,
-  List: Re,
-  ErrorList: Te,
-  useForm: Be
+const Ue = Object.assign(Ie, {
+  Item: We,
+  List: De,
+  ErrorList: qe,
+  useForm: Ze
 });
 export {
-  _e as Form,
-  Be as useFormInstance
+  Ue as Form,
+  Ze 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 = 'input'\nconst dInputXs = 'input-xs'\nconst dInputSm = 'input-sm'\nconst dInputMd = 'input-md'\nconst dInputLg = 'input-lg'\nconst dInputXl = 'input-xl'\nconst dFloatingLabel = 'floating-label'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\nconst dLoadingXs = 'loading-xs'\nconst dTooltip = 'tooltip'\nconst dTooltipTop = '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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"}
+{"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 = 'input'\nconst dInputXs = 'input-xs'\nconst dInputSm = 'input-sm'\nconst dInputMd = 'input-md'\nconst dInputLg = 'input-lg'\nconst dInputXl = 'input-xl'\nconst dFloatingLabel = 'floating-label'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\nconst dLoadingXs = 'loading-xs'\nconst dTooltip = 'tooltip'\nconst dTooltipTop = 'tooltip-top'\nconst dValidatorHint = 'validator-hint'\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  /** Ant Design style validator (for compatibility) */\n  validator?: (rule: any, value: any) => Promise<void>\n}\n\n/** Form methods passed to rule functions (Ant Design style) */\nexport interface FormRuleMethods {\n  getFieldValue: (name: string) => any\n  getFieldsValue: () => any\n}\n\n/** A rule can be an object or a function that returns a rule object */\nexport type FormRuleInput = FormRule | ((methods: FormRuleMethods) => FormRule)\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?: FormRuleInput | FormRuleInput[]\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      // Only re-validate if this field has been touched\n      const touchedFields = formRef.current.formState.touchedFields as any\n      const isTouched = fieldName.split('.').reduce((obj, key) => obj?.[key], touchedFields)\n      if (isTouched) {\n        formRef.current.trigger(fieldName as any)\n      }\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 rulesInputArray: FormRuleInput[] = rules\n    ? Array.isArray(rules) ? rules : [rules]\n    : []\n\n  // Store form ref for use in validators (to get fresh values at validation time)\n  const validatorFormRef = useRef(form)\n  validatorFormRef.current = form\n\n  // Create form methods for rule functions (Ant Design style)\n  // These methods always access current form values via ref\n  const formMethods: FormRuleMethods = {\n    getFieldValue: (name: string) => validatorFormRef.current.getValues(name as any),\n    getFieldsValue: () => validatorFormRef.current.getValues(),\n  }\n\n  // Resolve function rules to rule objects\n  const rulesArray: FormRule[] = rulesInputArray.map(rule =>\n    typeof rule === 'function' ? rule(formMethods) : rule\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 (our style)\n    if (rule.validate) {\n      customValidators.push(rule.validate)\n    }\n\n    // Ant Design style validator\n    if (rule.validator) {\n      const antValidator = rule.validator\n      customValidators.push(async (value: any) => {\n        try {\n          await antValidator(rule, value)\n          return true\n        } catch (err) {\n          return err instanceof Error ? err.message : String(err)\n        }\n      })\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      // Check all patterns (skip if empty - required rule handles that)\n      for (const { pattern, message } of patternValidators) {\n        if (value && !pattern.test(value)) {\n          return message\n        }\n      }\n\n      // Run all custom validators (always run - they may validate empty/false values)\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        // Get the original onChange from the child element (if any)\n        const originalOnChange = isValidElement(children) ? (children.props as any).onChange : undefined\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            // Call original onChange if provided\n            originalOnChange?.(e)\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            // Call original onChange if provided\n            originalOnChange?.(eventOrValue)\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={`${dValidatorHint} ${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={`${dValidatorHint} ${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","dValidatorHint","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","touchedFields","error","path","keys","errorMessage","rulesInputArray","validatorFormRef","formMethods","rulesArray","rule","validationRules","patternValidators","customValidators","minValue","minMessage","maxValue","maxMessage","patternValue","patternMessage","antValidator","err","pattern","message","validator","result","triggers","shouldValidateOnChange","shouldValidateOnBlur","FeedbackIcon","hasError","isValidating","TooltipIcon","Controller","field","fieldState","onChange","onBlur","ref","childProps","originalOnChange","isValidElement","eventOrValue","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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.57",
+  "version": "0.12.58",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {