@effect-app/vue-components 2.11.5 → 3.0.1

package/dist/vue-components.es38.js

@@ -1,194 +1,34 @@
-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",
+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",
   props: {
-    inputProps: {},
-    field: {},
-    state: {}
+    form: {},
+    disabled: { type: Boolean },
+    subscribe: {}
   },
-  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))
+  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
       }, [
-        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);
-    };
+        a(t.$slots, "default", { subscribedValues: s(n) }, void 0, !0)
+      ], 8, S)
+    ], 32));
   }
 });
 export {
-  w as default
+  V 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.es38.js";
+import o from "./vue-components.es30.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,9 +1,9 @@
 (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.es38.js";
+import { defineComponent as N, computed as n, getCurrentInstance as k, useAttrs as q, useSlots as B, useId as S, renderSlot as d, normalizeProps as s, guardReactiveProps as p, createElementVNode as w, normalizeClass as F, createBlock as I, createCommentVNode as L, unref as A, openBlock as O, mergeProps as R, createSlots as V, withCtx as z } from "vue";
+import { useStore as f } from "@tanstack/vue-form";
+import T from "./vue-components.es30.js";
 
-const H = /* @__PURE__ */ $({
+const H = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "OmegaInternalInput",
   props: {
@@ -18,25 +18,27 @@ const H = /* @__PURE__ */ $({
     register: {},
     options: { default: void 0 }
   },
-  setup(p) {
-    const e = p, l = n(() => e.required ?? e?.meta?.required), f = N()?.appContext.components.VTextField, c = S(), g = k(), v = n(() => {
-      const { class: t, ...a } = c;
+  setup(c) {
+    const e = c, l = n(() => e.required ?? e?.meta?.required), g = k()?.appContext.components.VTextField, v = q(), y = B(), h = n(() => {
+      const { class: t, ...a } = v;
       return a;
-    }), i = q(), y = e.field, h = z(y.store, (t) => t), b = n(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown");
+    }), i = S(), o = e.field;
+    f(o.store, (t) => t);
+    const b = f(o.form.store, (t) => t.fieldMeta), C = n(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown");
     e.register(n(() => ({ name: e.field.name, label: e.label, id: i })));
-    const C = n(() => h.value.meta.errors ?? []), o = n(
+    const x = n(() => b.value[e.field.name]?.errors ?? []), m = n(
       () => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        C.value.map((t) => t?.message).filter(Boolean)
+        x.value.map((t) => t?.message).filter(Boolean)
       )
-    ), x = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), _ = (t) => {
-      x(t) && e.meta?.type !== "boolean" && e.meta?.nullableOrUndefined ? e.field.handleChange(
+    ), M = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), _ = (t) => {
+      M(t) && e.meta?.type !== "boolean" && e.meta?.nullableOrUndefined ? e.field.handleChange(
         e.meta.nullableOrUndefined === "undefined" ? void 0 : null
       ) : e.field.handleChange(t), e.field.setMeta((a) => ({ ...a, errorMap: { ...a.errorMap, onSubmit: void 0 } }));
-    }, M = (t) => {
+    }, P = (t) => {
       const a = {
-        get(E, P, W) {
-          return P === "handleChange" ? _ : Reflect.get(...arguments);
+        get(E, $, W) {
+          return $ === "handleChange" ? _ : Reflect.get(...arguments);
         }
       };
       return new Proxy(t, a);
@@ -48,26 +50,26 @@ const H = /* @__PURE__ */ $({
         maxLength: e.meta?.type === "string" && e.meta?.maxLength,
         max: e.meta?.type === "number" && (e.meta?.maximum ?? (typeof e.meta?.exclusiveMaximum == "number" && e.meta.exclusiveMaximum - 1)),
         min: e.meta?.type === "number" && (e.meta?.minimum ?? (typeof e.meta?.exclusiveMinimum == "number" && e.meta.exclusiveMinimum + 1)),
-        errorMessages: o.value,
-        error: !!o.value.length,
-        type: b.value,
+        errorMessages: m.value,
+        error: !!m.value.length,
+        type: C.value,
         // Only add asterisk if label slot is not provided (slot has full control)
-        label: g.label ? e.label : `${e.label}${l.value ? " *" : ""}`,
+        label: y.label ? e.label : `${e.label}${l.value ? " *" : ""}`,
         options: e.options,
         inputClass: e.inputClass
       },
       state: e.state,
-      field: M(e.field)
+      field: P(e.field)
     }));
-    return (t, a) => u(t.$slots, "default", s(d({ ...r.value.inputProps, field: r.value.field, state: r.value.state })), () => [
-      B("div", {
-        class: w(t.$attrs.class)
+    return (t, a) => d(t.$slots, "default", s(p({ ...r.value.inputProps, field: r.value.field, state: r.value.state })), () => [
+      w("div", {
+        class: F(t.$attrs.class)
       }, [
-        A(f) ? (F(), I(T, s(O({ key: 0 }, { ...v.value, ...r.value, class: e.inputClass })), R({ _: 2 }, [
+        A(g) ? (O(), I(T, s(R({ key: 0 }, { ...h.value, ...r.value, class: e.inputClass })), V({ _: 2 }, [
           t.$slots.label ? {
             name: "label",
-            fn: V((m) => [
-              u(t.$slots, "label", s(d(m)))
+            fn: z((u) => [
+              d(t.$slots, "label", s(p(u)))
             ]),
             key: "0"
           } : void 0

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 r, watch as m, nextTick as o, renderSlot as u, createCommentVNode as i, normalizeProps as f, mergeProps as c } from "vue";
-const $ = /* @__PURE__ */ r({
+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,21 +8,14 @@ const $ = /* @__PURE__ */ r({
     form: {}
   },
   setup(e) {
-    const a = e;
-    return m(() => a.state, (t, n) => {
-      t === null && a.field.setValue(null), t !== n && t && o(() => {
-        const s = a.form.unionDefaultValues?.[t] ?? {}, l = {
-          ...a.form.state.values,
-          ...s,
-          _tag: t
-        };
-        a.form.reset(l), setTimeout(() => {
-          a.field.validate("change");
-        }, 0);
-      });
-    }, { immediate: !0 }), (t, n) => e.state ? u(t.$slots, `${e.name ? `${e.name}.` : ""}${e.state}`, f(c({ key: 0 }, { field: e.field, state: e.state }))) : i("", !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 {
-  $ as default
+  d as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "2.11.5",
+  "version": "3.0.1",
   "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 = (