@effect-app/vue-components 0.12.21 → 0.13.0

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

@@ -1,6 +1,8 @@
 import type { DeepValue, DeepKeys, FieldApi, FormAsyncValidateOrFn, FormValidateOrFn, StandardSchemaV1, FieldValidateOrFn, FieldValidateFn, FieldValidateAsyncFn, FieldAsyncValidateOrFn } from "@tanstack/vue-form";
-export type OmegaFieldInternalApi<From, To> = FieldApi<From, DeepKeys<From>, DeepValue<From, any>, FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, any>> | undefined, StandardSchemaV1<unknown, To> | FieldValidateFn<From, any, To>, StandardSchemaV1<unknown, To> | FieldValidateAsyncFn<From, any, To>, FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, any>>, FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, any>>, FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, any>> | undefined, FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, any>> | undefined, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, any, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined>;
-export type InputProps<T, S = unknown> = {
+export type OmegaFieldInternalApi<From extends Record<PropertyKey, any>, TName extends DeepKeys<From>> = FieldApi<From, TName, DeepValue<From, TName>, FieldValidateOrFn<From, TName, DeepValue<From, TName>> | undefined, StandardSchemaV1<DeepValue<From, TName>, unknown> | FieldValidateFn<From, TName>, StandardSchemaV1<DeepValue<From, TName>, unknown> | FieldValidateAsyncFn<From, TName>, FieldValidateOrFn<From, TName, DeepValue<From, TName>>, FieldAsyncValidateOrFn<From, TName, DeepValue<From, TName>>, FieldValidateOrFn<From, TName, DeepValue<From, TName>> | undefined, FieldAsyncValidateOrFn<From, TName, DeepValue<From, TName>> | undefined, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, any, // FormAsyncValidateOrFn<From>, 
+// FormAsyncValidateOrFn<From>, 
+FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined>;
+export type InputProps<From extends Record<PropertyKey, any>, TName extends DeepKeys<From>> = {
     id: string;
     required?: boolean;
     minLength?: number | false;
@@ -8,10 +10,10 @@ export type InputProps<T, S = unknown> = {
     max?: number | false;
     min?: number | false;
     name: string;
-    modelValue: S;
+    modelValue: DeepValue<From, TName>;
     errorMessages: string[];
     error: boolean;
-    field: OmegaFieldInternalApi<T, S>;
+    field: OmegaFieldInternalApi<From, TName>;
     setRealDirty: () => void;
     type: string;
     label: string;

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

@@ -1,6 +1,6 @@
 import { type OmegaInputProps } from "./OmegaFormStuff";
 import { type DeepValue, type DeepKeys } from "@tanstack/vue-form";
-declare const _default: <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<{
+declare const _default: <From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>>(__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>, "type" | "label" | "items" | "options" | "validators"> & {
         items?: DeepValue<To, DeepKeys<To>>;
     }) & Partial<{}>> & import("vue").PublicProps;

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

@@ -1,8 +1,8 @@
 import { type OmegaInputProps } from "./OmegaFormStuff";
 import { Order } from "effect-app";
 import { DeepKeys } from "@tanstack/vue-form";
-export type OmegaAutoGenMeta<From, To> = Omit<OmegaInputProps<From, To>, "form">;
-declare const _default: <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<{
+export type OmegaAutoGenMeta<From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>> = Omit<OmegaInputProps<From, To>, "form">;
+declare const _default: <From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>>(__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> & {
         form: OmegaInputProps<From, To>["form"];
         pick?: DeepKeys<From>[];

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

@@ -1,9 +1,9 @@
 import type { FieldValidators, TypeOverride } from "./OmegaFormStuff";
 import type { InputProps } from "./InputProps";
 import { DeepKeys } from "@tanstack/vue-form";
-declare const _default: <From, 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: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, 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: DeepKeys<From>;
+        name: Name;
         label: string;
         validators?: FieldValidators<From>;
         options?: {
@@ -15,7 +15,7 @@ declare const _default: <From, To extends Record<PropertyKey, any>>(__VLS_props:
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
-        default: InputProps<From, To>;
+        default(props: InputProps<From, Name>): void;
     };
     emit: {};
 }>) => import("vue").VNode & {

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

@@ -3,7 +3,7 @@ import { type FormAsyncValidateOrFn, type FormValidateOrFn, type StandardSchemaV
 import { OmegaFormReturn } from "./useOmegaForm";
 import { OmegaFieldInternalApi } from "./InputProps";
 export type ShowErrorsOn = "onChange" | "onBlur" | "onSubmit";
-export type OmegaInputProps<From, To> = {
+export type OmegaInputProps<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>> = {
     form: OmegaFormReturn<From, To> & {
         meta: MetaRecord<From>;
     };
@@ -33,8 +33,8 @@ export type OmegaFormParams<From, To> = FormApi<From, FormValidateOrFn<From> | u
 export type OmegaFormState<From, To> = FormState<From, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, StandardSchemaV1<From, To>, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined>;
 export type OmegaFormApi<From, To> = OmegaFormParams<From, To> & VueFormApi<From, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, StandardSchemaV1<From, To>, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined>;
 export type FormComponent<T, S> = VueFormApi<T, FormValidateOrFn<T> | undefined, FormValidateOrFn<T> | undefined, StandardSchemaV1<T, S>, FormValidateOrFn<T> | undefined, FormAsyncValidateOrFn<T> | undefined, FormValidateOrFn<T> | undefined, FormAsyncValidateOrFn<T> | undefined, FormAsyncValidateOrFn<T> | undefined, FormAsyncValidateOrFn<T> | undefined>;
-export type FormType<T, S = unknown> = OmegaFormApi<T, S> & {
-    Field: OmegaFieldInternalApi<T, S>;
+export type FormType<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>> = OmegaFormApi<From, To> & {
+    Field: OmegaFieldInternalApi<From, Name>;
 };
 export type PrefixFromDepth<K extends string | number, _TDepth extends any[]> = K;
 export type NestedKeyOf<T> = DeepKeys<T>;

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

@@ -1,5 +1,5 @@
 import { type OmegaInputProps } from "./OmegaFormStuff";
-declare const _default: <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<{
+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<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & OmegaInputProps<From, To> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -12,7 +12,7 @@ declare const _default: <From, To>(__VLS_props: NonNullable<Awaited<typeof __VLS
             max?: number | false;
             min?: number | false;
             name: string;
-            modelValue: any;
+            modelValue: import("@tanstack/vue-form").DeepValue<From, any>;
             errorMessages: string[];
             error: boolean;
             field: import("./InputProps").OmegaFieldInternalApi<From, any>;

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

@@ -1,10 +1,11 @@
+import { DeepKeys } from "@tanstack/vue-form";
 import type { InputProps } from "./InputProps";
-declare const _default: <T, S>(__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: <From extends Record<PropertyKey, any>, 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<{
         readonly onBlur?: ((event: Event) => any) | undefined;
         readonly onFocus?: ((event: Event) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onBlur" | "onFocus"> & {
-        inputProps: InputProps<T, S>;
+        inputProps: InputProps<From, Name>;
         vuetifyValue: unknown;
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;

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

@@ -1,8 +1,9 @@
+import { DeepKeys } from "@tanstack/vue-form";
 import type { FieldValidators, MetaRecord, NestedKeyOf, TypeOverride } from "./OmegaFormStuff";
 import type { OmegaFieldInternalApi } from "./InputProps";
-declare const _default: <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<{
+declare const _default: <From extends Record<PropertyKey, any>, 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> & {
-        field: OmegaFieldInternalApi<From, To>;
+        field: OmegaFieldInternalApi<From, Name>;
         meta: MetaRecord<From>[NestedKeyOf<From>];
         label: string;
         options?: {
@@ -23,10 +24,10 @@ declare const _default: <From, To>(__VLS_props: NonNullable<Awaited<typeof __VLS
             max?: number | false;
             min?: number | false;
             name: string;
-            modelValue: To;
+            modelValue: import("@tanstack/vue-form").DeepValue<From, Name>;
             errorMessages: string[];
             error: boolean;
-            field: OmegaFieldInternalApi<From, To>;
+            field: OmegaFieldInternalApi<From, Name>;
             setRealDirty: () => void;
             type: string;
             label: string;

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

@@ -1,16 +1,16 @@
 import { type S } from "effect-app";
 import { 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<To, From> = keyof OmegaFormState<To, 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<{
+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<{
     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<import("@tanstack/vue-form").FormOptions<To, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").StandardSchemaV1<To, From>, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined>, "onSubmit"> & ({
+    } & Omit<import("@tanstack/vue-form").FormOptions<From, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").StandardSchemaV1<From, To>, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined>, "onSubmit"> & ({
         onSubmit?: ((props: {
-            formApi: import("./OmegaFormStuff").OmegaFormParams<To, From>;
+            formApi: import("./OmegaFormStuff").OmegaFormParams<From, To>;
             meta: any;
-            value: From;
+            value: To;
         }) => Promise<any> | any) | undefined;
     } & ({
         form: OmegaFormReturn<From, To>;
@@ -24,7 +24,7 @@ declare const _default: <From extends Record<PropertyKey, any>, To extends Recor
     slots: {
         default(): void;
         internalForm(props: {
-            form: OmegaFormReturn<To, From>;
+            form: OmegaFormReturn<From, To>;
             subscribedValues: K[] extends undefined[] ? Record<string, never> : Pick<OmegaFormState<From, To>, K>;
         }): void;
         externalForm(props: {

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

@@ -1,3 +1,4 @@
+import { DeepKeys } from "@tanstack/vue-form";
 import { type Record, S } from "effect-app";
 import { type NestedKeyOf, type FilterItems, type FormProps, type MetaRecord, type OmegaFormApi } from "./OmegaFormStuff";
 import { type InjectionKey } from "vue";
@@ -20,14 +21,14 @@ export type OmegaConfig<T> = {
         id?: string;
     } & keysRule<T>;
 };
-interface OF<To, From> extends OmegaFormApi<To, From> {
-    meta: MetaRecord<To>;
+interface OF<From, To> extends OmegaFormApi<From, To> {
+    meta: MetaRecord<From>;
     filterItems?: FilterItems;
     clear: () => void;
 }
 export declare const OmegaFormKey: InjectionKey<OF<any, any>>;
-export interface OmegaFormReturn<From, To> extends OF<From, To> {
-    Input: typeof OmegaFormInput;
+export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>> extends OF<From, To> {
+    Input: typeof OmegaFormInput<From, To, DeepKeys<From>>;
 }
-export declare const useOmegaForm: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(schema: S.Schema<From, To, never>, tanstackFormOptions?: NoInfer<FormProps<To, From>>, omegaConfig?: OmegaConfig<From>) => OmegaFormReturn<From, To>;
+export declare const useOmegaForm: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(schema: S.Schema<To, From, never>, tanstackFormOptions?: NoInfer<FormProps<From, To>>, omegaConfig?: OmegaConfig<To>) => OmegaFormReturn<From, To>;
 export {};

package/dist/vue-components.es11.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-69817219]{display:contents}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const o=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(o&&o.call(this),this.shadowRoot){const d=document.createElement("style");d.appendChild(document.createTextNode("fieldset[data-v-69817219]{display:contents}")),this.shadowRoot.appendChild(d)}},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-b5d2d31e]{display:contents}")),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-b5d2d31e]{display:contents}")),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.es13.js";
 
 import r from "./vue-components.es15.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-69817219"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b5d2d31e"]]);
 export {
-  m as default
+  e as default
 };

package/dist/vue-components.es13.js

@@ -1,6 +1,6 @@
 import { defineComponent as w, computed as f, onBeforeMount as E, watch as j, createElementBlock as v, openBlock as b, withModifiers as F, createElementVNode as M, unref as c, renderSlot as p, createCommentVNode as k, Fragment as V } from "vue";
 import { useStore as g } from "@tanstack/vue-form";
-import { getOmegaStore as B } from "./vue-components.es25.js";
+import { getOmegaStore as B } from "./vue-components.es24.js";
 import { provideOmegaErrors as C } from "./vue-components.es8.js";
 import { useOmegaForm as I } from "./vue-components.es9.js";
 const $ = ["disabled"], N = /* @__PURE__ */ w({

package/dist/vue-components.es22.js

@@ -1,4 +1,4 @@
-import { isFunction as c } from "./vue-components.es23.js";
+import { isFunction as c } from "./vue-components.es25.js";
 const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
 export {
   s as isFunction,

package/dist/vue-components.es23.js

@@ -1,4 +1,92 @@
-const o = (n) => typeof n == "function";
+(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.es27.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 {
-  o as isFunction
+  J as default
 };

package/dist/vue-components.es24.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.es27.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.es25.js

@@ -1,13 +1,4 @@
-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 : {});
-}
+const o = (n) => typeof n == "function";
 export {
-  c as getOmegaStore
+  o as isFunction
 };

package/dist/vue-components.es26.js

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

package/dist/vue-components.es4.js

@@ -1,6 +1,6 @@
 import { defineComponent as d, inject as f, computed as o, createBlock as n, openBlock as m, resolveDynamicComponent as v, withCtx as l, createCommentVNode as c, mergeProps as y, renderSlot as g, normalizeProps as h, guardReactiveProps as C } from "vue";
 import { generateInputStandardSchemaFromFieldMeta as F } from "./vue-components.es10.js";
-import b from "./vue-components.es24.js";
+import b from "./vue-components.es23.js";
 const P = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "OmegaInput",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.12.21",
+  "version": "0.13.0",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "^1.2.4",

package/src/components/OmegaForm/InputProps.ts

@@ -13,29 +13,40 @@ import type {
   FieldAsyncValidateOrFn,
 } from "@tanstack/vue-form"
 
-export type OmegaFieldInternalApi<From, To> = FieldApi<
-  From,
-  DeepKeys<From>,
-  DeepValue<From, any>,
-  FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, any>> | undefined,
-  StandardSchemaV1<unknown, To> | FieldValidateFn<From, any, To>,
-  StandardSchemaV1<unknown, To> | FieldValidateAsyncFn<From, any, To>,
-  FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, any>>,
-  FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, any>>,
-  FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, any>> | undefined,
-  FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, any>> | undefined,
-  FormValidateOrFn<From> | undefined,
-  FormValidateOrFn<From> | undefined,
-  any,
-  FormValidateOrFn<From> | undefined,
-  FormAsyncValidateOrFn<From> | undefined,
-  FormValidateOrFn<From> | undefined,
-  FormAsyncValidateOrFn<From> | undefined,
-  FormAsyncValidateOrFn<From> | undefined,
-  FormAsyncValidateOrFn<From> | undefined
+export type OmegaFieldInternalApi<From extends Record<PropertyKey, any>, TName extends DeepKeys<From>> = FieldApi<
+/* in out TParentData*/ From,
+/* in out TName*/ TName,
+/* in out TData*/  DeepValue<From, TName>,
+/* in out TOnMount*/  FieldValidateOrFn<From, TName, DeepValue<From, TName>> | undefined,
+/* in out TOnChange*/  StandardSchemaV1<DeepValue<From, TName>, unknown> | FieldValidateFn<From, TName>,
+/* in out TOnChangeAsync*/  StandardSchemaV1<DeepValue<From, TName>, unknown> | FieldValidateAsyncFn<From, TName>,
+/* in out TOnBlur*/  FieldValidateOrFn<From, TName, DeepValue<From, TName>>,
+/* in out TOnBlurAsync*/  FieldAsyncValidateOrFn<From, TName, DeepValue<From, TName>>,
+/* in out TOnSubmit*/  FieldValidateOrFn<From, TName, DeepValue<From, TName>> | undefined,
+/* in out TOnSubmitAsync*/  FieldAsyncValidateOrFn<From, TName, DeepValue<From, TName>> | undefined,
+/* in out TFormOnMount*/  FormValidateOrFn<From> | undefined,
+/* in out TFormOnChange*/  FormValidateOrFn<From> | undefined,
+// using `any` for now to silence:
+/*
+Type 'FieldApi<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>, FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<...>>> | undefined, ... 14 more ..., FormAsyncValidateOrFn<...> | undefined>' is not assignable to type 'OmegaFieldInternalApi<From, any>'.
+  The types of 'form.options.defaultState' are incompatible between these types.
+    Type 'Partial<FormState<From, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, StandardSchemaV1<From, To>, ... 4 more ..., FormAsyncValidateOrFn<...> | undefined>> | undefined' is not assignable to type 'Partial<FormState<From, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From>, ... 4 more ..., FormAsyncValidateOrFn<...> | undefined>> | undefined'.
+      Type 'Partial<FormState<From, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, StandardSchemaV1<From, To>, ... 4 more ..., FormAsyncValidateOrFn<...> | undefined>>' is not assignable to type 'Partial<FormState<From, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From>, ... 4 more ..., FormAsyncValidateOrFn<...> | undefined>>'.
+        Types of property 'errorMap' are incompatible.
+          Type 'FormValidationErrorMap<undefined, undefined, Record<string, StandardSchemaV1Issue[]>, undefined, undefined, undefined, undefined, undefined> | undefined' is not assignable to type 'FormValidationErrorMap<undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined> | undefined'.
+            Type 'FormValidationErrorMap<undefined, undefined, Record<string, StandardSchemaV1Issue[]>, undefined, undefined, undefined, undefined, undefined>' is not assignable to type 'FormValidationErrorMap<undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined>'.
+              Type 'Record<string, StandardSchemaV1Issue[]>' is not assignable to type 'undefined'.
+*/
+/* in out TFormOnChangeAsync*/ any, // FormAsyncValidateOrFn<From>, 
+/* in out TFormOnBlur*/  FormValidateOrFn<From> | undefined,
+/* in out TFormOnBlurAsync*/  FormAsyncValidateOrFn<From> | undefined,
+/* in out TFormOnSubmit*/  FormValidateOrFn<From> | undefined,
+/* in out TFormOnSubmitAsync*/  FormAsyncValidateOrFn<From> | undefined,
+/* in out TFormOnServer*/  FormAsyncValidateOrFn<From> | undefined,
+/* in out TParentSubmitMeta*/  FormAsyncValidateOrFn<From> | undefined
 >
 
-export type InputProps<T, S = unknown> = {
+export type InputProps<From extends Record<PropertyKey, any>, TName extends DeepKeys<From>> = {
   id: string
   required?: boolean
   minLength?: number | false
@@ -43,10 +54,10 @@ export type InputProps<T, S = unknown> = {
   max?: number | false
   min?: number | false
   name: string
-  modelValue: S
+  modelValue: DeepValue<From, TName>
   errorMessages: string[]
   error: boolean
-  field: OmegaFieldInternalApi<T, S>
+  field: OmegaFieldInternalApi<From, TName>
   setRealDirty: () => void
   type: string
   label: string

package/src/components/OmegaForm/OmegaArray.vue

@@ -25,7 +25,7 @@
   </component>
 </template>
 
-<script setup lang="ts" generic="From, To">
+<script setup lang="ts" generic="From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>">
 import { computed, onMounted, provide } from "vue"
 import {
   type CreateMeta,

package/src/components/OmegaForm/OmegaAutoGen.vue

@@ -7,7 +7,7 @@
   </slot>
 </template>
 
-<script setup lang="ts" generic="From, To">
+<script setup lang="ts" generic="From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>">
 import { computed } from "vue"
 import {
   type NestedKeyOf,
@@ -21,7 +21,7 @@ import OmegaInput from "./OmegaInput.vue"
 import { DeepKeys } from "@tanstack/vue-form"
 import { OmegaFormReturn } from "./useOmegaForm"
 
-export type OmegaAutoGenMeta<From, To> = Omit<OmegaInputProps<From, To>, "form">
+export type OmegaAutoGenMeta<From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>> = Omit<OmegaInputProps<From, To>, "form">
 type NewMeta = OmegaAutoGenMeta<From, To>
 
 const mapObject =

package/src/components/OmegaForm/OmegaFormInput.vue

@@ -14,7 +14,7 @@
   </OmegaInput>
 </template>
 
-<script setup lang="ts" generic="From, To extends Record<PropertyKey, any>">
+<script setup lang="ts" generic="From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>">
 import { inject } from "vue"
 import type {
   FieldValidators,
@@ -33,7 +33,7 @@ if (!form) {
 }
 
 defineProps<{
-  name: DeepKeys<From>
+  name: Name
   label: string
   validators?: FieldValidators<From>
   options?: { title: string; value: string }[]
@@ -41,7 +41,6 @@ defineProps<{
 }>()
 
 defineSlots<{
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  default: InputProps<From, To>
+  default(props: InputProps<From, Name>): void
 }>()
 </script>

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -18,7 +18,7 @@ import { OmegaFieldInternalApi } from "./InputProps"
 
 export type ShowErrorsOn = "onChange" | "onBlur" | "onSubmit"
 
-export type OmegaInputProps<From, To> = {
+export type OmegaInputProps<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>> = {
   form: OmegaFormReturn<From, To> & {
     meta: MetaRecord<From>
   }
@@ -123,8 +123,8 @@ export type FormComponent<T, S> = VueFormApi<
   FormAsyncValidateOrFn<T> | undefined
 >
 
-export type FormType<T, S = unknown> = OmegaFormApi<T, S> & {
-  Field: OmegaFieldInternalApi<T, S>
+export type FormType<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>> = OmegaFormApi<From, To> & {
+  Field: OmegaFieldInternalApi<From, Name>
 }
 
 export type PrefixFromDepth<

package/src/components/OmegaForm/OmegaInput.vue

@@ -25,7 +25,7 @@
   </component>
 </template>
 
-<script setup lang="ts" generic="From, To">
+<script setup lang="ts" generic="From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>">
 import { computed, inject, type Ref } from "vue"
 import {
   type FieldMeta,

package/src/components/OmegaForm/OmegaInputVuetify.vue

@@ -64,9 +64,9 @@
       @update:model-value="
         (e: any) => {
           if (e || e === 0) {
-              inputProps.field.handleChange(Number(e))
+              inputProps.field.handleChange(Number(e) as any)
           } else {
-            inputProps.field.handleChange(undefined)
+            inputProps.field.handleChange(undefined as any)
           }
         }
       "
@@ -85,7 +85,7 @@
       :error="inputProps.error"
       v-bind="$attrs"
       :model-value="vuetifyValue"
-      @clear="inputProps.field.handleChange(undefined)"
+      @clear="inputProps.field.handleChange(undefined as any)"
       @update:model-value="inputProps.field.handleChange"
     />
 
@@ -106,17 +106,18 @@
       :chips="inputProps.type === 'autocompletemultiple'"
       v-bind="$attrs"
       :model-value="vuetifyValue"
-      @clear="inputProps.field.handleChange(undefined)"
+      @clear="inputProps.field.handleChange(undefined as any)"
       @update:model-value="inputProps.field.handleChange"
     />
   </div>
 </template>
 
-<script setup lang="ts" generic="T, S">
+<script setup lang="ts" generic="From extends Record<PropertyKey, any>, Name extends DeepKeys<From>">
+import { DeepKeys } from "@tanstack/vue-form";
 import type { InputProps } from "./InputProps"
 
 defineProps<{
-  inputProps: InputProps<T, S>
+  inputProps: InputProps<From, Name>
   vuetifyValue: unknown
 }>()
 

package/src/components/OmegaForm/OmegaInternalInput.vue

@@ -11,8 +11,8 @@
   </slot>
 </template>
 
-<script setup lang="ts" generic="From, To">
-import { useStore } from "@tanstack/vue-form"
+<script setup lang="ts" generic="From extends Record<PropertyKey, any>, Name extends DeepKeys<From>">
+import { DeepKeys, useStore } from "@tanstack/vue-form"
 import {
   useId,
   computed,
@@ -39,7 +39,7 @@ defineOptions({
 })
 
 const props = defineProps<{
-  field: OmegaFieldInternalApi<From, To>
+  field: OmegaFieldInternalApi<From, Name>
   meta: MetaRecord<From>[NestedKeyOf<From>]
   label: string
   options?: { title: string; value: string }[]
@@ -83,7 +83,7 @@ watch(
     if (isFalsyButNotZero(fieldValue.value) && props.meta?.type !== "boolean") {
       nextTick(() => {
         fieldApi.setValue(
-          props.meta?.nullableOrUndefined === "undefined" ? undefined : null,
+          props.meta?.nullableOrUndefined === "undefined" ? undefined : null as any,
         )
       })
     }
@@ -96,7 +96,7 @@ onMounted(() => {
     !props.meta?.required &&
     props.meta?.nullableOrUndefined === "null"
   ) {
-    fieldApi.setValue(null)
+    fieldApi.setValue(null as any)
   }
 })
 const { addError, removeError, showErrors, showErrorsOn } = useOmegaErrors()
@@ -143,7 +143,7 @@ watch(
   },
 )
 
-const inputProps: ComputedRef<InputProps<From, To>> = computed(() => ({
+const inputProps: ComputedRef<InputProps<From, Name>> = computed(() => ({
   id,
   required: props.meta?.required,
   minLength: props.meta?.type === "string" && props.meta?.minLength,

package/src/components/OmegaForm/OmegaWrapper.vue

@@ -24,7 +24,7 @@
   generic="
     From extends Record<PropertyKey, any>,
     To extends Record<PropertyKey, any>,
-    K extends keyof OmegaFormState<To, From> = keyof OmegaFormState<To, From>
+    K extends keyof OmegaFormState<From, To> = keyof OmegaFormState<From, To>
   "
 >
 /**
@@ -81,7 +81,7 @@ const props = defineProps<
     omegaConfig?: OmegaConfig<From>
     subscribe?: K[]
     showErrorsOn?: ShowErrorsOn
-  } & FormProps<To, From> &
+  } & FormProps<From, To> &
     (
       | {
           form: OmegaFormReturn<From, To>
@@ -214,7 +214,7 @@ defineSlots<{
   default(): void
   // Named slot when form is created internally via schema
   internalForm(props: {
-    form: OmegaFormReturn<To, From>
+    form: OmegaFormReturn<From, To>
     subscribedValues: typeof subscribedValues.value
   }): void
   // Named slot when form is passed via props (provides subscribedValues)

package/src/components/OmegaForm/useOmegaForm.ts

@@ -4,6 +4,7 @@ import {
   type FormValidateOrFn,
   type FormAsyncValidateOrFn,
   type StandardSchemaV1,
+  DeepKeys,
 } from "@tanstack/vue-form"
 import { type Record, S } from "effect-app"
 import {
@@ -48,27 +49,27 @@ export type OmegaConfig<T> = {
   } & keysRule<T>
 }
 
-interface OF<To, From> extends OmegaFormApi<To, From> {
-  meta: MetaRecord<To>
+interface OF<From, To> extends OmegaFormApi<From, To> {
+  meta: MetaRecord<From>
   filterItems?: FilterItems
   clear: () => void
 }
 
 export const OmegaFormKey = Symbol("OmegaForm") as InjectionKey<OF<any, any>>
 
-export interface OmegaFormReturn<From, To> extends OF<From, To> {
-  Input: typeof OmegaFormInput
+export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>> extends OF<From, To> {
+  Input: typeof OmegaFormInput<From, To, DeepKeys<From>>
 }
 
 export const useOmegaForm = <
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   From extends Record<PropertyKey, any>,
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  To extends Record<PropertyKey, any>
+  To extends Record<PropertyKey, any>,
 >(
-  schema: S.Schema<From, To, never>,
-  tanstackFormOptions?: NoInfer<FormProps<To, From>>,
-  omegaConfig?: OmegaConfig<From>
+  schema: S.Schema<To, From, never>,
+  tanstackFormOptions?: NoInfer<FormProps<From, To>>,
+  omegaConfig?: OmegaConfig<To>
 ): OmegaFormReturn<From, To> => {
   if (!schema) throw new Error("Schema is required")
   const standardSchema = S.standardSchemaV1(schema)
@@ -172,16 +173,16 @@ export const useOmegaForm = <
   })
 
   const form = useForm<
-    To,
-    FormValidateOrFn<To> | undefined,
-    FormValidateOrFn<To> | undefined,
-    StandardSchemaV1<To, From>,
-    FormValidateOrFn<To> | undefined,
-    FormAsyncValidateOrFn<To> | undefined,
-    FormValidateOrFn<To> | undefined,
-    FormAsyncValidateOrFn<To> | undefined,
-    FormAsyncValidateOrFn<To> | undefined,
-    FormAsyncValidateOrFn<To> | undefined
+    From,
+    FormValidateOrFn<From> | undefined,
+    FormValidateOrFn<From> | undefined,
+    StandardSchemaV1<From, To>,
+    FormValidateOrFn<From> | undefined,
+    FormAsyncValidateOrFn<From> | undefined,
+    FormValidateOrFn<From> | undefined,
+    FormAsyncValidateOrFn<From> | undefined,
+    FormAsyncValidateOrFn<From> | undefined,
+    FormAsyncValidateOrFn<From> | undefined
   >({
     ...tanstackFormOptions,
     validators: {
@@ -191,9 +192,9 @@ export const useOmegaForm = <
     onSubmit: tanstackFormOptions?.onSubmit
       ? ({ formApi, meta, value }) =>
           tanstackFormOptions.onSubmit?.({
-            formApi: formApi as OmegaFormApi<To, From>,
+            formApi: formApi as OmegaFormApi<From, To>,
             meta,
-            value: value as unknown as From,
+            value: value as unknown as To,
           })
       : undefined,
     defaultValues: defaultValues.value as any,
@@ -277,7 +278,7 @@ export const useOmegaForm = <
     window.removeEventListener("blur", saveDataInUrl)
   })
 
-  const formWithExtras: OF<To, From> = Object.assign(form, {
+  const formWithExtras: OF<From, To> = Object.assign(form, {
     meta,
     filterItems,
     clear,
@@ -287,6 +288,6 @@ export const useOmegaForm = <
 
   return Object.assign(formWithExtras, {
     Input: OmegaFormInput,
-    Field: form.Field as unknown as OmegaFieldInternalApi<From, To>,
+    Field: form.Field
   })
 }