asterui 0.12.57 → 0.12.59

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 "../providers/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