@effect-app/vue-components 2.1.5 → 2.1.6

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

@@ -1,4 +1,4 @@
-import { type DeepKeys, type DeepValue } from "@tanstack/vue-form";
+import { type DeepKeys } from "@tanstack/vue-form";
 import { type ComputedRef } from "vue";
 import type { OmegaFieldInternalApi } from "./InputProps";
 import type { FieldValidators, MetaRecord, NestedKeyOf, TypeOverride } from "./OmegaFormStuff";
@@ -26,7 +26,7 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
     slots: {
         default?: (props: {
             field: OmegaFieldInternalApi<From, Name>;
-            state: import("@tanstack/vue-form").FieldState<From, Name, DeepValue<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").StandardSchemaV1<DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateFn<From, Name>, import("@tanstack/vue-form").StandardSchemaV1<DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateAsyncFn<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>>, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, DeepValue<From, Name>>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, any, 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>;
+            state: import("@tanstack/vue-form").FieldState<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").StandardSchemaV1<import("@tanstack/vue-form").DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateFn<From, Name>, import("@tanstack/vue-form").StandardSchemaV1<import("@tanstack/vue-form").DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateAsyncFn<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>>, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, any, 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>;
             id: string;
             required?: boolean;
             minLength?: number | false;

package/dist/vue-components.es10.js

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

package/dist/vue-components.es22.js

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

package/dist/vue-components.es23.js

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

package/dist/vue-components.es36.js

@@ -1,7 +1,7 @@
 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.es41.js";
+import { getOmegaStore as c } from "./vue-components.es53.js";
 const S = ["disabled"], V = /* @__PURE__ */ m({
   __name: "OmegaWrapper",
   props: {

package/dist/vue-components.es41.js

@@ -1,13 +1,25 @@
-import { useStore as u } from "@tanstack/vue-form";
-import { computed as f } from "vue";
-function c(o, t) {
-  return f(() => t ? u(o.store, (n) => {
-    const r = {};
-    for (const e of t)
-      r[e] = n[e];
-    return r;
-  }).value : {});
+function a(t) {
+  return Symbol.for(t);
 }
+var c = (
+  /** @class */
+  /* @__PURE__ */ (function() {
+    function t(u) {
+      var e = this;
+      e._currentContext = u ? new Map(u) : /* @__PURE__ */ new Map(), e.getValue = function(n) {
+        return e._currentContext.get(n);
+      }, e.setValue = function(n, r) {
+        var o = new t(e._currentContext);
+        return o._currentContext.set(n, r), o;
+      }, e.deleteValue = function(n) {
+        var r = new t(e._currentContext);
+        return r._currentContext.delete(n), r;
+      };
+    }
+    return t;
+  })()
+), x = new c();
 export {
-  c as getOmegaStore
+  x as ROOT_CONTEXT,
+  a as createContextKey
 };

package/dist/vue-components.es42.js

@@ -1,25 +1,7 @@
-function a(t) {
-  return Symbol.for(t);
-}
-var c = (
-  /** @class */
-  /* @__PURE__ */ (function() {
-    function t(u) {
-      var e = this;
-      e._currentContext = u ? new Map(u) : /* @__PURE__ */ new Map(), e.getValue = function(n) {
-        return e._currentContext.get(n);
-      }, e.setValue = function(n, r) {
-        var o = new t(e._currentContext);
-        return o._currentContext.set(n, r), o;
-      }, e.deleteValue = function(n) {
-        var r = new t(e._currentContext);
-        return r._currentContext.delete(n), r;
-      };
-    }
-    return t;
-  })()
-), x = new c();
+var R;
+(function(E) {
+  E[E.NONE = 0] = "NONE", E[E.ERROR = 30] = "ERROR", E[E.WARN = 50] = "WARN", E[E.INFO = 60] = "INFO", E[E.DEBUG = 70] = "DEBUG", E[E.VERBOSE = 80] = "VERBOSE", E[E.ALL = 9999] = "ALL";
+})(R || (R = {}));
 export {
-  x as ROOT_CONTEXT,
-  a as createContextKey
+  R as DiagLogLevel
 };

package/dist/vue-components.es43.js

@@ -1,7 +1,23 @@
-var R;
-(function(E) {
-  E[E.NONE = 0] = "NONE", E[E.ERROR = 30] = "ERROR", E[E.WARN = 50] = "WARN", E[E.INFO = 60] = "INFO", E[E.DEBUG = 70] = "DEBUG", E[E.VERBOSE = 80] = "VERBOSE", E[E.ALL = 9999] = "ALL";
-})(R || (R = {}));
+import { NoopTracer as o } from "./vue-components.es44.js";
+var s = new o(), c = (
+  /** @class */
+  (function() {
+    function r(t, e, n, a) {
+      this._provider = t, this.name = e, this.version = n, this.options = a;
+    }
+    return r.prototype.startSpan = function(t, e, n) {
+      return this._getTracer().startSpan(t, e, n);
+    }, r.prototype.startActiveSpan = function(t, e, n, a) {
+      var i = this._getTracer();
+      return Reflect.apply(i.startActiveSpan, i, arguments);
+    }, r.prototype._getTracer = function() {
+      if (this._delegate)
+        return this._delegate;
+      var t = this._provider.getDelegateTracer(this.name, this.version, this.options);
+      return t ? (this._delegate = t, this._delegate) : s;
+    }, r;
+  })()
+);
 export {
-  R as DiagLogLevel
+  c as ProxyTracer
 };

package/dist/vue-components.es44.js

@@ -1,23 +1,32 @@
-import { NoopTracer as o } from "./vue-components.es45.js";
-var s = new o(), c = (
+import { ContextAPI as l } from "./vue-components.es51.js";
+import { getSpanContext as m, setSpan as d } from "./vue-components.es58.js";
+import { NonRecordingSpan as p } from "./vue-components.es50.js";
+import { isSpanContextValid as S } from "./vue-components.es48.js";
+var f = l.getInstance(), I = (
   /** @class */
   (function() {
-    function r(t, e, n, a) {
-      this._provider = t, this.name = e, this.version = n, this.options = a;
+    function t() {
     }
-    return r.prototype.startSpan = function(t, e, n) {
-      return this._getTracer().startSpan(t, e, n);
-    }, r.prototype.startActiveSpan = function(t, e, n, a) {
-      var i = this._getTracer();
-      return Reflect.apply(i.startActiveSpan, i, arguments);
-    }, r.prototype._getTracer = function() {
-      if (this._delegate)
-        return this._delegate;
-      var t = this._provider.getDelegateTracer(this.name, this.version, this.options);
-      return t ? (this._delegate = t, this._delegate) : s;
-    }, r;
+    return t.prototype.startSpan = function(u, e, r) {
+      r === void 0 && (r = f.active());
+      var i = !!e?.root;
+      if (i)
+        return new p();
+      var n = r && m(r);
+      return g(n) && S(n) ? new p(n) : new p();
+    }, t.prototype.startActiveSpan = function(u, e, r, i) {
+      var n, o, a;
+      if (!(arguments.length < 2)) {
+        arguments.length === 2 ? a = e : arguments.length === 3 ? (n = e, a = r) : (n = e, o = r, a = i);
+        var v = o ?? f.active(), s = this.startSpan(u, n, v), c = d(v, s);
+        return f.with(c, a, void 0, s);
+      }
+    }, t;
   })()
 );
+function g(t) {
+  return typeof t == "object" && typeof t.spanId == "string" && typeof t.traceId == "string" && typeof t.traceFlags == "number";
+}
 export {
-  c as ProxyTracer
+  I as NoopTracer
 };

package/dist/vue-components.es45.js

@@ -1,32 +1,24 @@
-import { ContextAPI as l } from "./vue-components.es52.js";
-import { getSpanContext as m, setSpan as d } from "./vue-components.es58.js";
-import { NonRecordingSpan as p } from "./vue-components.es51.js";
-import { isSpanContextValid as S } from "./vue-components.es49.js";
-var f = l.getInstance(), I = (
+import { ProxyTracer as i } from "./vue-components.es43.js";
+import { NoopTracerProvider as n } from "./vue-components.es46.js";
+var c = new n(), g = (
   /** @class */
   (function() {
     function t() {
     }
-    return t.prototype.startSpan = function(u, e, r) {
-      r === void 0 && (r = f.active());
-      var i = !!e?.root;
-      if (i)
-        return new p();
-      var n = r && m(r);
-      return g(n) && S(n) ? new p(n) : new p();
-    }, t.prototype.startActiveSpan = function(u, e, r, i) {
-      var n, o, a;
-      if (!(arguments.length < 2)) {
-        arguments.length === 2 ? a = e : arguments.length === 3 ? (n = e, a = r) : (n = e, o = r, a = i);
-        var v = o ?? f.active(), s = this.startSpan(u, n, v), c = d(v, s);
-        return f.with(c, a, void 0, s);
-      }
+    return t.prototype.getTracer = function(e, o, a) {
+      var r;
+      return (r = this.getDelegateTracer(e, o, a)) !== null && r !== void 0 ? r : new i(this, e, o, a);
+    }, t.prototype.getDelegate = function() {
+      var e;
+      return (e = this._delegate) !== null && e !== void 0 ? e : c;
+    }, t.prototype.setDelegate = function(e) {
+      this._delegate = e;
+    }, t.prototype.getDelegateTracer = function(e, o, a) {
+      var r;
+      return (r = this._delegate) === null || r === void 0 ? void 0 : r.getTracer(e, o, a);
     }, t;
   })()
 );
-function g(t) {
-  return typeof t == "object" && typeof t.spanId == "string" && typeof t.traceId == "string" && typeof t.traceFlags == "number";
-}
 export {
-  I as NoopTracer
+  g as ProxyTracerProvider
 };

package/dist/vue-components.es46.js

@@ -1,24 +1,14 @@
-import { ProxyTracer as i } from "./vue-components.es44.js";
-import { NoopTracerProvider as n } from "./vue-components.es47.js";
-var c = new n(), g = (
+import { NoopTracer as o } from "./vue-components.es44.js";
+var p = (
   /** @class */
   (function() {
-    function t() {
+    function r() {
     }
-    return t.prototype.getTracer = function(e, o, a) {
-      var r;
-      return (r = this.getDelegateTracer(e, o, a)) !== null && r !== void 0 ? r : new i(this, e, o, a);
-    }, t.prototype.getDelegate = function() {
-      var e;
-      return (e = this._delegate) !== null && e !== void 0 ? e : c;
-    }, t.prototype.setDelegate = function(e) {
-      this._delegate = e;
-    }, t.prototype.getDelegateTracer = function(e, o, a) {
-      var r;
-      return (r = this._delegate) === null || r === void 0 ? void 0 : r.getTracer(e, o, a);
-    }, t;
+    return r.prototype.getTracer = function(e, n, t) {
+      return new o();
+    }, r;
   })()
 );
 export {
-  g as ProxyTracerProvider
+  p as NoopTracerProvider
 };

package/dist/vue-components.es47.js

@@ -1,14 +1,7 @@
-import { NoopTracer as o } from "./vue-components.es45.js";
-var p = (
-  /** @class */
-  (function() {
-    function r() {
-    }
-    return r.prototype.getTracer = function(e, n, t) {
-      return new o();
-    }, r;
-  })()
-);
+var N;
+(function(E) {
+  E[E.NONE = 0] = "NONE", E[E.SAMPLED = 1] = "SAMPLED";
+})(N || (N = {}));
 export {
-  p as NoopTracerProvider
+  N as TraceFlags
 };

package/dist/vue-components.es48.js

@@ -1,7 +1,21 @@
-var N;
-(function(E) {
-  E[E.NONE = 0] = "NONE", E[E.SAMPLED = 1] = "SAMPLED";
-})(N || (N = {}));
+import { INVALID_TRACEID as r, INVALID_SPANID as t } from "./vue-components.es49.js";
+import { NonRecordingSpan as i } from "./vue-components.es50.js";
+var a = /^([0-9a-f]{32})$/i, o = /^[0-9a-f]{16}$/i;
+function I(n) {
+  return a.test(n) && n !== r;
+}
+function e(n) {
+  return o.test(n) && n !== t;
+}
+function A(n) {
+  return I(n.traceId) && e(n.spanId);
+}
+function D(n) {
+  return new i(n);
+}
 export {
-  N as TraceFlags
+  A as isSpanContextValid,
+  e as isValidSpanId,
+  I as isValidTraceId,
+  D as wrapSpanContext
 };

package/dist/vue-components.es49.js

@@ -1,21 +1,11 @@
-import { INVALID_TRACEID as r, INVALID_SPANID as t } from "./vue-components.es50.js";
-import { NonRecordingSpan as i } from "./vue-components.es51.js";
-var a = /^([0-9a-f]{32})$/i, o = /^[0-9a-f]{16}$/i;
-function I(n) {
-  return a.test(n) && n !== r;
-}
-function e(n) {
-  return o.test(n) && n !== t;
-}
-function A(n) {
-  return I(n.traceId) && e(n.spanId);
-}
-function D(n) {
-  return new i(n);
-}
+import { TraceFlags as I } from "./vue-components.es47.js";
+var a = "0000000000000000", r = "00000000000000000000000000000000", A = {
+  traceId: r,
+  spanId: a,
+  traceFlags: I.NONE
+};
 export {
-  A as isSpanContextValid,
-  e as isValidSpanId,
-  I as isValidTraceId,
-  D as wrapSpanContext
+  a as INVALID_SPANID,
+  A as INVALID_SPAN_CONTEXT,
+  r as INVALID_TRACEID
 };

package/dist/vue-components.es50.js

@@ -1,11 +1,33 @@
-import { TraceFlags as I } from "./vue-components.es48.js";
-var a = "0000000000000000", r = "00000000000000000000000000000000", A = {
-  traceId: r,
-  spanId: a,
-  traceFlags: I.NONE
-};
+import { INVALID_SPAN_CONTEXT as o } from "./vue-components.es49.js";
+var i = (
+  /** @class */
+  (function() {
+    function t(n) {
+      n === void 0 && (n = o), this._spanContext = n;
+    }
+    return t.prototype.spanContext = function() {
+      return this._spanContext;
+    }, t.prototype.setAttribute = function(n, e) {
+      return this;
+    }, t.prototype.setAttributes = function(n) {
+      return this;
+    }, t.prototype.addEvent = function(n, e) {
+      return this;
+    }, t.prototype.addLink = function(n) {
+      return this;
+    }, t.prototype.addLinks = function(n) {
+      return this;
+    }, t.prototype.setStatus = function(n) {
+      return this;
+    }, t.prototype.updateName = function(n) {
+      return this;
+    }, t.prototype.end = function(n) {
+    }, t.prototype.isRecording = function() {
+      return !1;
+    }, t.prototype.recordException = function(n, e) {
+    }, t;
+  })()
+);
 export {
-  a as INVALID_SPANID,
-  A as INVALID_SPAN_CONTEXT,
-  r as INVALID_TRACEID
+  i as NonRecordingSpan
 };

package/dist/vue-components.es51.js

@@ -1,33 +1,50 @@
-import { INVALID_SPAN_CONTEXT as o } from "./vue-components.es50.js";
-var i = (
+import { NoopContextManager as f } from "./vue-components.es59.js";
+import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es57.js";
+import { DiagAPI as u } from "./vue-components.es54.js";
+var y = function(t, e) {
+  var a = typeof Symbol == "function" && t[Symbol.iterator];
+  if (!a) return t;
+  var n = a.call(t), o, r = [], i;
+  try {
+    for (; (e === void 0 || e-- > 0) && !(o = n.next()).done; ) r.push(o.value);
+  } catch (c) {
+    i = { error: c };
+  } finally {
+    try {
+      o && !o.done && (a = n.return) && a.call(n);
+    } finally {
+      if (i) throw i.error;
+    }
+  }
+  return r;
+}, d = function(t, e, a) {
+  if (a || arguments.length === 2) for (var n = 0, o = e.length, r; n < o; n++)
+    (r || !(n in e)) && (r || (r = Array.prototype.slice.call(e, 0, n)), r[n] = e[n]);
+  return t.concat(r || Array.prototype.slice.call(e));
+}, l = "context", _ = new f(), A = (
   /** @class */
   (function() {
-    function t(n) {
-      n === void 0 && (n = o), this._spanContext = n;
+    function t() {
     }
-    return t.prototype.spanContext = function() {
-      return this._spanContext;
-    }, t.prototype.setAttribute = function(n, e) {
-      return this;
-    }, t.prototype.setAttributes = function(n) {
-      return this;
-    }, t.prototype.addEvent = function(n, e) {
-      return this;
-    }, t.prototype.addLink = function(n) {
-      return this;
-    }, t.prototype.addLinks = function(n) {
-      return this;
-    }, t.prototype.setStatus = function(n) {
-      return this;
-    }, t.prototype.updateName = function(n) {
-      return this;
-    }, t.prototype.end = function(n) {
-    }, t.prototype.isRecording = function() {
-      return !1;
-    }, t.prototype.recordException = function(n, e) {
+    return t.getInstance = function() {
+      return this._instance || (this._instance = new t()), this._instance;
+    }, t.prototype.setGlobalContextManager = function(e) {
+      return s(l, e, u.instance());
+    }, t.prototype.active = function() {
+      return this._getContextManager().active();
+    }, t.prototype.with = function(e, a, n) {
+      for (var o, r = [], i = 3; i < arguments.length; i++)
+        r[i - 3] = arguments[i];
+      return (o = this._getContextManager()).with.apply(o, d([e, a, n], y(r), !1));
+    }, t.prototype.bind = function(e, a) {
+      return this._getContextManager().bind(e, a);
+    }, t.prototype._getContextManager = function() {
+      return p(l) || _;
+    }, t.prototype.disable = function() {
+      this._getContextManager().disable(), g(l, u.instance());
     }, t;
   })()
 );
 export {
-  i as NonRecordingSpan
+  A as ContextAPI
 };

package/dist/vue-components.es52.js

@@ -1,50 +1,28 @@
-import { NoopContextManager as f } from "./vue-components.es59.js";
-import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es57.js";
-import { DiagAPI as u } from "./vue-components.es54.js";
-var y = function(t, e) {
-  var a = typeof Symbol == "function" && t[Symbol.iterator];
-  if (!a) return t;
-  var n = a.call(t), o, r = [], i;
-  try {
-    for (; (e === void 0 || e-- > 0) && !(o = n.next()).done; ) r.push(o.value);
-  } catch (c) {
-    i = { error: c };
-  } finally {
-    try {
-      o && !o.done && (a = n.return) && a.call(n);
-    } finally {
-      if (i) throw i.error;
-    }
-  }
-  return r;
-}, d = function(t, e, a) {
-  if (a || arguments.length === 2) for (var n = 0, o = e.length, r; n < o; n++)
-    (r || !(n in e)) && (r || (r = Array.prototype.slice.call(e, 0, n)), r[n] = e[n]);
-  return t.concat(r || Array.prototype.slice.call(e));
-}, l = "context", _ = new f(), A = (
+import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es57.js";
+import { ProxyTracerProvider as i } from "./vue-components.es45.js";
+import { wrapSpanContext as c, isSpanContextValid as h } from "./vue-components.es48.js";
+import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es58.js";
+import { DiagAPI as o } from "./vue-components.es54.js";
+var n = "trace", y = (
   /** @class */
   (function() {
     function t() {
+      this._proxyTracerProvider = new i(), this.wrapSpanContext = c, this.isSpanContextValid = h, this.deleteSpan = g, this.getSpan = S, this.getActiveSpan = x, this.getSpanContext = d, this.setSpan = f, this.setSpanContext = l;
     }
     return t.getInstance = function() {
       return this._instance || (this._instance = new t()), this._instance;
-    }, t.prototype.setGlobalContextManager = function(e) {
-      return s(l, e, u.instance());
-    }, t.prototype.active = function() {
-      return this._getContextManager().active();
-    }, t.prototype.with = function(e, a, n) {
-      for (var o, r = [], i = 3; i < arguments.length; i++)
-        r[i - 3] = arguments[i];
-      return (o = this._getContextManager()).with.apply(o, d([e, a, n], y(r), !1));
-    }, t.prototype.bind = function(e, a) {
-      return this._getContextManager().bind(e, a);
-    }, t.prototype._getContextManager = function() {
-      return p(l) || _;
+    }, t.prototype.setGlobalTracerProvider = function(r) {
+      var e = a(n, this._proxyTracerProvider, o.instance());
+      return e && this._proxyTracerProvider.setDelegate(r), e;
+    }, t.prototype.getTracerProvider = function() {
+      return p(n) || this._proxyTracerProvider;
+    }, t.prototype.getTracer = function(r, e) {
+      return this.getTracerProvider().getTracer(r, e);
     }, t.prototype.disable = function() {
-      this._getContextManager().disable(), g(l, u.instance());
+      s(n, o.instance()), this._proxyTracerProvider = new i();
     }, t;
   })()
 );
 export {
-  A as ContextAPI
+  y as TraceAPI
 };

package/dist/vue-components.es53.js

@@ -1,28 +1,13 @@
-import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es57.js";
-import { ProxyTracerProvider as i } from "./vue-components.es46.js";
-import { wrapSpanContext as c, isSpanContextValid as h } from "./vue-components.es49.js";
-import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es58.js";
-import { DiagAPI as o } from "./vue-components.es54.js";
-var n = "trace", y = (
-  /** @class */
-  (function() {
-    function t() {
-      this._proxyTracerProvider = new i(), this.wrapSpanContext = c, this.isSpanContextValid = h, this.deleteSpan = g, this.getSpan = S, this.getActiveSpan = x, this.getSpanContext = d, this.setSpan = f, this.setSpanContext = l;
-    }
-    return t.getInstance = function() {
-      return this._instance || (this._instance = new t()), this._instance;
-    }, t.prototype.setGlobalTracerProvider = function(r) {
-      var e = a(n, this._proxyTracerProvider, o.instance());
-      return e && this._proxyTracerProvider.setDelegate(r), e;
-    }, t.prototype.getTracerProvider = function() {
-      return p(n) || this._proxyTracerProvider;
-    }, t.prototype.getTracer = function(r, e) {
-      return this.getTracerProvider().getTracer(r, e);
-    }, t.prototype.disable = function() {
-      s(n, o.instance()), this._proxyTracerProvider = new i();
-    }, t;
-  })()
-);
+import { useStore as u } from "@tanstack/vue-form";
+import { computed as f } from "vue";
+function c(o, t) {
+  return f(() => t ? u(o.store, (n) => {
+    const r = {};
+    for (const e of t)
+      r[e] = n[e];
+    return r;
+  }).value : {});
+}
 export {
-  y as TraceAPI
+  c as getOmegaStore
 };

package/dist/vue-components.es54.js

@@ -1,6 +1,6 @@
 import { DiagComponentLogger as m } from "./vue-components.es55.js";
 import { createLogLevelDiagLogger as y } from "./vue-components.es56.js";
-import { DiagLogLevel as d } from "./vue-components.es43.js";
+import { DiagLogLevel as d } from "./vue-components.es42.js";
 import { unregisterGlobal as p, getGlobal as v, registerGlobal as w } from "./vue-components.es57.js";
 var b = function(i, n) {
   var r = typeof Symbol == "function" && i[Symbol.iterator];

package/dist/vue-components.es56.js

@@ -1,4 +1,4 @@
-import { DiagLogLevel as r } from "./vue-components.es43.js";
+import { DiagLogLevel as r } from "./vue-components.es42.js";
 function c(n, o) {
   n < r.NONE ? n = r.NONE : n > r.ALL && (n = r.ALL), o = o || {};
   function i(t, f) {

package/dist/vue-components.es58.js

@@ -1,6 +1,6 @@
-import { createContextKey as o } from "./vue-components.es42.js";
-import { NonRecordingSpan as a } from "./vue-components.es51.js";
-import { ContextAPI as u } from "./vue-components.es52.js";
+import { createContextKey as o } from "./vue-components.es41.js";
+import { NonRecordingSpan as a } from "./vue-components.es50.js";
+import { ContextAPI as u } from "./vue-components.es51.js";
 var n = o("OpenTelemetry Context Key SPAN");
 function r(e) {
   return e.getValue(n) || void 0;

package/dist/vue-components.es59.js

@@ -1,4 +1,4 @@
-import { ROOT_CONTEXT as l } from "./vue-components.es42.js";
+import { ROOT_CONTEXT as l } from "./vue-components.es41.js";
 var c = function(t, o) {
   var n = typeof Symbol == "function" && t[Symbol.iterator];
   if (!n) return t;

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 C, computed as a, getCurrentInstance as x, useId as V, onMounted as _, renderSlot as P, normalizeProps as m, guardReactiveProps as M, createElementVNode as N, normalizeClass as $, createBlock as q, createCommentVNode as B, unref as O, openBlock as k, mergeProps as I } from "vue";
-import { useStore as L } from "@tanstack/vue-form";
+import { defineComponent as b, computed as r, getCurrentInstance as C, useId as x, renderSlot as _, normalizeProps as m, guardReactiveProps as P, createElementVNode as N, normalizeClass as $, createBlock as q, createCommentVNode as B, unref as k, openBlock as I, mergeProps as L } from "vue";
+import { useStore as M } from "@tanstack/vue-form";
 import S from "./vue-components.es38.js";
 
-const E = /* @__PURE__ */ C({
+const U = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "OmegaInternalInput",
   props: {
@@ -17,59 +17,51 @@ const E = /* @__PURE__ */ C({
     register: {},
     options: { default: void 0 }
   },
-  setup(d) {
-    const e = d, i = a(() => e.required ?? e?.meta?.required), f = x()?.appContext.components.VTextField, o = V(), r = e.field, s = L(r.store, (t) => t), p = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown");
-    e.register(a(() => ({ name: e.field.name, label: e.label, id: o })));
-    const c = a(() => s.value.value), g = a(() => s.value.meta.errors ?? []), u = a(
+  setup(u) {
+    const e = u, o = r(() => e.required ?? e?.meta?.required), d = C()?.appContext.components.VTextField, l = x(), p = e.field, i = M(p.store, (t) => t), f = r(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown");
+    e.register(r(() => ({ name: e.field.name, label: e.label, id: l }))), r(() => i.value.value);
+    const c = r(() => i.value.meta.errors ?? []), s = r(
       () => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        g.value.map((t) => t?.message).filter(Boolean)
+        c.value.map((t) => t?.message).filter(Boolean)
       )
-    ), v = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), y = (t) => {
-      v(t) && e.meta?.type !== "boolean" && e.meta?.nullableOrUndefined ? e.field.handleChange(
+    ), g = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), v = (t) => {
+      g(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((n) => ({ ...n, errorMap: { ...n.errorMap, onSubmit: void 0 } }));
-    };
-    _(() => {
-      if (c.value === void 0) {
-        const t = s.value.meta.isDirty;
-        if (r.setMeta((n) => ({ ...n, isDirty: t })), i.value) return;
-        e.meta?.nullableOrUndefined === "null" ? r.setValue(null) : e.meta?.nullableOrUndefined === "undefined" ? r.setValue(void 0) : e.meta?.type === "string" ? r.setValue("") : e.meta?.type === "number" || e.meta?.type === "boolean" && r.setValue(!1);
-      }
-    });
-    const h = (t) => {
+    }, h = (t) => {
       const n = {
-        get(F, b, R) {
-          return b === "handleChange" ? y : Reflect.get(...arguments);
+        get(O, y, R) {
+          return y === "handleChange" ? v : Reflect.get(...arguments);
         }
       };
       return new Proxy(t, n);
-    }, l = a(() => ({
+    }, a = r(() => ({
       inputProps: {
-        id: o,
-        required: i.value,
+        id: l,
+        required: o.value,
         minLength: e.meta?.type === "string" && e.meta?.minLength,
         maxLength: e.meta?.type === "string" && e.meta?.maxLength,
         max: e.meta?.type === "number" && e.meta?.maximum,
         min: e.meta?.type === "number" && e.meta?.minimum,
-        errorMessages: u.value,
-        error: !!u.value.length,
-        type: p.value,
-        label: `${e.label}${i.value ? " *" : ""}`,
+        errorMessages: s.value,
+        error: !!s.value.length,
+        type: f.value,
+        label: `${e.label}${o.value ? " *" : ""}`,
         options: e.options
       },
       state: e.state,
       field: h(e.field)
     }));
-    return (t, n) => P(t.$slots, "default", m(M({ ...l.value.inputProps, field: l.value.field, state: l.value.state })), () => [
+    return (t, n) => _(t.$slots, "default", m(P({ ...a.value.inputProps, field: a.value.field, state: a.value.state })), () => [
       N("div", {
         class: $(t.$attrs.class)
       }, [
-        O(f) ? (k(), q(S, m(I({ key: 0 }, { ...t.$attrs, ...l.value })), null, 16)) : B("", !0)
+        k(d) ? (I(), q(S, m(L({ key: 0 }, { ...t.$attrs, ...a.value })), null, 16)) : B("", !0)
       ], 2)
     ]);
   }
 });
 export {
-  E as default
+  U as default
 };

package/package.json

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

package/src/components/OmegaForm/OmegaInternalInput.vue

@@ -14,8 +14,8 @@
   lang="ts"
   generic="From extends Record<PropertyKey, any>, Name extends DeepKeys<From>"
 >
-import { type DeepKeys, type DeepValue, useStore } from "@tanstack/vue-form"
-import { computed, type ComputedRef, getCurrentInstance, onMounted, useId } from "vue"
+import { type DeepKeys, useStore } from "@tanstack/vue-form"
+import { computed, type ComputedRef, getCurrentInstance, useId } from "vue"
 import type { InputProps, OmegaFieldInternalApi } from "./InputProps"
 import type { FieldValidators, MetaRecord, NestedKeyOf, TypeOverride } from "./OmegaFormStuff"
 import OmegaInputVuetify from "./OmegaInputVuetify.vue"
@@ -112,35 +112,8 @@ const handleChange: OmegaFieldInternalApi<From, Name>["handleChange"] = (value)
   props.field.setMeta((m) => ({ ...m, errorMap: { ...m.errorMap, onSubmit: undefined } }))
 }
 
-// TODO: it would be cleaner when default values are handled in the form initialization via Schema or by the one using the form component..
-onMounted(() => {
-  // Initialize field value on mount if it doesn't exist
-  if (fieldValue.value === undefined) {
-    const isDirty = fieldState.value.meta.isDirty
-    // make sure we restore the previous dirty state..
-    fieldApi.setMeta((_) => ({ ..._, isDirty }))
-
-    if (isRequired.value) return
-
-    // Set appropriate default value based on field type and nullability
-    if (props.meta?.nullableOrUndefined === "null") {
-      fieldApi.setValue(null as DeepValue<From, Name>)
-    } else if (props.meta?.nullableOrUndefined === "undefined") {
-      fieldApi.setValue(undefined as DeepValue<From, Name>)
-    } else {
-      // For required fields, initialize with appropriate empty value
-      if (props.meta?.type === "string") {
-        fieldApi.setValue("" as DeepValue<From, Name>)
-      } else if (props.meta?.type === "number") {
-        // Don't initialize number fields to avoid setting them to 0
-        // Leave as undefined so validation will catch it
-      } else if (props.meta?.type === "boolean") {
-        fieldApi.setValue(false as DeepValue<From, Name>)
-      }
-      // For other types, leave undefined so validation will catch missing required fields
-    }
-  }
-})
+// Note: Default value normalization (converting empty strings to null/undefined for nullable fields)
+// is now handled at the form level in useOmegaForm, not here in the component
 
 const wrapField = (field: OmegaFieldInternalApi<From, Name>) => {
   const handler3 = {

package/src/components/OmegaForm/useOmegaForm.ts

@@ -783,14 +783,50 @@ export const useOmegaForm = <
     return target
   }
 
+  // Normalize default values based on schema metadata
+  // Convert empty strings to null/undefined for nullable fields
+  // Also initialize missing nullable fields with null/undefined
+  const normalizeDefaultValues = (values: Partial<From>): Partial<From> => {
+    const normalized: any = { ...values }
+
+    // Process all fields in the schema metadata
+    for (const key in meta) {
+      const fieldMeta = meta[key as keyof typeof meta]
+      const value = normalized[key]
+
+      // Check if the value is falsy (but not boolean false or zero)
+      const isFalsyButNotZero = value == null || value === false || value === "" || Number.isNaN(value)
+      const isFalsy = isFalsyButNotZero && value !== false && value !== 0
+
+      if (
+        fieldMeta
+        && !fieldMeta.required
+        && fieldMeta.nullableOrUndefined
+        && fieldMeta.type !== "boolean"
+      ) {
+        // If value is missing or falsy, set to null or undefined based on schema
+        if (value === undefined || isFalsy) {
+          normalized[key] = fieldMeta.nullableOrUndefined === "undefined" ? undefined : null
+        }
+      }
+    }
+
+    return normalized
+  }
+
   const defaultValues = computed(() => {
+    // Normalize tanstack default values at the beginning
+    const normalizedTanstackDefaults = tanstackFormOptions?.defaultValues
+      ? normalizeDefaultValues(tanstackFormOptions.defaultValues)
+      : undefined
+
     if (
-      tanstackFormOptions?.defaultValues
+      normalizedTanstackDefaults
       && !omegaConfig?.persistency?.overrideDefaultValues
     ) {
       // defaultValues from tanstack are not partial,
-      // so if ovverrideDefaultValues is false we simply return them
-      return tanstackFormOptions?.defaultValues
+      // so if ovverrideDefaultValues is false we return the normalized values
+      return normalizedTanstackDefaults
     }
 
     // we are here because there are no default values from tankstack
@@ -839,12 +875,11 @@ export const useOmegaForm = <
     // to be sure we have a valid object at the end of the gathering process
     defValuesPatch ??= {}
 
-    if (tanstackFormOptions?.defaultValues == undefined) {
+    if (!normalizedTanstackDefaults) {
       // we just return what we gathered from the query/storage
       return defValuesPatch
     } else {
-      const startingDefValues = tanstackFormOptions?.defaultValues
-      return deepMerge(startingDefValues, defValuesPatch)
+      return deepMerge(normalizedTanstackDefaults, defValuesPatch)
     }
   })