@aster-ui/prefixed 0.12.50 → 0.12.52

package/dist/components/Form.js

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