@effect-app/vue-components 2.7.0 → 2.7.1

package/dist/types/components/OmegaForm/OmegaTaggedUnion.vue.d.ts

@@ -12,12 +12,23 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, To extends R
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        [x: string]: ((props: any) => any) | undefined;
-        [x: number]: ((props: any) => any) | undefined;
+        [x: string]: ((props: {
+            field: import("./InputProps").OmegaFieldInternalApi<From, any>;
+            state: NonNullable<import("@tanstack/vue-form").DeepValue<From, any>>;
+        }) => any) | undefined;
+        [x: number]: ((props: {
+            field: import("./InputProps").OmegaFieldInternalApi<From, any>;
+            state: NonNullable<import("@tanstack/vue-form").DeepValue<From, any>>;
+        }) => any) | undefined;
     } & {
-        OmegaCustomInput?: (props: {}) => any;
+        OmegaCustomInput?: (props: {
+            field: import("@tanstack/vue-form").FieldApi<From, any, import("@tanstack/vue-form").DeepValue<From, any>, import("@tanstack/vue-form").FieldValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").StandardSchemaV1<From, To>, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, Record<string, any> | undefined>;
+            state: import("@tanstack/vue-form").FieldState<From, any, import("@tanstack/vue-form").DeepValue<From, any>, import("@tanstack/vue-form").FieldValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, any, import("@tanstack/vue-form").DeepValue<From, any>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").StandardSchemaV1<From, To>, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined>;
+        }) => any;
     } & {
         default?: (props: {}) => any;
+    } & {
+        OmegaCommon?: (props: {}) => any;
     };
     emit: {};
 }>) => import("vue").VNode & {

package/dist/types/components/OmegaForm/OmegaTaggedUnionInternal.vue.d.ts

@@ -9,9 +9,9 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, To extends R
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        [x: `${string}${any}`]: ((props: {
+        [x: string]: ((props: {
             field: OmegaFieldInternalApi<From, Name>;
-            state: NonNullable<NonNullable<DeepValue<From, Name>>>;
+            state: NonNullable<DeepValue<From, Name>>;
         }) => any) | undefined;
     };
     emit: {};

package/dist/vue-components.es10.js

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

@@ -1,12 +1,13 @@
-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 { onMounted as e, onUnmounted as u } from "vue";
+function p(t) {
+  let n;
+  e(() => {
+    const o = t();
+    o && (n = o);
+  }), u(() => {
+    n && n();
+  });
+}
 export {
-  a as clone,
-  i as cloneTrait,
-  p as runtimeFiberAsPromise
+  p as onMountedWithCleanup
 };

package/dist/vue-components.es17.js

@@ -1,7 +1,12 @@
-import { isFunction as c } from "./vue-components.es30.js";
-const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
+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 {
-  s as isFunction,
-  i as isObject,
-  t as isRecordOrArray
+  a as clone,
+  i as cloneTrait,
+  p as runtimeFiberAsPromise
 };

package/dist/vue-components.es18.js

@@ -1,57 +1,7 @@
-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 { isFunction as c } from "./vue-components.es30.js";
+const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
 export {
-  N as default
+  s as isFunction,
+  i as isObject,
+  t as isRecordOrArray
 };

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-d4ffe76f],.v-leave-to[data-v-d4ffe76f]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-d4ffe76f],.v-leave-active[data-v-d4ffe76f]{display:grid;transition:all .15s}.v-enter-to[data-v-d4ffe76f],.v-leave-from[data-v-d4ffe76f]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-d4ffe76f]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-d4ffe76f]{min-height:0}.error-list[data-v-d4ffe76f]{list-style-position:inside}div.error-list[data-v-d4ffe76f]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:auto 1fr}.error-link[data-v-d4ffe76f]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:1fr}.error-message[data-v-d4ffe76f]{grid-column:1 / -1}}.error-item[data-v-d4ffe76f]{display:contents}a[data-v-d4ffe76f]{min-width:min-content}.error-link[data-v-d4ffe76f]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),document.head.appendChild(a),window.customElements){const e=window.customElements.define;window.customElements.define=function(r,t){const i=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(i&&i.call(this),this.shadowRoot){const d=document.createElement("style");d.appendChild(document.createTextNode(".v-enter-from[data-v-d4ffe76f],.v-leave-to[data-v-d4ffe76f]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-d4ffe76f],.v-leave-active[data-v-d4ffe76f]{display:grid;transition:all .15s}.v-enter-to[data-v-d4ffe76f],.v-leave-from[data-v-d4ffe76f]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-d4ffe76f]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-d4ffe76f]{min-height:0}.error-list[data-v-d4ffe76f]{list-style-position:inside}div.error-list[data-v-d4ffe76f]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:auto 1fr}.error-link[data-v-d4ffe76f]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:1fr}.error-message[data-v-d4ffe76f]{grid-column:1 / -1}}.error-item[data-v-d4ffe76f]{display:contents}a[data-v-d4ffe76f]{min-width:min-content}.error-link[data-v-d4ffe76f]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),this.shadowRoot.appendChild(d)}},e.call(window.customElements,r,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 e = /* @__PURE__ */ o(r, [["__scopeId", "data-v-d4ffe76f"]]);
+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 {
-  e 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-05e510ab]{display:contents}fieldset[disabled][data-v-05e510ab]>*{pointer-events:none}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const d=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(d&&d.call(this),this.shadowRoot){const o=document.createElement("style");o.appendChild(document.createTextNode("fieldset[data-v-05e510ab]{display:contents}fieldset[disabled][data-v-05e510ab]>*{pointer-events:none}")),this.shadowRoot.appendChild(o)}},e.call(window.customElements,i,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-d4ffe76f],.v-leave-to[data-v-d4ffe76f]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-d4ffe76f],.v-leave-active[data-v-d4ffe76f]{display:grid;transition:all .15s}.v-enter-to[data-v-d4ffe76f],.v-leave-from[data-v-d4ffe76f]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-d4ffe76f]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-d4ffe76f]{min-height:0}.error-list[data-v-d4ffe76f]{list-style-position:inside}div.error-list[data-v-d4ffe76f]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:auto 1fr}.error-link[data-v-d4ffe76f]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:1fr}.error-message[data-v-d4ffe76f]{grid-column:1 / -1}}.error-item[data-v-d4ffe76f]{display:contents}a[data-v-d4ffe76f]{min-width:min-content}.error-link[data-v-d4ffe76f]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),document.head.appendChild(a),window.customElements){const e=window.customElements.define;window.customElements.define=function(r,t){const i=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(i&&i.call(this),this.shadowRoot){const d=document.createElement("style");d.appendChild(document.createTextNode(".v-enter-from[data-v-d4ffe76f],.v-leave-to[data-v-d4ffe76f]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-d4ffe76f],.v-leave-active[data-v-d4ffe76f]{display:grid;transition:all .15s}.v-enter-to[data-v-d4ffe76f],.v-leave-from[data-v-d4ffe76f]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-d4ffe76f]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-d4ffe76f]{min-height:0}.error-list[data-v-d4ffe76f]{list-style-position:inside}div.error-list[data-v-d4ffe76f]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:auto 1fr}.error-link[data-v-d4ffe76f]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:1fr}.error-message[data-v-d4ffe76f]{grid-column:1 / -1}}.error-item[data-v-d4ffe76f]{display:contents}a[data-v-d4ffe76f]{min-width:min-content}.error-link[data-v-d4ffe76f]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),this.shadowRoot.appendChild(d)}},e.call(window.customElements,r,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 e = /* @__PURE__ */ m(o, [["__scopeId", "data-v-05e510ab"]]);
+import o from "./vue-components.es35.js";
+const e = /* @__PURE__ */ o(r, [["__scopeId", "data-v-d4ffe76f"]]);
 export {
   e 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-05e510ab]{display:contents}fieldset[disabled][data-v-05e510ab]>*{pointer-events:none}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const d=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(d&&d.call(this),this.shadowRoot){const o=document.createElement("style");o.appendChild(document.createTextNode("fieldset[data-v-05e510ab]{display:contents}fieldset[disabled][data-v-05e510ab]>*{pointer-events:none}")),this.shadowRoot.appendChild(o)}},e.call(window.customElements,i,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 e = /* @__PURE__ */ m(o, [["__scopeId", "data-v-05e510ab"]]);
 export {
-  t as trace
+  e 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.es8.js

@@ -1,6 +1,6 @@
-import { defineComponent as s, createElementBlock as f, openBlock as d, Fragment as c, renderSlot as n, createVNode as a, unref as o, withCtx as r, createCommentVNode as g, createSlots as $, renderList as y, normalizeProps as b, guardReactiveProps as p } from "vue";
+import { defineComponent as d, createBlock as u, openBlock as g, unref as l, withCtx as o, renderSlot as n, createVNode as r, createCommentVNode as c, normalizeProps as s, guardReactiveProps as f, createSlots as $, renderList as y } from "vue";
 import C from "./vue-components.es9.js";
-const F = /* @__PURE__ */ s({
+const h = /* @__PURE__ */ d({
   __name: "OmegaTaggedUnion",
   props: {
     name: {},
@@ -10,38 +10,37 @@ const F = /* @__PURE__ */ s({
     label: {}
   },
   setup(e) {
-    return (t, k) => (d(), f(c, null, [
-      n(t.$slots, "OmegaCustomInput", {}, () => [
-        a(o(e.form).Input, {
-          name: e.name ? `${e.name}._tag` : "_tag",
-          label: e.label,
-          type: e.type ?? "select",
-          options: e.options
-        }, null, 8, ["name", "label", "type", "options"])
-      ]),
-      a(o(e.form).Field, {
-        name: e.name ?? ""
-      }, {
-        default: r(({ field: u, state: m }) => [
-          m.value ? n(t.$slots, "default", { key: 0 }) : g("", !0),
-          a(C, {
-            field: u,
-            state: m.value,
-            name: e.name
-          }, $({ _: 2 }, [
-            y(t.$slots, (v, l) => ({
-              name: l,
-              fn: r((i) => [
-                n(t.$slots, l, b(p(i)))
-              ])
-            }))
-          ]), 1032, ["field", "state", "name"])
+    return (a, b) => (g(), u(l(e.form).Field, {
+      name: e.name ? `${e.name}._tag` : "_tag"
+    }, {
+      default: o((t) => [
+        n(a.$slots, "OmegaCustomInput", s(f(t)), () => [
+          r(l(e.form).Input, {
+            name: e.name ? `${e.name}._tag` : "_tag",
+            label: e.label,
+            type: e.type ?? "select",
+            options: e.options
+          }, null, 8, ["name", "label", "type", "options"])
         ]),
-        _: 3
-      }, 8, ["name"])
-    ], 64));
+        n(a.$slots, "default"),
+        r(C, {
+          field: t.field,
+          state: t.state.value,
+          name: e.name
+        }, $({ _: 2 }, [
+          y(a.$slots, (k, m) => ({
+            name: m,
+            fn: o((i) => [
+              n(a.$slots, m, s(f(i)))
+            ])
+          }))
+        ]), 1032, ["field", "state", "name"]),
+        t.state.value ? n(a.$slots, "OmegaCommon", { key: 0 }) : c("", !0)
+      ]),
+      _: 3
+    }, 8, ["name"]));
   }
 });
 export {
-  F as default
+  h as default
 };

package/dist/vue-components.es9.js

@@ -8,11 +8,11 @@ const f = /* @__PURE__ */ l({
   },
   setup(e) {
     const a = e;
-    return i(() => a.state?._tag, (t, n) => {
+    return i(() => a.state, (t, n) => {
       t === null && a.field.setValue(null), t !== n && setTimeout(() => {
         a.field.validate("change");
       }, 0);
-    }), (t, n) => e.state?._tag ? m(t.$slots, `${e.name ? `${e.name}.` : ""}${e.state?._tag}`, o(r({ key: 0 }, { field: e.field, state: e.state }))) : s("", !0);
+    }), (t, n) => e.state ? m(t.$slots, `${e.name ? `${e.name}.` : ""}${e.state}`, o(r({ key: 0 }, { field: e.field, state: e.state }))) : s("", !0);
   }
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.18.0",

package/src/components/OmegaForm/OmegaTaggedUnion.vue

@@ -23,20 +23,23 @@ defineProps<{
 </script>
 
 <template>
-  <slot name="OmegaCustomInput">
-    <form.Input
-      :name="(name ? `${name}._tag` : '_tag') as FieldPath<From>"
-      :label="label"
-      :type="type ?? 'select'"
-      :options="options"
-    />
-  </slot>
-  <form.Field :name="(name ?? '') as any">
-    <template #default="{ field, state }">
-      <slot v-if="state.value" />
+  <form.Field :name="(name ? `${name}._tag` : '_tag') as any">
+    <template #default="inputProps">
+      <slot
+        name="OmegaCustomInput"
+        v-bind="inputProps"
+      >
+        <form.Input
+          :name="(name ? `${name}._tag` : '_tag') as FieldPath<From>"
+          :label="label"
+          :type="type ?? 'select'"
+          :options="options"
+        />
+      </slot>
+      <slot />
       <OmegaTaggedUnionInternal
-        :field="field as any"
-        :state="state.value"
+        :field="inputProps.field as any"
+        :state="inputProps.state.value"
         :name="name"
       >
         <template
@@ -49,6 +52,10 @@ defineProps<{
           />
         </template>
       </OmegaTaggedUnionInternal>
+      <slot
+        v-if="inputProps.state.value"
+        name="OmegaCommon"
+      />
     </template>
   </form.Field>
 </template>

package/src/components/OmegaForm/OmegaTaggedUnionInternal.vue

@@ -1,7 +1,7 @@
 <template>
   <slot
-    v-if="state?._tag"
-    :name="`${name ? `${name}.` : ''}${state?._tag}`"
+    v-if="state"
+    :name="`${name ? `${name}.` : ''}${state}`"
     v-bind="{ field, state }"
   />
 </template>
@@ -26,7 +26,7 @@ const props = defineProps<{
 }>()
 
 // Watch for _tag changes
-watch(() => props.state?._tag, (newTag, oldTag) => {
+watch(() => props.state, (newTag, oldTag) => {
   if (newTag === null) {
     props.field.setValue(null as DeepValue<From, Name>)
   }

package/src/components/OmegaForm/useOmegaForm.ts

@@ -791,11 +791,27 @@ export const useOmegaForm = <
   const extractDefaultsFromAST = (schemaObj: any): any => {
     const result: Record<string, any> = {}
 
-    // Check if this schema is a union
-    if (schemaObj?.members && Array.isArray(schemaObj.members)) {
+    // If this schema has a .make() method (like ExtendedClass), use it to get complete defaults
+    // This is more reliable than manually extracting fields, especially for classes
+    if (typeof schemaObj?.make === "function") {
+      try {
+        const instance = schemaObj.make({})
+        // For ExtendedClass, the instance is already in the correct encoded format
+        return instance
+      } catch {
+        // If make() fails, fall through to manual extraction
+      }
+    }
+
+    // Check if this schema is a union - check both direct property and AST
+    const unionMembers = schemaObj?.members
+      || (schemaObj?.ast?._tag === "Union" && schemaObj.ast.types
+        ? schemaObj.ast.types.map((t: any) => S.make(t))
+        : null)
+    if (unionMembers && Array.isArray(unionMembers)) {
       // For unions, we try to find the first member that has a complete set of defaults
       // Priority is given to members with default values for discriminator fields
-      for (const member of schemaObj.members) {
+      for (const member of unionMembers as any[]) {
         const memberDefaults = extractDefaultsFromAST(member)
         if (Object.keys(memberDefaults).length > 0) {
           // Check if this member has a default value for a discriminator field (like _tag)