@effect-app/vue-components 2.10.5 → 2.10.6

package/dist/types/components/OmegaForm/useOmegaForm.d.ts

@@ -25,6 +25,7 @@ export declare class FormErrors<From> extends FormErrors_base<{
     }>;
 }> {
 }
+export declare const useErrorLabel: (form: OF<any, any>) => (propsName: string) => string;
 export type Policies = "local" | "session" | "querystring";
 export type defaultValuesPriorityUnion = "tanstack" | "persistency" | "schema";
 export type OmegaConfig<T> = {

package/dist/vue-components.es10.js

@@ -1,233 +1,238 @@
 import { useForm as B } from "@tanstack/vue-form";
-import { Data as K, S as $, Effect as l, Fiber as x, Option as P, Array as F } from "effect-app";
-import { runtimeFiberAsPromise as T } from "./vue-components.es17.js";
-import { computed as U, onUnmounted as N, onMounted as G, onBeforeUnmount as z, watch as W, ref as Q, h as H } from "vue";
-import X from "./vue-components.es18.js";
-import Y from "./vue-components.es19.js";
-import Z from "./vue-components.es20.js";
-import { generateMetaFromSchema as C, deepMerge as D, defaultsValueFromSchema as ee } from "./vue-components.es12.js";
-import re from "./vue-components.es6.js";
-import te from "./vue-components.es8.js";
-import se from "./vue-components.es21.js";
-import { trace as R } from "./vue-components.es22.js";
-import { context as L } from "./vue-components.es23.js";
-class ne extends K.TaggedError("FormErrors") {
+import { Data as K, S as V, Effect as f, Fiber as $, Option as P, Array as F } from "effect-app";
+import { runtimeFiberAsPromise as T } from "./vue-components.es18.js";
+import { computed as x, onUnmounted as W, onMounted as z, onBeforeUnmount as G, watch as D, ref as Z, h as H } from "vue";
+import { useIntl as Q } from "./vue-components.es3.js";
+import X from "./vue-components.es19.js";
+import Y from "./vue-components.es20.js";
+import C from "./vue-components.es21.js";
+import { generateMetaFromSchema as ee, deepMerge as R, defaultsValueFromSchema as re } from "./vue-components.es12.js";
+import te from "./vue-components.es6.js";
+import se from "./vue-components.es8.js";
+import ne from "./vue-components.es22.js";
+import { trace as N } from "./vue-components.es23.js";
+import { context as U } from "./vue-components.es24.js";
+class oe extends K.TaggedError("FormErrors") {
 }
-const g = (a) => function(n) {
+const g = (i) => function(n) {
   return {
     render() {
       return H(n, {
-        form: a,
+        form: i,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, oe = (a) => function(n) {
+}, ie = (i) => {
+  const { formatMessage: l } = Q(), n = (a) => a.replace(/([A-Z])/g, " $1").replace(/^./, (d) => d.toUpperCase()).trim(), m = (a) => l ? l({ id: `general.fields.${a}`, defaultMessage: n(a) }) : n(a);
+  return (a) => i.i18nNamespace ? l({ id: `${i.i18nNamespace}.fields.${a}`, defaultMessage: m(a) }) : m(a);
+}, ae = (i) => function(n) {
   return {
     setup() {
-      const { fieldMap: b, form: h } = a, y = h.useStore((d) => d.errors), m = h.useStore((d) => d.fieldMeta), M = h.useStore((d) => d.errorMap), j = U(() => {
-        const d = F.filterMap(
-          Object.entries(m.value),
-          ([O, f]) => {
-            const S = f.errors ?? [];
-            if (!S.length) return P.none();
-            const c = b.value.get(O);
-            return c ? P.some({
-              label: c.label,
-              inputId: c.id,
+      const { fieldMap: m, form: p } = i, a = p.useStore((s) => s.errors), d = p.useStore((s) => s.fieldMeta), M = p.useStore((s) => s.errorMap), j = ie(p), A = x(() => {
+        const s = F.filterMap(
+          Object.entries(d.value),
+          ([E, v]) => {
+            const h = v.errors ?? [];
+            if (!h.length) return P.none();
+            const u = m.value.get(E);
+            return u ? P.some({
+              label: u.label,
+              inputId: u.id,
               // Only show the first error
-              errors: [S[0]?.message].filter(Boolean)
+              errors: [h[0]?.message].filter(Boolean)
             }) : P.none();
           }
-        ), o = [];
+        ), O = [];
         if (M.value.onSubmit) {
-          for (const [O, f] of Object.entries(M.value.onSubmit))
-            if (F.isArray(f) && f.length)
-              for (const S of f) {
-                const c = S;
-                if (c?.path && F.isArray(c.path) && c.path.length) {
-                  const E = c.path.join(".");
-                  if (!b.value.has(E)) {
-                    o.push({
-                      label: E,
-                      inputId: E,
-                      errors: [c.message].filter(Boolean)
+          for (const [E, v] of Object.entries(M.value.onSubmit))
+            if (F.isArray(v) && v.length)
+              for (const h of v) {
+                const u = h;
+                if (u?.path && F.isArray(u.path) && u.path.length) {
+                  const y = u.path.join(".");
+                  if (!m.value.has(y)) {
+                    O.push({
+                      label: j(y),
+                      inputId: y,
+                      errors: [u.message].filter(Boolean)
                     });
                     break;
                   }
                 }
               }
         }
-        return [...d, ...o];
+        return [...s, ...O];
       });
       return {
-        generalErrors: y,
-        errors: j
+        generalErrors: a,
+        errors: A
       };
     },
-    render({ errors: b, generalErrors: h }) {
+    render({ errors: m, generalErrors: p }) {
       return H(n, {
-        errors: b,
-        generalErrors: h,
+        errors: m,
+        generalErrors: p,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, v = (a, u) => a.includes(u), be = (a, u, n) => {
-  if (!a) throw new Error("Schema is required");
-  const b = $.standardSchemaV1(a), h = $.decode(a), { meta: y } = C(a), m = U(() => {
+}, b = (i, l) => i.includes(l), ge = (i, l, n) => {
+  if (!i) throw new Error("Schema is required");
+  const m = V.standardSchemaV1(i), p = V.decode(i), { meta: a } = ee(i), d = x(() => {
     if (n?.persistency?.id)
       return n.persistency.id;
-    const e = window.location.pathname, r = Object.keys(y);
+    const e = window.location.pathname, r = Object.keys(a);
     return `${e}-${r.join("-")}`;
   }), M = () => {
     const e = new URLSearchParams(window.location.search);
-    e.delete(m.value);
+    e.delete(d.value);
     const r = new URL(window.location.href);
     r.search = e.toString(), window.history.replaceState({}, "", r.toString());
-  }, j = U(() => {
+  }, j = x(() => {
     let e;
     const r = n?.persistency;
     if (
       // query string has higher priority than local/session storage
-      r?.policies && !e && (v(r.policies, "local") || v(r.policies, "session"))
+      r?.policies && !e && (b(r.policies, "local") || b(r.policies, "session"))
     ) {
-      const s = v(r.policies, "local") ? localStorage : sessionStorage;
-      if (s)
+      const o = b(r.policies, "local") ? localStorage : sessionStorage;
+      if (o)
         try {
           const t = JSON.parse(
-            s.getItem(m.value) || "{}"
+            o.getItem(d.value) || "{}"
           );
-          s.removeItem(m.value), e = t;
+          o.removeItem(d.value), e = t;
         } catch (t) {
           console.error(t);
         }
     }
-    if (r?.policies && v(r.policies, "querystring"))
+    if (r?.policies && b(r.policies, "querystring"))
       try {
-        const t = new URLSearchParams(window.location.search).get(m.value);
-        M(), t && (e = D(e || {}, JSON.parse(t)));
-      } catch (s) {
-        console.error(s);
+        const t = new URLSearchParams(window.location.search).get(d.value);
+        M(), t && (e = R(e || {}, JSON.parse(t)));
+      } catch (o) {
+        console.error(o);
       }
     e ??= {};
-    const i = {
-      tanstack: u?.defaultValues || {},
+    const c = {
+      tanstack: l?.defaultValues || {},
       persistency: e,
-      schema: ee(a)
+      schema: re(i)
     };
     return (n?.defaultValuesPriority || ["tanstack", "persistency", "schema"]).reverse().reduce(
-      (s, t) => Object.keys(s).length ? D(s, i[t]) : i[t],
+      (o, t) => Object.keys(o).length ? R(o, c[t]) : c[t],
       {}
     );
-  }), d = (e, r) => e ? L.with(R.setSpan(L.active(), e), r) : r(), o = B({
-    ...u,
+  }), A = (e, r) => e ? U.with(N.setSpan(U.active(), e), r) : r(), s = B({
+    ...l,
     validators: {
-      onSubmit: b,
-      ...u?.validators || {}
+      onSubmit: m,
+      ...l?.validators || {}
     },
-    onSubmit: u?.onSubmit ? ({ formApi: e, meta: r, value: i }) => d(r?.currentSpan, async () => {
-      const s = await l.runPromise(h(i)), t = u.onSubmit({
+    onSubmit: l?.onSubmit ? ({ formApi: e, meta: r, value: c }) => A(r?.currentSpan, async () => {
+      const o = await f.runPromise(p(c)), t = l.onSubmit({
         formApi: e,
         meta: r,
-        value: s
+        value: o
       });
-      return x.isFiber(t) && x.isRuntimeFiber(t) ? await T(t) : l.isEffect(t) ? await l.runPromise(
+      return $.isFiber(t) && $.isRuntimeFiber(t) ? await T(t) : f.isEffect(t) ? await f.runPromise(
         t.pipe(
           // meta?.currentSpan
           //   ? Effect.withParentSpan(meta.currentSpan)
           //   : (_) => _,
-          l.flatMap((p) => x.join(p))
+          f.flatMap((S) => $.join(S))
         )
       ) : t;
     }) : void 0,
     defaultValues: j.value
   }), O = () => {
-    Object.keys(y).forEach((e) => {
-      o.setFieldValue(e, void 0);
+    Object.keys(a).forEach((e) => {
+      s.setFieldValue(e, void 0);
     });
-  }, f = (e) => e.reduce((r, i) => {
-    const s = i.split(".");
-    return s.reduce((t, p, A) => (A === s.length - 1 ? t[p] = o.getFieldValue(i) : t[p] = t[p] ?? {}, t[p]), r), r;
-  }, {}), S = (e) => {
+  }, E = (e) => e.reduce((r, c) => {
+    const o = c.split(".");
+    return o.reduce((t, S, _) => (_ === o.length - 1 ? t[S] = s.getFieldValue(c) : t[S] = t[S] ?? {}, t[S]), r), r;
+  }, {}), v = (e) => {
     if (e) {
       if (F.isArray(e.keys))
-        return f(e.keys);
+        return E(e.keys);
       if (F.isArray(e.banKeys)) {
-        const r = Object.keys(y).filter((i) => e.banKeys?.includes(i));
-        return f(r);
+        const r = Object.keys(a).filter((c) => e.banKeys?.includes(c));
+        return E(r);
       }
-      return o.store.state.values;
+      return s.store.state.values;
     }
-  }, c = () => {
+  }, h = () => {
     const e = n?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && (v(e.policies, "local") || v(e.policies, "session"))) {
-      const r = v(e.policies, "local") ? localStorage : sessionStorage;
+    if (!(!e?.policies || e.policies.length === 0) && (b(e.policies, "local") || b(e.policies, "session"))) {
+      const r = b(e.policies, "local") ? localStorage : sessionStorage;
       if (!r) return;
-      const i = S(e);
-      return r.setItem(m.value, JSON.stringify(i));
+      const c = v(e);
+      return r.setItem(d.value, JSON.stringify(c));
     }
-  }, E = () => {
+  }, u = () => {
     const e = n?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && v(e.policies, "querystring")) {
-      const r = S(e), i = new URLSearchParams(window.location.search);
-      i.set(m.value, JSON.stringify(r));
-      const s = new URL(window.location.href);
-      s.search = i.toString(), window.history.replaceState({}, "", s.toString());
+    if (!(!e?.policies || e.policies.length === 0) && b(e.policies, "querystring")) {
+      const r = v(e), c = new URLSearchParams(window.location.search);
+      c.set(d.value, JSON.stringify(r));
+      const o = new URL(window.location.href);
+      o.search = c.toString(), window.history.replaceState({}, "", o.toString());
     }
-  }, V = (e) => {
-    o.store.state.isDirty && e.preventDefault();
+  }, y = (e) => {
+    s.store.state.isDirty && e.preventDefault();
   };
-  if (N(c), G(() => {
-    window.addEventListener("beforeunload", c), window.addEventListener("blur", E), n?.preventWindowExit && n.preventWindowExit !== "nope" && window.addEventListener("beforeunload", V);
-  }), z(() => {
-    window.removeEventListener("beforeunload", c), window.removeEventListener("blur", E), n?.preventWindowExit && n.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", V);
+  if (W(h), z(() => {
+    window.addEventListener("beforeunload", h), window.addEventListener("blur", u), n?.preventWindowExit && n.preventWindowExit !== "nope" && window.addEventListener("beforeunload", y);
+  }), G(() => {
+    window.removeEventListener("beforeunload", h), window.removeEventListener("blur", u), n?.preventWindowExit && n.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", y);
   }), n?.preventWindowExit === "prevent-and-reset") {
-    const e = o.useStore((t) => t.isSubmitting), r = o.useStore((t) => t.submissionAttempts), i = o.useStore((t) => t.canSubmit), s = o.useStore((t) => t.values);
-    W([e, r], ([t, p], [A]) => {
-      A && !t && p > 0 && i.value && o.reset(s.value);
+    const e = s.useStore((t) => t.isSubmitting), r = s.useStore((t) => t.submissionAttempts), c = s.useStore((t) => t.canSubmit), o = s.useStore((t) => t.values);
+    D([e, r], ([t, S], [_]) => {
+      _ && !t && S > 0 && c.value && s.reset(o.value);
     });
   }
-  const k = (e) => l.currentSpan.pipe(
-    l.option,
-    l.flatMap(
-      (r) => l.promise(() => o.handleSubmit(P.isSome(r) ? { currentSpan: r.value, ...e } : e))
+  const k = (e) => f.currentSpan.pipe(
+    f.option,
+    f.flatMap(
+      (r) => f.promise(() => s.handleSubmit(P.isSome(r) ? { currentSpan: r.value, ...e } : e))
     )
-  ), J = (e) => e?.checkErrors ? k(e?.meta).pipe(l.flatMap(l.fnUntraced(function* () {
-    const r = o.getAllErrors();
+  ), J = (e) => e?.checkErrors ? k(e?.meta).pipe(f.flatMap(f.fnUntraced(function* () {
+    const r = s.getAllErrors();
     if (Object.keys(r.fields).length || r.form.errors.length)
-      return yield* new ne({ form: r.form, fields: r.fields });
-  }))) : k(e?.meta), q = o.handleSubmit, _ = Q(/* @__PURE__ */ new Map()), w = Object.assign(o, {
+      return yield* new oe({ form: r.form, fields: r.fields });
+  }))) : k(e?.meta), q = s.handleSubmit, L = Z(/* @__PURE__ */ new Map()), w = Object.assign(s, {
     i18nNamespace: n?.i18nNamespace,
     ignorePreventCloseEvents: n?.ignorePreventCloseEvents,
-    meta: y,
+    meta: a,
     clear: O,
     handleSubmit: (e) => {
-      const r = R.getSpan(L.active());
+      const r = N.getSpan(U.active());
       return q({ currentSpan: r, ...e });
     },
     // /** @experimental */
     handleSubmitEffect: J,
     registerField: (e) => {
-      W(e, (r) => _.value.set(r.name, { label: r.label, id: r.id }), { immediate: !0 }), N(() => _.value.delete(e.value.name));
+      D(e, (r) => L.value.set(r.name, { label: r.label, id: r.id }), { immediate: !0 }), W(() => L.value.delete(e.value.name));
     }
-  }), I = { form: w, fieldMap: _ };
+  }), I = { form: w, fieldMap: L };
   return Object.assign(w, {
     // Type-level properties for performance optimization (not used at runtime)
     _paths: void 0,
     _keys: void 0,
-    _schema: a,
+    _schema: i,
     errorContext: I,
-    Form: g(w)(se),
-    Input: g(w)(n?.input ?? re),
-    TaggedUnion: g(w)(te),
-    Field: o.Field,
-    Errors: oe(I)(Z),
+    Form: g(w)(ne),
+    Input: g(w)(n?.input ?? te),
+    TaggedUnion: g(w)(se),
+    Field: s.Field,
+    Errors: ae(I)(C),
     Array: g(w)(X),
     AutoGen: g(w)(Y)
   });
 };
 export {
-  ne as FormErrors,
-  be as useOmegaForm
+  oe as FormErrors,
+  ie as useErrorLabel,
+  ge as useOmegaForm
 };

package/dist/vue-components.es11.js

@@ -1,6 +1,6 @@
-import l from "./vue-components.es28.js";
+import l from "./vue-components.es29.js";
 import { inject as c, provide as u } from "vue";
-import { onMountedWithCleanup as f } from "./vue-components.es29.js";
+import { onMountedWithCleanup as f } from "./vue-components.es16.js";
 const p = () => l(), i = Symbol("DialogBus"), r = () => c(i, null), g = () => {
   const n = p();
   return u(i, n), n;

package/dist/vue-components.es12.js

@@ -1,7 +1,7 @@
 import { S as i, Option as M } from "effect-app";
 import { getMetadataFromSchema as k } from "@effect-app/vue/form";
 import { useIntl as V, getTransformationFrom as q } from "./vue-components.es3.js";
-import { isObject as E } from "./vue-components.es16.js";
+import { isObject as E } from "./vue-components.es17.js";
 const $ = (e) => i.AST.isUnion(e) && e.types.find((n) => n._tag === "UndefinedKeyword" || n === i.Null.ast), g = (e) => !e || !i.AST.isUnion(e) ? !1 : e.types.find((n) => n._tag === "UndefinedKeyword") ? "undefined" : e.types.find((n) => n === i.Null.ast) ? "null" : !1, w = (e) => {
   const n = [];
   for (const t of e)

package/dist/vue-components.es16.js

@@ -1,6 +1,13 @@
-import "vue";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const t = Object.prototype.toString, c = (o) => t.call(o) === "[object Object]";
+import { onMounted as e, onUnmounted as u } from "vue";
+function p(t) {
+  let n;
+  e(() => {
+    const o = t();
+    o && (n = o);
+  }), u(() => {
+    n && n();
+  });
+}
 export {
-  c as isObject
+  p as onMountedWithCleanup
 };

package/dist/vue-components.es17.js

@@ -1,12 +1,6 @@
-import { Exit as c, Runtime as u } from "effect";
-import { dual as n, isFunction as m } from "./vue-components.es30.js";
-const i = Symbol.for("clone-trait"), a = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
-n(2, (e, t) => a(e, { ...e, ...m(t) ? t(e) : t }));
-const p = (e, t) => new Promise((o, s) => e.addObserver((r) => {
-  c.isSuccess(r) ? o(r.value) : s(u.makeFiberFailure(r.cause));
-}));
+import "vue";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const t = Object.prototype.toString, c = (o) => t.call(o) === "[object Object]";
 export {
-  a as clone,
-  i as cloneTrait,
-  p as runtimeFiberAsPromise
+  c as isObject
 };

package/dist/vue-components.es18.js

@@ -1,57 +1,12 @@
-import { defineComponent as F, computed as f, onMounted as M, provide as P, createBlock as c, openBlock as s, resolveDynamicComponent as p, withCtx as g, renderSlot as o, createElementBlock as k, normalizeProps as l, guardReactiveProps as u, Fragment as A, renderList as C, mergeProps as b } from "vue";
-const N = /* @__PURE__ */ F({
-  inheritAttrs: !1,
-  __name: "OmegaArray",
-  props: {
-    form: {},
-    inputClass: {},
-    name: {},
-    defaultItems: {},
-    items: {}
-  },
-  setup(n) {
-    const a = n, y = a.form.useStore((e) => e.values), i = f(() => {
-      const e = a.name.replace(/\[/g, ".").replace(/\]/g, "");
-      try {
-        return e.split(".").reduce((r, t) => r && r[t], y.value);
-      } catch (r) {
-        return console.error(r), [];
-      }
-    });
-    M(async () => {
-      a.defaultItems && !i.value && a.form.setFieldValue(a.name, a.defaultItems);
-    });
-    const $ = f(() => (r) => {
-      const t = r.replace(/\[\d+\]/g, "");
-      return a.form.meta[t];
-    });
-    return P("getMetaFromArray", $), (e, r) => (s(), c(p(n.form.Field), { name: n.name }, {
-      default: g(({ field: t, state: d }) => [
-        o(e.$slots, "pre-array", l(u({ field: t, state: d }))),
-        (s(!0), k(A, null, C(i.value, (B, m) => (s(), c(p(n.form.Field), {
-          key: `${n.name}[${Number(m)}]`,
-          name: (
-            // eslint-disable-next-line
-            `${n.name}[${Number(m)}]`
-          )
-        }, {
-          default: g(({ field: v, state: h }) => [
-            o(e.$slots, "default", b({ ref_for: !0 }, {
-              subField: v,
-              subState: h,
-              index: Number(m),
-              field: t
-            }))
-          ]),
-          _: 2
-        }, 1032, ["name"]))), 128)),
-        o(e.$slots, "post-array", l(u({ field: t, state: d }))),
-        o(e.$slots, "field", l(u({ field: t })))
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-});
+import { Exit as c, Runtime as u } from "effect";
+import { dual as n, isFunction as m } from "./vue-components.es30.js";
+const i = Symbol.for("clone-trait"), a = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
+n(2, (e, t) => a(e, { ...e, ...m(t) ? t(e) : t }));
+const p = (e, t) => new Promise((o, s) => e.addObserver((r) => {
+  c.isSuccess(r) ? o(r.value) : s(u.makeFiberFailure(r.cause));
+}));
 export {
-  N as default
+  a as clone,
+  i as cloneTrait,
+  p as runtimeFiberAsPromise
 };

package/dist/vue-components.es19.js

@@ -1,70 +1,57 @@
-import { defineComponent as O, computed as j, createElementBlock as M, openBlock as _, Fragment as E, renderList as A, renderSlot as F, createVNode as g, unref as h, mergeProps as k } from "vue";
-import { Order as l, pipe as v, Array as u } from "effect-app";
-const I = /* @__PURE__ */ O({
-  __name: "OmegaAutoGen",
+import { defineComponent as F, computed as f, onMounted as M, provide as P, createBlock as c, openBlock as s, resolveDynamicComponent as p, withCtx as g, renderSlot as o, createElementBlock as k, normalizeProps as l, guardReactiveProps as u, Fragment as A, renderList as C, mergeProps as b } from "vue";
+const N = /* @__PURE__ */ F({
+  inheritAttrs: !1,
+  __name: "OmegaArray",
   props: {
     form: {},
-    pick: {},
-    omit: {},
-    labelMap: { type: Function },
-    filterMap: { type: Function },
-    order: {},
-    sort: {}
+    inputClass: {},
+    name: {},
+    defaultItems: {},
+    items: {}
   },
-  setup(i) {
-    const p = (e) => (r) => Object.fromEntries(
-      Object.entries(r).map(([t, o]) => [t, e(o, t)])
-    ), a = (e) => (r) => Object.fromEntries(
-      Object.entries(r).filter(([t, o]) => e(o, t))
-    ), m = (e) => (r) => Object.entries(r).reduce(
-      (t, [o, c]) => {
-        const s = e(c, o);
-        return s !== !1 && (t[o] = s), t;
-      },
-      {}
-    ), n = i, f = (e, r) => {
-      const t = r?.indexOf(e) ?? -1;
-      return t === -1 ? Number.MAX_SAFE_INTEGER : t;
-    }, d = l.mapInput(
-      l.number,
-      (e) => f(e.name, n.order || [])
-    ), b = j(
-      () => v(
-        n.form.meta,
-        // include / exclude
-        a(
-          (e, r) => n.pick ? n.pick.includes(r) && !n.omit?.includes(r) : !n.omit?.includes(r)
-        ),
-        (e) => e,
-        // labelMap and adding name
-        p((e, r) => ({
-          name: r,
-          label: n.labelMap?.(r) || r,
-          ...e
-        })),
-        // filterMap
-        n.filterMap ? m((e) => {
-          const r = n.filterMap?.(e.name, e);
-          return r === void 0 || r === !0 ? e : r;
-        }) : (e) => e,
-        // transform to array
-        (e) => Object.values(e),
-        // order
-        u.sort(d),
-        // sort
-        n.sort ? u.sort(n.sort) : (e) => e
-      )
-    );
-    return (e, r) => (_(!0), M(E, null, A(b.value, ({ name: t, label: o, ...c }) => F(e.$slots, "default", {
-      child: { name: t, label: o, ...c }
-    }, () => [
-      g(h(i.form).Input, k({
-        name: t,
-        label: o
-      }, { ref_for: !0 }, c), null, 16, ["name", "label"])
-    ])), 256));
+  setup(n) {
+    const a = n, y = a.form.useStore((e) => e.values), i = f(() => {
+      const e = a.name.replace(/\[/g, ".").replace(/\]/g, "");
+      try {
+        return e.split(".").reduce((r, t) => r && r[t], y.value);
+      } catch (r) {
+        return console.error(r), [];
+      }
+    });
+    M(async () => {
+      a.defaultItems && !i.value && a.form.setFieldValue(a.name, a.defaultItems);
+    });
+    const $ = f(() => (r) => {
+      const t = r.replace(/\[\d+\]/g, "");
+      return a.form.meta[t];
+    });
+    return P("getMetaFromArray", $), (e, r) => (s(), c(p(n.form.Field), { name: n.name }, {
+      default: g(({ field: t, state: d }) => [
+        o(e.$slots, "pre-array", l(u({ field: t, state: d }))),
+        (s(!0), k(A, null, C(i.value, (B, m) => (s(), c(p(n.form.Field), {
+          key: `${n.name}[${Number(m)}]`,
+          name: (
+            // eslint-disable-next-line
+            `${n.name}[${Number(m)}]`
+          )
+        }, {
+          default: g(({ field: v, state: h }) => [
+            o(e.$slots, "default", b({ ref_for: !0 }, {
+              subField: v,
+              subState: h,
+              index: Number(m),
+              field: t
+            }))
+          ]),
+          _: 2
+        }, 1032, ["name"]))), 128)),
+        o(e.$slots, "post-array", l(u({ field: t, state: d }))),
+        o(e.$slots, "field", l(u({ field: t })))
+      ]),
+      _: 3
+    }, 8, ["name"]));
   }
 });
 export {
-  I as default
+  N as default
 };

package/dist/vue-components.es20.js

@@ -1,8 +1,70 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");if(a.appendChild(document.createTextNode('.v-enter-from[data-v-6b2bf87e],.v-leave-to[data-v-6b2bf87e]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-6b2bf87e],.v-leave-active[data-v-6b2bf87e]{display:grid;transition:all .15s}.v-enter-to[data-v-6b2bf87e],.v-leave-from[data-v-6b2bf87e]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-6b2bf87e]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-6b2bf87e]{min-height:0}.error-list[data-v-6b2bf87e]{list-style-position:inside}.error-list [data-v-6b2bf87e]::marker{margin:0;padding:0}.error-alert-content[data-v-6b2bf87e]{background-color:var(--error-background, #fff5f5);color:var(--error-color, #c92a2a);padding:1em}.error-link[data-v-6b2bf87e]{font-weight:700;position:relative;color:var(--error-color, #c92a2a);cursor:pointer}.error-link[data-v-6b2bf87e]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(from var(--error-color, #c92a2a) r g b / .5)}.text-h6[data-v-6b2bf87e]{font-weight:700;font-size:1.25em}.error-message[data-v-6b2bf87e]{font-style:italic}.error-item[data-v-6b2bf87e]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-6b2bf87e]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-6b2bf87e]{display:flex;gap:1.5em}.container svg[data-v-6b2bf87e]{width:3em}.container .single-error[data-v-6b2bf87e]{display:inline-block}')),document.head.appendChild(a),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const r=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){const o=document.createElement("style");o.appendChild(document.createTextNode('.v-enter-from[data-v-6b2bf87e],.v-leave-to[data-v-6b2bf87e]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-6b2bf87e],.v-leave-active[data-v-6b2bf87e]{display:grid;transition:all .15s}.v-enter-to[data-v-6b2bf87e],.v-leave-from[data-v-6b2bf87e]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-6b2bf87e]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-6b2bf87e]{min-height:0}.error-list[data-v-6b2bf87e]{list-style-position:inside}.error-list [data-v-6b2bf87e]::marker{margin:0;padding:0}.error-alert-content[data-v-6b2bf87e]{background-color:var(--error-background, #fff5f5);color:var(--error-color, #c92a2a);padding:1em}.error-link[data-v-6b2bf87e]{font-weight:700;position:relative;color:var(--error-color, #c92a2a);cursor:pointer}.error-link[data-v-6b2bf87e]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(from var(--error-color, #c92a2a) r g b / .5)}.text-h6[data-v-6b2bf87e]{font-weight:700;font-size:1.25em}.error-message[data-v-6b2bf87e]{font-style:italic}.error-item[data-v-6b2bf87e]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-6b2bf87e]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-6b2bf87e]{display:flex;gap:1.5em}.container svg[data-v-6b2bf87e]{width:3em}.container .single-error[data-v-6b2bf87e]{display:inline-block}')),this.shadowRoot.appendChild(o)}},e.call(window.customElements,i,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import r from "./vue-components.es33.js";
-
-import o from "./vue-components.es35.js";
-const m = /* @__PURE__ */ o(r, [["__scopeId", "data-v-6b2bf87e"]]);
+import { defineComponent as O, computed as j, createElementBlock as M, openBlock as _, Fragment as E, renderList as A, renderSlot as F, createVNode as g, unref as h, mergeProps as k } from "vue";
+import { Order as l, pipe as v, Array as u } from "effect-app";
+const I = /* @__PURE__ */ O({
+  __name: "OmegaAutoGen",
+  props: {
+    form: {},
+    pick: {},
+    omit: {},
+    labelMap: { type: Function },
+    filterMap: { type: Function },
+    order: {},
+    sort: {}
+  },
+  setup(i) {
+    const p = (e) => (r) => Object.fromEntries(
+      Object.entries(r).map(([t, o]) => [t, e(o, t)])
+    ), a = (e) => (r) => Object.fromEntries(
+      Object.entries(r).filter(([t, o]) => e(o, t))
+    ), m = (e) => (r) => Object.entries(r).reduce(
+      (t, [o, c]) => {
+        const s = e(c, o);
+        return s !== !1 && (t[o] = s), t;
+      },
+      {}
+    ), n = i, f = (e, r) => {
+      const t = r?.indexOf(e) ?? -1;
+      return t === -1 ? Number.MAX_SAFE_INTEGER : t;
+    }, d = l.mapInput(
+      l.number,
+      (e) => f(e.name, n.order || [])
+    ), b = j(
+      () => v(
+        n.form.meta,
+        // include / exclude
+        a(
+          (e, r) => n.pick ? n.pick.includes(r) && !n.omit?.includes(r) : !n.omit?.includes(r)
+        ),
+        (e) => e,
+        // labelMap and adding name
+        p((e, r) => ({
+          name: r,
+          label: n.labelMap?.(r) || r,
+          ...e
+        })),
+        // filterMap
+        n.filterMap ? m((e) => {
+          const r = n.filterMap?.(e.name, e);
+          return r === void 0 || r === !0 ? e : r;
+        }) : (e) => e,
+        // transform to array
+        (e) => Object.values(e),
+        // order
+        u.sort(d),
+        // sort
+        n.sort ? u.sort(n.sort) : (e) => e
+      )
+    );
+    return (e, r) => (_(!0), M(E, null, A(b.value, ({ name: t, label: o, ...c }) => F(e.$slots, "default", {
+      child: { name: t, label: o, ...c }
+    }, () => [
+      g(h(i.form).Input, k({
+        name: t,
+        label: o
+      }, { ref_for: !0 }, c), null, 16, ["name", "label"])
+    ])), 256));
+  }
+});
 export {
-  m as default
+  I as default
 };

package/dist/vue-components.es21.js

@@ -1,8 +1,8 @@
-(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-8c9cb27c]{display:contents}fieldset[disabled][data-v-8c9cb27c]>*{pointer-events:none}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const d=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(d&&d.call(this),this.shadowRoot){const c=document.createElement("style");c.appendChild(document.createTextNode("fieldset[data-v-8c9cb27c]{display:contents}fieldset[disabled][data-v-8c9cb27c]>*{pointer-events:none}")),this.shadowRoot.appendChild(c)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import o from "./vue-components.es36.js";
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");if(a.appendChild(document.createTextNode('.v-enter-from[data-v-6b2bf87e],.v-leave-to[data-v-6b2bf87e]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-6b2bf87e],.v-leave-active[data-v-6b2bf87e]{display:grid;transition:all .15s}.v-enter-to[data-v-6b2bf87e],.v-leave-from[data-v-6b2bf87e]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-6b2bf87e]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-6b2bf87e]{min-height:0}.error-list[data-v-6b2bf87e]{list-style-position:inside}.error-list [data-v-6b2bf87e]::marker{margin:0;padding:0}.error-alert-content[data-v-6b2bf87e]{background-color:var(--error-background, #fff5f5);color:var(--error-color, #c92a2a);padding:1em}.error-link[data-v-6b2bf87e]{font-weight:700;position:relative;color:var(--error-color, #c92a2a);cursor:pointer}.error-link[data-v-6b2bf87e]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(from var(--error-color, #c92a2a) r g b / .5)}.text-h6[data-v-6b2bf87e]{font-weight:700;font-size:1.25em}.error-message[data-v-6b2bf87e]{font-style:italic}.error-item[data-v-6b2bf87e]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-6b2bf87e]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-6b2bf87e]{display:flex;gap:1.5em}.container svg[data-v-6b2bf87e]{width:3em}.container .single-error[data-v-6b2bf87e]{display:inline-block}')),document.head.appendChild(a),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const r=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){const o=document.createElement("style");o.appendChild(document.createTextNode('.v-enter-from[data-v-6b2bf87e],.v-leave-to[data-v-6b2bf87e]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-6b2bf87e],.v-leave-active[data-v-6b2bf87e]{display:grid;transition:all .15s}.v-enter-to[data-v-6b2bf87e],.v-leave-from[data-v-6b2bf87e]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-6b2bf87e]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-6b2bf87e]{min-height:0}.error-list[data-v-6b2bf87e]{list-style-position:inside}.error-list [data-v-6b2bf87e]::marker{margin:0;padding:0}.error-alert-content[data-v-6b2bf87e]{background-color:var(--error-background, #fff5f5);color:var(--error-color, #c92a2a);padding:1em}.error-link[data-v-6b2bf87e]{font-weight:700;position:relative;color:var(--error-color, #c92a2a);cursor:pointer}.error-link[data-v-6b2bf87e]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(from var(--error-color, #c92a2a) r g b / .5)}.text-h6[data-v-6b2bf87e]{font-weight:700;font-size:1.25em}.error-message[data-v-6b2bf87e]{font-style:italic}.error-item[data-v-6b2bf87e]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-6b2bf87e]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-6b2bf87e]{display:flex;gap:1.5em}.container svg[data-v-6b2bf87e]{width:3em}.container .single-error[data-v-6b2bf87e]{display:inline-block}')),this.shadowRoot.appendChild(o)}},e.call(window.customElements,i,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import r from "./vue-components.es33.js";
 
-import m from "./vue-components.es35.js";
-const a = /* @__PURE__ */ m(o, [["__scopeId", "data-v-8c9cb27c"]]);
+import o from "./vue-components.es35.js";
+const m = /* @__PURE__ */ o(r, [["__scopeId", "data-v-6b2bf87e"]]);
 export {
-  a as default
+  m as default
 };

package/dist/vue-components.es22.js

@@ -1,5 +1,8 @@
-import { TraceAPI as r } from "./vue-components.es52.js";
-var t = r.getInstance();
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-8c9cb27c]{display:contents}fieldset[disabled][data-v-8c9cb27c]>*{pointer-events:none}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const d=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(d&&d.call(this),this.shadowRoot){const c=document.createElement("style");c.appendChild(document.createTextNode("fieldset[data-v-8c9cb27c]{display:contents}fieldset[disabled][data-v-8c9cb27c]>*{pointer-events:none}")),this.shadowRoot.appendChild(c)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import o from "./vue-components.es36.js";
+
+import m from "./vue-components.es35.js";
+const a = /* @__PURE__ */ m(o, [["__scopeId", "data-v-8c9cb27c"]]);
 export {
-  t as trace
+  a as default
 };

package/dist/vue-components.es23.js

@@ -1,5 +1,5 @@
-import { ContextAPI as t } from "./vue-components.es51.js";
-var o = t.getInstance();
+import { TraceAPI as r } from "./vue-components.es52.js";
+var t = r.getInstance();
 export {
-  o as context
+  t as trace
 };

package/dist/vue-components.es24.js

@@ -1,4 +1,5 @@
-import f from "./vue-components.es6.js";
+import { ContextAPI as t } from "./vue-components.es51.js";
+var o = t.getInstance();
 export {
-  f as default
+  o as context
 };

package/dist/vue-components.es25.js

@@ -1,4 +1,4 @@
-import f from "./vue-components.es7.js";
+import f from "./vue-components.es6.js";
 export {
   f as default
 };

package/dist/vue-components.es26.js

@@ -1,4 +1,4 @@
-import f from "./vue-components.es8.js";
+import f from "./vue-components.es7.js";
 export {
   f as default
 };

package/dist/vue-components.es27.js

@@ -1,4 +1,4 @@
-import f from "./vue-components.es9.js";
+import f from "./vue-components.es8.js";
 export {
   f as default
 };

package/dist/vue-components.es28.js

@@ -1,19 +1,4 @@
-function c(t) {
-  return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, f) {
-    var i = t.get(e);
-    i ? i.push(f) : t.set(e, [f]);
-  }, off: function(e, f) {
-    var i = t.get(e);
-    i && (f ? i.splice(i.indexOf(f) >>> 0, 1) : t.set(e, []));
-  }, emit: function(e, f) {
-    var i = t.get(e);
-    i && i.slice().map(function(a) {
-      a(f);
-    }), (i = t.get("*")) && i.slice().map(function(a) {
-      a(e, f);
-    });
-  } };
-}
+import f from "./vue-components.es9.js";
 export {
-  c as default
+  f as default
 };

package/dist/vue-components.es29.js

@@ -1,13 +1,19 @@
-import { onMounted as e, onUnmounted as u } from "vue";
-function p(t) {
-  let n;
-  e(() => {
-    const o = t();
-    o && (n = o);
-  }), u(() => {
-    n && n();
-  });
+function c(t) {
+  return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, f) {
+    var i = t.get(e);
+    i ? i.push(f) : t.set(e, [f]);
+  }, off: function(e, f) {
+    var i = t.get(e);
+    i && (f ? i.splice(i.indexOf(f) >>> 0, 1) : t.set(e, []));
+  }, emit: function(e, f) {
+    var i = t.get(e);
+    i && i.slice().map(function(a) {
+      a(f);
+    }), (i = t.get("*")) && i.slice().map(function(a) {
+      a(e, f);
+    });
+  } };
 }
 export {
-  p as onMountedWithCleanup
+  c as default
 };

package/dist/vue-components.es31.js

@@ -1,4 +1,4 @@
-import f from "./vue-components.es18.js";
+import f from "./vue-components.es19.js";
 export {
   f as default
 };

package/dist/vue-components.es32.js

@@ -1,4 +1,4 @@
-import f from "./vue-components.es19.js";
+import f from "./vue-components.es20.js";
 export {
   f as default
 };

package/dist/vue-components.es5.js

@@ -1,6 +1,6 @@
 import { defineComponent as v, mergeModels as C, useModel as k, useSlots as V, computed as _, resolveComponent as g, createBlock as y, openBlock as B, unref as a, createSlots as E, withCtx as u, renderSlot as d, renderList as M, normalizeProps as S, guardReactiveProps as w } from "vue";
 import { useOnClose as L } from "./vue-components.es11.js";
-import { onMountedWithCleanup as h } from "./vue-components.es29.js";
+import { onMountedWithCleanup as h } from "./vue-components.es16.js";
 const z = /* @__PURE__ */ v({
   __name: "Dialog",
   props: /* @__PURE__ */ C({

package/dist/vue-components.es6.js

@@ -1,8 +1,8 @@
-import { defineComponent as F, computed as n, useAttrs as A, inject as N, createBlock as d, openBlock as p, resolveDynamicComponent as S, withCtx as i, createCommentVNode as w, mergeProps as I, createSlots as P, renderSlot as v, normalizeProps as g, guardReactiveProps as C } from "vue";
-import { useIntl as j } from "./vue-components.es3.js";
-import { generateInputStandardSchemaFromFieldMeta as z } from "./vue-components.es12.js";
-import B from "./vue-components.es7.js";
-const U = /* @__PURE__ */ F({
+import { defineComponent as y, computed as o, useAttrs as F, inject as $, createBlock as u, openBlock as i, resolveDynamicComponent as k, withCtx as m, createCommentVNode as A, mergeProps as M, unref as S, createSlots as w, renderSlot as f, normalizeProps as d, guardReactiveProps as c } from "vue";
+import { generateInputStandardSchemaFromFieldMeta as P } from "./vue-components.es12.js";
+import j from "./vue-components.es7.js";
+import { useErrorLabel as B } from "./vue-components.es10.js";
+const D = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "OmegaInput",
   props: {
@@ -12,51 +12,51 @@ const U = /* @__PURE__ */ F({
     name: {},
     inputClass: {}
   },
-  setup(t) {
-    const e = t, r = n(() => e.name), $ = A(), b = n(() => {
+  setup(a) {
+    const e = a, l = o(() => e.name), v = F(), p = o(() => {
       if (e.inputClass !== null)
-        return e.inputClass !== void 0 ? e.inputClass : $.class;
-    }), s = N(
+        return e.inputClass !== void 0 ? e.inputClass : v.class;
+    }), n = $(
       "getMetaFromArray",
       null
-    ), l = n(() => s?.value && s.value(e.name) ? s.value(r.value) : e.form.meta[r.value]), h = n(() => {
-      if (!l.value)
+    ), r = o(() => n?.value && n.value(e.name) ? n.value(l.value) : e.form.meta[l.value]), g = o(() => {
+      if (!r.value)
         throw console.log(e.name, Object.keys(e.form.meta), e.form.meta), new Error("Meta is undefined");
-      return z(l.value);
-    }), { formatMessage: o } = j(), u = (a) => a.replace(/([A-Z])/g, " $1").replace(/^./, (c) => c.toUpperCase()).trim(), f = () => o ? o({ id: `general.fields.${r.value}`, defaultMessage: u(e.name) }) : u(e.name), M = () => e.form.i18nNamespace ? o({ id: `${e.form.i18nNamespace}.fields.${r.value}`, defaultMessage: f() }) : f();
-    return (a, c) => (p(), d(S(t.form.Field), {
-      name: t.name,
+      return P(r.value);
+    }), C = B(e.form);
+    return (t, E) => (i(), u(k(a.form.Field), {
+      name: a.name,
       validators: {
-        onChange: h.value,
-        ...t.validators
+        onChange: g.value,
+        ...a.validators
       }
     }, {
-      default: i(({ field: k, state: y }) => [
-        l.value ? (p(), d(B, I({ key: 0 }, { ...a.$attrs, ...a.$props, inputClass: b.value }, {
-          field: k,
-          state: y,
-          register: t.form.registerField,
-          label: t.label ?? M(),
-          meta: l.value
-        }), P({
-          default: i((m) => [
-            v(a.$slots, "default", g(C(m)))
+      default: m(({ field: b, state: h }) => [
+        r.value ? (i(), u(j, M({ key: 0 }, { ...t.$attrs, ...t.$props, inputClass: p.value }, {
+          field: b,
+          state: h,
+          register: a.form.registerField,
+          label: a.label ?? S(C)(l.value),
+          meta: r.value
+        }), w({
+          default: m((s) => [
+            f(t.$slots, "default", d(c(s)))
           ]),
           _: 2
         }, [
-          a.$slots.label ? {
+          t.$slots.label ? {
             name: "label",
-            fn: i((m) => [
-              v(a.$slots, "label", g(C(m)))
+            fn: m((s) => [
+              f(t.$slots, "label", d(c(s)))
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["field", "state", "register", "label", "meta"])) : w("", !0)
+        ]), 1040, ["field", "state", "register", "label", "meta"])) : A("", !0)
       ]),
       _: 3
     }, 8, ["name", "validators"]));
   }
 });
 export {
-  U as default
+  D as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "2.10.5",
+  "version": "2.10.6",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.19.3",

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -8,12 +8,6 @@ import { getTransformationFrom, useIntl } from "../../utils"
 import { type OmegaFieldInternalApi } from "./InputProps"
 import { type OF, type OmegaFormReturn } from "./useOmegaForm"
 
-type Compute<T> =
-  & {
-    [K in keyof T]: T[K]
-  }
-  & {}
-
 export type FieldPath<T> = unknown extends T ? string
   // technically we cannot have primitive at the root
   : T extends string | boolean | number | null | undefined | symbol | bigint ? ""

package/src/components/OmegaForm/OmegaInput.vue

@@ -14,7 +14,7 @@
         :field="field"
         :state="state"
         :register="form.registerField"
-        :label="label ?? i18n()"
+        :label="label ?? errori18n(propsName)"
         :meta="meta"
       >
         <template
@@ -41,9 +41,9 @@
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { computed, inject, type Ref, useAttrs } from "vue"
-import { useIntl } from "../../utils"
 import { type FieldMeta, generateInputStandardSchemaFromFieldMeta, type OmegaInputPropsBase } from "./OmegaFormStuff"
 import OmegaInternalInput from "./OmegaInternalInput.vue"
+import { useErrorLabel } from "./useOmegaForm"
 
 const props = defineProps<OmegaInputPropsBase<From, To, Name>>()
 
@@ -88,19 +88,5 @@ const schema = computed(() => {
   return generateInputStandardSchemaFromFieldMeta(meta.value)
 })
 
-const { formatMessage } = useIntl()
-const humanize = (str: string) => {
-  return str
-    .replace(/([A-Z])/g, " $1") // Add space before capital letters
-    .replace(/^./, (char) => char.toUpperCase()) // Capitalize the first letter
-    .trim() // Remove leading/trailing spaces
-}
-const fallback = () =>
-  formatMessage
-    ? formatMessage({ id: `general.fields.${propsName.value}`, defaultMessage: humanize(props.name) })
-    : humanize(props.name)
-const i18n = () =>
-  props.form.i18nNamespace
-    ? formatMessage({ id: `${props.form.i18nNamespace}.fields.${propsName.value}`, defaultMessage: fallback() })
-    : fallback()
+const errori18n = useErrorLabel(props.form)
 </script>

package/src/components/OmegaForm/useOmegaForm.ts

@@ -6,6 +6,7 @@ import { type DeepKeys, DeepValue, type FormAsyncValidateOrFn, type FormValidate
 import { Array, Data, Effect, Fiber, Option, Order, S } from "effect-app"
 import { runtimeFiberAsPromise, UnionToTuples } from "effect-app/utils"
 import { Component, computed, ComputedRef, ConcreteComponent, h, type InjectionKey, onBeforeUnmount, onMounted, onUnmounted, Ref, ref, watch } from "vue"
+import { useIntl } from "../../utils"
 import { MergedInputProps } from "./InputProps"
 import OmegaArray from "./OmegaArray.vue"
 import OmegaAutoGen from "./OmegaAutoGen.vue"
@@ -63,6 +64,26 @@ const fHoc = (form: OF<any, any>) => {
   }
 }
 
+export const useErrorLabel = (form: OF<any, any>) => {
+  const { formatMessage } = useIntl()
+  const humanize = (str: string) => {
+    return str
+      .replace(/([A-Z])/g, " $1") // Add space before capital letters
+      .replace(/^./, (char) => char.toUpperCase()) // Capitalize the first letter
+      .trim() // Remove leading/trailing spaces
+  }
+  const fallback = (propsName: string) =>
+    formatMessage
+      ? formatMessage({ id: `general.fields.${propsName}`, defaultMessage: humanize(propsName) })
+      : humanize(propsName)
+  const i18n = (propsName: string) =>
+    form.i18nNamespace
+      ? formatMessage({ id: `${form.i18nNamespace}.fields.${propsName}`, defaultMessage: fallback(propsName) })
+      : fallback(propsName)
+
+  return i18n
+}
+
 const eHoc = (errorProps: {
   form: OF<any, any>
   fieldMap: Ref<Map<string, { id: string; label: string }>>
@@ -77,6 +98,8 @@ const eHoc = (errorProps: {
         const fieldMeta = form.useStore((state) => state.fieldMeta)
         const errorMap = form.useStore((state) => state.errorMap)
 
+        const errorLabel = useErrorLabel(form)
+
         const errors = computed(() => {
           // Collect errors from fieldMeta (field-level errors for registered fields)
           const fieldErrors = Array.filterMap(
@@ -114,7 +137,7 @@ const eHoc = (errorProps: {
                     // Registered fields will already have their errors from fieldMeta
                     if (!fieldMap.value.has(fieldPath)) {
                       submitErrors.push({
-                        label: fieldPath,
+                        label: errorLabel(fieldPath),
                         inputId: fieldPath,
                         errors: [issAny.message].filter(Boolean)
                       })