@effect-app/vue-components 0.27.14 → 0.27.16

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

@@ -1,6 +1,7 @@
 import { type DeepKeys, type DeepValue } from "@tanstack/vue-form";
 import { type OmegaInputProps } from "./OmegaFormStuff";
-declare const _default: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <// dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
+From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & (Omit<OmegaInputProps<From, To>, "label" | "type" | "options" | "validators" | "items"> & {
         defaultItems?: DeepValue<From, DeepKeys<From>>;
         items?: "please use `defaultItems` instead";

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

@@ -1,5 +1,6 @@
 import { type OmegaInputProps } from "./OmegaFormStuff";
-declare const _default: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <// dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
+From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & OmegaInputProps<From, To> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

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

@@ -1,13 +1,13 @@
 import { type S } from "effect-app";
 import { type FormProps, type OmegaFormState, type ShowErrorsOn } from "./OmegaFormStuff";
-import { type OmegaConfig, type OmegaFormReturn } from "./useOmegaForm";
-declare const _default: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, K extends keyof OmegaFormState<From, To> = keyof OmegaFormState<From, To>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+import { type DefaultInputProps, type OmegaConfig, type OmegaFormReturn } from "./useOmegaForm";
+declare const _default: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, K extends keyof OmegaFormState<From, To> = keyof OmegaFormState<From, To>, Props = DefaultInputProps<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ({
         omegaConfig?: OmegaConfig<From>;
         subscribe?: K[];
         showErrorsOn?: ShowErrorsOn;
     } & Omit<FormProps<From, To>, "onSubmit"> & (({
-        form: OmegaFormReturn<From, To>;
+        form: OmegaFormReturn<From, To, Props>;
         schema?: undefined;
     } | {
         form?: undefined;

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

@@ -33,7 +33,7 @@ export declare const OmegaFormKey: InjectionKey<OF<any, any>>;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};
-type DefaultProps<From> = {
+export type DefaultInputProps<From> = {
     label?: string;
     validators?: FieldValidators<From>;
     options?: {
@@ -42,7 +42,7 @@ type DefaultProps<From> = {
     }[];
     type?: TypeOverride;
 };
-export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Props = DefaultProps<From>> extends OF<From, To> {
+export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Props = DefaultInputProps<From>> extends OF<From, To> {
     Input: <Name extends DeepKeys<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
         props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
             name: Name;
@@ -57,5 +57,5 @@ export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To exten
         __ctx?: Awaited<typeof __VLS_setup>;
     };
 }
-export declare const useOmegaForm: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Props = DefaultProps<From>>(schema: S.Schema<To, From, never>, tanstackFormOptions?: NoInfer<FormProps<From, To>>, omegaConfig?: OmegaConfig<To>) => OmegaFormReturn<From, To, Props>;
+export declare const useOmegaForm: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Props = DefaultInputProps<From>>(schema: S.Schema<To, From, never>, tanstackFormOptions?: NoInfer<FormProps<From, To>>, omegaConfig?: OmegaConfig<To>) => OmegaFormReturn<From, To, Props>;
 export {};

package/dist/vue-components.es10.js

@@ -1,6 +1,6 @@
 import { S as n, Option as c, pipe as L } from "effect-app";
 import { useIntl as U } from "./vue-components.es3.js";
-const _ = n.NonEmptyArray(n.String), N = (e) => n.AST.isUnion(e) && e.types.find((i) => i._tag === "UndefinedKeyword" || i === n.Null.ast), g = (e) => !e || !n.AST.isUnion(e) ? !1 : e.types.find((i) => i._tag === "UndefinedKeyword") ? "undefined" : e.types.find((i) => i === n.Null.ast) ? "null" : !1, m = ({ meta: e = {}, parent: i = "", property: t, propertySignatures: p }, o = {}) => {
+const N = n.NonEmptyArray(n.String), _ = (e) => n.AST.isUnion(e) && e.types.find((i) => i._tag === "UndefinedKeyword" || i === n.Null.ast), g = (e) => !e || !n.AST.isUnion(e) ? !1 : e.types.find((i) => i._tag === "UndefinedKeyword") ? "undefined" : e.types.find((i) => i === n.Null.ast) ? "null" : !1, m = ({ meta: e = {}, parent: i = "", property: t, propertySignatures: p }, o = {}) => {
   if (t && t._tag === "Transformation")
     return m({
       parent: i,
@@ -18,7 +18,7 @@ const _ = n.NonEmptyArray(n.String), N = (e) => n.AST.isUnion(e) && e.types.find
       if (n.AST.isUnion(r.type)) {
         const T = r.type.types.filter(
           (s) => s._tag !== "UndefinedKeyword" && s !== n.Null.ast
-        );
+        ).map((s) => s._tag === "Transformation" ? s.from : s);
         if (T.some(
           (s) => "propertySignatures" in s
         )) {
@@ -156,7 +156,7 @@ const _ = n.NonEmptyArray(n.String), N = (e) => n.AST.isUnion(e) && e.types.find
     return o;
   }
   if (t) {
-    const r = N(t);
+    const r = _(t);
     if (Object.hasOwnProperty.call(e, "required") || (e.required = !r), n.AST.isUnion(t)) {
       const a = t.types.find(
         (u) => u._tag !== "UndefinedKeyword" && u !== n.Null.ast
@@ -226,7 +226,7 @@ const _ = n.NonEmptyArray(n.String), N = (e) => n.AST.isUnion(e) && e.types.find
     c.liftPredicate((p) => p._tag === "Refinement" && "filter" in p),
     c.flatMap((p) => n.AST.getJSONSchemaAnnotation(p)),
     c.filter((p) => "items" in p),
-    c.filterMap(({ items: p }) => n.decodeUnknownOption(_)(p)),
+    c.filterMap(({ items: p }) => n.decodeUnknownOption(N)(p)),
     c.zipWith(
       n.AST.getMessageAnnotation(e.ast),
       (p, o) => ({

package/dist/vue-components.es12.js

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

package/dist/vue-components.es20.js

@@ -1,6 +1,6 @@
 import { defineComponent as M, getCurrentInstance as B, computed as u, onBeforeMount as L, watch as S, provide as C, createElementBlock as O, openBlock as h, withModifiers as V, createElementVNode as k, unref as m, renderSlot as p, createCommentVNode as K, Fragment as _ } from "vue";
 import { useStore as y } from "@tanstack/vue-form";
-import { getOmegaStore as $ } from "./vue-components.es27.js";
+import { getOmegaStore as $ } from "./vue-components.es26.js";
 import { provideOmegaErrors as A } from "./vue-components.es8.js";
 import { useOmegaForm as W, OmegaFormKey as P } from "./vue-components.es9.js";
 const x = ["disabled"], q = /* @__PURE__ */ M({

package/dist/vue-components.es26.js

@@ -1,92 +1,13 @@
-(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 w, getCurrentInstance as x, useId as C, computed as a, watch as f, nextTick as N, onMounted as d, ref as $, watchEffect as k, renderSlot as B, normalizeProps as I, guardReactiveProps as O, createElementVNode as _, normalizeClass as q, createBlock as L, createCommentVNode as P, unref as F, openBlock as S, mergeProps as T } from "vue";
-import { useStore as z } from "@tanstack/vue-form";
-import { useOmegaErrors as A } from "./vue-components.es8.js";
-import D from "./vue-components.es48.js";
-
-const J = /* @__PURE__ */ w({
-  inheritAttrs: !1,
-  __name: "OmegaInternalInput",
-  props: {
-    field: {},
-    meta: {},
-    label: {},
-    options: {},
-    type: {},
-    validators: {}
-  },
-  setup(c) {
-    const e = c, v = x()?.appContext.components.VTextField, l = C(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), n = a(() => r.value.value), g = a(
-      () => (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        r.value.meta.errors.map((t) => t?.message).filter(Boolean)
-      )
-    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t);
-    f(
-      () => !!n.value,
-      () => {
-        y(n.value) && e.meta?.type !== "boolean" && N(() => {
-          o.setValue(
-            e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
-          );
-        });
-      }
-    ), d(() => {
-      !n.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null" && o.setValue(null);
-    });
-    const { addError: h, removeError: b, showErrors: E, showErrorsOn: V } = A(), s = $(!1);
-    k(() => {
-      (E.value || V === "onChange") && (s.value = !0);
-    });
-    const u = () => {
-      s.value = !0;
-    };
-    d(() => {
-      n.value && u();
-    });
-    const p = a(() => !s.value && m.value !== "select" ? [] : g.value);
-    f(
-      () => r.value.meta.errors,
-      () => {
-        r.value.meta.errors.length ? h({
-          inputId: l,
-          errors: r.value.meta.errors.map((t) => t.message).filter(Boolean),
-          label: e.label
-        }) : b(l);
-      }
-    );
-    const i = a(() => ({
-      id: l,
-      required: e.meta?.required,
-      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,
-      name: e.field.name,
-      modelValue: e.field.state.value,
-      errorMessages: p.value,
-      error: !!p.value.length,
-      field: e.field,
-      setRealDirty: u,
-      type: m.value,
-      label: `${e.label}${e.meta?.required ? " *" : ""}`,
-      options: e.options
-    }));
-    return (t, R) => B(t.$slots, "default", I(O(i.value)), () => [
-      _("div", {
-        class: q(t.$attrs.class),
-        onFocusout: u
-      }, [
-        F(v) ? (S(), L(D, T({
-          key: 0,
-          "input-props": i.value
-        }, t.$attrs, {
-          "vuetify-value": i.value.field.state.value
-        }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
-      ], 34)
-    ]);
-  }
-});
+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 {
-  J as default
+  c as getOmegaStore
 };

package/dist/vue-components.es27.js

@@ -1,13 +1,92 @@
-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(){"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 w, getCurrentInstance as x, useId as C, computed as a, watch as f, nextTick as N, onMounted as d, ref as $, watchEffect as k, renderSlot as B, normalizeProps as I, guardReactiveProps as O, createElementVNode as _, normalizeClass as q, createBlock as L, createCommentVNode as P, unref as F, openBlock as S, mergeProps as T } from "vue";
+import { useStore as z } from "@tanstack/vue-form";
+import { useOmegaErrors as A } from "./vue-components.es8.js";
+import D from "./vue-components.es48.js";
+
+const J = /* @__PURE__ */ w({
+  inheritAttrs: !1,
+  __name: "OmegaInternalInput",
+  props: {
+    field: {},
+    meta: {},
+    label: {},
+    options: {},
+    type: {},
+    validators: {}
+  },
+  setup(c) {
+    const e = c, v = x()?.appContext.components.VTextField, l = C(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), n = a(() => r.value.value), g = a(
+      () => (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        r.value.meta.errors.map((t) => t?.message).filter(Boolean)
+      )
+    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t);
+    f(
+      () => !!n.value,
+      () => {
+        y(n.value) && e.meta?.type !== "boolean" && N(() => {
+          o.setValue(
+            e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
+          );
+        });
+      }
+    ), d(() => {
+      !n.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null" && o.setValue(null);
+    });
+    const { addError: h, removeError: b, showErrors: E, showErrorsOn: V } = A(), s = $(!1);
+    k(() => {
+      (E.value || V === "onChange") && (s.value = !0);
+    });
+    const u = () => {
+      s.value = !0;
+    };
+    d(() => {
+      n.value && u();
+    });
+    const p = a(() => !s.value && m.value !== "select" ? [] : g.value);
+    f(
+      () => r.value.meta.errors,
+      () => {
+        r.value.meta.errors.length ? h({
+          inputId: l,
+          errors: r.value.meta.errors.map((t) => t.message).filter(Boolean),
+          label: e.label
+        }) : b(l);
+      }
+    );
+    const i = a(() => ({
+      id: l,
+      required: e.meta?.required,
+      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,
+      name: e.field.name,
+      modelValue: e.field.state.value,
+      errorMessages: p.value,
+      error: !!p.value.length,
+      field: e.field,
+      setRealDirty: u,
+      type: m.value,
+      label: `${e.label}${e.meta?.required ? " *" : ""}`,
+      options: e.options
+    }));
+    return (t, R) => B(t.$slots, "default", I(O(i.value)), () => [
+      _("div", {
+        class: q(t.$attrs.class),
+        onFocusout: u
+      }, [
+        F(v) ? (S(), L(D, T({
+          key: 0,
+          "input-props": i.value
+        }, t.$attrs, {
+          "vuetify-value": i.value.field.state.value
+        }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
+      ], 34)
+    ]);
+  }
+});
 export {
-  c as getOmegaStore
+  J as default
 };

package/dist/vue-components.es29.js

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

package/dist/vue-components.es33.js

@@ -1,5 +1,5 @@
 import { ContextAPI as l } from "./vue-components.es40.js";
-import { getSpanContext as m, setSpan as d } from "./vue-components.es42.js";
+import { getSpanContext as m, setSpan as d } from "./vue-components.es46.js";
 import { NonRecordingSpan as p } from "./vue-components.es39.js";
 import { isSpanContextValid as S } from "./vue-components.es37.js";
 var f = l.getInstance(), I = (

package/dist/vue-components.es40.js

@@ -1,6 +1,6 @@
 import { NoopContextManager as f } from "./vue-components.es47.js";
-import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es46.js";
-import { DiagAPI as u } from "./vue-components.es43.js";
+import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es45.js";
+import { DiagAPI as u } from "./vue-components.es42.js";
 var y = function(t, e) {
   var a = typeof Symbol == "function" && t[Symbol.iterator];
   if (!a) return t;

package/dist/vue-components.es41.js

@@ -1,8 +1,8 @@
-import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es46.js";
+import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es45.js";
 import { ProxyTracerProvider as i } from "./vue-components.es34.js";
 import { wrapSpanContext as c, isSpanContextValid as h } from "./vue-components.es37.js";
-import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es42.js";
-import { DiagAPI as o } from "./vue-components.es43.js";
+import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es46.js";
+import { DiagAPI as o } from "./vue-components.es42.js";
 var n = "trace", y = (
   /** @class */
   (function() {

package/dist/vue-components.es42.js

@@ -1,31 +1,67 @@
-import { createContextKey as o } from "./vue-components.es30.js";
-import { NonRecordingSpan as a } from "./vue-components.es39.js";
-import { ContextAPI as u } from "./vue-components.es40.js";
-var n = o("OpenTelemetry Context Key SPAN");
-function r(e) {
-  return e.getValue(n) || void 0;
-}
-function S() {
-  return r(u.getInstance().active());
-}
-function i(e, t) {
-  return e.setValue(n, t);
-}
-function l(e) {
-  return e.deleteValue(n);
-}
-function d(e, t) {
-  return i(e, new a(t));
-}
-function m(e) {
-  var t;
-  return (t = r(e)) === null || t === void 0 ? void 0 : t.spanContext();
-}
+import { DiagComponentLogger as m } from "./vue-components.es43.js";
+import { createLogLevelDiagLogger as y } from "./vue-components.es44.js";
+import { DiagLogLevel as d } from "./vue-components.es31.js";
+import { unregisterGlobal as p, getGlobal as v, registerGlobal as w } from "./vue-components.es45.js";
+var b = function(i, n) {
+  var r = typeof Symbol == "function" && i[Symbol.iterator];
+  if (!r) return i;
+  var t = r.call(i), a, e = [], o;
+  try {
+    for (; (n === void 0 || n-- > 0) && !(a = t.next()).done; ) e.push(a.value);
+  } catch (l) {
+    o = { error: l };
+  } finally {
+    try {
+      a && !a.done && (r = t.return) && r.call(t);
+    } finally {
+      if (o) throw o.error;
+    }
+  }
+  return e;
+}, _ = function(i, n, r) {
+  if (r || arguments.length === 2) for (var t = 0, a = n.length, e; t < a; t++)
+    (e || !(t in n)) && (e || (e = Array.prototype.slice.call(n, 0, t)), e[t] = n[t]);
+  return i.concat(e || Array.prototype.slice.call(n));
+}, h = "diag", P = (
+  /** @class */
+  (function() {
+    function i() {
+      function n(a) {
+        return function() {
+          for (var e = [], o = 0; o < arguments.length; o++)
+            e[o] = arguments[o];
+          var l = v("diag");
+          if (l)
+            return l[a].apply(l, _([], b(e), !1));
+        };
+      }
+      var r = this, t = function(a, e) {
+        var o, l, g;
+        if (e === void 0 && (e = { logLevel: d.INFO }), a === r) {
+          var u = new Error("Cannot use diag as the logger for itself. Please use a DiagLogger implementation like ConsoleDiagLogger or a custom implementation");
+          return r.error((o = u.stack) !== null && o !== void 0 ? o : u.message), !1;
+        }
+        typeof e == "number" && (e = {
+          logLevel: e
+        });
+        var f = v("diag"), s = y((l = e.logLevel) !== null && l !== void 0 ? l : d.INFO, a);
+        if (f && !e.suppressOverrideMessage) {
+          var c = (g = new Error().stack) !== null && g !== void 0 ? g : "<failed to generate stacktrace>";
+          f.warn("Current logger will be overwritten from " + c), s.warn("Current logger will overwrite one already registered from " + c);
+        }
+        return w("diag", s, r, !0);
+      };
+      r.setLogger = t, r.disable = function() {
+        p(h, r);
+      }, r.createComponentLogger = function(a) {
+        return new m(a);
+      }, r.verbose = n("verbose"), r.debug = n("debug"), r.info = n("info"), r.warn = n("warn"), r.error = n("error");
+    }
+    return i.instance = function() {
+      return this._instance || (this._instance = new i()), this._instance;
+    }, i;
+  })()
+);
 export {
-  l as deleteSpan,
-  S as getActiveSpan,
-  r as getSpan,
-  m as getSpanContext,
-  i as setSpan,
-  d as setSpanContext
+  P as DiagAPI
 };

package/dist/vue-components.es43.js

@@ -1,67 +1,58 @@
-import { DiagComponentLogger as m } from "./vue-components.es44.js";
-import { createLogLevelDiagLogger as y } from "./vue-components.es45.js";
-import { DiagLogLevel as d } from "./vue-components.es31.js";
-import { unregisterGlobal as p, getGlobal as v, registerGlobal as w } from "./vue-components.es46.js";
-var b = function(i, n) {
-  var r = typeof Symbol == "function" && i[Symbol.iterator];
-  if (!r) return i;
-  var t = r.call(i), a, e = [], o;
+import { getGlobal as f } from "./vue-components.es45.js";
+var p = function(n, e) {
+  var r = typeof Symbol == "function" && n[Symbol.iterator];
+  if (!r) return n;
+  var t = r.call(n), o, a = [], g;
   try {
-    for (; (n === void 0 || n-- > 0) && !(a = t.next()).done; ) e.push(a.value);
-  } catch (l) {
-    o = { error: l };
+    for (; (e === void 0 || e-- > 0) && !(o = t.next()).done; ) a.push(o.value);
+  } catch (s) {
+    g = { error: s };
   } finally {
     try {
-      a && !a.done && (r = t.return) && r.call(t);
+      o && !o.done && (r = t.return) && r.call(t);
     } finally {
-      if (o) throw o.error;
+      if (g) throw g.error;
     }
   }
-  return e;
-}, _ = function(i, n, r) {
-  if (r || arguments.length === 2) for (var t = 0, a = n.length, e; t < a; t++)
-    (e || !(t in n)) && (e || (e = Array.prototype.slice.call(n, 0, t)), e[t] = n[t]);
-  return i.concat(e || Array.prototype.slice.call(n));
-}, h = "diag", P = (
+  return a;
+}, l = function(n, e, r) {
+  if (r || arguments.length === 2) for (var t = 0, o = e.length, a; t < o; t++)
+    (a || !(t in e)) && (a || (a = Array.prototype.slice.call(e, 0, t)), a[t] = e[t]);
+  return n.concat(a || Array.prototype.slice.call(e));
+}, i = (
   /** @class */
   (function() {
-    function i() {
-      function n(a) {
-        return function() {
-          for (var e = [], o = 0; o < arguments.length; o++)
-            e[o] = arguments[o];
-          var l = v("diag");
-          if (l)
-            return l[a].apply(l, _([], b(e), !1));
-        };
-      }
-      var r = this, t = function(a, e) {
-        var o, l, g;
-        if (e === void 0 && (e = { logLevel: d.INFO }), a === r) {
-          var u = new Error("Cannot use diag as the logger for itself. Please use a DiagLogger implementation like ConsoleDiagLogger or a custom implementation");
-          return r.error((o = u.stack) !== null && o !== void 0 ? o : u.message), !1;
-        }
-        typeof e == "number" && (e = {
-          logLevel: e
-        });
-        var f = v("diag"), s = y((l = e.logLevel) !== null && l !== void 0 ? l : d.INFO, a);
-        if (f && !e.suppressOverrideMessage) {
-          var c = (g = new Error().stack) !== null && g !== void 0 ? g : "<failed to generate stacktrace>";
-          f.warn("Current logger will be overwritten from " + c), s.warn("Current logger will overwrite one already registered from " + c);
-        }
-        return w("diag", s, r, !0);
-      };
-      r.setLogger = t, r.disable = function() {
-        p(h, r);
-      }, r.createComponentLogger = function(a) {
-        return new m(a);
-      }, r.verbose = n("verbose"), r.debug = n("debug"), r.info = n("info"), r.warn = n("warn"), r.error = n("error");
+    function n(e) {
+      this._namespace = e.namespace || "DiagComponentLogger";
     }
-    return i.instance = function() {
-      return this._instance || (this._instance = new i()), this._instance;
-    }, i;
+    return n.prototype.debug = function() {
+      for (var e = [], r = 0; r < arguments.length; r++)
+        e[r] = arguments[r];
+      return u("debug", this._namespace, e);
+    }, n.prototype.error = function() {
+      for (var e = [], r = 0; r < arguments.length; r++)
+        e[r] = arguments[r];
+      return u("error", this._namespace, e);
+    }, n.prototype.info = function() {
+      for (var e = [], r = 0; r < arguments.length; r++)
+        e[r] = arguments[r];
+      return u("info", this._namespace, e);
+    }, n.prototype.warn = function() {
+      for (var e = [], r = 0; r < arguments.length; r++)
+        e[r] = arguments[r];
+      return u("warn", this._namespace, e);
+    }, n.prototype.verbose = function() {
+      for (var e = [], r = 0; r < arguments.length; r++)
+        e[r] = arguments[r];
+      return u("verbose", this._namespace, e);
+    }, n;
   })()
 );
+function u(n, e, r) {
+  var t = f("diag");
+  if (t)
+    return r.unshift(e), t[n].apply(t, l([], p(r), !1));
+}
 export {
-  P as DiagAPI
+  i as DiagComponentLogger
 };

package/dist/vue-components.es44.js

@@ -1,58 +1,19 @@
-import { getGlobal as f } from "./vue-components.es46.js";
-var p = function(n, e) {
-  var r = typeof Symbol == "function" && n[Symbol.iterator];
-  if (!r) return n;
-  var t = r.call(n), o, a = [], g;
-  try {
-    for (; (e === void 0 || e-- > 0) && !(o = t.next()).done; ) a.push(o.value);
-  } catch (s) {
-    g = { error: s };
-  } finally {
-    try {
-      o && !o.done && (r = t.return) && r.call(t);
-    } finally {
-      if (g) throw g.error;
-    }
+import { DiagLogLevel as r } from "./vue-components.es31.js";
+function c(n, o) {
+  n < r.NONE ? n = r.NONE : n > r.ALL && (n = r.ALL), o = o || {};
+  function i(t, f) {
+    var e = o[t];
+    return typeof e == "function" && n >= f ? e.bind(o) : function() {
+    };
   }
-  return a;
-}, l = function(n, e, r) {
-  if (r || arguments.length === 2) for (var t = 0, o = e.length, a; t < o; t++)
-    (a || !(t in e)) && (a || (a = Array.prototype.slice.call(e, 0, t)), a[t] = e[t]);
-  return n.concat(a || Array.prototype.slice.call(e));
-}, i = (
-  /** @class */
-  (function() {
-    function n(e) {
-      this._namespace = e.namespace || "DiagComponentLogger";
-    }
-    return n.prototype.debug = function() {
-      for (var e = [], r = 0; r < arguments.length; r++)
-        e[r] = arguments[r];
-      return u("debug", this._namespace, e);
-    }, n.prototype.error = function() {
-      for (var e = [], r = 0; r < arguments.length; r++)
-        e[r] = arguments[r];
-      return u("error", this._namespace, e);
-    }, n.prototype.info = function() {
-      for (var e = [], r = 0; r < arguments.length; r++)
-        e[r] = arguments[r];
-      return u("info", this._namespace, e);
-    }, n.prototype.warn = function() {
-      for (var e = [], r = 0; r < arguments.length; r++)
-        e[r] = arguments[r];
-      return u("warn", this._namespace, e);
-    }, n.prototype.verbose = function() {
-      for (var e = [], r = 0; r < arguments.length; r++)
-        e[r] = arguments[r];
-      return u("verbose", this._namespace, e);
-    }, n;
-  })()
-);
-function u(n, e, r) {
-  var t = f("diag");
-  if (t)
-    return r.unshift(e), t[n].apply(t, l([], p(r), !1));
+  return {
+    error: i("error", r.ERROR),
+    warn: i("warn", r.WARN),
+    info: i("info", r.INFO),
+    debug: i("debug", r.DEBUG),
+    verbose: i("verbose", r.VERBOSE)
+  };
 }
 export {
-  i as DiagComponentLogger
+  c as createLogLevelDiagLogger
 };

package/dist/vue-components.es45.js

@@ -1,19 +1,35 @@
-import { DiagLogLevel as r } from "./vue-components.es31.js";
-function c(n, o) {
-  n < r.NONE ? n = r.NONE : n > r.ALL && (n = r.ALL), o = o || {};
-  function i(t, f) {
-    var e = o[t];
-    return typeof e == "function" && n >= f ? e.bind(o) : function() {
-    };
-  }
-  return {
-    error: i("error", r.ERROR),
-    warn: i("warn", r.WARN),
-    info: i("info", r.INFO),
-    debug: i("debug", r.DEBUG),
-    verbose: i("verbose", r.VERBOSE)
+import { VERSION as t } from "./vue-components.es50.js";
+import { isCompatible as f } from "./vue-components.es51.js";
+import { _globalThis as m } from "./vue-components.es52.js";
+var u = t.split(".")[0], n = Symbol.for("opentelemetry.js.api." + u), l = m;
+function d(r, o, e, i) {
+  var v;
+  i === void 0 && (i = !1);
+  var s = l[n] = (v = l[n]) !== null && v !== void 0 ? v : {
+    version: t
   };
+  if (!i && s[r]) {
+    var a = new Error("@opentelemetry/api: Attempted duplicate registration of API: " + r);
+    return e.error(a.stack || a.message), !1;
+  }
+  if (s.version !== t) {
+    var a = new Error("@opentelemetry/api: Registration of version v" + s.version + " for " + r + " does not match previously registered API v" + t);
+    return e.error(a.stack || a.message), !1;
+  }
+  return s[r] = o, e.debug("@opentelemetry/api: Registered a global for " + r + " v" + t + "."), !0;
+}
+function E(r) {
+  var o, e, i = (o = l[n]) === null || o === void 0 ? void 0 : o.version;
+  if (!(!i || !f(i)))
+    return (e = l[n]) === null || e === void 0 ? void 0 : e[r];
+}
+function _(r, o) {
+  o.debug("@opentelemetry/api: Unregistering a global for " + r + " v" + t + ".");
+  var e = l[n];
+  e && delete e[r];
 }
 export {
-  c as createLogLevelDiagLogger
+  E as getGlobal,
+  d as registerGlobal,
+  _ as unregisterGlobal
 };

package/dist/vue-components.es46.js

@@ -1,35 +1,31 @@
-import { VERSION as t } from "./vue-components.es50.js";
-import { isCompatible as f } from "./vue-components.es51.js";
-import { _globalThis as m } from "./vue-components.es52.js";
-var u = t.split(".")[0], n = Symbol.for("opentelemetry.js.api." + u), l = m;
-function d(r, o, e, i) {
-  var v;
-  i === void 0 && (i = !1);
-  var s = l[n] = (v = l[n]) !== null && v !== void 0 ? v : {
-    version: t
-  };
-  if (!i && s[r]) {
-    var a = new Error("@opentelemetry/api: Attempted duplicate registration of API: " + r);
-    return e.error(a.stack || a.message), !1;
-  }
-  if (s.version !== t) {
-    var a = new Error("@opentelemetry/api: Registration of version v" + s.version + " for " + r + " does not match previously registered API v" + t);
-    return e.error(a.stack || a.message), !1;
-  }
-  return s[r] = o, e.debug("@opentelemetry/api: Registered a global for " + r + " v" + t + "."), !0;
+import { createContextKey as o } from "./vue-components.es30.js";
+import { NonRecordingSpan as a } from "./vue-components.es39.js";
+import { ContextAPI as u } from "./vue-components.es40.js";
+var n = o("OpenTelemetry Context Key SPAN");
+function r(e) {
+  return e.getValue(n) || void 0;
 }
-function E(r) {
-  var o, e, i = (o = l[n]) === null || o === void 0 ? void 0 : o.version;
-  if (!(!i || !f(i)))
-    return (e = l[n]) === null || e === void 0 ? void 0 : e[r];
+function S() {
+  return r(u.getInstance().active());
 }
-function _(r, o) {
-  o.debug("@opentelemetry/api: Unregistering a global for " + r + " v" + t + ".");
-  var e = l[n];
-  e && delete e[r];
+function i(e, t) {
+  return e.setValue(n, t);
+}
+function l(e) {
+  return e.deleteValue(n);
+}
+function d(e, t) {
+  return i(e, new a(t));
+}
+function m(e) {
+  var t;
+  return (t = r(e)) === null || t === void 0 ? void 0 : t.spanContext();
 }
 export {
-  E as getGlobal,
-  d as registerGlobal,
-  _ as unregisterGlobal
+  l as deleteSpan,
+  S as getActiveSpan,
+  r as getSpan,
+  m as getSpanContext,
+  i as setSpan,
+  d as setSpanContext
 };

package/dist/vue-components.es7.js

@@ -1,7 +1,7 @@
 import { defineComponent as y, inject as h, computed as l, createBlock as s, openBlock as i, resolveDynamicComponent as M, withCtx as p, createCommentVNode as $, mergeProps as b, renderSlot as C, normalizeProps as k, guardReactiveProps as F } from "vue";
 import { useIntl as A } from "./vue-components.es3.js";
 import { generateInputStandardSchemaFromFieldMeta as w } from "./vue-components.es10.js";
-import I from "./vue-components.es26.js";
+import I from "./vue-components.es27.js";
 const z = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "OmegaInput",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.27.14",
+  "version": "0.27.16",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.17.13",
@@ -28,6 +28,7 @@
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vitepress": "^1.6.4",
     "vitest": "^3.2.4",
+    "vue-router": "^4.2.2",
     "vue-tsc": "^3.0.7",
     "@effect-app/eslint-shared-config": "0.2.1"
   },

package/src/components/OmegaForm/OmegaArray.vue

@@ -42,11 +42,9 @@
 <script
   setup
   lang="ts"
-  generic="
-  // dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
+  generic="// dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
   From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>
-"
+  To extends Record<PropertyKey, any>"
 >
 import { type DeepKeys, type DeepValue } from "@tanstack/vue-form"
 import { computed, onMounted, provide } from "vue"

package/src/components/OmegaForm/OmegaAutoGen.vue

@@ -15,10 +15,8 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, string>,
-  To extends Record<PropertyKey, string>
-"
+  generic="From extends Record<PropertyKey, string>,
+  To extends Record<PropertyKey, string>"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { Array as A, Order, pipe } from "effect-app"

package/src/components/OmegaForm/OmegaFormInput.vue

@@ -17,11 +17,9 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, any>,
+  generic="From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>
-"
+  Name extends DeepKeys<From>"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { inject } from "vue"

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -253,6 +253,8 @@ export const createMeta = <T = any>(
   { meta = {}, parent = "", property, propertySignatures }: CreateMeta,
   acc: Partial<MetaRecord<T>> = {}
 ): MetaRecord<T> | FieldMeta => {
+  // unwraps class..
+  // TODO: might want to recursively unwrap.
   if (property && property._tag === "Transformation") {
     return createMeta<T>({
       parent,
@@ -276,9 +278,15 @@ export const createMeta = <T = any>(
 
       const typeToProcess = p.type
       if (S.AST.isUnion(p.type)) {
-        const nonNullTypes = p.type.types.filter(
-          (t) => t._tag !== "UndefinedKeyword" && t !== S.Null.ast
-        )
+        const nonNullTypes = p
+          .type
+          .types
+          .filter(
+            (t) => t._tag !== "UndefinedKeyword" && t !== S.Null.ast
+          )
+          // unwrap classes..
+          // TODO: might want to recursively unwrap.
+          .map((_) => _._tag === "Transformation" ? _.from : _)
 
         const hasStructMembers = nonNullTypes.some(
           (t) => "propertySignatures" in t

package/src/components/OmegaForm/OmegaInput.vue

@@ -28,11 +28,9 @@
 <script
   setup
   lang="ts"
-  generic="
-  // dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
+  generic="// dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
   From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>
-"
+  To extends Record<PropertyKey, any>"
 >
 import { computed, inject, type Ref } from "vue"
 import { useIntl } from "../../utils"

package/src/components/OmegaForm/OmegaWrapper.vue

@@ -27,11 +27,10 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, any>,
+  generic="From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
-  K extends keyof OmegaFormState<From, To> = keyof OmegaFormState<From, To>
-"
+  K extends keyof OmegaFormState<From, To> = keyof OmegaFormState<From, To>,
+    Props = DefaultInputProps<From>"
 >
 /**
  * Form component that wraps TanStack Form's useForm hook
@@ -70,7 +69,7 @@ import { computed, getCurrentInstance, onBeforeMount, provide, watch } from "vue
 import { getOmegaStore } from "./getOmegaStore"
 import { provideOmegaErrors } from "./OmegaErrorsContext"
 import { type FilterItems, type FormProps, type OmegaFormApi, type OmegaFormState, type ShowErrorsOn } from "./OmegaFormStuff"
-import { type OmegaConfig, OmegaFormKey, type OmegaFormReturn, useOmegaForm } from "./useOmegaForm"
+import { type DefaultInputProps, type OmegaConfig, OmegaFormKey, type OmegaFormReturn, useOmegaForm } from "./useOmegaForm"
 
 type OnSubmit = NonNullable<FormProps<From, To>["onSubmit"]>
 type OnSubmitArg = Parameters<OnSubmit>[0]
@@ -86,7 +85,7 @@ type OmegaWrapperProps =
   & Omit<FormProps<From, To>, "onSubmit">
   & (
     | {
-      form: OmegaFormReturn<From, To>
+      form: OmegaFormReturn<From, To, Props>
       schema?: undefined
     }
     | {

package/src/components/OmegaForm/useOmegaForm.ts

@@ -54,7 +54,7 @@ type __VLS_PrettifyLocal<T> =
   }
   & {}
 
-type DefaultProps<From> = {
+export type DefaultInputProps<From> = {
   label?: string
   validators?: FieldValidators<From>
   options?: {
@@ -67,7 +67,7 @@ type DefaultProps<From> = {
 export interface OmegaFormReturn<
   From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
-  Props = DefaultProps<From>
+  Props = DefaultInputProps<From>
 > extends OF<From, To> {
   // this crazy thing here is copied from the OmegaFormInput.vue.d.ts, with `From` removed as Generic, instead closed over from the From generic above..
   Input: <Name extends DeepKeys<From>>(
@@ -109,7 +109,7 @@ export const useOmegaForm = <
   From extends Record<PropertyKey, any>,
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   To extends Record<PropertyKey, any>,
-  Props = DefaultProps<From>
+  Props = DefaultInputProps<From>
 >(
   schema: S.Schema<To, From, never>,
   tanstackFormOptions?: NoInfer<FormProps<From, To>>,