@foormjs/vue 0.2.3 → 0.2.5

package/dist/index.js

@@ -1,305 +1,284 @@
-var re = Object.defineProperty;
-var se = (o, e, t) => e in o ? re(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var Y = (o, e, t) => se(o, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as I, useModel as ae, inject as te, ref as q, computed as _, watch as oe, onUnmounted as le, getCurrentInstance as Q, renderSlot as w, unref as x, mergeModels as ie, provide as ue, openBlock as y, createElementBlock as b, withModifiers as ce, nextTick as pe, createBlock as U, withCtx as K, toDisplayString as g, createCommentVNode as P, Fragment as H, renderList as R, mergeProps as L, resolveDynamicComponent as J, withDirectives as T, normalizeClass as O, createElementVNode as V, vModelDynamic as de, vShow as N, vModelSelect as me, vModelRadio as fe, createTextVNode as Z, vModelCheckbox as he, reactive as ye } from "vue";
-function M(o, e) {
-  return typeof o == "function" ? o(e) : o;
-}
-const ge = /* @__PURE__ */ new Set(["action", "paragraph"]);
-function ve(o) {
-  var e;
-  const t = {};
-  for (const r of o)
-    if (!ge.has(r.type)) {
-      const s = {
-        v: void 0,
-        data: t,
-        context: {},
-        entry: {
-          field: r.field,
-          type: r.type,
-          component: r.component,
-          name: r.name || r.field
-        }
-      };
-      t[r.field] = (e = M(r.value, s)) !== null && e !== void 0 ? e : void 0;
-    }
-  return t;
-}
-function be(o, e) {
-  return o.fields.some((t) => t.altAction === e);
-}
-function xe(o, e) {
+import { computed as f, inject as I, provide as q, defineComponent as A, watch as Ue, openBlock as n, createBlock as w, resolveDynamicComponent as mo, mergeProps as ae, unref as l, createElementBlock as m, toDisplayString as g, isRef as vo, ref as J, withModifiers as Ze, renderSlot as W, createVNode as ie, createElementVNode as L, toRaw as fo, Fragment as T, renderList as X, withKeys as Je, onBeforeUnmount as yo, normalizeClass as re, createCommentVNode as k, useId as bo, withDirectives as N, vShow as Q, withCtx as H, vModelDynamic as ho, vModelSelect as po, vModelRadio as go, createTextVNode as _e, reactive as eo } from "vue";
+import { useFoormField as xo, useFoormForm as Bo } from "@foormjs/composables";
+import { getByPath as ko, setByPath as $o, isObjectField as Se, isArrayField as qe, isTupleField as Me, isUnionField as je, getFieldMeta as y, createFieldValidator as Fo, resolveOptions as Ie, resolveAttrs as Te, resolveFieldProp as S, buildFieldEntry as Co, createFoormValueResolver as xe, createFormData as le, getFormValidator as Ro, resolveFormProp as Qe, supportsAltAction as Lo, optKey as ge, optLabel as oo, detectUnionVariant as Oo, createFoormDef as Vo } from "@foormjs/atscript";
+const wo = f(() => "");
+function Ne(e) {
+  const o = I("__foorm_form");
   if (!o)
-    return;
-  const t = {};
-  for (const [r, s] of Object.entries(o))
-    t[r] = M(s, e);
-  return t;
-}
-const ke = /* @__PURE__ */ I({
-  __name: "VuilessField",
-  props: /* @__PURE__ */ ie({
-    rules: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const e = o, t = ae(o, "modelValue"), r = te("vuiless"), s = q(), a = q(!1), l = q(!1), c = _(() => {
-      var u;
-      if ((u = r == null ? void 0 : r.value) != null && u.firstValidation)
-        switch (r.value.firstValidation) {
-          case "on-change":
-            return r.value.firstSubmitHappened || a.value;
-          case "touched-on-blur":
-            return r.value.firstSubmitHappened || l.value && a.value;
-          case "on-blur":
-            return r.value.firstSubmitHappened || l.value;
-          case "on-submit":
-            return r.value.firstSubmitHappened;
-          case "none":
-            return !1;
-        }
-      return !1;
-    }), m = _(() => {
-      if (c.value || s.value)
-        return p();
+    throw new Error(`${e} must be used inside an OoForm component`);
+  const t = o, r = I("__foorm_root_data");
+  if (!r)
+    throw new Error(`${e} must be used inside an OoForm component (missing root data)`);
+  const a = () => r.value, d = I("__foorm_path_prefix", wo), s = I("__foorm_form_context"), v = f(() => s?.value ?? {});
+  function b(h) {
+    return f(() => {
+      const p = typeof h == "function" ? h() : h;
+      return p ? d.value ? `${d.value}.${p}` : p : d.value;
     });
-    oe([t], () => {
-      s.value = void 0, a.value = !0;
-    }), le(() => {
-      var u;
-      (u = r == null ? void 0 : r.value) == null || u.unregister(Q());
-    }), r != null && r.value && r.value.register(Q(), {
-      validate: () => (s.value = p(), s.value || !0),
-      clearErrors: () => {
-        a.value = !1, l.value = !1, s.value = void 0;
-      },
-      reset: () => {
-        t.value = "";
-      }
-    });
-    function p() {
-      var u, d, A;
-      if ((u = e.rules) != null && u.length)
-        for (const v of e.rules) {
-          const E = v(
-            t.value,
-            (d = r == null ? void 0 : r.value) == null ? void 0 : d.formData,
-            (A = r == null ? void 0 : r.value) == null ? void 0 : A.formContext
-          );
-          if (E !== !0)
-            return E || "Wrong value";
-        }
-    }
-    function f() {
-      l.value = !0;
-    }
-    const h = {
-      v: _({
-        get: () => t.value,
-        set: (u) => t.value = u
-      })
-    };
-    return (u, d) => {
-      var A, v;
-      return w(u.$slots, "default", {
-        onBlur: f,
-        error: m.value,
-        formData: (A = x(r)) == null ? void 0 : A.formData,
-        formContext: (v = x(r)) == null ? void 0 : v.formContext,
-        model: h.v
-      });
-    };
   }
-}), Ee = /* @__PURE__ */ I({
-  __name: "VuilessForm",
-  props: {
-    formData: {},
-    formContext: {},
-    firstValidation: { default: "on-change" }
-  },
-  emits: ["submit"],
-  setup(o, { emit: e }) {
-    const t = o, r = e, s = /* @__PURE__ */ new Map(), a = q(!1), l = _(() => ({
-      firstSubmitHappened: a.value,
-      firstValidation: t.firstValidation,
-      register: (f, h) => {
-        s.set(f, h);
-      },
-      unregister: (f) => s.delete(f),
-      formData: t.formData,
-      formContext: t.formContext
-    }));
-    ue("vuiless", l);
-    function c() {
-      a.value = !1;
-      for (const { clearErrors: f } of s.values())
-        f();
-    }
-    async function m() {
-      for (const { reset: f } of s.values())
-        f();
-      await pe(), c();
-    }
-    function p() {
-      a.value = !0;
-      let f = !1;
-      if (t.firstValidation !== "none")
-        for (const { validate: h } of s.values())
-          h() !== !0 && (f = !0);
-      f || r("submit", t.formData);
-    }
-    return (f, h) => (y(), b("form", {
-      onSubmit: ce(p, ["prevent"])
-    }, [
-      w(f.$slots, "default", {
-        clearErrors: c,
-        reset: m
-      })
-    ], 32));
+  function O(h) {
+    return h ? d.value ? `${d.value}.${h}` : h : d.value;
+  }
+  function x(h) {
+    return ko(a(), h);
+  }
+  function $(h, p) {
+    $o(a(), h, p);
+  }
+  function F(h, p) {
+    const B = a();
+    return { v: h, data: B.value, context: v.value, entry: p };
   }
-}), _e = /* @__PURE__ */ I({
+  return {
+    foormState: t,
+    rootFormData: a,
+    pathPrefix: d,
+    formContext: v,
+    joinPath: b,
+    buildPath: O,
+    getByPath: x,
+    setByPath: $,
+    buildScope: F
+  };
+}
+function Be() {
+  const e = I("__foorm_union", void 0);
+  return q("__foorm_union", void 0), e;
+}
+function to(e, o) {
+  return o !== void 0 ? e ? `${e} #${o + 1}` : `#${o + 1}` : e;
+}
+const Ao = { key: 1 }, pe = {
+  v: void 0,
+  data: {},
+  context: {},
+  entry: void 0
+}, de = /* @__PURE__ */ A({
   __name: "oo-field",
   props: {
     field: {},
-    type: {},
-    component: {},
-    autocomplete: {},
-    altAction: {},
-    order: {},
-    name: {},
-    label: { type: [String, Function] },
-    description: { type: [String, Function] },
-    hint: { type: [String, Function] },
-    placeholder: { type: [String, Function] },
-    optional: { type: [Boolean, Function] },
-    disabled: { type: [Boolean, Function] },
-    hidden: { type: [Boolean, Function] },
-    readonly: { type: [Boolean, Function] },
-    classes: { type: [String, Object, Function] },
-    styles: { type: [String, Object, Function] },
-    options: { type: [Array, Function] },
-    attrs: {},
-    value: { type: Function },
-    validators: {},
-    maxLength: {},
-    minLength: {},
-    min: {},
-    max: {},
-    error: {}
+    error: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {}
   },
-  setup(o) {
-    const e = o, t = te(
-      "vuiless"
+  setup(e) {
+    const o = e, t = I("__foorm_types"), r = I("__foorm_components"), a = I("__foorm_errors"), d = I("__foorm_action_handler", () => {
+    }), s = I(
+      "__foorm_change_handler",
+      () => {
+      }
+    ), { rootFormData: v, formContext: b, joinPath: O, buildPath: x, getByPath: $, setByPath: F, buildScope: h } = Ne("OoField"), p = O(() => o.field.path), B = Se(o.field) || qe(o.field) || Me(o.field), E = je(o.field), j = I(
+      "__foorm_level",
+      f(() => -1)
+    ), M = B ? j.value + 1 : -1;
+    (B || E) && q(
+      "__foorm_path_prefix",
+      f(() => p.value)
+    ), B && q(
+      "__foorm_level",
+      f(() => M)
     );
-    function r(i, k, S) {
-      return typeof i == "function" ? _(() => i(k.value)) : i ?? S;
+    const u = (c) => vo(c) ? c.value : c;
+    function R(c, z, _) {
+      return c ? f(z) : _;
     }
-    const s = (i) => typeof i == "object" && i !== null && "value" in i ? i.value : i, a = _(() => ({
-      v: t.value.formData[e.field],
-      data: t.value.formData,
-      context: t.value.formContext ?? {},
-      entry: void 0
-    })), l = r(e.optional, a, !1), c = r(e.disabled, a, !1), m = r(e.hidden, a, !1), p = r(e.readonly, a, !1), f = _(() => !s(l)), h = _(() => ({
-      v: t.value.formData[e.field],
-      data: t.value.formData,
-      context: t.value.formContext ?? {},
-      entry: {
-        field: e.field,
-        type: e.type,
-        component: e.component,
-        name: e.name || e.field,
-        optional: s(l),
-        disabled: s(c),
-        hidden: s(m),
-        readonly: s(p)
-      }
-    })), u = r(e.label, h, void 0), d = r(e.description, h, void 0), A = r(e.hint, h, void 0), v = r(e.placeholder, h, void 0), E = r(e.options, h, void 0), C = r(e.styles, h, void 0), n = _(() => {
-      const i = typeof e.classes == "function" ? e.classes(h.value) : e.classes;
-      return typeof i == "string" ? {
-        [i]: !0,
-        disabled: s(c),
-        required: !s(l)
-      } : {
-        ...i,
-        disabled: s(c),
-        required: !s(l)
-      };
-    });
-    function F(i, k) {
+    function P(c, z, _) {
       return {
-        ...n.value,
-        error: !!i || !!k
+        ...typeof c == "string" ? { [c]: !0 } : c,
+        disabled: z,
+        required: _
       };
     }
-    const D = _(() => xe(e.attrs, h.value));
-    if (typeof e.value == "function") {
-      const i = _(() => {
-        if (s(p))
-          return e.value(h.value);
-      });
-      oe(
-        i,
-        (k) => {
-          k !== void 0 && s(p) && (t.value.formData[e.field] = k);
-        },
-        { immediate: !0 }
+    const i = o.field.prop, D = y(i, "foorm.autocomplete"), se = y(i, "expect.maxLength")?.length, Y = y(i, "foorm.component"), oe = y(i, "foorm.altAction"), $e = oe ? {
+      id: oe.id,
+      label: oe.label ?? y(i, "meta.label") ?? o.field.name
+    } : void 0, C = Fo(
+      i,
+      B || E ? { rootOnly: !0 } : void 0
+    );
+    function V() {
+      return $(p.value);
+    }
+    function G(c) {
+      F(p.value, c);
+    }
+    function ue(c) {
+      if (c) {
+        const z = xe(
+          v().value,
+          b.value
+        );
+        G(le(o.field.prop, z).value);
+      } else
+        G(void 0);
+      s("update", p.value, V());
+    }
+    const We = f(() => Y ? r?.value?.[Y] : t?.value?.[o.field.type]);
+    let K, ce, te, Z, me, ve, Fe, Ce, Re, Le, Oe, Ve, we, Ae, Ee, fe;
+    const ne = y(i, "meta.required") !== void 0;
+    if (o.field.allStatic)
+      fe = !1, K = y(i, "foorm.disabled") !== void 0, ce = y(i, "foorm.hidden") !== void 0, te = o.field.prop.optional ?? !1, Z = y(i, "foorm.readonly") !== void 0, me = o.field.phantom ? void 0 : ne, ve = y(i, "meta.label") ?? o.field.name, Fe = y(i, "meta.description"), Ce = y(i, "meta.hint"), Re = y(i, "meta.placeholder"), Oe = y(i, "foorm.styles"), Ve = Ie(i, pe), we = y(i, "foorm.attr") !== void 0 ? Te(i, pe) : void 0, Le = B ? y(i, "foorm.title") ?? y(i, "meta.label") ?? o.field.name : void 0, Ae = P(
+        y(i, "foorm.classes"),
+        K,
+        ne
+      ), Ee = o.field.phantom ? y(i, "foorm.value") : void 0;
+    else {
+      const c = /* @__PURE__ */ new Set();
+      for (const he of i.metadata.keys())
+        he.startsWith("foorm.fn.") && c.add(he.slice(9));
+      fe = y(i, "foorm.validate") !== void 0;
+      const z = c.has("disabled") || c.has("hidden") || c.has("readonly"), _ = c.has("label") || c.has("description") || c.has("hint") || c.has("placeholder") || c.has("classes") || c.has("styles") || c.has("options") || c.has("value") || c.has("attr") || c.has("title") || fe, be = z || _ ? f(() => h(V())) : void 0, Pe = { staticAsBoolean: !0 };
+      K = R(
+        c.has("disabled"),
+        () => S(i, "foorm.fn.disabled", "foorm.disabled", be.value, Pe) ?? !1,
+        y(i, "foorm.disabled") !== void 0
+      ), ce = R(
+        c.has("hidden"),
+        () => S(i, "foorm.fn.hidden", "foorm.hidden", be.value, Pe) ?? !1,
+        y(i, "foorm.hidden") !== void 0
+      ), te = o.field.prop.optional ?? !1, Z = R(
+        c.has("readonly"),
+        () => S(i, "foorm.fn.readonly", "foorm.readonly", be.value, Pe) ?? !1,
+        y(i, "foorm.readonly") !== void 0
+      ), me = o.field.phantom ? void 0 : ne;
+      const U = _ ? f(
+        () => Co(i, be.value, o.field.path, {
+          type: o.field.type,
+          component: Y,
+          name: o.field.name,
+          optional: u(te),
+          disabled: u(K),
+          hidden: u(ce),
+          readonly: u(Z)
+        })
+      ) : void 0;
+      if (ve = R(
+        c.has("label"),
+        () => S(i, "foorm.fn.label", "meta.label", U.value) ?? o.field.name,
+        y(i, "meta.label") ?? o.field.name
+      ), Fe = R(
+        c.has("description"),
+        () => S(i, "foorm.fn.description", "meta.description", U.value),
+        y(i, "meta.description")
+      ), Ce = R(
+        c.has("hint"),
+        () => S(i, "foorm.fn.hint", "meta.hint", U.value),
+        y(i, "meta.hint")
+      ), Re = R(
+        c.has("placeholder"),
+        () => S(i, "foorm.fn.placeholder", "meta.placeholder", U.value),
+        y(i, "meta.placeholder")
+      ), Oe = R(
+        c.has("styles"),
+        () => S(i, "foorm.fn.styles", "foorm.styles", U.value),
+        y(i, "foorm.styles")
+      ), Ve = R(
+        c.has("options"),
+        () => Ie(i, U.value),
+        Ie(i, pe)
+      ), we = c.has("attr") || y(i, "foorm.attr") !== void 0 ? c.has("attr") ? f(() => Te(i, U.value)) : Te(i, pe) : void 0, Le = B ? R(
+        c.has("title"),
+        () => S(i, "foorm.fn.title", "foorm.title", U.value) ?? y(i, "meta.label") ?? o.field.name,
+        y(i, "foorm.title") ?? y(i, "meta.label") ?? o.field.name
+      ) : void 0, Ae = c.has("classes") || typeof K != "boolean" ? f(
+        () => P(
+          c.has("classes") ? S(i, "foorm.fn.classes", void 0, U.value) : y(i, "foorm.classes"),
+          u(K),
+          ne
+        )
+      ) : P(y(i, "foorm.classes"), K, ne), Ee = o.field.phantom ? R(
+        c.has("value"),
+        () => S(i, "foorm.fn.value", "foorm.value", U.value),
+        y(i, "foorm.value")
+      ) : void 0, c.has("value") && !o.field.phantom) {
+        const he = f(() => {
+          if (u(Z)) return S(i, "foorm.fn.value", "foorm.value", U.value);
+        });
+        Ue(
+          he,
+          (He) => {
+            He !== void 0 && u(Z) && F(p.value, He);
+          },
+          { immediate: !0 }
+        );
+      }
+    }
+    function lo(c) {
+      return C(
+        c,
+        fe ? { data: v(), context: b.value } : void 0
       );
     }
-    const j = e.validators.map((i) => (k, S, X) => i({
-      v: k,
-      data: S,
-      context: X ?? {},
-      entry: h.value.entry
+    const ao = o.field.prop.optional ?? !1, {
+      model: ye,
+      error: io,
+      onBlur: Xe
+    } = xo({
+      getValue: V,
+      setValue: G,
+      rules: [lo],
+      path: () => p.value,
+      ...ao ? { resetValue: void 0 } : qe(o.field) || Me(o.field) ? { resetValue: [] } : Se(o.field) ? { resetValue: {} } : {}
+    });
+    let Ye = ye.value;
+    const ro = B || E ? Xe : () => {
+      Xe();
+      const c = ye.value;
+      c !== Ye && (Ye = c, s("update", p.value, c));
+    }, Ge = f(() => {
+      const c = x(o.field.path);
+      return (c ? a?.value?.[c] : void 0) ?? o.error ?? io.value;
+    }), so = {
+      onBlur: ro,
+      model: {
+        get value() {
+          return ye.value;
+        },
+        set value(c) {
+          ye.value = c;
+        }
+      },
+      type: o.field.type,
+      altAction: $e,
+      name: o.field.name,
+      field: o.field,
+      maxLength: se,
+      autocomplete: D,
+      level: B ? M : void 0
+    }, uo = f(() => ({
+      value: u(Ee),
+      label: u(ve),
+      description: u(Fe),
+      hint: u(Ce),
+      placeholder: u(Re),
+      style: u(Oe),
+      optional: u(te),
+      onToggleOptional: u(te) ? ue : void 0,
+      required: me !== void 0 ? u(me) : void 0,
+      disabled: u(K),
+      hidden: u(ce),
+      readonly: u(Z),
+      options: u(Ve),
+      title: u(Le),
+      onRemove: o.onRemove,
+      canRemove: o.canRemove,
+      removeLabel: o.removeLabel,
+      arrayIndex: o.arrayIndex,
+      ...u(we)
+    })), co = f(() => ({
+      ...so,
+      ...uo.value,
+      error: Ge.value,
+      class: { ...u(Ae), error: !!Ge.value }
     }));
-    return (i, k) => (y(), U(x(ke), {
-      modelValue: x(t).formData[e.field],
-      "onUpdate:modelValue": k[0] || (k[0] = (S) => x(t).formData[e.field] = S),
-      rules: x(j)
-    }, {
-      default: K((S) => [
-        w(i.$slots, "default", {
-          onBlur: S.onBlur,
-          error: o.error || S.error,
-          model: S.model,
-          formData: x(t).formData,
-          formContext: x(t).formContext,
-          label: x(u),
-          description: x(d),
-          hint: x(A),
-          placeholder: x(v),
-          classes: F(o.error, S.error),
-          styles: x(C),
-          optional: x(l),
-          disabled: x(c),
-          hidden: x(m),
-          readonly: x(p),
-          type: o.type,
-          altAction: o.altAction,
-          component: o.component,
-          vName: o.name,
-          field: o.field,
-          options: x(E),
-          maxLength: o.maxLength,
-          required: f.value,
-          autocomplete: o.autocomplete,
-          attrs: D.value
-        })
-      ]),
-      _: 3
-    }, 8, ["modelValue", "rules"]));
+    return (c, z) => We.value ? (n(), w(mo(We.value), ae({ key: 0 }, co.value, { onAction: l(d) }), null, 16, ["onAction"])) : (n(), m("div", Ao, " [" + g(u(l(ve))) + '] No component for type "' + g(e.field.type) + '"' + g(l(Y) ? ` (component "${l(Y)}" not supplied)` : ""), 1));
   }
-}), Ve = { key: 0 }, $e = { key: 1 }, Ae = { key: 0 }, Se = ["onUpdate:modelValue", "onBlur", "placeholder", "autocomplete", "name", "type", "disabled", "readonly"], we = { class: "oo-error-slot" }, Ce = { key: 4 }, Le = { key: 0 }, Te = ["onUpdate:modelValue", "onBlur", "name", "disabled", "readonly"], Be = {
-  key: 0,
-  value: "",
-  disabled: ""
-}, Fe = ["value"], De = { class: "oo-error-slot" }, je = { class: "oo-field-label" }, Pe = { key: 0 }, Oe = { class: "oo-radio-group" }, Ue = ["value", "onUpdate:modelValue", "onBlur", "name", "disabled", "readonly"], qe = { class: "oo-error-slot" }, Me = ["onUpdate:modelValue", "onBlur", "name", "disabled", "readonly"], Ne = { key: 0 }, Ie = { class: "oo-error-slot" }, ze = ["onClick"], He = { key: 9 }, Re = ["disabled"], ut = /* @__PURE__ */ I({
+}), Eo = ["disabled"], St = /* @__PURE__ */ A({
   __name: "oo-form",
   props: {
-    form: {},
+    def: {},
     formData: {},
     formContext: {},
     firstValidation: {},
@@ -307,789 +286,1306 @@ const ke = /* @__PURE__ */ I({
     types: {},
     errors: {}
   },
-  emits: ["submit", "action", "unsupported-action"],
-  setup(o, { emit: e }) {
-    const t = o, r = q({}), s = _(() => t.formData || r.value), a = _(() => ({
+  emits: ["submit", "error", "action", "unsupported-action", "change"],
+  setup(e, { emit: o }) {
+    const t = e, r = J({}), a = f(() => t.formData || r.value);
+    function d() {
+      return a.value.value;
+    }
+    const s = f(() => Ro(t.def)), { clearErrors: v, reset: b, submit: O, setErrors: x } = Bo({
+      formData: a,
+      formContext: f(() => t.formContext),
+      firstValidation: f(() => t.firstValidation),
+      submitValidator: () => s.value({
+        data: d(),
+        context: t.formContext ?? {}
+      })
+    });
+    q(
+      "__foorm_root_data",
+      f(() => a.value)
+    ), q(
+      "__foorm_path_prefix",
+      f(() => "")
+    ), q(
+      "__foorm_types",
+      f(() => t.types)
+    ), q(
+      "__foorm_components",
+      f(() => t.components)
+    ), q(
+      "__foorm_errors",
+      f(() => t.errors)
+    );
+    const $ = f(() => ({
       v: void 0,
-      data: s.value,
+      data: d(),
       context: t.formContext ?? {},
       entry: void 0
-    })), l = _(() => M(t.form.title, a.value)), c = _(() => M(t.form.submit.text, a.value)), m = _(() => M(t.form.submit.disabled, a.value));
-    function p(d) {
-      be(t.form, d) ? f("action", d, s.value) : f("unsupported-action", d, s.value);
+    })), F = f(
+      () => Qe(
+        t.def.type,
+        "foorm.fn.submit.text",
+        "foorm.submit.text",
+        $.value
+      ) ?? "Submit"
+    ), h = f(
+      () => Qe(
+        t.def.type,
+        "foorm.fn.submit.disabled",
+        "foorm.submit.disabled",
+        $.value
+      ) ?? !1
+    ), p = o, B = () => fo(d());
+    function E(u) {
+      Lo(t.def, u) ? p("action", u, B()) : p("unsupported-action", u, B());
     }
-    const f = e;
-    function h(d) {
-      return typeof d == "string" ? d : d.key;
+    q("__foorm_action_handler", E);
+    function j(u, R, P) {
+      p("change", u, R, P, B());
     }
-    function u(d) {
-      return typeof d == "string" ? d : d.label;
+    q("__foorm_change_handler", j);
+    function M() {
+      const u = O();
+      u === !0 ? p("submit", B()) : p("error", u);
     }
-    return (d, A) => (y(), U(x(Ee), {
-      "first-validation": o.firstValidation,
-      onSubmit: A[0] || (A[0] = (v) => f("submit", v)),
-      "form-data": s.value,
-      "form-context": o.formContext
-    }, {
-      default: K((v) => [
-        w(d.$slots, "form.header", {
-          clearErrors: v.clearErrors,
-          reset: v.reset,
-          title: l.value,
-          formContext: o.formContext,
-          disabled: m.value
-        }, () => [
-          l.value ? (y(), b("h2", Ve, g(l.value), 1)) : P("", !0)
-        ]),
-        w(d.$slots, "form.before", {
-          clearErrors: v.clearErrors,
-          reset: v.reset
-        }),
-        (y(!0), b(H, null, R(t.form.fields, (E) => {
-          var C;
-          return y(), U(_e, L({
-            key: E.field
-          }, { ref_for: !0 }, E, {
-            error: (C = o.errors) == null ? void 0 : C[E.field]
-          }), {
-            default: K((n) => [
-              w(d.$slots, `field:${n.type}`, L({ ref_for: !0 }, n), () => {
-                var F, D, j;
-                return [
-                  E.component && ((F = t.components) != null && F[E.component]) ? (y(), U(J(t.components[E.component]), L({
-                    key: 0,
-                    "on-blur": n.onBlur,
-                    error: n.error,
-                    model: n.model,
-                    "form-data": n.formData,
-                    "form-context": n.formContext,
-                    label: n.label,
-                    description: n.description,
-                    hint: n.hint,
-                    placeholder: n.placeholder,
-                    class: n.classes,
-                    style: n.styles,
-                    optional: n.optional,
-                    required: !n.required,
-                    disabled: n.disabled,
-                    hidden: n.hidden,
-                    type: n.type,
-                    "alt-action": n.altAction,
-                    name: n.vName,
-                    field: n,
-                    options: n.options,
-                    "max-length": n.maxLength,
-                    autocomplete: n.autocomplete,
-                    onAction: p
-                  }, { ref_for: !0 }, n.attrs, {
-                    modelValue: n.model.value,
-                    "onUpdate:modelValue": (i) => n.model.value = i
-                  }), null, 16, ["on-blur", "error", "model", "form-data", "form-context", "label", "description", "hint", "placeholder", "class", "style", "optional", "required", "disabled", "hidden", "type", "alt-action", "name", "field", "options", "max-length", "autocomplete", "modelValue", "onUpdate:modelValue"])) : E.component && !((D = t.components) != null && D[E.component]) ? (y(), b("div", $e, " [" + g(n.label) + '] Component "' + g(n.component) + '" not supplied ', 1)) : (j = t.types) != null && j[E.type] ? (y(), U(J(t.types[E.type]), L({
-                    key: 2,
-                    "on-blur": n.onBlur,
-                    error: n.error,
-                    model: n.model,
-                    "form-data": n.formData,
-                    "form-context": n.formContext,
-                    label: n.label,
-                    description: n.description,
-                    hint: n.hint,
-                    placeholder: n.placeholder,
-                    class: n.classes,
-                    style: n.styles,
-                    optional: n.optional,
-                    required: !n.required,
-                    disabled: n.disabled,
-                    hidden: n.hidden,
-                    type: n.type,
-                    "alt-action": n.altAction,
-                    name: n.vName,
-                    field: n,
-                    options: n.options,
-                    "max-length": n.maxLength,
-                    autocomplete: n.autocomplete,
-                    onAction: p
-                  }, { ref_for: !0 }, n.attrs, {
-                    modelValue: n.model.value,
-                    "onUpdate:modelValue": (i) => n.model.value = i
-                  }), null, 16, ["on-blur", "error", "model", "form-data", "form-context", "label", "description", "hint", "placeholder", "class", "style", "optional", "required", "disabled", "hidden", "type", "alt-action", "name", "field", "options", "max-length", "autocomplete", "modelValue", "onUpdate:modelValue"])) : ["text", "password", "number"].includes(n.type) ? T((y(), b("div", {
-                    key: 3,
-                    class: O(["oo-default-field", n.classes])
-                  }, [
-                    V("label", null, g(n.label), 1),
-                    n.description ? (y(), b("span", Ae, g(n.description), 1)) : P("", !0),
-                    T(V("input", L({
-                      "onUpdate:modelValue": (i) => n.model.value = i,
-                      onBlur: n.onBlur,
-                      placeholder: n.placeholder,
-                      autocomplete: n.autocomplete,
-                      name: n.vName,
-                      type: n.type,
-                      disabled: n.disabled,
-                      readonly: n.readonly
-                    }, { ref_for: !0 }, n.attrs), null, 16, Se), [
-                      [de, n.model.value]
-                    ]),
-                    V("div", we, g(n.error || n.hint), 1)
-                  ], 2)), [
-                    [N, !n.hidden]
-                  ]) : n.type === "paragraph" ? (y(), b("p", Ce, g(n.description), 1)) : n.type === "select" ? T((y(), b("div", {
-                    key: 5,
-                    class: O(["oo-default-field", n.classes])
-                  }, [
-                    V("label", null, g(n.label), 1),
-                    n.description ? (y(), b("span", Le, g(n.description), 1)) : P("", !0),
-                    T(V("select", L({
-                      "onUpdate:modelValue": (i) => n.model.value = i,
-                      onBlur: n.onBlur,
-                      name: n.vName,
-                      disabled: n.disabled,
-                      readonly: n.readonly
-                    }, { ref_for: !0 }, n.attrs), [
-                      n.placeholder ? (y(), b("option", Be, g(n.placeholder), 1)) : P("", !0),
-                      (y(!0), b(H, null, R(n.options, (i) => (y(), b("option", {
-                        key: h(i),
-                        value: h(i)
-                      }, g(u(i)), 9, Fe))), 128))
-                    ], 16, Te), [
-                      [me, n.model.value]
-                    ]),
-                    V("div", De, g(n.error || n.hint), 1)
-                  ], 2)), [
-                    [N, !n.hidden]
-                  ]) : n.type === "radio" ? T((y(), b("div", {
-                    key: 6,
-                    class: O(["oo-default-field oo-radio-field", n.classes])
-                  }, [
-                    V("span", je, g(n.label), 1),
-                    n.description ? (y(), b("span", Pe, g(n.description), 1)) : P("", !0),
-                    V("div", Oe, [
-                      (y(!0), b(H, null, R(n.options, (i) => (y(), b("label", {
-                        key: h(i)
-                      }, [
-                        T(V("input", L({
-                          type: "radio",
-                          value: h(i),
-                          "onUpdate:modelValue": (k) => n.model.value = k,
-                          onBlur: n.onBlur,
-                          name: n.vName,
-                          disabled: n.disabled,
-                          readonly: n.readonly
-                        }, { ref_for: !0 }, n.attrs), null, 16, Ue), [
-                          [fe, n.model.value]
-                        ]),
-                        Z(" " + g(u(i)), 1)
-                      ]))), 128))
-                    ]),
-                    V("div", qe, g(n.error || n.hint), 1)
-                  ], 2)), [
-                    [N, !n.hidden]
-                  ]) : n.type === "checkbox" ? T((y(), b("div", {
-                    key: 7,
-                    class: O(["oo-default-field oo-checkbox-field", n.classes])
-                  }, [
-                    V("label", null, [
-                      T(V("input", L({
-                        type: "checkbox",
-                        "onUpdate:modelValue": (i) => n.model.value = i,
-                        onBlur: n.onBlur,
-                        name: n.vName,
-                        disabled: n.disabled,
-                        readonly: n.readonly
-                      }, { ref_for: !0 }, n.attrs), null, 16, Me), [
-                        [he, n.model.value]
-                      ]),
-                      Z(" " + g(n.label), 1)
-                    ]),
-                    n.description ? (y(), b("span", Ne, g(n.description), 1)) : P("", !0),
-                    V("div", Ie, g(n.error || n.hint), 1)
-                  ], 2)), [
-                    [N, !n.hidden]
-                  ]) : n.type === "action" ? (y(), b("div", {
-                    key: 8,
-                    class: O(["oo-default-field oo-action-field", n.classes])
-                  }, [
-                    V("button", {
-                      type: "button",
-                      onClick: (i) => p(n.altAction)
-                    }, g(n.label), 9, ze)
-                  ], 2)) : (y(), b("div", He, " [" + g(n.label) + '] Not supported field type "' + g(n.type) + '" ' + g(n.component), 1))
-                ];
-              })
-            ]),
-            _: 2
-          }, 1040, ["error"]);
-        }), 128)),
-        w(d.$slots, "form.after", {
-          clearErrors: v.clearErrors,
-          reset: v.reset,
-          disabled: m.value,
-          formContext: o.formContext
-        }),
-        w(d.$slots, "form.submit", {
-          disabled: m.value,
-          text: c.value,
-          clearErrors: v.clearErrors,
-          reset: v.reset,
-          formContext: o.formContext
-        }, () => [
-          V("button", { disabled: m.value }, g(c.value), 9, Re)
-        ]),
-        w(d.$slots, "form.footer", {
-          disabled: m.value,
-          clearErrors: v.clearErrors,
-          reset: v.reset,
-          formContext: o.formContext
-        })
+    return (u, R) => (n(), m("form", {
+      onSubmit: Ze(M, ["prevent"])
+    }, [
+      W(u.$slots, "form.header", {
+        clearErrors: l(v),
+        reset: l(b),
+        setErrors: l(x),
+        formContext: e.formContext,
+        disabled: h.value
+      }),
+      W(u.$slots, "form.before", {
+        clearErrors: l(v),
+        reset: l(b),
+        setErrors: l(x)
+      }),
+      ie(de, {
+        field: e.def.rootField
+      }, null, 8, ["field"]),
+      W(u.$slots, "form.after", {
+        clearErrors: l(v),
+        reset: l(b),
+        setErrors: l(x),
+        disabled: h.value,
+        formContext: e.formContext
+      }),
+      W(u.$slots, "form.submit", {
+        disabled: h.value,
+        text: F.value,
+        clearErrors: l(v),
+        reset: l(b),
+        setErrors: l(x),
+        formContext: e.formContext
+      }, () => [
+        L("button", { disabled: h.value }, g(F.value), 9, Eo)
       ]),
-      _: 3
-    }, 8, ["first-validation", "form-data", "form-context"]));
+      W(u.$slots, "form.footer", {
+        disabled: h.value,
+        clearErrors: l(v),
+        reset: l(b),
+        setErrors: l(x),
+        formContext: e.formContext
+      })
+    ], 32));
   }
-}), Ge = {
-  // Node.js Globals
-  global: null,
-  process: null,
-  Buffer: null,
-  require: null,
-  __filename: null,
-  __dirname: null,
-  exports: null,
-  module: null,
-  setImmediate: null,
-  clearImmediate: null,
-  setTimeout: null,
-  clearTimeout: null,
-  setInterval: null,
-  clearInterval: null,
-  queueMicrotask: null,
-  queueGlobalMicrotask: null,
-  globalThis: null,
-  // GlobalThis (Introduced in ECMAScript 2020)
-  // Browser Globals
-  window: null,
-  self: null,
-  document: null,
-  localStorage: null,
-  sessionStorage: null,
-  indexedDB: null,
-  caches: null,
-  console: null,
-  performance: null,
-  fetch: null,
-  XMLHttpRequest: null,
-  Image: null,
-  Audio: null,
-  navigator: null,
-  navigation: null,
-  location: null,
-  history: null,
-  screen: null,
-  requestAnimationFrame: null,
-  cancelAnimationFrame: null,
-  cancelIdleCallback: null,
-  captureEvents: null,
-  chrome: null,
-  clientInformation: null,
-  addEventListener: null,
-  removeEventListener: null,
-  blur: null,
-  close: null,
-  closed: null,
-  confirm: null,
-  alert: null,
-  customElements: null,
-  dispatchEvent: null,
-  debug: null,
-  focus: null,
-  find: null,
-  frames: null,
-  getSelection: null,
-  getScreenDetails: null,
-  getEventListeners: null,
-  keys: null,
-  launchQueue: null,
-  parent: null,
-  postMessage: null,
-  print: null,
-  profile: null,
-  profileEnd: null,
-  prompt: null,
-  queryLocalFonts: null,
-  queryObjects: null,
-  releaseEvents: null,
-  reportError: null,
-  resizeBy: null,
-  resizeTo: null,
-  scheduler: null,
-  stop: null,
-  scroll: null,
-  scrollBy: null,
-  scrollTo: null,
-  scrollY: null,
-  scrollX: null,
-  top: null,
-  // other
-  eval: null,
-  __ctx__: null
-};
-class Ke {
-  constructor() {
-    Y(this, "cache", /* @__PURE__ */ new Map());
+}), Po = /* @__PURE__ */ A({
+  __name: "oo-iterator",
+  props: {
+    def: {},
+    pathPrefix: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {}
+  },
+  setup(e) {
+    const o = e, t = I(
+      "__foorm_path_prefix",
+      f(() => "")
+    ), r = f(() => o.pathPrefix !== void 0 ? t.value ? `${t.value}.${o.pathPrefix}` : o.pathPrefix : t.value);
+    return q("__foorm_path_prefix", r), (a, d) => (n(!0), m(T, null, X(e.def.fields, (s) => (n(), w(de, {
+      key: s.path ?? s.name,
+      field: s,
+      "on-remove": e.onRemove,
+      "can-remove": e.canRemove,
+      "remove-label": e.removeLabel
+    }, null, 8, ["field", "on-remove", "can-remove", "remove-label"]))), 128));
   }
-  call(e, t) {
-    return this.getFn(e)(t);
+}), Io = { class: "oo-no-data-text" }, ee = /* @__PURE__ */ A({
+  __name: "oo-no-data",
+  props: {
+    onEdit: { type: Function }
+  },
+  setup(e) {
+    const o = J(!1);
+    return (t, r) => (n(), m("div", {
+      class: "oo-no-data",
+      onMouseenter: r[0] || (r[0] = (a) => o.value = !0),
+      onMouseleave: r[1] || (r[1] = (a) => o.value = !1),
+      onClick: r[2] || (r[2] = //@ts-ignore
+      (...a) => e.onEdit && e.onEdit(...a)),
+      role: "button",
+      tabindex: "0",
+      onKeydown: [
+        r[3] || (r[3] = Je(
+          //@ts-ignore
+          (...a) => e.onEdit && e.onEdit(...a),
+          ["enter"]
+        )),
+        r[4] || (r[4] = Je(Ze(
+          //@ts-ignore
+          (...a) => e.onEdit && e.onEdit(...a),
+          ["prevent"]
+        ), ["space"]))
+      ]
+    }, [
+      L("span", Io, g(o.value ? "Edit" : "No Data"), 1)
+    ], 32));
   }
-  getFn(e) {
-    let t = this.cache.get(e);
-    return t || (t = We(e), this.cache.set(e, t)), t;
+});
+function Ke(e) {
+  const o = J(!1);
+  function t() {
+    o.value = !o.value;
   }
-}
-function We(o) {
-  const e = `with(__ctx__){
-${o}
-}`, t = new Function("__ctx__", e);
-  return (r) => {
-    const s = Object.freeze(Object.assign({}, Ge, r));
-    return t(s);
-  };
-}
-const W = new Ke();
-function ne(o) {
-  const e = `return (${o})(v, data, context, entry)`;
-  return W.getFn(e);
-}
-function G(o) {
-  const e = `return (${o})(data, context)`;
-  return W.getFn(e);
-}
-function Xe(o) {
-  const e = `return (${o})(v, data, context, entry)`;
-  return W.getFn(e);
-}
-function Ye(o, e) {
-  switch (o.type.kind) {
-    case "": {
-      const t = o;
-      return e.phantom && t.type.designType === "phantom" ? e.phantom(t) : e.final(t);
-    }
-    case "object":
-      return e.object(o);
-    case "array":
-      return e.array(o);
-    case "union":
-      return e.union(o);
-    case "intersection":
-      return e.intersection(o);
-    case "tuple":
-      return e.tuple(o);
-    default:
-      throw new Error(`Unknown type kind "${o.type.kind}"`);
+  function r() {
+    o.value = !1;
   }
-}
-function B(o, e, t) {
-  return e in o ? Object.defineProperty(o, e, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : o[e] = t, o;
-}
-const ee = /* @__PURE__ */ new Map();
-var Qe = class {
-  isLimitExceeded() {
-    return this.stackErrors.length > 0 ? this.stackErrors[this.stackErrors.length - 1].length >= this.opts.errorLimit : this.errors.length >= this.opts.errorLimit;
+  function a(s) {
+    s(), r();
   }
-  push(o) {
-    this.stackPath.push(o), this.stackErrors.push([]);
+  function d(s) {
+    e.value && !e.value.contains(s.target) && r();
   }
-  pop(o) {
-    this.stackPath.pop();
-    const e = this.stackErrors.pop();
-    return o && (e != null && e.length) && e.forEach((t) => {
-      this.error(t.message, t.path, t.details);
-    }), e;
+  return Ue(o, (s) => {
+    s ? document.addEventListener("click", d, !0) : document.removeEventListener("click", d, !0);
+  }), yo(() => document.removeEventListener("click", d, !0)), { isOpen: o, toggle: t, close: r, select: a };
+}
+const To = ["disabled", "title"], Do = {
+  key: 0,
+  class: "oo-dropdown-menu"
+}, So = ["onClick"], no = /* @__PURE__ */ A({
+  __name: "oo-variant-picker",
+  props: {
+    unionContext: {},
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const o = J(null), { isOpen: t, toggle: r, select: a } = Ke(o);
+    function d(s, v) {
+      a(() => s.changeVariant(v));
+    }
+    return (s, v) => (n(), m("div", {
+      ref_key: "dropdownRef",
+      ref: o,
+      class: "oo-dropdown"
+    }, [
+      L("button", {
+        type: "button",
+        class: "oo-variant-trigger",
+        disabled: e.disabled,
+        title: e.unionContext.variants[e.unionContext.currentIndex.value]?.label ?? "Switch variant",
+        onClick: v[0] || (v[0] = //@ts-ignore
+        (...b) => l(r) && l(r)(...b))
+      }, [...v[1] || (v[1] = [
+        L("svg", {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 16 16",
+          fill: "none"
+        }, [
+          L("circle", {
+            cx: "3",
+            cy: "8",
+            r: "1.5",
+            fill: "currentColor"
+          }),
+          L("circle", {
+            cx: "8",
+            cy: "8",
+            r: "1.5",
+            fill: "currentColor"
+          }),
+          L("circle", {
+            cx: "13",
+            cy: "8",
+            r: "1.5",
+            fill: "currentColor"
+          })
+        ], -1)
+      ])], 8, To),
+      l(t) ? (n(), m("div", Do, [
+        (n(!0), m(T, null, X(e.unionContext.variants, (b, O) => (n(), m("button", {
+          key: O,
+          type: "button",
+          class: re(["oo-dropdown-item", { "oo-dropdown-item--active": e.unionContext.currentIndex.value === O }]),
+          onClick: (x) => d(e.unionContext, O)
+        }, g(b.label), 11, So))), 128))
+      ])) : k("", !0)
+    ], 512));
   }
-  clear() {
-    this.stackErrors[this.stackErrors.length - 1] = [];
+}), qo = {
+  key: 0,
+  class: "oo-field-header-row"
+}, Mo = { class: "oo-field-header-content" }, Uo = {
+  key: 0,
+  class: "oo-field-header-actions"
+}, jo = ["disabled", "aria-label"], No = { class: "oo-field-input-row" }, Ko = ["role"], ke = /* @__PURE__ */ A({
+  __name: "oo-field-shell",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean },
+    fieldClass: {},
+    idPrefix: {}
+  },
+  setup(e) {
+    const o = e, t = bo(), r = o.idPrefix ?? "oo-field", a = `${r}-${t}`, d = `${r}-${t}-err`, s = `${r}-${t}-desc`, v = f(() => o.model?.value !== void 0), b = Be(), O = b !== void 0 && b.variants.length > 1, x = f(() => to(o.label, o.arrayIndex));
+    return ($, F) => N((n(), m("div", {
+      class: re(["oo-default-field", [e.fieldClass, $.$props.class]])
+    }, [
+      x.value || e.onRemove || e.optional && v.value || l(O) || $.$slots.header ? (n(), m("div", qo, [
+        L("div", Mo, [
+          $.$slots.header ? W($.$slots, "header", {
+            key: 0,
+            inputId: a,
+            descId: s,
+            optionalEnabled: v.value
+          }) : (n(), m(T, { key: 1 }, [
+            x.value ? (n(), m("label", {
+              key: 0,
+              for: a
+            }, g(x.value), 1)) : k("", !0),
+            e.description ? (n(), m("span", {
+              key: 1,
+              id: s
+            }, g(e.description), 1)) : k("", !0)
+          ], 64)),
+          l(O) ? (n(), w(no, {
+            key: 2,
+            "union-context": l(b),
+            disabled: e.disabled
+          }, null, 8, ["union-context", "disabled"])) : k("", !0)
+        ]),
+        e.optional && v.value || e.onRemove ? (n(), m("div", Uo, [
+          e.optional && v.value ? (n(), m("button", {
+            key: 0,
+            type: "button",
+            class: "oo-optional-clear",
+            onClick: F[0] || (F[0] = (h) => e.onToggleOptional?.(!1))
+          }, " × ")) : k("", !0),
+          e.onRemove ? (n(), m("button", {
+            key: 1,
+            type: "button",
+            class: "oo-field-remove-btn",
+            disabled: !e.canRemove,
+            "aria-label": e.removeLabel || "Remove item",
+            onClick: F[1] || (F[1] = //@ts-ignore
+            (...h) => e.onRemove && e.onRemove(...h))
+          }, g(e.removeLabel || "Remove"), 9, jo)) : k("", !0)
+        ])) : k("", !0)
+      ])) : k("", !0),
+      e.optional && !v.value ? (n(), w(ee, {
+        key: 1,
+        "on-edit": () => e.onToggleOptional?.(!0)
+      }, null, 8, ["on-edit"])) : (n(), m(T, { key: 2 }, [
+        L("div", No, [
+          W($.$slots, "default", {
+            inputId: a,
+            errorId: d,
+            descId: s
+          })
+        ]),
+        W($.$slots, "after-input", { descId: s }),
+        L("div", {
+          id: d,
+          class: "oo-error-slot",
+          role: e.error ? "alert" : void 0
+        }, g(e.error || e.hint), 9, Ko)
+      ], 64))
+    ], 2)), [
+      [Q, !e.hidden]
+    ]);
   }
-  error(o, e, t) {
-    const r = this.stackErrors[this.stackErrors.length - 1] || this.errors, s = {
-      path: e || this.path,
-      message: o
-    };
-    t != null && t.length && (s.details = t), r.push(s);
+}), zo = ["id", "placeholder", "autocomplete", "name", "type", "disabled", "readonly", "aria-required", "aria-invalid", "aria-describedby", "aria-label"], De = /* @__PURE__ */ A({
+  __name: "oo-input",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  setup(e) {
+    return (o, t) => (n(), w(ke, ae(o.$props, { "id-prefix": "oo-input" }), {
+      default: H(({ inputId: r, errorId: a, descId: d }) => [
+        N(L("input", {
+          id: r,
+          "onUpdate:modelValue": t[0] || (t[0] = (s) => e.model.value = s),
+          onBlur: t[1] || (t[1] = //@ts-ignore
+          (...s) => e.onBlur && e.onBlur(...s)),
+          placeholder: e.placeholder,
+          autocomplete: e.autocomplete,
+          name: e.name,
+          type: e.type,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          "aria-required": e.required || void 0,
+          "aria-invalid": !!e.error || void 0,
+          "aria-describedby": e.error || e.hint ? a : e.description ? d : void 0,
+          "aria-label": e.label ? void 0 : e.name
+        }, null, 40, zo), [
+          [ho, e.model.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
   }
-  throw() {
-    throw new Je(this.errors);
+}), Wo = ["id", "name", "disabled", "readonly", "aria-required", "aria-invalid", "aria-describedby", "aria-label"], Xo = {
+  key: 0,
+  value: "",
+  disabled: ""
+}, Yo = ["value"], Go = /* @__PURE__ */ A({
+  __name: "oo-select",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  setup(e) {
+    return (o, t) => (n(), w(ke, ae(o.$props, { "id-prefix": "oo-select" }), {
+      default: H(({ inputId: r, errorId: a, descId: d }) => [
+        N(L("select", {
+          id: r,
+          "onUpdate:modelValue": t[0] || (t[0] = (s) => e.model.value = s),
+          onChange: t[1] || (t[1] = //@ts-ignore
+          (...s) => e.onBlur && e.onBlur(...s)),
+          onBlur: t[2] || (t[2] = //@ts-ignore
+          (...s) => e.onBlur && e.onBlur(...s)),
+          name: e.name,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          "aria-required": e.required || void 0,
+          "aria-invalid": !!e.error || void 0,
+          "aria-describedby": e.error || e.hint ? a : e.description ? d : void 0,
+          "aria-label": e.label ? void 0 : e.name
+        }, [
+          e.placeholder ? (n(), m("option", Xo, g(e.placeholder), 1)) : k("", !0),
+          (n(!0), m(T, null, X(e.options, (s) => (n(), m("option", {
+            key: l(ge)(s),
+            value: l(ge)(s)
+          }, g(l(oo)(s)), 9, Yo))), 128))
+        ], 40, Wo), [
+          [po, e.model.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
   }
-  /**
-  * Validates a value against the type definition.
-  *
-  * Acts as a TypeScript type guard — when it returns `true`, the value
-  * is narrowed to `DataType`.
-  *
-  * @param value - The value to validate.
-  * @param safe - If `true`, returns `false` on failure instead of throwing.
-  * @returns `true` if the value matches the type definition.
-  * @throws {ValidatorError} When validation fails and `safe` is not `true`.
-  */
-  validate(o, e) {
-    this.push(""), this.errors = [], this.stackErrors = [];
-    const t = this.validateSafe(this.def, o);
-    if (this.pop(!t), !t) {
-      if (e) return !1;
-      this.throw();
-    }
-    return !0;
+}), Ho = ["id"], Jo = ["id"], Qo = ["aria-labelledby", "aria-required", "aria-invalid", "aria-describedby"], Zo = ["value", "name", "disabled", "readonly"], _o = /* @__PURE__ */ A({
+  __name: "oo-radio",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  setup(e) {
+    return (o, t) => (n(), w(ke, ae(o.$props, {
+      "field-class": "oo-radio-field",
+      "id-prefix": "oo-radio"
+    }), {
+      header: H(({ inputId: r, descId: a }) => [
+        L("span", {
+          id: r,
+          class: "oo-field-label"
+        }, g(e.label), 9, Ho),
+        e.description ? (n(), m("span", {
+          key: 0,
+          id: a
+        }, g(e.description), 9, Jo)) : k("", !0)
+      ]),
+      default: H(({ inputId: r, errorId: a, descId: d }) => [
+        L("div", {
+          class: "oo-radio-group",
+          role: "radiogroup",
+          "aria-labelledby": r,
+          "aria-required": e.required || void 0,
+          "aria-invalid": !!e.error || void 0,
+          "aria-describedby": e.error || e.hint ? a : e.description ? d : void 0
+        }, [
+          (n(!0), m(T, null, X(e.options, (s) => (n(), m("label", {
+            key: l(ge)(s)
+          }, [
+            N(L("input", {
+              type: "radio",
+              value: l(ge)(s),
+              "onUpdate:modelValue": t[0] || (t[0] = (v) => e.model.value = v),
+              onChange: t[1] || (t[1] = //@ts-ignore
+              (...v) => e.onBlur && e.onBlur(...v)),
+              onBlur: t[2] || (t[2] = //@ts-ignore
+              (...v) => e.onBlur && e.onBlur(...v)),
+              name: e.name,
+              disabled: e.disabled,
+              readonly: e.readonly
+            }, null, 40, Zo), [
+              [go, e.model.value]
+            ]),
+            _e(" " + g(l(oo)(s)), 1)
+          ]))), 128))
+        ], 8, Qo)
+      ]),
+      _: 1
+    }, 16));
   }
-  validateSafe(o, e) {
-    if (this.isLimitExceeded()) return !1;
-    if (!Ze(o)) throw new Error("Can not validate not-annotated type");
-    if (typeof this.opts.replace == "function" && (o = this.opts.replace(o, this.path)), o.optional && e === void 0) return !0;
-    for (const t of this.opts.plugins) {
-      const r = t(this, o, e);
-      if (r === !1 || r === !0) return r;
-    }
-    return this.validateAnnotatedType(o, e);
+}), et = {
+  key: 0,
+  class: "oo-field-label"
+}, ot = ["for"], tt = ["id", "checked", "name", "disabled", "readonly", "aria-invalid", "aria-describedby"], nt = ["id"], lt = /* @__PURE__ */ A({
+  __name: "oo-checkbox",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  setup(e) {
+    return (o, t) => (n(), w(ke, ae(o.$props, {
+      "field-class": "oo-checkbox-field",
+      "id-prefix": "oo-checkbox"
+    }), {
+      header: H(({ optionalEnabled: r }) => [
+        e.optional && !r ? (n(), m("span", et, g(e.label), 1)) : k("", !0)
+      ]),
+      default: H(({ inputId: r, errorId: a, descId: d }) => [
+        L("label", { for: r }, [
+          L("input", {
+            id: r,
+            type: "checkbox",
+            checked: !!e.model.value,
+            onChange: t[0] || (t[0] = (s) => {
+              e.model.value = s.target.checked, e.onBlur();
+            }),
+            onBlur: t[1] || (t[1] = //@ts-ignore
+            (...s) => e.onBlur && e.onBlur(...s)),
+            name: e.name,
+            disabled: e.disabled,
+            readonly: e.readonly,
+            "aria-invalid": !!e.error || void 0,
+            "aria-describedby": e.error || e.hint ? a : e.description ? d : void 0
+          }, null, 40, tt),
+          _e(" " + g(e.label), 1)
+        ], 8, ot)
+      ]),
+      "after-input": H(({ descId: r }) => [
+        e.description ? (n(), m("span", {
+          key: 0,
+          id: r
+        }, g(e.description), 9, nt)) : k("", !0)
+      ]),
+      _: 1
+    }, 16));
   }
-  get path() {
-    return this.stackPath.slice(1).join(".");
+}), at = /* @__PURE__ */ A({
+  __name: "oo-paragraph",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  setup(e) {
+    return (o, t) => N((n(), m("p", { "aria-live": "polite" }, g(e.value), 513)), [
+      [Q, !e.hidden]
+    ]);
   }
-  validateAnnotatedType(o, e) {
-    return Ye(o, {
-      final: (t) => this.validatePrimitive(t, e),
-      phantom: () => !0,
-      object: (t) => this.validateObject(t, e),
-      array: (t) => this.validateArray(t, e),
-      union: (t) => this.validateUnion(t, e),
-      intersection: (t) => this.validateIntersection(t, e),
-      tuple: (t) => this.validateTuple(t, e)
-    });
+}), it = /* @__PURE__ */ A({
+  __name: "oo-action",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  emits: ["action"],
+  setup(e, { emit: o }) {
+    const t = o;
+    return (r, a) => N((n(), m("div", {
+      class: re(["oo-default-field oo-action-field", r.$props.class])
+    }, [
+      L("button", {
+        type: "button",
+        onClick: a[0] || (a[0] = (d) => e.altAction && t("action", e.altAction.id))
+      }, g(e.altAction?.label), 1)
+    ], 2)), [
+      [Q, !e.hidden]
+    ]);
   }
-  validateUnion(o, e) {
-    let t = 0;
-    const r = [];
-    for (const a of o.type.items) {
-      if (this.push(`[${a.type.kind || a.type.designType}(${t})]`), this.validateSafe(a, e))
-        return this.pop(!1), !0;
-      const l = this.pop(!1);
-      l && r.push(...l), t++;
-    }
-    this.clear();
-    const s = o.type.items.map((a, l) => `[${a.type.kind || a.type.designType}(${l})]`).join(", ");
-    return this.error(`Value does not match any of the allowed types: ${s}`, void 0, r), !1;
+}), rt = {
+  key: 0,
+  class: "oo-structured-header"
+}, dt = { class: "oo-structured-header-content" }, st = {
+  key: 0,
+  class: "oo-structured-title oo-form-title"
+}, ut = {
+  key: 1,
+  class: "oo-structured-title"
+}, ct = ["disabled", "aria-label"], ze = /* @__PURE__ */ A({
+  __name: "oo-structured-header",
+  props: {
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    optional: { type: Boolean },
+    optionalEnabled: { type: Boolean },
+    onToggleOptional: { type: Function },
+    disabled: { type: Boolean },
+    unionContext: {}
+  },
+  setup(e) {
+    const o = e, t = o.unionContext !== void 0 && o.unionContext.variants.length > 1;
+    return (r, a) => e.title || e.onRemove || e.optional || l(t) ? (n(), m("div", rt, [
+      L("div", dt, [
+        e.title && e.level === 0 ? (n(), m("h2", st, g(e.title), 1)) : e.title ? (n(), m("h3", ut, g(e.title), 1)) : k("", !0),
+        l(t) ? (n(), w(no, {
+          key: 2,
+          "union-context": e.unionContext,
+          disabled: e.disabled
+        }, null, 8, ["union-context", "disabled"])) : k("", !0)
+      ]),
+      e.optional && e.optionalEnabled ? (n(), m("button", {
+        key: 0,
+        type: "button",
+        class: "oo-optional-clear",
+        onClick: a[0] || (a[0] = (d) => e.onToggleOptional?.(!1))
+      }, " × ")) : k("", !0),
+      e.onRemove ? (n(), m("button", {
+        key: 1,
+        type: "button",
+        class: "oo-structured-remove-btn",
+        disabled: !e.canRemove,
+        "aria-label": e.removeLabel || "Remove item",
+        onClick: a[1] || (a[1] = //@ts-ignore
+        (...d) => e.onRemove && e.onRemove(...d))
+      }, g(e.removeLabel || "Remove"), 9, ct)) : k("", !0)
+    ])) : k("", !0);
   }
-  validateIntersection(o, e) {
-    for (const t of o.type.items) if (!this.validateSafe(t, e)) return !1;
-    return !0;
+}), mt = {
+  key: 0,
+  class: "oo-object-error",
+  role: "alert"
+}, vt = /* @__PURE__ */ A({
+  __name: "oo-object",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  setup(e) {
+    const o = e, t = Se(o.field) ? o.field.objectDef : void 0, r = Be(), a = f(() => to(o.title, o.arrayIndex)), d = f(() => o.model?.value !== void 0);
+    return (s, v) => N((n(), m("div", {
+      class: re(["oo-object", { "oo-object--root": e.level === 0, "oo-object--nested": (e.level ?? 0) > 0 }])
+    }, [
+      ie(ze, {
+        title: a.value,
+        level: e.level,
+        "on-remove": e.onRemove && l(t) ? e.onRemove : void 0,
+        "can-remove": e.canRemove,
+        "remove-label": e.removeLabel,
+        optional: e.optional,
+        "optional-enabled": d.value,
+        "on-toggle-optional": e.onToggleOptional,
+        disabled: e.disabled,
+        "union-context": l(r)
+      }, null, 8, ["title", "level", "on-remove", "can-remove", "remove-label", "optional", "optional-enabled", "on-toggle-optional", "disabled", "union-context"]),
+      e.optional && !d.value ? (n(), w(ee, {
+        key: 0,
+        "on-edit": () => e.onToggleOptional?.(!0)
+      }, null, 8, ["on-edit"])) : (n(), m(T, { key: 1 }, [
+        e.error ? (n(), m("div", mt, g(e.error), 1)) : k("", !0),
+        l(t) ? (n(), w(Po, {
+          key: 1,
+          def: l(t)
+        }, null, 8, ["def"])) : k("", !0)
+      ], 64))
+    ], 2)), [
+      [Q, !e.hidden]
+    ]);
   }
-  validateTuple(o, e) {
-    if (!Array.isArray(e) || e.length !== o.type.items.length)
-      return this.error(`Expected array of length ${o.type.items.length}`), !1;
-    let t = 0;
-    for (const r of o.type.items) {
-      if (this.push(`[${t}]`), !this.validateSafe(r, e[t]))
-        return this.pop(!0), !1;
-      this.pop(!1), t++;
+});
+function ft(e, o) {
+  const { rootFormData: t, formContext: r, pathPrefix: a, getByPath: d, setByPath: s } = Ne("useFoormArray"), v = I(
+    "__foorm_change_handler",
+    () => {
     }
-    return !0;
+  ), b = f(() => {
+    const C = d(a.value);
+    return Array.isArray(C) ? C : [];
+  });
+  let O = 0;
+  const x = eo([]);
+  function $() {
+    return `oo-item-${O++}`;
   }
-  validateArray(o, e) {
-    if (!Array.isArray(e))
-      return this.error("Expected array"), !1;
-    const t = o.metadata.get("expect.minLength");
-    if (t) {
-      const l = typeof t == "number" ? t : t.length;
-      if (e.length < l) {
-        const c = typeof t == "object" && t.message ? t.message : `Expected minimum length of ${l} items, got ${e.length} items`;
-        return this.error(c), !1;
-      }
-    }
-    const r = o.metadata.get("expect.maxLength");
-    if (r) {
-      const l = typeof r == "number" ? r : r.length;
-      if (e.length > l) {
-        const c = typeof r == "object" && r.message ? r.message : `Expected maximum length of ${l} items, got ${e.length} items`;
-        return this.error(c), !1;
-      }
+  function F() {
+    for (; x.length < b.value.length; )
+      x.push($());
+    const C = b.value.length;
+    if (x.length > C) {
+      for (const V of B.keys())
+        V >= C && B.delete(V);
+      for (; x.length > C; )
+        x.pop();
     }
-    let s = 0, a = !0;
-    for (const l of e) {
-      if (this.push(`[${s}]`), this.validateSafe(o.type.of, l))
-        this.pop(!1);
-      else if (a = !1, this.pop(!0), this.isLimitExceeded()) return !1;
-      s++;
-    }
-    return a;
   }
-  validateObject(o, e) {
-    if (typeof e != "object" || e === null || Array.isArray(e))
-      return this.error("Expected object"), !1;
-    let t = !0;
-    const r = new Set(Object.keys(e)), s = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
-    if (this.opts.skipList) {
-      const c = this.stackPath.length > 1 ? `${this.path}.` : "";
-      this.opts.skipList.forEach((m) => {
-        if (m.startsWith(c)) {
-          const p = m.slice(c.length);
-          a.add(p), r.delete(p);
-        }
-      });
-    }
-    let l = !1;
-    typeof this.opts.partial == "function" && (l = this.opts.partial(o, this.path));
-    for (const [c, m] of o.type.props.entries())
-      if (!(a.has(c) || et(m)) && (s.add(c), !(e[c] === void 0 && (l || this.opts.partial === "deep" || this.opts.partial === !0 && this.stackPath.length <= 1)))) {
-        if (this.push(c), this.validateSafe(m, e[c])) this.pop(!1);
-        else if (t = !1, this.pop(!0), this.isLimitExceeded()) return !1;
-      }
-    for (const c of r)
-      if (!s.has(c)) {
-        const m = [];
-        for (const { pattern: p, def: f } of o.type.propsPatterns) p.test(c) && m.push({
-          pattern: p,
-          def: f
-        });
-        if (m.length) {
-          let p = !1;
-          for (const { def: f } of m) if (this.validateSafe(f, e[c])) {
-            this.pop(!1), p = !0;
-            break;
-          }
-          if (!p && (this.push(c), this.validateSafe(m[0].def, e[c]), this.pop(!0), t = !1, this.isLimitExceeded()))
-            return !1;
-        } else if (this.opts.unknwonProps !== "ignore")
-          if (this.opts.unknwonProps === "error") {
-            if (this.push(c), this.error("Unexpected property"), this.pop(!0), this.isLimitExceeded()) return !1;
-            t = !1;
-          } else this.opts.unknwonProps === "strip" && delete e[c];
-      }
-    return t;
+  F(), Ue(
+    () => b.value.length,
+    () => F()
+  );
+  const h = je(e.itemField), p = h ? e.itemField.unionVariants : [], B = /* @__PURE__ */ new Map();
+  function E(C) {
+    let V = B.get(C);
+    return V || (V = { ...e.itemField, path: String(C), name: "" }, B.set(C, V)), V;
   }
-  validatePrimitive(o, e) {
-    if (typeof o.type.value < "u")
-      return e !== o.type.value ? (this.error(`Expected ${o.type.value}, got ${e}`), !1) : !0;
-    const t = Array.isArray(e) ? "array" : typeof e;
-    switch (o.type.designType) {
-      case "never":
-        return this.error("This type is impossible, must be an internal problem"), !1;
-      case "any":
-        return !0;
-      case "string":
-        return t !== o.type.designType ? (this.error(`Expected ${o.type.designType}, got ${t}`), !1) : this.validateString(o, e);
-      case "number":
-        return t !== o.type.designType ? (this.error(`Expected ${o.type.designType}, got ${t}`), !1) : this.validateNumber(o, e);
-      case "boolean":
-        return t !== o.type.designType ? (this.error(`Expected ${o.type.designType}, got ${t}`), !1) : !0;
-      case "undefined":
-        return e !== void 0 ? (this.error(`Expected ${o.type.designType}, got ${t}`), !1) : !0;
-      case "null":
-        return e !== null ? (this.error(`Expected ${o.type.designType}, got ${t}`), !1) : !0;
-      default:
-        throw new Error(`Unknown type "${o.type.designType}"`);
-    }
+  const j = y(e.prop, "expect.minLength"), M = y(e.prop, "expect.maxLength"), u = j?.length ?? 0, R = M?.length ?? 1 / 0, P = f(() => !o?.value && b.value.length < R), i = f(() => !o?.value && b.value.length > u);
+  function D() {
+    let C = d(a.value);
+    return Array.isArray(C) || (C = [], s(a.value, C)), C;
   }
-  validateString(o, e) {
-    const t = o.metadata.get("expect.minLength");
-    if (t) {
-      const a = typeof t == "number" ? t : t.length;
-      if (e.length < a) {
-        const l = typeof t == "object" && t.message ? t.message : `Expected minimum length of ${a} characters, got ${e.length} characters`;
-        return this.error(l), !1;
-      }
-    }
-    const r = o.metadata.get("expect.maxLength");
-    if (r) {
-      const a = typeof r == "number" ? r : r.length;
-      if (e.length > a) {
-        const l = typeof r == "object" && r.message ? r.message : `Expected maximum length of ${a} characters, got ${e.length} characters`;
-        return this.error(l), !1;
-      }
-    }
-    const s = o.metadata.get("expect.pattern");
-    for (const { pattern: a, flags: l, message: c } of s || []) {
-      if (!a) continue;
-      const m = `${a}//${l || ""}`;
-      let p = ee.get(m);
-      if (p || (p = new RegExp(a, l), ee.set(m, p)), !p.test(e))
-        return this.error(c || `Value is expected to match pattern "${a}"`), !1;
-    }
-    return !0;
+  function se(C = 0) {
+    if (!P.value) return;
+    const V = xe(
+      t().value,
+      r.value
+    );
+    let G;
+    if (h) {
+      const ue = p[C];
+      if (!ue) return;
+      G = le(ue.type, V).value;
+    } else
+      G = le(e.itemType, V).value;
+    D().push(G), x.push($()), v("array-add", a.value, b.value);
   }
-  validateNumber(o, e) {
-    const t = o.metadata.get("expect.int");
-    if (t && e % 1 !== 0) {
-      const a = typeof t == "object" && t.message ? t.message : `Expected integer, got ${e}`;
-      return this.error(a), !1;
+  function Y(C) {
+    if (i.value) {
+      D().splice(C, 1), x.splice(C, 1);
+      for (const V of B.keys())
+        V >= C && B.delete(V);
+      v("array-remove", a.value, b.value);
     }
-    const r = o.metadata.get("expect.min");
-    if (r) {
-      const a = typeof r == "number" ? r : r.minValue;
-      if (e < a) {
-        const l = typeof r == "object" && r.message ? r.message : `Expected minimum ${a}, got ${e}`;
-        return this.error(l), !1;
-      }
-    }
-    const s = o.metadata.get("expect.max");
-    if (s) {
-      const a = typeof s == "number" ? s : s.maxValue;
-      if (e > a) {
-        const l = typeof s == "object" && s.message ? s.message : `Expected maximum ${a}, got ${e}`;
-        return this.error(l), !1;
-      }
-    }
-    return !0;
   }
-  constructor(o, e) {
-    B(this, "def", void 0), B(this, "opts", void 0), B(this, "errors", void 0), B(this, "stackErrors", void 0), B(this, "stackPath", void 0), this.def = o, this.errors = [], this.stackErrors = [], this.stackPath = [], this.opts = {
-      partial: !1,
-      unknwonProps: "error",
-      errorLimit: 10,
-      ...e,
-      plugins: (e == null ? void 0 : e.plugins) || []
-    };
+  const oe = y(e.prop, "foorm.array.add.label") ?? "Add item", $e = y(e.prop, "foorm.array.remove.label") ?? "Remove";
+  return {
+    arrayValue: b,
+    itemKeys: x,
+    isUnion: h,
+    unionVariants: p,
+    getItemField: E,
+    addItem: se,
+    removeItem: Y,
+    canAdd: P,
+    canRemove: i,
+    addLabel: oe,
+    removeLabel: $e
+  };
+}
+const yt = { class: "oo-array-add" }, bt = ["disabled"], ht = ["disabled"], pt = {
+  key: 0,
+  class: "oo-dropdown-menu"
+}, gt = ["onClick"], xt = {
+  key: 0,
+  class: "oo-array-error",
+  role: "alert"
+}, Bt = /* @__PURE__ */ A({
+  __name: "oo-array",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  setup(e) {
+    const o = e, t = qe(o.field) ? o.field : void 0, r = Be(), a = f(() => Array.isArray(o.model?.value)), {
+      arrayValue: d,
+      itemKeys: s,
+      getItemField: v,
+      isUnion: b,
+      unionVariants: O,
+      addItem: x,
+      removeItem: $,
+      canAdd: F,
+      canRemove: h,
+      addLabel: p,
+      removeLabel: B
+    } = ft(
+      t,
+      f(() => o.disabled ?? !1)
+    ), E = J(null), { isOpen: j, toggle: M, select: u } = Ke(E);
+    return (R, P) => N((n(), m("div", {
+      class: re(["oo-array", { "oo-array--root": e.level === 0, "oo-array--nested": (e.level ?? 0) > 0 }])
+    }, [
+      ie(ze, {
+        title: e.title,
+        level: e.level,
+        "on-remove": e.onRemove,
+        "can-remove": o.canRemove,
+        "remove-label": o.removeLabel,
+        optional: e.optional,
+        "optional-enabled": a.value,
+        "on-toggle-optional": e.onToggleOptional,
+        disabled: e.disabled,
+        "union-context": l(r)
+      }, null, 8, ["title", "level", "on-remove", "can-remove", "remove-label", "optional", "optional-enabled", "on-toggle-optional", "disabled", "union-context"]),
+      e.optional && !a.value ? (n(), w(ee, {
+        key: 0,
+        "on-edit": () => e.onToggleOptional?.(!0)
+      }, null, 8, ["on-edit"])) : (n(), m(T, { key: 1 }, [
+        (n(!0), m(T, null, X(l(d), (i, D) => (n(), w(de, {
+          key: l(s)[D],
+          field: l(v)(D),
+          "on-remove": () => l($)(D),
+          "can-remove": l(h),
+          "remove-label": l(B),
+          "array-index": D
+        }, null, 8, ["field", "on-remove", "can-remove", "remove-label", "array-index"]))), 128)),
+        L("div", yt, [
+          l(b) ? (n(), m("div", {
+            key: 1,
+            ref_key: "addDropdownRef",
+            ref: E,
+            class: "oo-dropdown"
+          }, [
+            L("button", {
+              type: "button",
+              class: "oo-array-add-btn",
+              disabled: !l(F),
+              onClick: P[1] || (P[1] = //@ts-ignore
+              (...i) => l(M) && l(M)(...i))
+            }, g(l(p)) + " ▾ ", 9, ht),
+            l(j) ? (n(), m("div", pt, [
+              (n(!0), m(T, null, X(l(O), (i, D) => (n(), m("button", {
+                key: D,
+                type: "button",
+                class: "oo-dropdown-item",
+                onClick: (se) => l(u)(() => l(x)(D))
+              }, g(i.label), 9, gt))), 128))
+            ])) : k("", !0)
+          ], 512)) : (n(), m("button", {
+            key: 0,
+            type: "button",
+            class: "oo-array-add-btn",
+            disabled: !l(F),
+            onClick: P[0] || (P[0] = (i) => l(x)(0))
+          }, g(l(p)), 9, bt))
+        ]),
+        e.error ? (n(), m("div", xt, g(e.error), 1)) : k("", !0)
+      ], 64))
+    ], 2)), [
+      [Q, !e.hidden]
+    ]);
   }
-}, Je = class extends Error {
-  constructor(o) {
-    super(`${o[0].path ? o[0].path + ": " : ""}${o[0].message}`), B(this, "errors", void 0), B(this, "name", void 0), this.errors = o, this.name = "Validation Error";
+});
+function kt(e) {
+  const o = I(
+    "__foorm_path_prefix",
+    f(() => "")
+  ), { rootFormData: t, formContext: r } = Ne("useFoormUnion"), a = I(
+    "__foorm_change_handler",
+    () => {
+    }
+  ), d = f(
+    () => e.field && je(e.field) ? e.field : void 0
+  ), s = f(
+    () => d.value !== void 0 && d.value.unionVariants.length > 1
+  ), v = J(
+    d.value ? Oo(e.model?.value, d.value.unionVariants) : 0
+  ), b = f(() => {
+    const u = d.value?.unionVariants;
+    if (u)
+      return u[v.value] ?? u[0];
+  });
+  function O() {
+    const u = b.value;
+    if (!u) return;
+    const R = d.value?.name ?? "";
+    if (u.def)
+      return { ...u.def.rootField, path: "", name: R };
+    if (u.itemField)
+      return { ...u.itemField, path: "" };
   }
-};
-function Ze(o) {
-  return o && o.__is_atscript_annotated_type;
-}
-function et(o) {
-  return o.type.kind === "" && o.type.designType === "phantom";
-}
-const tt = /* @__PURE__ */ new Set(["action", "paragraph", "select", "radio", "checkbox"]);
-function ot(o) {
-  return (Array.isArray(o) ? o : [o]).map((t) => {
-    if (typeof t == "object" && t !== null && "label" in t) {
-      const { label: r, value: s } = t;
-      return s !== void 0 ? { key: s, label: r } : r;
+  const x = f(O), $ = /* @__PURE__ */ new Map();
+  function F(u) {
+    $.set(v.value, e.model?.value), v.value = u;
+    const R = d.value?.unionVariants[u];
+    if (R && e.model) {
+      const P = $.get(u);
+      e.model.value = P !== void 0 ? P : le(
+        R.type,
+        xe(
+          t().value,
+          r.value
+        )
+      ).value;
     }
-    return String(t);
+    a("union-switch", o.value, e.model?.value);
+  }
+  const h = f(() => e.model?.value !== void 0);
+  d.value && q("__foorm_union", {
+    variants: d.value.unionVariants,
+    currentIndex: v,
+    changeVariant: F
   });
-}
-function $(o, e, t, r) {
-  const { transform: s, defaultValue: a, staticAsBoolean: l = !1, compiler: c = ne } = r ?? {}, m = t.get(o);
-  if (typeof m == "string")
-    return c(m);
-  if (e !== void 0) {
-    const p = t.get(e);
-    if (p !== void 0)
-      return l ? !0 : s ? s(p) : p;
+  const p = J(null), { isOpen: B, toggle: E, select: j } = Ke(p);
+  function M() {
+    s.value ? E() : e.onToggleOptional?.(!0);
   }
-  return a;
-}
-function nt(o, e) {
-  var t, r, s, a;
-  return {
-    optional: (t = $("foorm.fn.optional", void 0, o)) !== null && t !== void 0 ? t : e ?? !1,
-    disabled: (r = $("foorm.fn.disabled", "foorm.disabled", o, {
-      staticAsBoolean: !0
-    })) !== null && r !== void 0 ? r : !1,
-    hidden: (s = $("foorm.fn.hidden", "foorm.hidden", o, {
-      staticAsBoolean: !0
-    })) !== null && s !== void 0 ? s : !1,
-    readonly: (a = $("foorm.fn.readonly", "foorm.readonly", o, {
-      staticAsBoolean: !0
-    })) !== null && a !== void 0 ? a : !1
-  };
-}
-function rt(o, e) {
   return {
-    label: $("foorm.fn.label", "meta.label", o, {
-      defaultValue: e
-    }),
-    description: $("foorm.fn.description", "meta.description", o),
-    hint: $("foorm.fn.hint", "meta.hint", o),
-    placeholder: $("foorm.fn.placeholder", "meta.placeholder", o)
+    unionField: d,
+    hasMultipleVariants: s,
+    localUnionIndex: v,
+    currentVariant: b,
+    innerField: x,
+    changeVariant: F,
+    optionalEnabled: h,
+    dropdownRef: p,
+    isOpen: B,
+    toggle: E,
+    select: j,
+    handleNaClick: M
   };
 }
-function st(o) {
-  const e = o.get("foorm.attr"), t = o.get("foorm.fn.attr");
-  if (!e && !t)
-    return;
-  const r = {};
-  if (e) {
-    const s = Array.isArray(e) ? e : [e];
-    for (const a of s)
-      if (typeof a == "object" && a !== null && "name" in a && "value" in a) {
-        const { name: l, value: c } = a;
-        r[l] = c;
-      }
-  }
-  if (t) {
-    const s = Array.isArray(t) ? t : [t];
-    for (const a of s)
-      if (typeof a == "object" && a !== null && "name" in a && "fn" in a) {
-        const { name: l, fn: c } = a;
-        r[l] = ne(c);
-      }
+const $t = { class: "oo-union" }, Ft = {
+  key: 0,
+  class: "oo-dropdown-menu"
+}, Ct = ["onClick"], Rt = /* @__PURE__ */ A({
+  __name: "oo-union",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  setup(e) {
+    const o = e, {
+      unionField: t,
+      hasMultipleVariants: r,
+      localUnionIndex: a,
+      innerField: d,
+      changeVariant: s,
+      optionalEnabled: v,
+      dropdownRef: b,
+      isOpen: O,
+      toggle: x,
+      select: $,
+      handleNaClick: F
+    } = kt(o);
+    return (h, p) => N((n(), m("div", $t, [
+      e.optional && !l(v) ? (n(), m(T, { key: 0 }, [
+        l(r) ? (n(), m("div", {
+          key: 0,
+          ref_key: "dropdownRef",
+          ref: b,
+          class: "oo-dropdown-anchor"
+        }, [
+          ie(ee, { "on-edit": l(F) }, null, 8, ["on-edit"]),
+          l(O) ? (n(), m("div", Ft, [
+            (n(!0), m(T, null, X(l(t).unionVariants, (B, E) => (n(), m("button", {
+              key: E,
+              type: "button",
+              class: "oo-dropdown-item",
+              onClick: (j) => l($)(() => {
+                l(s)(E), e.onToggleOptional?.(!0);
+              })
+            }, g(B.label), 9, Ct))), 128))
+          ])) : k("", !0)
+        ], 512)) : (n(), w(ee, {
+          key: 1,
+          "on-edit": () => e.onToggleOptional?.(!0)
+        }, null, 8, ["on-edit"]))
+      ], 64)) : (n(), m(T, { key: 1 }, [
+        e.optional ? (n(), m("button", {
+          key: 0,
+          type: "button",
+          class: "oo-optional-clear",
+          onClick: p[0] || (p[0] = (B) => e.onToggleOptional?.(!1))
+        }, " × ")) : k("", !0),
+        l(d) ? (n(), w(de, {
+          key: l(a),
+          field: l(d),
+          "array-index": e.arrayIndex,
+          "on-remove": e.onRemove,
+          "can-remove": e.canRemove,
+          "remove-label": e.removeLabel
+        }, null, 8, ["field", "array-index", "on-remove", "can-remove", "remove-label"])) : k("", !0)
+      ], 64))
+    ], 512)), [
+      [Q, !e.hidden]
+    ]);
   }
-  return Object.keys(r).length > 0 ? r : void 0;
-}
-function at(o) {
-  var e, t;
-  const r = o.metadata, s = o.type.props, a = $("foorm.fn.title", "foorm.title", r, {
-    compiler: G,
-    defaultValue: ""
-  }), l = $("foorm.fn.submit.text", "foorm.submit.text", r, {
-    compiler: G,
-    defaultValue: "Submit"
-  }), c = $("foorm.fn.submit.disabled", "foorm.submit.disabled", r, {
-    compiler: G,
-    defaultValue: !1
-  }), m = { text: l, disabled: c }, p = [];
-  for (const [f, h] of s.entries()) {
-    const u = h.metadata, d = (e = h.type) === null || e === void 0 ? void 0 : e.tags, A = u.get("foorm.type"), v = d ? [...d].find((i) => tt.has(i)) : void 0, E = (t = A ?? v) !== null && t !== void 0 ? t : "text", C = [], n = u.get("foorm.validate");
-    if (n) {
-      const i = Array.isArray(n) ? n : [n];
-      for (const k of i)
-        typeof k == "string" && C.push(Xe(k));
-    }
-    const F = u.get("expect.pattern") !== void 0 || u.get("expect.min") !== void 0 || u.get("expect.max") !== void 0 || u.get("expect.minLength") !== void 0 || u.get("expect.maxLength") !== void 0 || u.get("expect.int") !== void 0, D = d && d.size > 0;
-    if (F || D) {
-      const i = new Qe(h);
-      C.push((k) => {
-        var S;
-        if (i.validate(k.v, !0))
-          return !0;
-        const z = (S = i.errors) === null || S === void 0 ? void 0 : S[0];
-        return (z == null ? void 0 : z.message) || "Validation failed";
-      });
-    }
-    const j = Object.assign(Object.assign(Object.assign({ field: f, type: E, component: u.get("foorm.component"), autocomplete: u.get("foorm.autocomplete"), altAction: u.get("foorm.altAction"), order: u.get("foorm.order"), name: f }, rt(u, f)), nt(u, h.optional)), {
-      // Appearance - truly optional
-      classes: $("foorm.fn.classes", void 0, u),
-      styles: $("foorm.fn.styles", void 0, u),
-      // Data properties - truly optional
-      options: $("foorm.fn.options", "foorm.options", u, {
-        transform: ot
-      }),
-      value: $("foorm.fn.value", "foorm.value", u),
-      validators: C,
-      // Custom attributes/props
-      attrs: st(u),
-      // ATScript @expect constraints
-      maxLength: u.get("expect.maxLength"),
-      minLength: u.get("expect.minLength"),
-      min: u.get("expect.min"),
-      max: u.get("expect.max")
-    });
-    p.push(j);
+}), Lt = { class: "oo-tuple" }, Ot = {
+  key: 1,
+  class: "oo-tuple-error",
+  role: "alert"
+}, Vt = /* @__PURE__ */ A({
+  __name: "oo-tuple",
+  props: {
+    onBlur: { type: Function },
+    error: {},
+    model: {},
+    value: {},
+    label: {},
+    description: {},
+    hint: {},
+    placeholder: {},
+    class: {},
+    style: {},
+    optional: { type: Boolean },
+    onToggleOptional: { type: Function },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    altAction: {},
+    name: {},
+    field: {},
+    options: {},
+    maxLength: {},
+    autocomplete: {},
+    title: {},
+    level: {},
+    onRemove: { type: Function },
+    canRemove: { type: Boolean },
+    removeLabel: {},
+    arrayIndex: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  setup(e) {
+    const o = e, t = Me(o.field) ? o.field : void 0, r = Be(), a = f(() => o.model?.value !== void 0);
+    return (d, s) => N((n(), m("div", Lt, [
+      ie(ze, {
+        title: e.title,
+        level: e.level,
+        "on-remove": e.onRemove,
+        "can-remove": e.canRemove,
+        "remove-label": e.removeLabel,
+        optional: e.optional,
+        "optional-enabled": a.value,
+        "on-toggle-optional": e.onToggleOptional,
+        disabled: e.disabled,
+        "union-context": l(r)
+      }, null, 8, ["title", "level", "on-remove", "can-remove", "remove-label", "optional", "optional-enabled", "on-toggle-optional", "disabled", "union-context"]),
+      e.optional && !a.value ? (n(), w(ee, {
+        key: 0,
+        "on-edit": () => e.onToggleOptional?.(!0)
+      }, null, 8, ["on-edit"])) : (n(), m(T, { key: 1 }, [
+        l(t) ? (n(!0), m(T, { key: 0 }, X(l(t).itemFields, (v, b) => (n(), w(de, {
+          key: b,
+          field: v
+        }, null, 8, ["field"]))), 128)) : k("", !0),
+        e.error ? (n(), m("div", Ot, g(e.error), 1)) : k("", !0)
+      ], 64))
+    ], 512)), [
+      [Q, !e.hidden]
+    ]);
   }
-  return p.sort((f, h) => {
-    var u, d;
-    return ((u = f.order) !== null && u !== void 0 ? u : 1 / 0) - ((d = h.order) !== null && d !== void 0 ? d : 1 / 0);
-  }), { title: a, submit: m, fields: p };
+});
+function qt(e, o) {
+  const t = Vo(e), r = o ? xe({}, o) : void 0, a = eo(le(e, r));
+  return { def: t, formData: a };
 }
-function ct(o) {
-  const e = at(o), t = ye(ve(e.fields));
-  return { form: e, formData: t };
+function Mt() {
+  return {
+    text: De,
+    password: De,
+    number: De,
+    select: Go,
+    radio: _o,
+    checkbox: lt,
+    paragraph: at,
+    action: it,
+    object: vt,
+    array: Bt,
+    union: Rt,
+    tuple: Vt
+  };
 }
 export {
-  _e as OoField,
-  ut as OoForm,
-  ct as useFoorm
+  it as OoAction,
+  Bt as OoArray,
+  lt as OoCheckbox,
+  de as OoField,
+  St as OoForm,
+  De as OoInput,
+  Po as OoIterator,
+  vt as OoObject,
+  at as OoParagraph,
+  _o as OoRadio,
+  Go as OoSelect,
+  Vt as OoTuple,
+  Rt as OoUnion,
+  Mt as createDefaultTypes,
+  to as formatIndexedLabel,
+  Be as useConsumeUnionContext,
+  qt as useFoorm,
+  ft as useFoormArray,
+  kt as useFoormUnion
 };