diff --git a/.changeset/fancy-parks-brush.md b/.changeset/fancy-parks-brush.md
new file mode 100644
index 0000000000..e29830ca1b
--- /dev/null
+++ b/.changeset/fancy-parks-brush.md
@@ -0,0 +1,5 @@
+---
+"@effect-app/vue-components": patch
+---
+
+Tries to improve performances
diff --git a/.changeset/shaky-worlds-sip.md b/.changeset/shaky-worlds-sip.md
new file mode 100644
index 0000000000..056116c7c3
--- /dev/null
+++ b/.changeset/shaky-worlds-sip.md
@@ -0,0 +1,5 @@
+---
+"@effect-app/vue-components": patch
+---
+
+Tries factory
diff --git a/packages/vue-components/src/components/OmegaForm/OmegaArray.vue b/packages/vue-components/src/components/OmegaForm/OmegaArray.vue
index 3f62a9810a..7aeede001d 100644
--- a/packages/vue-components/src/components/OmegaForm/OmegaArray.vue
+++ b/packages/vue-components/src/components/OmegaForm/OmegaArray.vue
@@ -45,15 +45,14 @@
   generic="
   // dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
   From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>
+  To extends Record<PropertyKey, any>
 "
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { computed, onMounted, provide } from "vue"
 import { type OmegaArrayProps } from "./OmegaFormStuff"
 
-const props = defineProps<OmegaArrayProps<From, To, Name>>()
+const props = defineProps<OmegaArrayProps<From, To>>()
 
 defineOptions({
   inheritAttrs: false
diff --git a/packages/vue-components/src/components/OmegaForm/OmegaAutoGen.vue b/packages/vue-components/src/components/OmegaForm/OmegaAutoGen.vue
index cb36af8dae..7021347e93 100644
--- a/packages/vue-components/src/components/OmegaForm/OmegaAutoGen.vue
+++ b/packages/vue-components/src/components/OmegaForm/OmegaAutoGen.vue
@@ -4,7 +4,7 @@
     :child="{ name, label, ...attrs }"
   >
     <form.Input
-      :name="name as FieldPath<From>"
+      :name="name"
       :label="label"
       v-bind="attrs"
     />
@@ -16,16 +16,15 @@
   lang="ts"
   generic="
   From extends Record<PropertyKey, string>,
-  To extends Record<PropertyKey, string>,
-  Name extends DeepKeys<From>
+  To extends Record<PropertyKey, string>
 "
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { Array as A, Order, pipe } from "effect-app"
 import { computed } from "vue"
-import { type FieldMeta, type FieldPath, type OmegaAutoGenMeta, type OmegaInputProps } from "./OmegaFormStuff"
+import { type FieldMeta, type OmegaAutoGenMeta, type OmegaInputProps } from "./OmegaFormStuff"
 
-type NewMeta = OmegaAutoGenMeta<From, To, Name>
+type NewMeta = OmegaAutoGenMeta<From, To>
 
 const mapObject = <K extends string, A, B>(fn: (value: A, key: K) => B) => (obj: Record<K, A>): Record<K, B> =>
   Object.fromEntries(
@@ -52,7 +51,7 @@ const filterMapRecord =
     )
 
 const props = defineProps<{
-  form: OmegaInputProps<From, To, Name>["form"]
+  form: OmegaInputProps<From, To>["form"]
   pick?: DeepKeys<From>[]
   omit?: DeepKeys<From>[]
   labelMap?: (key: DeepKeys<From>) => string | undefined
diff --git a/packages/vue-components/src/components/OmegaForm/OmegaFormInput.vue b/packages/vue-components/src/components/OmegaForm/OmegaFormInput.vue
index e598b0c2bc..4e8b9d2472 100644
--- a/packages/vue-components/src/components/OmegaForm/OmegaFormInput.vue
+++ b/packages/vue-components/src/components/OmegaForm/OmegaFormInput.vue
@@ -27,8 +27,7 @@ import { OmegaFormKey } from "./useOmegaForm"
 
 const form = inject(OmegaFormKey) as unknown as OmegaInputProps<
   From,
-  To,
-  Name
+  To
 >["form"]
 
 if (!form) {
@@ -36,7 +35,7 @@ if (!form) {
 }
 
 defineProps<
-  BaseProps<From, Name> & DefaultTypeProps
+  BaseProps<From> & DefaultTypeProps
 >()
 
 defineSlots<{
diff --git a/packages/vue-components/src/components/OmegaForm/OmegaFormStuff.ts b/packages/vue-components/src/components/OmegaForm/OmegaFormStuff.ts
index 855c480c7f..8682e4558e 100644
--- a/packages/vue-components/src/components/OmegaForm/OmegaFormStuff.ts
+++ b/packages/vue-components/src/components/OmegaForm/OmegaFormStuff.ts
@@ -17,19 +17,19 @@ export type FieldPath<T> = unknown extends T ? string
   // technically we cannot have primitive at the root
   : T extends string | boolean | number | null | undefined | symbol | bigint ? ""
   // technically we cannot have array at the root
-  : T extends ReadonlyArray<infer U> ? FieldPath_<U, `[${number}]`>
+  : T extends ReadonlyArray<infer U> ? Compute<FieldPath_<U, `[${number}]`>>
   : {
-    [K in keyof T]: FieldPath_<T[K], `${K & string}`>
+    [K in keyof T]: Compute<FieldPath_<T[K], `${K & string}`>>
   }[keyof T]
 
 export type FieldPath_<T, Path extends string> = unknown extends T ? string
   : T extends string | boolean | number | null | undefined | symbol | bigint ? Path
-  : T extends ReadonlyArray<infer U> ? FieldPath_<U, `${Path}[${number}]`> | Path
+  : T extends ReadonlyArray<infer U> ? Compute<FieldPath_<U, `${Path}[${number}]`>> | Path
   : {
-    [K in keyof T]: FieldPath_<T[K], `${Path}.${K & string}`>
+    [K in keyof T]: Compute<FieldPath_<T[K], `${Path}.${K & string}`>>
   }[keyof T]
 
-export type BaseProps<From, TName extends FieldPath<From>> = {
+export type BaseProps<From, TName extends FieldPath<From> = FieldPath<From>> = {
   /**
    * Will fallback to i18n when not specified.
    * Can also be provided via #label slot for custom HTML labels.
@@ -64,34 +64,31 @@ export type DefaultTypeProps = {
 
 export type OmegaInputPropsBase<
   From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>
+  To extends Record<PropertyKey, any>
 > = {
   form: OF<From, To> & {
     meta: MetaRecord<From>
     i18nNamespace?: string
   }
-} & BaseProps<From, Name>
+} & BaseProps<From>
 
 export type OmegaInputProps<
   From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>,
   TypeProps = DefaultTypeProps
 > = {
   form: OmegaFormReturn<From, To, TypeProps> & {
     meta: MetaRecord<From>
     i18nNamespace?: string
   }
-} & BaseProps<From, Name>
+} & BaseProps<From>
 
 export type OmegaArrayProps<
   From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>
+  To extends Record<PropertyKey, any>
 > =
   & Omit<
-    OmegaInputProps<From, To, Name>,
+    OmegaInputProps<From, To>,
     "validators" | "options" | "label" | "type" | "items" | "name"
   >
   & {
@@ -889,9 +886,8 @@ export const nullableInput = <A, I, R>(
 
 export type OmegaAutoGenMeta<
   From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>
-> = Omit<OmegaInputProps<From, To, Name>, "form">
+  To extends Record<PropertyKey, any>
+> = Omit<OmegaInputProps<From, To>, "form">
 
 const supportedInputs = [
   "button",
diff --git a/packages/vue-components/src/components/OmegaForm/OmegaInput.vue b/packages/vue-components/src/components/OmegaForm/OmegaInput.vue
index de2e80f90a..9da3d19995 100644
--- a/packages/vue-components/src/components/OmegaForm/OmegaInput.vue
+++ b/packages/vue-components/src/components/OmegaForm/OmegaInput.vue
@@ -40,8 +40,7 @@
   generic="
   // dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
   From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>
+  To extends Record<PropertyKey, any>
 "
 >
 import { type DeepKeys } from "@tanstack/vue-form"
@@ -50,7 +49,7 @@ import { useIntl } from "../../utils"
 import { type FieldMeta, generateInputStandardSchemaFromFieldMeta, type OmegaInputPropsBase } from "./OmegaFormStuff"
 import OmegaInternalInput from "./OmegaInternalInput.vue"
 
-const props = defineProps<OmegaInputPropsBase<From, To, Name>>()
+const props = defineProps<OmegaInputPropsBase<From, To>>()
 
 // downgrade to *as* DeepKeys<From> to avoid useless and possible infinite recursion in TS
 const propsName = computed(() => props.name as DeepKeys<From>)
diff --git a/packages/vue-components/src/components/OmegaForm/useOmegaForm.ts b/packages/vue-components/src/components/OmegaForm/useOmegaForm.ts
index 19b787ee16..ad1b343ace 100644
--- a/packages/vue-components/src/components/OmegaForm/useOmegaForm.ts
+++ b/packages/vue-components/src/components/OmegaForm/useOmegaForm.ts
@@ -11,7 +11,7 @@ import { MergedInputProps } from "./InputProps"
 import OmegaArray from "./OmegaArray.vue"
 import OmegaAutoGen from "./OmegaAutoGen.vue"
 import OmegaErrorsInternal from "./OmegaErrorsInternal.vue"
-import { BaseProps, DefaultTypeProps, FieldPath, type FormProps, generateMetaFromSchema, type MetaRecord, type NestedKeyOf, OmegaArrayProps, OmegaAutoGenMeta, OmegaError, type OmegaFormApi, OmegaFormState } from "./OmegaFormStuff"
+import { BaseProps, DefaultTypeProps, FieldPath, type FormProps, generateMetaFromSchema, type MetaRecord, type NestedKeyOf, OmegaAutoGenMeta, OmegaError, type OmegaFormApi, OmegaFormState } from "./OmegaFormStuff"
 import OmegaInput from "./OmegaInput.vue"
 import OmegaTaggedUnion from "./OmegaTaggedUnion.vue"
 import OmegaForm from "./OmegaWrapper.vue"
@@ -207,243 +207,48 @@ type __VLS_PrettifyLocal<T> =
   }
   & {}
 
-// Type aliases for Array component slots - using cached types for performance
-type CachedFieldApi<From, To, TypeProps = DefaultTypeProps> = import("@tanstack/vue-form").FieldApi<
-  From,
-  OmegaFormReturn<From, To, TypeProps>["_keys"],
-  DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>,
-  | import("@tanstack/vue-form").FieldValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldAsyncValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldAsyncValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldAsyncValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldAsyncValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  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").FormValidateOrFn<From> | undefined,
-  import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined,
-  import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined,
-  Record<string, any> | undefined
->
-
-type CachedFieldState<From, To, TypeProps = DefaultTypeProps> = import("@tanstack/vue-form").FieldState<
-  From,
-  OmegaFormReturn<From, To, TypeProps>["_keys"],
-  DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>,
-  | import("@tanstack/vue-form").FieldValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldAsyncValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldAsyncValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldAsyncValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  | import("@tanstack/vue-form").FieldAsyncValidateOrFn<
-    From,
-    OmegaFormReturn<From, To, TypeProps>["_keys"],
-    DeepValue<From, OmegaFormReturn<From, To, TypeProps>["_keys"]>
-  >
-  | undefined,
-  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").FormValidateOrFn<From> | undefined,
-  import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined
->
-
 export interface OmegaFormReturn<
   From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
   TypeProps = DefaultTypeProps
 > extends OF<From, To> {
-  // Pre-computed type aliases - computed ONCE for performance
-  _paths: FieldPath<From>
-  _keys: DeepKeys<From>
-
-  // 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 OmegaFormReturn<From, To, TypeProps>["_paths"]>(
-    __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
-          >
-          & TypeProps
-          & Partial<{}>
-        >
-        & BaseProps<From, Name>
-        & import("vue").PublicProps
-      expose(exposed: import("vue").ShallowUnwrapRef<{}>): void
-      attrs: any
-      slots: {
-        default?(props: MergedInputProps<From, Name>): void
-        label?: (props: { required: boolean; id: string; label: string }) => void
+  // Pre-bound Input component with type-checked Name parameter
+  Input: <Name extends FieldPath<From>>(
+    props: BaseProps<From, Name> & TypeProps & {
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: {
+        default?(props: MergedInputProps<From, Name>): any
+        label?: (props: { required: boolean; id: string; label: string }) => any
       }
-      emit: {}
-    }>
-  ) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>
-  }
+      attrs?: Record<string, any>
+    }
+  ) => import("vue").VNode
   Errors: (
-    __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
-          >
-          & Partial<{}>
-        >
-        & import("vue").PublicProps
-      expose(exposed: import("vue").ShallowUnwrapRef<{}>): void
-      attrs: any
-      slots: {
-        default: (props: { errors: readonly OmegaError[]; showedGeneralErrors: string[] }) => void
+    props?: {
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: {
+        default: (props: { errors: readonly OmegaError[]; showedGeneralErrors: string[] }) => any
       }
-      emit: {}
-    }>
-  ) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>
-  }
-  TaggedUnion: <Name extends OmegaFormReturn<From, To, TypeProps>["_keys"]>(
-    __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
-            type?: "select" | "radio"
-            options: import("./InputProps").TaggedUnionOptionsArray<From, Name>
-            label?: string
-          }
-          & {}
-        >
-        & import("vue").PublicProps
-      expose(exposed: import("vue").ShallowUnwrapRef<{}>): void
-      attrs: any
-      slots: Record<
+      attrs?: Record<string, any>
+    }
+  ) => import("vue").VNode
+  TaggedUnion: <Name extends DeepKeys<From>>(
+    props: {
+      name: Name
+      type?: "select" | "radio"
+      options: import("./InputProps").TaggedUnionOptionsArray<From, Name>
+      label?: string
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: Record<
         string,
         (props: {
           field: import("@tanstack/vue-form").FieldApi<
@@ -496,134 +301,62 @@ export interface OmegaFormReturn<
           >
         }) => any
       >
-      emit: {}
-    }>
-  ) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>
-  }
-  Array: <Name extends OmegaFormReturn<From, To, TypeProps>["_keys"]>(
-    __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<OmegaArrayProps<From, To, Name>, "form">)
-          & {}
-        >
-        & import("vue").PublicProps
-      expose(exposed: import("vue").ShallowUnwrapRef<{}>): void
-      attrs: any
-      slots: {
-        "pre-array"?: (props: {
-          field: CachedFieldApi<From, To, TypeProps>
-          state: CachedFieldState<From, To, TypeProps>
-        }) => any
-      } & {
-        default?: (props: {
-          subField: CachedFieldApi<From, To, TypeProps>
-          subState: CachedFieldState<From, To, TypeProps>
-          index: number
-          field: CachedFieldApi<From, To, TypeProps>
-        }) => any
-      } & {
-        "post-array"?: (props: {
-          field: CachedFieldApi<From, To, TypeProps>
-          state: CachedFieldState<From, To, TypeProps>
-        }) => any
-      } & {
-        field?: (props: {
-          field: CachedFieldApi<From, To, TypeProps>
-        }) => any
+      attrs?: Record<string, any>
+    }
+  ) => import("vue").VNode
+  Array: <Name extends DeepKeys<From>>(
+    props: {
+      name: Name
+      defaultItems?: DeepValue<From, Name>
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: {
+        "pre-array"?: (props: { field: any; state: any }) => any
+        default?: (props: { subField: any; subState: any; index: number; field: any }) => any
+        "post-array"?: (props: { field: any; state: any }) => any
+        field?: (props: { field: any }) => any
       }
-      emit: {}
-    }>
-  ) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>
-  }
-
-  AutoGen: <Name extends OmegaFormReturn<From, To, TypeProps>["_keys"]>(
-    __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?: OmegaFormReturn<From, To, TypeProps>["_keys"][]
-            omit?: OmegaFormReturn<From, To, TypeProps>["_keys"][]
-            labelMap?: (key: OmegaFormReturn<From, To, TypeProps>["_keys"]) => string | undefined
-            filterMap?: <M extends OmegaAutoGenMeta<From, To, Name>>(
-              key: OmegaFormReturn<From, To, TypeProps>["_keys"],
-              meta: M
-            ) => boolean | M
-            order?: OmegaFormReturn<From, To, TypeProps>["_keys"][]
-            sort?: Order.Order<OmegaAutoGenMeta<From, To, Name>>
-          } & {}
-        >
-        & import("vue").PublicProps
-      expose(exposed: import("vue").ShallowUnwrapRef<{}>): void
-      attrs: any
-      slots: {
-        default(props: {
-          child: OmegaAutoGenMeta<From, To, Name>
-        }): void
+      attrs?: Record<string, any>
+    }
+  ) => import("vue").VNode
+
+  AutoGen: (
+    props: {
+      pick?: DeepKeys<From>[]
+      omit?: DeepKeys<From>[]
+      labelMap?: (key: DeepKeys<From>) => string | undefined
+      filterMap?: <M extends OmegaAutoGenMeta<From, To>>(key: DeepKeys<From>, meta: M) => boolean | M
+      order?: DeepKeys<From>[]
+      sort?: Order.Order<OmegaAutoGenMeta<From, To>>
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: {
+        default(props: { child: OmegaAutoGenMeta<From, To> }): any
       }
-      emit: {}
-    }>
-  ) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>
-  }
-
-  Form: <K extends 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<{
-      props:
-        & __VLS_PrettifyLocal<
-          Pick<
-            & Partial<{}>
-            & Omit<
-              {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps,
-              never
-            >,
-            never
-          > & {
-            // form: OmegaFormReturn<From, To, Props>
-            disabled?: boolean
-            subscribe?: K[]
-          } & {}
-        >
-        & import("vue").PublicProps
-      expose(exposed: import("vue").ShallowUnwrapRef<{}>): void
-      attrs: any
-      slots: {
+      attrs?: Record<string, any>
+    }
+  ) => import("vue").VNode
+
+  Form: <K extends keyof OmegaFormState<From, To>>(
+    props: {
+      disabled?: boolean
+      subscribe?: K[]
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: {
         default(props: {
           subscribedValues: K[] extends undefined[] ? Record<string, never> : Pick<OmegaFormState<From, To>, K>
-        }): void
+        }): any
       }
-      emit: {}
-    }>
-  ) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>
-  }
+      attrs?: Record<string, any>
+    }
+  ) => import("vue").VNode
 }
 
 export const useOmegaForm = <
@@ -979,17 +712,147 @@ export const useOmegaForm = <
 
   const errorContext = { form: formWithExtras, fieldMap }
 
+  // Pre-bound component functions with From and To already bound
+  const Input = <Name extends FieldPath<From>>(
+    props: BaseProps<From, Name> & DefaultTypeProps & {
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: {
+        default?(props: MergedInputProps<From, Name>): any
+        label?: (props: { required: boolean; id: string; label: string }) => any
+      }
+      attrs?: Record<string, any>
+    }
+  ) => {
+    const InputComponent = omegaConfig?.input ?? OmegaInput
+    return h(InputComponent, {
+      ...props,
+      form: formWithExtras,
+      ...context?.attrs
+    }, context?.slots)
+  }
+
+  const Errors = (
+    props?: {
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: {
+        default: (props: { errors: readonly OmegaError[]; showedGeneralErrors: string[] }) => any
+      }
+      attrs?: Record<string, any>
+    }
+  ) => {
+    return h(eHoc(errorContext)(OmegaErrorsInternal) as any, {
+      ...props,
+      ...context?.attrs
+    }, context?.slots)
+  }
+
+  const TaggedUnion = <Name extends DeepKeys<From>>(
+    props: {
+      name: Name
+      type?: "select" | "radio"
+      options: import("./InputProps").TaggedUnionOptionsArray<From, Name>
+      label?: string
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: Record<string, any>
+      attrs?: Record<string, any>
+    }
+  ) => {
+    return h(OmegaTaggedUnion, {
+      ...props,
+      form: formWithExtras as any,
+      ...context?.attrs
+    }, context?.slots)
+  }
+
+  const ArrayComponent = <Name extends DeepKeys<From>>(
+    props: {
+      name: Name
+      defaultItems?: DeepValue<From, Name>
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: {
+        "pre-array"?: (props: { field: any; state: any }) => any
+        default?: (props: { subField: any; subState: any; index: number; field: any }) => any
+        "post-array"?: (props: { field: any; state: any }) => any
+        field?: (props: { field: any }) => any
+      }
+      attrs?: Record<string, any>
+    }
+  ) => {
+    return h(OmegaArray, {
+      ...props,
+      form: formWithExtras as any,
+      ...context?.attrs
+    }, context?.slots)
+  }
+
+  const AutoGen = (
+    props: {
+      pick?: DeepKeys<From>[]
+      omit?: DeepKeys<From>[]
+      labelMap?: (key: DeepKeys<From>) => string | undefined
+      filterMap?: <M extends OmegaAutoGenMeta<From, To>>(key: DeepKeys<From>, meta: M) => boolean | M
+      order?: DeepKeys<From>[]
+      sort?: Order.Order<OmegaAutoGenMeta<From, To>>
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: {
+        default(props: { child: OmegaAutoGenMeta<From, To> }): any
+      }
+      attrs?: Record<string, any>
+    }
+  ) => {
+    return h(OmegaAutoGen as any, {
+      ...props,
+      form: formWithExtras,
+      ...context?.attrs
+    }, context?.slots)
+  }
+
+  const Form = <K extends keyof OmegaFormState<From, To>>(
+    props: {
+      disabled?: boolean
+      subscribe?: K[]
+      key?: string | number
+      ref?: any
+    },
+    context?: {
+      slots?: {
+        default(props: {
+          subscribedValues: K[] extends undefined[] ? Record<string, never> : Pick<OmegaFormState<From, To>, K>
+        }): any
+      }
+      attrs?: Record<string, any>
+    }
+  ) => {
+    return h(OmegaForm as any, {
+      ...props,
+      form: formWithExtras,
+      ...context?.attrs
+    }, context?.slots)
+  }
+
   return Object.assign(formWithExtras, {
-    // Type-level properties for performance optimization (not used at runtime)
-    _paths: undefined as any,
-    _keys: undefined as any,
     errorContext,
-    Form: fHoc(formWithExtras)(OmegaForm as any) as any,
-    Input: fHoc(formWithExtras)(omegaConfig?.input ?? OmegaInput) as any,
-    TaggedUnion: fHoc(formWithExtras)(OmegaTaggedUnion) as any,
+    Form,
+    Input,
+    TaggedUnion,
     Field: form.Field,
-    Errors: eHoc(errorContext)(OmegaErrorsInternal) as any,
-    Array: fHoc(formWithExtras)(OmegaArray) as any,
-    AutoGen: fHoc(formWithExtras)(OmegaAutoGen as any) as any
+    Errors,
+    Array: ArrayComponent,
+    AutoGen
   })
 }
diff --git a/packages/vue-components/stories/OmegaForm/SimpleForm.vue b/packages/vue-components/stories/OmegaForm/SimpleForm.vue
index 5d9d179c3f..ca7af3fc71 100644
--- a/packages/vue-components/stories/OmegaForm/SimpleForm.vue
+++ b/packages/vue-components/stories/OmegaForm/SimpleForm.vue
@@ -7,6 +7,7 @@
         name="asder2.value"
       >
         <template #default="{ field, label, state }">
+          {{ state.value }}
           <label :for="field.name">{{ label }}</label>
           <input
             :id="field.name"
@@ -30,10 +31,10 @@ import { S } from "effect-app"
 import { useOmegaForm } from "../../src/components/OmegaForm"
 
 const schema = S.Struct({
-  asder2: S.Struct({
+  asder2: S.Array(S.Struct({
     value: S.String
   })
-})
+}))
 const form = useOmegaForm(schema, {
   onSubmit: async ({ value }) => {
     console.log(value)