@skiddph/prui 0.7.0 → 0.9.0

package/dist/forms.js

@@ -1,304 +1,317 @@
 import { jsx as v, jsxs as O } from "react/jsx-runtime";
-import * as m from "react";
-import { Button as L } from "./core/button.js";
-import { Textarea as q, Input as z } from "./core/input.js";
-import { Label as H } from "./core/label.js";
-import { Select as J } from "./core/select.js";
-import { Switch as K } from "./core/switch.js";
-import { cn as k } from "./core/cn.js";
-const M = /* @__PURE__ */ new Map();
-function Q(t) {
-  return M.set(t.id, t), () => {
-    M.get(t.id) === t && M.delete(t.id);
+import * as p from "react";
+import { Button as z } from "./core/button.js";
+import { Textarea as W, Input as H } from "./core/input.js";
+import { Label as J } from "./core/label.js";
+import { Select as K } from "./core/select.js";
+import { Switch as Q } from "./core/switch.js";
+import { cn as N } from "./core/cn.js";
+import { getPruiDictionary as U } from "./i18n.js";
+const T = /* @__PURE__ */ new Map();
+function X(e) {
+  return T.set(e.id, e), () => {
+    T.get(e.id) === e && T.delete(e.id);
   };
 }
-function R(t) {
-  return M.get(t);
+function A(e) {
+  return T.get(e);
 }
-function at() {
-  return [...M.keys()];
+function pe() {
+  return [...T.keys()];
 }
-const G = m.createContext(null);
-function U() {
-  const t = m.useContext(G);
-  if (!t) throw new Error("Form components must be rendered inside <Form>.");
-  return t;
+const Y = () => U(), M = (e, r) => e.replace(/\{(\w+)\}/g, (s, o) => String(r[o] ?? ""));
+let R = !1;
+function Z() {
+  var e;
+  R || typeof process < "u" && ((e = process.env) == null ? void 0 : e.NODE_ENV) === "test" || (R = !0, console.warn(
+    "[prui] The registry-driven <Form> from '@skiddph/prui/forms' is deprecated. Migrate to the schema-driven <Form> from '@skiddph/prui/app' — see the Forms page migration notes. This implementation keeps working and will not be removed before v2."
+  ));
 }
-function _(t) {
-  return t == null || t === "" || Array.isArray(t) && t.length === 0;
+const q = p.createContext(null);
+function ee() {
+  const e = p.useContext(q);
+  if (!e) throw new Error("Form components must be rendered inside <Form>.");
+  return e;
 }
-function D(t, r, o) {
-  var i;
-  return r.required && _(t) ? `${r.label} is required.` : _(t) ? null : r.minLength !== void 0 && String(t).length < r.minLength ? `${r.label} must be at least ${r.minLength} characters.` : r.maxLength !== void 0 && String(t).length > r.maxLength ? `${r.label} must be at most ${r.maxLength} characters.` : r.min !== void 0 && typeof t == "number" && t < r.min ? `${r.label} must be ${r.min} or more.` : r.max !== void 0 && typeof t == "number" && t > r.max ? `${r.label} must be ${r.max} or less.` : r.pattern && !r.pattern.test(String(t)) ? r.patternMessage ?? `${r.label} has an invalid format.` : ((i = r.validate) == null ? void 0 : i.call(r, t, o)) ?? null;
+function G(e) {
+  return e == null || e === "" || Array.isArray(e) && e.length === 0;
 }
-function ut({ id: t, children: r, schema: o, initialValues: i = {}, onSubmit: p, onReset: g, validateOnChange: a = !0, className: h }) {
-  const [s, d] = m.useState({ ...i }), [w, b] = m.useState({}), [T, y] = m.useState(null), S = m.useRef(/* @__PURE__ */ new Map()), P = m.useRef(/* @__PURE__ */ new Set()), C = m.useRef({ ...i }), I = () => {
-    let e = !0;
-    for (const [l, u] of S.current)
-      if (D(s[l], u, s) !== null) {
-        e = !1;
+function _(e, r, s) {
+  var c;
+  const o = Y();
+  return r.required && G(e) ? M(o.requiredField, { label: r.label }) : G(e) ? null : r.minLength !== void 0 && String(e).length < r.minLength ? M(o.minLength, { label: r.label, min: r.minLength }) : r.maxLength !== void 0 && String(e).length > r.maxLength ? M(o.maxLength, { label: r.label, max: r.maxLength }) : r.min !== void 0 && typeof e == "number" && e < r.min ? M(o.minNumber, { label: r.label, min: r.min }) : r.max !== void 0 && typeof e == "number" && e > r.max ? M(o.maxNumber, { label: r.label, max: r.max }) : r.pattern && !r.pattern.test(String(e)) ? r.patternMessage ?? M(o.invalidFormat, { label: r.label }) : ((c = r.validate) == null ? void 0 : c.call(r, e, s)) ?? null;
+}
+function ge({ id: e, children: r, schema: s, initialValues: o = {}, onSubmit: c, onReset: g, validateOnChange: a = !0, className: h }) {
+  p.useEffect(() => {
+    Z();
+  }, []);
+  const [l, m] = p.useState({ ...o }), [w, b] = p.useState({}), [L, y] = p.useState(null), S = p.useRef(/* @__PURE__ */ new Map()), C = p.useRef(/* @__PURE__ */ new Set()), D = p.useRef({ ...o }), $ = () => {
+    let t = !0;
+    for (const [i, u] of S.current)
+      if (_(l[i], u, l) !== null) {
+        t = !1;
         break;
       }
-    e && o && (o.safeParse(s).success || (e = !1));
-    const n = Object.keys(s).some((l) => s[l] !== C.current[l]) || Object.keys(C.current).length !== Object.keys(s).length;
-    return { isValid: e, isDirty: n, errorCount: Object.keys(w).length, values: { ...s } };
-  }, V = (e) => {
-    var l;
+    t && s && (s.safeParse(l).success || (t = !1));
+    const n = Object.keys(l).some((i) => l[i] !== D.current[i]) || Object.keys(D.current).length !== Object.keys(l).length;
+    return { isValid: t, isDirty: n, errorCount: Object.keys(w).length, values: { ...l } };
+  }, V = (t) => {
+    var i;
     const n = {};
     for (const [u, f] of S.current) {
-      const x = D(e[u], f, e);
+      const x = _(t[u], f, t);
       x && (n[u] = x);
     }
-    if (o) {
-      const u = o.safeParse(e);
+    if (s) {
+      const u = s.safeParse(t);
       if (!u.success)
-        for (const f of ((l = u.error) == null ? void 0 : l.issues) ?? []) {
+        for (const f of ((i = u.error) == null ? void 0 : i.issues) ?? []) {
           const x = String(f.path[0] ?? "");
           x && !n[x] ? n[x] = f.message : x || (n.__form__ = f.message);
         }
     }
     return n;
-  }, A = async () => {
-    const e = V(s);
-    if (b(e), Object.keys(e).length > 0)
+  }, I = async () => {
+    const t = V(l);
+    if (b(t), Object.keys(t).length > 0)
       return y(null), !1;
     y(null);
     try {
-      return await (p == null ? void 0 : p({ ...s })), !0;
+      return await (c == null ? void 0 : c({ ...l })), !0;
     } catch (n) {
       return y(n instanceof Error ? n.message : String(n)), !1;
     }
+  }, E = () => {
+    m({ ...D.current }), b({}), y(null), g == null || g();
   }, j = () => {
-    d({ ...C.current }), b({}), y(null), g == null || g();
-  }, B = () => {
-    d({}), b({}), y(null);
-  }, F = (e, n) => d((l) => ({ ...l, [e]: n })), E = () => {
-    const e = I();
-    for (const n of P.current) n(e);
-  }, $ = m.useMemo(
+    m({}), b({}), y(null);
+  }, F = (t, n) => m((i) => ({ ...i, [t]: n })), B = () => {
+    const t = $();
+    for (const n of C.current) n(t);
+  }, k = p.useMemo(
     () => ({
-      id: t,
-      submit: async () => A(),
-      reset: j,
-      clear: B,
+      id: e,
+      submit: async () => I(),
+      reset: E,
+      clear: j,
       setField: F,
-      getValue: (e) => s[e],
-      getState: () => I(),
-      subscribe: (e) => (P.current.add(e), () => P.current.delete(e))
+      getValue: (t) => l[t],
+      getState: () => $(),
+      subscribe: (t) => (C.current.add(t), () => C.current.delete(t))
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- the api closes over the latest render state
-    [t, s, w, o, p, g]
+    [e, l, w, s, c, g]
   );
-  m.useEffect(() => Q($), [$]), m.useEffect(() => {
-    E();
+  p.useEffect(() => X(k), [k]), p.useEffect(() => {
+    B();
   });
-  const N = {
-    id: t,
-    getValue: (e) => s[e],
-    setValue: (e, n) => {
-      if (d((l) => ({ ...l, [e]: n })), a) {
-        const l = S.current.get(e);
-        if (l) {
-          const u = D(n, l, { ...s, [e]: n });
+  const P = {
+    id: e,
+    getValue: (t) => l[t],
+    setValue: (t, n) => {
+      if (m((i) => ({ ...i, [t]: n })), a) {
+        const i = S.current.get(t);
+        if (i) {
+          const u = _(n, i, { ...l, [t]: n });
           b((f) => {
-            if (u) return { ...f, [e]: u };
-            if (!(e in f)) return f;
+            if (u) return { ...f, [t]: u };
+            if (!(t in f)) return f;
             const x = { ...f };
-            return delete x[e], x;
+            return delete x[t], x;
           });
         }
       }
       y(null);
     },
-    registerField: (e, n) => S.current.set(e, n),
-    unregisterField: (e) => S.current.delete(e),
-    errorFor: (e) => w[e],
-    markTouched: (e) => {
-      const n = S.current.get(e);
+    registerField: (t, n) => S.current.set(t, n),
+    unregisterField: (t) => S.current.delete(t),
+    errorFor: (t) => w[t],
+    markTouched: (t) => {
+      const n = S.current.get(t);
       if (n && a) {
-        const l = D(s[e], n, s);
+        const i = _(l[t], n, l);
         b((u) => {
-          if (l) return { ...u, [e]: l };
-          if (!(e in u)) return u;
+          if (i) return { ...u, [t]: i };
+          if (!(t in u)) return u;
           const f = { ...u };
-          return delete f[e], f;
+          return delete f[t], f;
         });
       }
     },
-    formError: T
+    formError: L
   };
-  return /* @__PURE__ */ v(G.Provider, { value: N, children: /* @__PURE__ */ v(
+  return /* @__PURE__ */ v(q.Provider, { value: P, children: /* @__PURE__ */ v(
     "form",
     {
-      id: t,
-      className: k("prui-form flex flex-col gap-4", h),
+      id: e,
+      className: N("prui-form flex flex-col gap-4", h),
       noValidate: !0,
-      onSubmit: (e) => {
-        e.preventDefault(), A();
+      onSubmit: (t) => {
+        t.preventDefault(), I();
       },
-      onReset: (e) => {
-        e.preventDefault(), j();
+      onReset: (t) => {
+        t.preventDefault(), E();
       },
       children: r
     }
   ) });
 }
-const W = { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4" }, X = { 2: "sm:grid-cols-2", 3: "sm:grid-cols-3", 4: "sm:grid-cols-4" }, Y = { 2: "md:grid-cols-2", 3: "md:grid-cols-3", 4: "md:grid-cols-4" }, Z = { 2: "lg:grid-cols-2", 3: "lg:grid-cols-3", 4: "lg:grid-cols-4" };
-function ct({ label: t, description: r, columns: o = 1, gap: i = "md", children: p, className: g }) {
-  const a = typeof o == "number" ? { base: o } : o, h = a.base ?? 1, s = [
+const te = { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4" }, re = { 2: "sm:grid-cols-2", 3: "sm:grid-cols-3", 4: "sm:grid-cols-4" }, ne = { 2: "md:grid-cols-2", 3: "md:grid-cols-3", 4: "md:grid-cols-4" }, oe = { 2: "lg:grid-cols-2", 3: "lg:grid-cols-3", 4: "lg:grid-cols-4" };
+function be({ label: e, description: r, columns: s = 1, gap: o = "md", children: c, className: g }) {
+  const a = typeof s == "number" ? { base: s } : s, h = a.base ?? 1, l = [
     "grid",
-    W[h],
-    a.sm && a.sm > 1 ? X[a.sm] : null,
-    a.md && a.md > 1 ? Y[a.md] : null,
-    a.lg && a.lg > 1 ? Z[a.lg] : null
-  ].filter(Boolean), d = i === "sm" ? "gap-x-2 gap-y-3" : i === "lg" ? "gap-x-6 gap-y-4" : "gap-x-4 gap-y-3";
+    te[h],
+    a.sm && a.sm > 1 ? re[a.sm] : null,
+    a.md && a.md > 1 ? ne[a.md] : null,
+    a.lg && a.lg > 1 ? oe[a.lg] : null
+  ].filter(Boolean), m = o === "sm" ? "gap-x-2 gap-y-3" : o === "lg" ? "gap-x-6 gap-y-4" : "gap-x-4 gap-y-3";
   return /* @__PURE__ */ O(
     "div",
     {
       role: "group",
-      className: k("prui-form-group rounded-[var(--prui-radius)] border border-[var(--prui-line)] bg-[var(--prui-surface)] p-4", g),
+      className: N("prui-form-group rounded-[var(--prui-radius)] border border-[var(--prui-line)] bg-[var(--prui-surface)] p-4", g),
       children: [
-        t ? /* @__PURE__ */ v("div", { className: "text-sm font-semibold text-[var(--prui-fg)]", children: t }) : null,
+        e ? /* @__PURE__ */ v("div", { className: "text-sm font-semibold text-[var(--prui-fg)]", children: e }) : null,
         r ? /* @__PURE__ */ v("div", { className: "mb-1 text-xs text-[var(--prui-dim)]", children: r }) : null,
-        /* @__PURE__ */ v("div", { className: k(...s, d), children: p })
+        /* @__PURE__ */ v("div", { className: N(...l, m), children: c })
       ]
     }
   );
 }
-function dt({
-  name: t,
-  label: r = t,
-  type: o = "text",
-  placeholder: i,
-  required: p,
+function xe({
+  name: e,
+  label: r = e,
+  type: s = "text",
+  placeholder: o,
+  required: c,
   disabled: g,
   readOnly: a,
   autoFocus: h,
-  minLength: s,
-  maxLength: d,
+  minLength: l,
+  maxLength: m,
   min: w,
   max: b,
-  step: T,
+  step: L,
   pattern: y,
   patternMessage: S,
-  options: P,
-  rows: C = 3,
-  help: I,
+  options: C,
+  rows: D = 3,
+  help: $,
   message: V,
-  validate: A,
-  onChange: j,
-  className: B
+  validate: I,
+  onChange: E,
+  className: j
 }) {
-  const F = U();
-  m.useEffect(() => (F.registerField(t, { label: r, required: p, validate: A, minLength: s, maxLength: d, min: w, max: b, pattern: y, patternMessage: S }), () => F.unregisterField(t)), [t]);
-  const E = F.getValue(t), $ = F.errorFor(t), N = (c) => {
-    F.setValue(t, c), j == null || j(c);
-  }, e = `prui-field-${F.id}-${t}`, n = `${e}-msg`, l = $ ?? (V == null ? void 0 : V.message) ?? I, u = $ ? "error" : V ? V.type ?? "info" : "help", f = {
+  const F = ee();
+  p.useEffect(() => (F.registerField(e, { label: r, required: c, validate: I, minLength: l, maxLength: m, min: w, max: b, pattern: y, patternMessage: S }), () => F.unregisterField(e)), [e]);
+  const B = F.getValue(e), k = F.errorFor(e), P = (d) => {
+    F.setValue(e, d), E == null || E(d);
+  }, t = `prui-field-${F.id}-${e}`, n = `${t}-msg`, i = k ?? (V == null ? void 0 : V.message) ?? $, u = k ? "error" : V ? V.type ?? "info" : "help", f = {
     error: "text-[var(--prui-danger)]",
     warning: "text-[var(--prui-warn)]",
     info: "text-[var(--prui-dim)]",
     success: "text-[var(--prui-ok)]",
     help: "text-[var(--prui-dim)]"
-  }[u], x = o === "textarea" ? /* @__PURE__ */ v(
-    q,
+  }[u], x = s === "textarea" ? /* @__PURE__ */ v(
+    W,
     {
-      id: e,
-      rows: C,
-      placeholder: i,
+      id: t,
+      rows: D,
+      placeholder: o,
       disabled: g,
       readOnly: a,
       autoFocus: h,
-      minLength: s,
-      maxLength: d,
-      className: k("w-full", B),
-      value: String(E ?? ""),
-      onChange: (c) => N(c.target.value),
-      onBlur: () => F.markTouched(t),
-      "aria-invalid": $ ? !0 : void 0,
-      "aria-describedby": l ? n : void 0
+      minLength: l,
+      maxLength: m,
+      className: N("w-full", j),
+      value: String(B ?? ""),
+      onChange: (d) => P(d.target.value),
+      onBlur: () => F.markTouched(e),
+      "aria-invalid": k ? !0 : void 0,
+      "aria-describedby": i ? n : void 0
     }
-  ) : o === "select" ? /* @__PURE__ */ v(
-    J,
+  ) : s === "select" ? /* @__PURE__ */ v(
+    K,
     {
-      id: e,
-      className: k("w-full", B),
-      options: (P ?? []).map((c) => ({ label: c.label, value: c.value, disabled: c.disabled })),
-      placeholder: i,
+      id: t,
+      className: N("w-full", j),
+      options: (C ?? []).map((d) => ({ label: d.label, value: d.value, disabled: d.disabled })),
+      placeholder: o,
       disabled: g,
-      value: String(E ?? ""),
-      onChange: (c) => N(c),
+      value: String(B ?? ""),
+      onChange: (d) => P(d),
       "aria-label": r
     }
-  ) : o === "switch" || o === "checkbox" ? /* @__PURE__ */ v(
-    K,
+  ) : s === "switch" || s === "checkbox" ? /* @__PURE__ */ v(
+    Q,
     {
-      id: e,
-      checked: !!E,
+      id: t,
+      checked: !!B,
       disabled: g,
-      onChange: (c) => N(c),
+      onChange: (d) => P(d),
       "aria-label": r
     }
   ) : /* @__PURE__ */ v(
-    z,
+    H,
     {
-      id: e,
-      type: o,
-      placeholder: i,
+      id: t,
+      type: s,
+      placeholder: o,
       disabled: g,
       readOnly: a,
       autoFocus: h,
-      minLength: s,
-      maxLength: d,
+      minLength: l,
+      maxLength: m,
       min: w,
       max: b,
-      step: T,
+      step: L,
       pattern: y == null ? void 0 : y.source,
-      className: k("w-full", B),
-      value: String(E ?? ""),
-      onChange: (c) => N(o === "number" ? c.target.value === "" ? "" : Number(c.target.value) : c.target.value),
-      onBlur: () => F.markTouched(t),
-      "aria-invalid": $ ? !0 : void 0,
-      "aria-describedby": l ? n : void 0
+      className: N("w-full", j),
+      value: String(B ?? ""),
+      onChange: (d) => P(s === "number" ? d.target.value === "" ? "" : Number(d.target.value) : d.target.value),
+      onBlur: () => F.markTouched(e),
+      "aria-invalid": k ? !0 : void 0,
+      "aria-describedby": i ? n : void 0
     }
   );
-  return /* @__PURE__ */ O("div", { className: k("prui-form-input flex flex-col gap-1.5", B), "data-testid": `form-input-${t}`, children: [
-    r ? /* @__PURE__ */ O(H, { htmlFor: e, children: [
+  return /* @__PURE__ */ O("div", { className: N("prui-form-input flex flex-col gap-1.5", j), "data-testid": `form-input-${e}`, children: [
+    r ? /* @__PURE__ */ O(J, { htmlFor: t, children: [
       r,
-      p ? /* @__PURE__ */ v("span", { className: "ml-0.5 text-[var(--prui-danger)]", children: "*" }) : null
+      c ? /* @__PURE__ */ v("span", { className: "ml-0.5 text-[var(--prui-danger)]", children: "*" }) : null
     ] }) : null,
     x,
-    l ? /* @__PURE__ */ v("p", { id: n, className: k("text-xs", f), role: $ ? "alert" : void 0, children: l }) : null
+    i ? /* @__PURE__ */ v("p", { id: n, className: N("text-xs", f), role: k ? "alert" : void 0, children: i }) : null
   ] });
 }
-function tt(t) {
-  const [r, o] = m.useState(() => {
-    var i;
-    return ((i = R(t)) == null ? void 0 : i.getState()) ?? null;
+function se(e) {
+  const [r, s] = p.useState(() => {
+    var o;
+    return ((o = A(e)) == null ? void 0 : o.getState()) ?? null;
   });
-  return m.useEffect(() => {
-    const i = R(t);
-    if (!i) {
-      o(null);
+  return p.useEffect(() => {
+    const o = A(e);
+    if (!o) {
+      s(null);
       return;
     }
-    return o(i.getState()), i.subscribe((p) => o(p));
-  }, [t]), r;
+    return s(o.getState()), o.subscribe((c) => s(c));
+  }, [e]), r;
 }
-function ft({ form: t, action: r = "submit", disableWhen: o = "never", variant: i, size: p, disabled: g, children: a, onClick: h, className: s }) {
-  const d = tt(t), w = g || (o === "invalid" && d ? !d.isValid : !1) || (o === "pristine" && d ? !d.isDirty : !1);
+function ve({ form: e, action: r = "submit", disableWhen: s = "never", variant: o, size: c, disabled: g, children: a, onClick: h, className: l }) {
+  const m = se(e), w = g || (s === "invalid" && m ? !m.isValid : !1) || (s === "pristine" && m ? !m.isDirty : !1);
   return /* @__PURE__ */ v(
-    L,
+    z,
     {
       type: "button",
-      variant: i ?? "default",
-      size: p,
+      variant: o ?? "default",
+      size: c,
       disabled: w,
-      className: s,
-      "data-testid": `form-button-${t}-${r}`,
+      className: l,
+      "data-testid": `form-button-${e}-${r}`,
       onClick: () => {
-        const b = R(t);
+        const b = A(e);
         if (!b) {
-          console.warn(`[prui] FormButton: no <Form id="${t}"> is mounted.`);
+          console.warn(`[prui] FormButton: no <Form id="${e}"> is mounted.`);
           return;
         }
         r === "submit" ? b.submit() : r === "reset" ? b.reset() : r === "clear" && b.clear(), h == null || h();
@@ -307,7 +320,7 @@ function ft({ form: t, action: r = "submit", disableWhen: o = "never", variant:
     }
   );
 }
-const mt = {
+const ye = {
   name: "Form",
   props: [
     { name: "id", type: "string", default: null, control: "text" },
@@ -316,7 +329,7 @@ const mt = {
     { name: "onSubmit", type: "(values) => void | Promise<void>", default: null, control: "none" },
     { name: "validateOnChange", type: "boolean", default: "true", control: "boolean" }
   ]
-}, pt = {
+}, he = {
   name: "FormGroup",
   props: [
     { name: "label", type: "string", default: null, control: "text" },
@@ -324,7 +337,7 @@ const mt = {
     { name: "columns", type: "number | { base?, sm?, md?, lg? }", default: "1", control: "number" },
     { name: "gap", type: "'sm' | 'md' | 'lg'", default: "'md'", control: "select", options: ["sm", "md", "lg"] }
   ]
-}, gt = {
+}, Fe = {
   name: "FormInput",
   props: [
     { name: "name", type: "string", default: null, control: "text" },
@@ -336,7 +349,7 @@ const mt = {
     { name: "options", type: "{ label, value }[]", default: "select/switch only", control: "object" },
     { name: "validate", type: "(value, values) => string | null", default: null, control: "none" }
   ]
-}, bt = {
+}, we = {
   name: "FormButton",
   props: [
     { name: "form", type: "string (id of the target <Form>)", default: null, control: "text" },
@@ -345,20 +358,20 @@ const mt = {
     { name: "variant", type: "ButtonVariant", default: "'default'", control: "select", options: ["primary", "default", "ghost", "danger", "outline", "soft", "link"] }
   ]
 };
-function xt(t) {
-  return R(t);
+function Se(e) {
+  return A(e);
 }
 export {
-  ut as Form,
-  ft as FormButton,
-  ct as FormGroup,
-  dt as FormInput,
-  bt as formButtonPropsMeta,
-  pt as formGroupPropsMeta,
-  at as formIds,
-  gt as formInputPropsMeta,
-  mt as formPropsMeta,
-  R as getFormApi,
-  Q as registerForm,
-  xt as useFormApi
+  ge as Form,
+  ve as FormButton,
+  be as FormGroup,
+  xe as FormInput,
+  we as formButtonPropsMeta,
+  he as formGroupPropsMeta,
+  pe as formIds,
+  Fe as formInputPropsMeta,
+  ye as formPropsMeta,
+  A as getFormApi,
+  X as registerForm,
+  Se as useFormApi
 };