@effect-app/vue-components 2.11.4 → 3.0.0

package/dist/vue-components.es38.js

@@ -1,34 +1,194 @@
-import { defineComponent as m, createElementBlock as d, openBlock as u, withModifiers as f, createElementVNode as l, unref as s, renderSlot as a } from "vue";
-import { useStore as b } from "@tanstack/vue-form";
-import { usePreventClose as p } from "./vue-components.es11.js";
-import { getOmegaStore as c } from "./vue-components.es53.js";
-const S = ["disabled"], V = /* @__PURE__ */ m({
-  __name: "OmegaWrapper",
+import { defineComponent as k, resolveComponent as b, createElementBlock as v, openBlock as a, createBlock as n, createCommentVNode as u, resolveDynamicComponent as g, mergeProps as o, createSlots as d, withCtx as r, renderSlot as m, normalizeProps as s, guardReactiveProps as P, unref as C, Fragment as V, renderList as U } from "vue";
+import { getInputType as c } from "./vue-components.es12.js";
+const w = /* @__PURE__ */ k({
+  inheritAttrs: !1,
+  __name: "OmegaInputVuetify",
   props: {
-    form: {},
-    disabled: { type: Boolean },
-    subscribe: {}
+    inputProps: {},
+    field: {},
+    state: {}
   },
-  setup(o) {
-    const e = o, i = b(
-      e.form.store,
-      (t) => t.isSubmitting
-    ), n = c(
-      e.form,
-      e.subscribe
-    );
-    return e.form.ignorePreventCloseEvents || p(() => e.form.useStore((t) => t.isDirty)), (t, r) => (u(), d("form", {
-      novalidate: "",
-      onSubmit: r[0] || (r[0] = f((v) => o.form.handleSubmit(), ["prevent", "stop"]))
-    }, [
-      l("fieldset", {
-        disabled: s(i) || o.disabled
+  emits: ["focus", "blur"],
+  setup(e) {
+    return (l, i) => {
+      const y = b("v-text-field"), p = b("v-textarea"), f = b("v-radio"), h = b("v-radio-group"), q = b("v-select"), $ = b("v-autocomplete");
+      return a(), v("div", {
+        class: "omega-input",
+        onFocusout: i[4] || (i[4] = (t) => l.$emit("blur", t)),
+        onFocusin: i[5] || (i[5] = (t) => l.$emit("focus", t))
       }, [
-        a(t.$slots, "default", { subscribedValues: s(n) }, void 0, !0)
-      ], 8, S)
-    ], 32));
+        e.inputProps.type === "boolean" || e.inputProps.type === "switch" ? (a(), n(g(e.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), o({
+          key: 0,
+          id: e.inputProps.id,
+          name: e.field.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          ripple: ""
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          onChange: i[0] || (i[0] = (t) => e.field.handleChange(t.target.checked))
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "name", "label", "error-messages", "error", "model-value"])) : u("", !0),
+        e.inputProps.type === "email" || e.inputProps.type === "string" || e.inputProps.type === "password" || e.inputProps.type === "date" ? (a(), n(y, o({
+          key: 1,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          type: C(c)(e.inputProps.type),
+          name: e.field.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          "onUpdate:modelValue": e.field.handleChange
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
+        e.inputProps.type === "text" ? (a(), n(p, o({
+          key: 2,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          name: e.field.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          "onUpdate:modelValue": e.field.handleChange
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "required", "min-length", "max-length", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
+        e.inputProps.type === "number" || e.inputProps.type === "range" ? (a(), n(g(e.inputProps.type === "range" ? "v-slider" : "v-text-field"), o({
+          key: 3,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          min: e.inputProps.min,
+          max: e.inputProps.max,
+          type: e.inputProps.type,
+          name: e.field.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          "onUpdate:modelValue": i[1] || (i[1] = (t) => {
+            t || t === 0 ? e.field.handleChange(Number(t)) : e.field.handleChange(void 0);
+          })
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : u("", !0),
+        e.inputProps.type === "radio" ? (a(), n(h, o({
+          key: 4,
+          id: e.inputProps.id,
+          name: e.field.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          "onUpdate:modelValue": e.field.handleChange
+        }), d({
+          default: r(() => [
+            (a(!0), v(V, null, U(e.inputProps.options, (t) => (a(), n(f, {
+              key: t.value,
+              label: t.title,
+              value: t.value
+            }, null, 8, ["label", "value"]))), 128))
+          ]),
+          _: 2
+        }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
+        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (a(), n(q, o({
+          key: 5,
+          id: e.inputProps.id,
+          clearable: e.inputProps.type === "select",
+          required: e.inputProps.required,
+          multiple: e.inputProps.type === "multiple",
+          chips: e.inputProps.type === "multiple",
+          name: e.field.name,
+          label: e.inputProps.label,
+          items: e.inputProps.options,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          onClear: i[2] || (i[2] = (t) => e.field.handleChange(void 0)),
+          "onUpdate:modelValue": e.field.handleChange
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
+        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (a(), n($, o({
+          key: 6,
+          id: e.inputProps.id,
+          clearable: e.inputProps.type === "autocomplete",
+          multiple: e.inputProps.type === "autocompletemultiple",
+          required: e.inputProps.required,
+          name: e.field.name,
+          label: e.inputProps.label,
+          items: e.inputProps.options,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          chips: e.inputProps.type === "autocompletemultiple"
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          onClear: i[3] || (i[3] = (t) => e.field.handleChange(void 0)),
+          "onUpdate:modelValue": e.field.handleChange
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : u("", !0)
+      ], 32);
+    };
   }
 });
 export {
-  V as default
+  w as default
 };

package/dist/vue-components.es40.js

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import o from "./vue-components.es30.js";
+import o from "./vue-components.es38.js";
 
 export {
   o as default

package/dist/vue-components.es6.js

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

package/dist/vue-components.es7.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import { defineComponent as $, computed as n, getCurrentInstance as N, useAttrs as S, useSlots as k, useId as q, renderSlot as u, normalizeProps as s, guardReactiveProps as d, createElementVNode as B, normalizeClass as w, createBlock as I, createCommentVNode as L, unref as A, openBlock as F, mergeProps as O, createSlots as R, withCtx as V } from "vue";
 import { useStore as z } from "@tanstack/vue-form";
-import T from "./vue-components.es30.js";
+import T from "./vue-components.es38.js";
 
 const H = /* @__PURE__ */ $({
   inheritAttrs: !1,

package/dist/vue-components.es8.js

@@ -1,4 +1,4 @@
-import { defineComponent as M, ref as C, computed as s, watch as b, provide as k, createBlock as F, openBlock as O, unref as f, withCtx as i, renderSlot as o, createVNode as c, createCommentVNode as S, normalizeProps as g, guardReactiveProps as d, createSlots as V, renderList as w } from "vue";
+import { defineComponent as M, ref as C, computed as s, watch as b, provide as k, createBlock as F, openBlock as O, unref as f, withCtx as c, renderSlot as o, createVNode as i, createCommentVNode as S, normalizeProps as g, guardReactiveProps as d, createSlots as V, renderList as w } from "vue";
 import A from "./vue-components.es9.js";
 const N = /* @__PURE__ */ M({
   __name: "OmegaTaggedUnion",
@@ -10,28 +10,28 @@ const N = /* @__PURE__ */ M({
     label: {}
   },
   setup(t) {
-    const n = t, m = C(null), v = s(() => n.name ? `${n.name}._tag` : "_tag"), $ = n.form.useStore((e) => e.values);
+    const n = t, r = C(null), v = s(() => n.name ? `${n.name}._tag` : "_tag"), $ = n.form.useStore((e) => e.values);
     b(
-      () => v.value.split(".").reduce((r, a) => r?.[a], $.value),
+      () => v.value.split(".").reduce((l, a) => l?.[a], $.value),
       (e) => {
-        m.value = e ?? null;
+        r.value = e ?? null;
       },
       { immediate: !0 }
     );
     const y = s(() => {
-      const e = m.value;
+      const e = r.value;
       return (a) => {
         if (!e) return null;
-        const l = n.form.unionMeta[e];
-        return l ? l[a] ?? null : null;
+        const m = n.form.unionMeta[e];
+        return m ? m[a] ?? null : null;
       };
     });
-    return k("getMetaFromArray", y), (e, r) => (O(), F(f(t.form).Field, {
+    return k("getMetaFromArray", y), (e, l) => (O(), F(f(t.form).Field, {
       name: t.name ? `${t.name}._tag` : "_tag"
     }, {
-      default: i((a) => [
+      default: c((a) => [
         o(e.$slots, "OmegaCustomInput", g(d(a)), () => [
-          c(f(t.form).Input, {
+          i(f(t.form).Input, {
             name: t.name ? `${t.name}._tag` : "_tag",
             label: t.label,
             type: t.type ?? "select",
@@ -39,15 +39,15 @@ const N = /* @__PURE__ */ M({
           }, null, 8, ["name", "label", "type", "options"])
         ]),
         o(e.$slots, "default"),
-        c(A, {
+        i(A, {
           field: a.field,
           state: a.state.value,
           name: t.name,
           form: t.form
         }, V({ _: 2 }, [
-          w(e.$slots, (l, u) => ({
+          w(e.$slots, (m, u) => ({
             name: u,
-            fn: i((h) => [
+            fn: c((h) => [
               o(e.$slots, u, g(d(h)))
             ])
           }))

package/dist/vue-components.es9.js

@@ -1,5 +1,5 @@
-import { defineComponent as s, watch as m, nextTick as i, renderSlot as o, createCommentVNode as r, normalizeProps as f, mergeProps as u } from "vue";
-const g = /* @__PURE__ */ s({
+import { defineComponent as m, watch as r, renderSlot as s, createCommentVNode as o, normalizeProps as i, mergeProps as f } from "vue";
+const d = /* @__PURE__ */ m({
   __name: "OmegaTaggedUnionInternal",
   props: {
     state: {},
@@ -8,20 +8,14 @@ const g = /* @__PURE__ */ s({
     form: {}
   },
   setup(e) {
-    const a = e;
-    return m(() => a.state, (t, n) => {
-      t === null && a.field.setValue(null), t !== n && t && i(() => {
-        const l = {
-          ...a.form.unionDefaultValues?.[t] ?? {},
-          _tag: t
-        };
-        a.form.reset(l), setTimeout(() => {
-          a.field.validate("change");
-        }, 0);
-      });
-    }, { immediate: !0 }), (t, n) => e.state ? o(t.$slots, `${e.name ? `${e.name}.` : ""}${e.state}`, f(u({ key: 0 }, { field: e.field, state: e.state }))) : r("", !0);
+    const a = e, l = a.form.useStore(({ values: t }) => t);
+    return r(() => a.state, (t, n) => {
+      t === null && a.field.setValue(null), t !== n && (a.form.reset(l.value), setTimeout(() => {
+        a.field.validate("change");
+      }, 0));
+    }, { immediate: !0 }), (t, n) => e.state ? s(t.$slots, `${e.name ? `${e.name}.` : ""}${e.state}`, i(f({ key: 0 }, { field: e.field, state: e.state }))) : o("", !0);
   }
 });
 export {
-  g as default
+  d as default
 };

package/package.json

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

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -356,7 +356,6 @@ export const createMeta = <T = any>(
 
   if (property?._tag === "TypeLiteral" && "propertySignatures" in property) {
     return createMeta<T>({
-      parent, // Pass parent to maintain the key prefix for nested structures
       meta,
       propertySignatures: property.propertySignatures
     })
@@ -405,13 +404,7 @@ export const createMeta = <T = any>(
               property: p.type,
               meta: { required: isRequired, nullableOrUndefined }
             })
-            // If parentMeta is a MetaRecord (nested structure from ExtendedClass), merge it
-            // Otherwise assign as single FieldMeta
-            if (parentMeta && typeof parentMeta === "object" && !("type" in parentMeta)) {
-              Object.assign(acc, parentMeta)
-            } else {
-              acc[key as NestedKeyOf<T>] = parentMeta as FieldMeta
-            }
+            acc[key as NestedKeyOf<T>] = parentMeta as FieldMeta
           }
 
           // Process each non-null type and merge their metadata
@@ -708,17 +701,11 @@ const flattenMeta = <T>(meta: MetaRecord<T> | FieldMeta, parentKey: string = "")
 
 const metadataFromAst = <From, To>(
   schema: S.Schema<To, From, never>
-): {
-  meta: MetaRecord<To>
-  defaultValues: Record<string, any>
-  unionMeta: Record<string, MetaRecord<To>>
-  unionDefaultValues: Record<string, Record<string, any>>
-} => {
+): { meta: MetaRecord<To>; defaultValues: Record<string, any>; unionMeta: Record<string, MetaRecord<To>> } => {
   const ast = schema.ast
   const newMeta: MetaRecord<To> = {}
   const defaultValues: Record<string, any> = {}
   const unionMeta: Record<string, MetaRecord<To>> = {}
-  const unionDefaultValues: Record<string, Record<string, any>> = {}
 
   if (ast._tag === "Transformation" || ast._tag === "Refinement") {
     return metadataFromAst(S.make(ast.from))
@@ -763,9 +750,6 @@ const metadataFromAst = <From, To>(
           // Store per-tag metadata for reactive lookup
           if (tagValue) {
             unionMeta[tagValue] = flattenMeta<To>(memberMeta)
-            // Create default values for this tag's schema
-            const memberSchema = S.make(memberType)
-            unionDefaultValues[tagValue] = defaultsValueFromSchema(memberSchema as any)
           }
 
           // Merge into result (for backward compatibility)
@@ -782,7 +766,7 @@ const metadataFromAst = <From, To>(
         } as FieldMeta
       }
 
-      return { meta: newMeta, defaultValues, unionMeta, unionDefaultValues }
+      return { meta: newMeta, defaultValues, unionMeta }
     }
   }
 
@@ -792,7 +776,7 @@ const metadataFromAst = <From, To>(
     })
 
     if (Object.values(meta).every((value) => value && "type" in value)) {
-      return { meta: meta as MetaRecord<To>, defaultValues, unionMeta, unionDefaultValues }
+      return { meta: meta as MetaRecord<To>, defaultValues, unionMeta }
     }
 
     const flattenObject = (
@@ -812,7 +796,7 @@ const metadataFromAst = <From, To>(
     flattenObject(meta)
   }
 
-  return { meta: newMeta, defaultValues, unionMeta, unionDefaultValues }
+  return { meta: newMeta, defaultValues, unionMeta }
 }
 
 export const duplicateSchema = <From, To>(
@@ -827,11 +811,10 @@ export const generateMetaFromSchema = <From, To>(
   schema: S.Schema<To, From, never>
   meta: MetaRecord<To>
   unionMeta: Record<string, MetaRecord<To>>
-  unionDefaultValues: Record<string, Record<string, any>>
 } => {
-  const { meta, unionDefaultValues, unionMeta } = metadataFromAst(schema)
+  const { meta, unionMeta } = metadataFromAst(schema)
 
-  return { schema, meta, unionMeta, unionDefaultValues }
+  return { schema, meta, unionMeta }
 }
 
 export const generateInputStandardSchemaFromFieldMeta = (

package/src/components/OmegaForm/OmegaInput.vue

@@ -1,6 +1,7 @@
 <template>
   <component
     :is="form.Field"
+    :key="fieldKey"
     :name="name"
     :validators="{
       onChange: schema,
@@ -75,12 +76,22 @@ const getMetaFromArray = inject<Ref<(name: string) => FieldMeta | null> | null>(
 )
 
 const meta = computed(() => {
-  const fromArray = getMetaFromArray?.value?.(props.name as DeepKeys<From>)
-  if (fromArray) {
-    return fromArray
+  if (getMetaFromArray?.value && getMetaFromArray.value(props.name as DeepKeys<From>)) {
+    return getMetaFromArray.value(propsName.value)
   }
-  const formMeta = props.form.meta[propsName.value]
-  return formMeta
+  return props.form.meta[propsName.value]
+})
+
+// Key to force Field re-mount when meta type changes (for TaggedUnion support)
+const fieldKey = computed(() => {
+  const m = meta.value
+  if (!m) return propsName.value
+  // Include type and key constraints in the key so Field re-mounts when validation rules change
+  // Cast to any since not all FieldMeta variants have these properties
+  const fm = m as any
+  return `${propsName.value}-${fm.type}-${fm.minLength ?? ""}-${fm.maxLength ?? ""}-${fm.minimum ?? ""}-${
+    fm.maximum ?? ""
+  }`
 })
 
 // Call useIntl during setup to avoid issues when computed re-evaluates

package/src/components/OmegaForm/OmegaTaggedUnion.vue

@@ -34,7 +34,6 @@ watch(
   },
   (newTag) => {
     currentTag.value = newTag ?? null
-    return undefined
   },
   { immediate: true }
 )

package/src/components/OmegaForm/OmegaTaggedUnionInternal.vue

@@ -12,7 +12,7 @@
   generic="From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>"
 >
 import { type DeepKeys, type DeepValue } from "@tanstack/vue-form"
-import { nextTick, watch } from "vue"
+import { watch } from "vue"
 import { type OmegaFieldInternalApi } from "./InputProps"
 import { type useOmegaForm } from "./useOmegaForm"
 
@@ -23,27 +23,19 @@ const props = defineProps<{
   form: ReturnType<typeof useOmegaForm<From, To>>
 }>()
 
+const values = props.form.useStore(({ values }) => values)
+
 // Watch for _tag changes
 watch(() => props.state, (newTag, oldTag) => {
   if (newTag === null) {
     props.field.setValue(null as DeepValue<From, Name>)
   }
 
-  if (newTag !== oldTag && newTag) {
-    // Use nextTick to avoid cleanup conflicts during reactive updates
-    nextTick(() => {
-      // Get default values for the new tag to ensure correct types
-      const tagDefaults = (props.form as any).unionDefaultValues?.[newTag as string] ?? {}
-      // Merge: keep _tag from current values, but use tag defaults for other fields
-      const resetValues = {
-        ...tagDefaults,
-        _tag: newTag
-      }
-      props.form.reset(resetValues as any)
-      setTimeout(() => {
-        props.field.validate("change")
-      }, 0)
-    })
+  if (newTag !== oldTag) {
+    props.form.reset(values.value)
+    setTimeout(() => {
+      props.field.validate("change")
+    }, 0)
   }
 }, { immediate: true })
 </script>