@effect-app/vue-components 0.14.3 → 0.14.6

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

@@ -13,6 +13,10 @@ declare const _default: <From extends Record<PropertyKey, any>, To extends Recor
             subState: import("@tanstack/vue-form").FieldState<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | 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>;
             index: number;
         }) => any;
+    } & {
+        field?: (props: {
+            field: import("@tanstack/vue-form").FieldApi<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | 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").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined>;
+        }) => any;
     };
     emit: {};
 }>) => import("vue").VNode & {

package/dist/vue-components.es10.js

@@ -1,200 +1,249 @@
-import { S as t, Option as g, pipe as S } from "effect-app";
-import { useIntl as v } from "./vue-components.es3.js";
-const x = t.NonEmptyArray(t.String), T = (e) => t.AST.isUnion(e) && e.types.find((i) => i._tag === "UndefinedKeyword" || i === t.Null.ast), h = (e) => !e || !t.AST.isUnion(e) ? !1 : e.types.find((i) => i._tag === "UndefinedKeyword") ? "undefined" : e.types.find((i) => i === t.Null.ast) ? "null" : !1, m = ({ meta: e = {}, parent: i = "", property: n, propertySignatures: a }, u = {}) => {
-  if (n && n._tag === "Transformation")
+import { S as n, Option as f, pipe as O } from "effect-app";
+import { useIntl as A } from "./vue-components.es3.js";
+const M = n.NonEmptyArray(n.String), L = (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: o }, l = {}) => {
+  if (t && t._tag === "Transformation")
     return m({
       parent: i,
       meta: e,
-      property: n.from
+      property: t.from
     });
-  if (n?._tag === "TypeLiteral" && "propertySignatures" in n)
+  if (t?._tag === "TypeLiteral" && "propertySignatures" in t)
     return m({
       meta: e,
-      propertySignatures: n.propertySignatures
+      propertySignatures: t.propertySignatures
     });
-  if (a) {
-    for (const s of a) {
-      const o = i ? `${i}.${s.name.toString()}` : s.name.toString(), r = h(s.type), l = !r, d = s.type;
-      if (t.AST.isUnion(s.type)) {
-        const p = s.type.types.filter(
-          (f) => f._tag !== "UndefinedKeyword" && f !== t.Null.ast
+  if (o) {
+    for (const r of o) {
+      const u = i ? `${i}.${r.name.toString()}` : r.name.toString(), a = g(r.type), p = !a, b = r.type;
+      if (n.AST.isUnion(r.type)) {
+        const y = r.type.types.filter(
+          (s) => s._tag !== "UndefinedKeyword" && s !== n.Null.ast
         );
-        if (p.some(
-          (f) => "propertySignatures" in f
+        if (y.some(
+          (s) => "propertySignatures" in s
         )) {
-          const f = m({
-            parent: o,
-            property: s.type,
-            meta: { required: l, nullableOrUndefined: r }
-          });
-          u[o] = f;
-          for (const c of p)
-            "propertySignatures" in c && Object.assign(
-              u,
+          if (!a) {
+            const s = m({
+              parent: u,
+              property: r.type,
+              meta: { required: p, nullableOrUndefined: a }
+            });
+            l[u] = s;
+          }
+          for (const s of y)
+            "propertySignatures" in s && Object.assign(
+              l,
               m({
-                parent: o,
-                propertySignatures: c.propertySignatures,
-                meta: { required: l, nullableOrUndefined: r }
+                parent: u,
+                propertySignatures: s.propertySignatures,
+                meta: { required: p, nullableOrUndefined: a }
               })
             );
         } else {
-          const f = m({
-            parent: o,
-            property: s.type,
-            meta: { required: l, nullableOrUndefined: r }
+          const s = m({
+            parent: u,
+            property: r.type,
+            meta: { required: p, nullableOrUndefined: a }
           });
-          u[o] = f;
+          l[u] = s;
         }
-      }
-      if ("propertySignatures" in d)
+      } else if ("propertySignatures" in b)
         Object.assign(
-          u,
+          l,
           m({
-            parent: o,
-            propertySignatures: d.propertySignatures,
-            meta: { required: l, nullableOrUndefined: r }
+            parent: u,
+            propertySignatures: b.propertySignatures,
+            meta: { required: p, nullableOrUndefined: a }
           })
         );
+      else if (n.AST.isTupleType(r.type))
+        if (r.type.rest.length > 0 && r.type.rest[0].type._tag === "TypeLiteral" && "propertySignatures" in r.type.rest[0].type) {
+          const c = r.type.rest[0].type;
+          if (c._tag === "TypeLiteral" && "propertySignatures" in c)
+            for (const s of c.propertySignatures) {
+              const S = `${u}.${s.name.toString()}`;
+              if (n.AST.isTupleType(s.type) && s.type.rest.length > 0) {
+                const d = s.type.rest[0].type;
+                if (d._tag === "TypeLiteral" && "propertySignatures" in d)
+                  for (const T of d.propertySignatures) {
+                    const h = `${S}.${T.name.toString()}`, x = m({
+                      parent: h,
+                      property: T.type,
+                      meta: {
+                        required: !g(T.type),
+                        nullableOrUndefined: g(T.type)
+                      }
+                    });
+                    l[h] = x;
+                  }
+                else
+                  l[S] = {
+                    type: "multiple",
+                    members: s.type.elements,
+                    rest: s.type.rest,
+                    required: !g(s.type),
+                    nullableOrUndefined: g(s.type)
+                  };
+              } else {
+                const d = m({
+                  parent: S,
+                  property: s.type,
+                  meta: {
+                    required: !g(s.type),
+                    nullableOrUndefined: g(s.type)
+                  }
+                });
+                l[S] = d;
+              }
+            }
+        } else
+          l[u] = {
+            type: "multiple",
+            members: r.type.elements,
+            rest: r.type.rest,
+            required: p,
+            nullableOrUndefined: a
+          };
       else {
-        const p = m({
-          parent: o,
-          property: s.type,
-          meta: { required: l, nullableOrUndefined: r }
+        const y = m({
+          parent: u,
+          property: r.type,
+          meta: { required: p, nullableOrUndefined: a }
         });
-        u[o] = p;
+        l[u] = y;
       }
     }
-    return u;
+    return l;
   }
-  if (n) {
-    const s = T(n);
-    if (Object.hasOwnProperty.call(e, "required") || (e.required = !s), t.AST.isUnion(n)) {
-      const r = n.types.find(
-        (l) => l._tag !== "UndefinedKeyword" && l !== t.Null.ast
+  if (t) {
+    const r = L(t);
+    if (Object.hasOwnProperty.call(e, "required") || (e.required = !r), n.AST.isUnion(t)) {
+      const a = t.types.find(
+        (p) => p._tag !== "UndefinedKeyword" && p !== n.Null.ast
       );
-      return "propertySignatures" in r ? m({
-        propertySignatures: r.propertySignatures,
+      return "propertySignatures" in a ? m({
+        propertySignatures: a.propertySignatures,
         parent: i,
         meta: e
-      }) : n.types.every(t.AST.isLiteral) ? {
+      }) : t.types.every(n.AST.isLiteral) ? {
         ...e,
         type: "select",
-        members: n.types.map((l) => l.literal)
+        members: t.types.map((p) => p.literal)
       } : {
         ...e,
         ...m({
           parent: i,
           meta: e,
-          property: r
+          property: a
         })
       };
     }
-    if (t.AST.isTupleType(n))
+    if (n.AST.isTupleType(t))
       return {
         ...e,
         type: "multiple",
-        members: n.elements,
-        rest: n.rest
+        members: t.elements,
+        rest: t.rest
       };
-    const o = t.AST.getAnnotation(
-      n,
-      t.AST.JSONSchemaAnnotationId
-    ).pipe(g.getOrElse(() => ({})));
-    return e = { ...e, ...o }, "from" in n ? m({
+    const u = n.AST.getAnnotation(
+      t,
+      n.AST.JSONSchemaAnnotationId
+    ).pipe(f.getOrElse(() => ({})));
+    return e = { ...e, ...u }, "from" in t ? m({
       parent: i,
       meta: e,
-      property: n.from
-    }) : (e.type = t.AST.getAnnotation(
-      n,
-      t.AST.TitleAnnotationId
+      property: t.from
+    }) : (e.type = n.AST.getAnnotation(
+      t,
+      n.AST.TitleAnnotationId
     ).pipe(
-      g.getOrElse(() => "unknown")
+      f.getOrElse(() => "unknown")
     ), e);
   }
-  return u;
-}, y = (e) => {
-  const i = e.ast, n = {};
+  return l;
+}, v = (e) => {
+  const i = e.ast, t = {};
   if (i._tag === "Transformation" || i._tag === "Refinement")
-    return y(t.make(i.from));
+    return v(n.make(i.from));
   if ("propertySignatures" in i) {
-    const a = m({
+    const o = m({
       propertySignatures: i.propertySignatures
     });
-    if (Object.values(a).every((s) => s && "type" in s))
-      return a;
-    const u = (s, o = "") => {
-      for (const r in s) {
-        const l = o ? `${o}.${r}` : r;
-        s[r] && typeof s[r] == "object" && "type" in s[r] ? n[l] = s[r] : s[r] && typeof s[r] == "object" && u(s[r], l);
+    if (Object.values(o).every((r) => r && "type" in r))
+      return o;
+    const l = (r, u = "") => {
+      for (const a in r) {
+        const p = u ? `${u}.${a}` : a;
+        r[a] && typeof r[a] == "object" && "type" in r[a] ? t[p] = r[a] : r[a] && typeof r[a] == "object" && l(r[a], p);
       }
     };
-    u(a);
+    l(o);
   }
-  return n;
-}, M = (e) => t.extend(e, t.Struct({})), N = (e) => {
-  const i = y(e), n = S(
+  return t;
+}, N = (e) => n.extend(e, n.Struct({})), _ = (e) => {
+  const i = v(e), t = O(
     e.ast,
-    g.liftPredicate((a) => a._tag === "Refinement" && "filter" in a),
-    g.flatMap((a) => t.AST.getJSONSchemaAnnotation(a)),
-    g.filter((a) => "items" in a),
-    g.filterMap(
-      ({ items: a }) => t.decodeUnknownOption(x)(a)
+    f.liftPredicate((o) => o._tag === "Refinement" && "filter" in o),
+    f.flatMap((o) => n.AST.getJSONSchemaAnnotation(o)),
+    f.filter((o) => "items" in o),
+    f.filterMap(
+      ({ items: o }) => n.decodeUnknownOption(M)(o)
     ),
-    g.zipWith(
-      t.AST.getMessageAnnotation(e.ast),
-      (a, u) => ({
-        items: a,
-        message: u("")
+    f.zipWith(
+      n.AST.getMessageAnnotation(e.ast),
+      (o, l) => ({
+        items: o,
+        message: l("")
       })
     ),
-    g.getOrUndefined
+    f.getOrUndefined
   );
-  return { schema: e, meta: i, filterItems: n };
-}, L = (e) => {
-  const { trans: i } = v();
-  let n;
+  return { schema: e, meta: i, filterItems: t };
+}, k = (e) => {
+  const { trans: i } = A();
+  let t;
   switch (e.type) {
     case "string":
-      n = t.String.annotations({
+      t = n.String.annotations({
         message: () => i("validation.empty")
-      }), e.format === "email" && (n = t.compose(
-        n,
-        t.Email.annotations({
+      }), e.format === "email" && (t = n.compose(
+        t,
+        n.Email.annotations({
           message: () => i("validation.email.invalid")
         })
-      )), e.required && n.annotations({
+      )), e.required && t.annotations({
         message: () => i("validation.empty")
-      }), e.maxLength && (n = n.pipe(t.maxLength(e.maxLength)).annotations({
+      }), e.maxLength && (t = t.pipe(n.maxLength(e.maxLength)).annotations({
         message: () => i("validation.string.maxLength", {
           maxLength: e.maxLength
         })
-      })), e.minLength && (n = n.pipe(t.minLength(e.minLength)).annotations({
+      })), e.minLength && (t = t.pipe(n.minLength(e.minLength)).annotations({
         message: () => i("validation.string.minLength", {
           minLength: e.minLength
         })
       }));
       break;
     case "number":
-      n = t.Number.annotations({
+      t = n.Number.annotations({
         message: () => i("validation.empty")
-      }), e.required && n.annotations({
+      }), e.required && t.annotations({
         message: () => i("validation.empty")
-      }), e.minimum && (n = n.pipe(t.greaterThanOrEqualTo(e.minimum)).annotations({
+      }), e.minimum && (t = t.pipe(n.greaterThanOrEqualTo(e.minimum)).annotations({
         message: () => i("validation.number.min", {
           minimum: e.minimum,
           isExclusive: !0
         })
-      })), e.maximum && (n = n.pipe(t.lessThanOrEqualTo(e.maximum)).annotations({
+      })), e.maximum && (t = t.pipe(n.lessThanOrEqualTo(e.maximum)).annotations({
         message: () => i("validation.number.max", {
           maximum: e.maximum,
           isExclusive: !0
         })
-      })), e.exclusiveMinimum && (n = n.pipe(t.greaterThan(e.exclusiveMinimum)).annotations({
+      })), e.exclusiveMinimum && (t = t.pipe(n.greaterThan(e.exclusiveMinimum)).annotations({
         message: () => i("validation.number.min", {
           minimum: e.exclusiveMinimum,
           isExclusive: !1
         })
-      })), e.exclusiveMaximum && (n = n.pipe(t.lessThan(e.exclusiveMaximum)).annotations({
+      })), e.exclusiveMaximum && (t = t.pipe(n.lessThan(e.exclusiveMaximum)).annotations({
         message: () => i("validation.number.max", {
           maximum: e.exclusiveMaximum,
           isExclusive: !1
@@ -202,7 +251,7 @@ const x = t.NonEmptyArray(t.String), T = (e) => t.AST.isUnion(e) && e.types.find
       }));
       break;
     case "select":
-      n = t.Literal(...e.members).annotations({
+      t = n.Literal(...e.members).annotations({
         message: () => ({
           message: i("validation.not_a_valid", {
             type: "select",
@@ -213,7 +262,7 @@ const x = t.NonEmptyArray(t.String), T = (e) => t.AST.isUnion(e) && e.types.find
       });
       break;
     case "multiple":
-      n = t.Array(t.String).annotations({
+      t = n.Array(n.String).annotations({
         message: () => i("validation.not_a_valid", {
           type: "multiple",
           message: e.members.join(", ")
@@ -221,28 +270,28 @@ const x = t.NonEmptyArray(t.String), T = (e) => t.AST.isUnion(e) && e.types.find
       });
       break;
     case "boolean":
-      n = t.Boolean;
+      t = n.Boolean;
       break;
     // todo: switch must be exhaustive or have default case, otherwise falls through with schema undefined.
     case "unknown":
-      n = t.Unknown;
+      t = n.Unknown;
       break;
   }
-  return e.required ? n.pipe(
-    t.annotations({
+  return e.required ? t.pipe(
+    n.annotations({
       message: () => i("validation.empty")
     })
-  ) : n = t.NullishOr(n), t.standardSchemaV1(n);
-}, U = (e, i) => t.NullOr(e).pipe(
-  t.transform(t.typeSchema(e), {
-    decode: (n) => n ?? i(),
-    encode: (n) => n
+  ) : t = n.NullishOr(t), n.standardSchemaV1(t);
+}, w = (e, i) => n.NullOr(e).pipe(
+  n.transform(n.typeSchema(e), {
+    decode: (t) => t ?? i(),
+    encode: (t) => t
   })
 );
 export {
   m as createMeta,
-  M as duplicateSchema,
-  L as generateInputStandardSchemaFromFieldMeta,
-  N as generateMetaFromSchema,
-  U as nullableInput
+  N as duplicateSchema,
+  k as generateInputStandardSchemaFromFieldMeta,
+  _ as generateMetaFromSchema,
+  w as nullableInput
 };

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.es24.js";
+import { getOmegaStore as B } from "./vue-components.es25.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.es25.js";
+import { isFunction as c } from "./vue-components.es23.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,92 +1,4 @@
-(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)
-    ]);
-  }
-});
+const o = (n) => typeof n == "function";
 export {
-  J as default
+  o as isFunction
 };

package/dist/vue-components.es24.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.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 {
-  c as getOmegaStore
+  J as default
 };

package/dist/vue-components.es25.js

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

package/dist/vue-components.es26.js

@@ -1,4 +1,4 @@
-import f from "./vue-components.es23.js";
+import f from "./vue-components.es24.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.es23.js";
+import { defineComponent as d, inject as f, computed as r, createBlock as n, openBlock as m, resolveDynamicComponent as c, withCtx as l, createCommentVNode as v, mergeProps as y, renderSlot as g, normalizeProps as h, guardReactiveProps as b } from "vue";
+import { generateInputStandardSchemaFromFieldMeta as C } from "./vue-components.es10.js";
+import F from "./vue-components.es24.js";
 const P = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "OmegaInput",
@@ -13,15 +13,15 @@ const P = /* @__PURE__ */ d({
     type: {}
   },
   setup(s) {
-    const a = s, r = f(
+    const a = s, o = f(
       "getMetaFromArray",
       null
-    ), t = o(() => r?.value && r.value(a.name) ? r.value(a.name) : a.form.meta[a.name]), i = o(() => {
+    ), t = r(() => o?.value && o.value(a.name) ? o.value(a.name) : a.form.meta[a.name]), i = r(() => {
       if (!t.value)
-        throw new Error("Meta is undefined");
-      return F(t.value);
+        throw console.log(a.name, Object.keys(a.form.meta), a.form.meta), new Error("Meta is undefined");
+      return C(t.value);
     });
-    return (e, M) => (m(), n(v(e.form.Field), {
+    return (e, k) => (m(), n(c(e.form.Field), {
       name: e.name,
       validators: {
         onChange: i.value,
@@ -29,7 +29,7 @@ const P = /* @__PURE__ */ d({
       }
     }, {
       default: l(({ field: p }) => [
-        t.value ? (m(), n(b, y({
+        t.value ? (m(), n(F, y({
           key: 0,
           field: p,
           label: e.label,
@@ -38,10 +38,10 @@ const P = /* @__PURE__ */ d({
           type: e.type
         }, e.$attrs), {
           default: l((u) => [
-            g(e.$slots, "default", h(C(u)))
+            g(e.$slots, "default", h(b(u)))
           ]),
           _: 2
-        }, 1040, ["field", "label", "options", "meta", "type"])) : c("", !0)
+        }, 1040, ["field", "label", "options", "meta", "type"])) : v("", !0)
       ]),
       _: 3
     }, 8, ["name", "validators"]));

package/dist/vue-components.es7.js

@@ -1,6 +1,5 @@
-import { defineComponent as y, computed as u, onMounted as c, provide as g, createElementBlock as M, openBlock as p, Fragment as v, renderList as _, createBlock as h, resolveDynamicComponent as k, withCtx as F, renderSlot as S, mergeProps as $ } from "vue";
-import { createMeta as A } from "./vue-components.es10.js";
-const C = /* @__PURE__ */ y({
+import { defineComponent as F, computed as l, onMounted as P, provide as $, createElementBlock as s, openBlock as n, Fragment as u, createBlock as d, renderList as M, resolveDynamicComponent as i, withCtx as f, renderSlot as p, mergeProps as k, normalizeProps as A, guardReactiveProps as b } from "vue";
+const B = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "OmegaArray",
   props: {
@@ -9,48 +8,38 @@ const C = /* @__PURE__ */ y({
     defaultItems: {},
     items: {}
   },
-  setup(l) {
-    const t = l, i = t.form.useStore((e) => e.values), m = u(() => t.name.split(".").reduce((e, a) => e[a], i.value));
-    c(async () => {
-      t.defaultItems && !m.value && t.form.setFieldValue(t.name, t.defaultItems);
+  setup(c) {
+    const r = c, g = r.form.useStore((e) => e.values), m = l(() => r.name.replace(/\[/g, ".").replace(/\]/g, "").split(".").reduce((a, t) => a[t], g.value));
+    P(async () => {
+      r.defaultItems && !m.value && r.form.setFieldValue(r.name, r.defaultItems);
     });
-    const f = u(() => {
-      const e = t.form.meta[t.name];
-      if (e && e.type === "multiple") {
-        const a = e.rest.reduce((r, n) => n.type._tag === "TypeLiteral" ? {
-          ...r,
-          propertySignatures: [
-            ...r.propertySignatures || [],
-            ...n.type.propertySignatures
-          ]
-        } : {
-          ...r,
-          property: n.type
-        }, {}), s = A({ ...a, meta: e });
-        return (r) => {
-          if (r.endsWith("]")) return s;
-          const n = r.split("]."), d = n[n.length - 1];
-          return s[d];
-        };
-      }
-      return (a) => {
-      };
+    const v = l(() => (a) => {
+      const t = a.replace(/\[\d+\]/g, "");
+      return r.form.meta[t];
     });
-    return g("getMetaFromArray", f), (e, a) => (p(!0), M(v, null, _(m.value, (s, o) => (p(), h(k(e.form.Field), {
-      key: `${e.name}[${Number(o)}]`,
-      name: `${e.name}[${Number(o)}]`
-    }, {
-      default: F(({ field: r, state: n }) => [
-        S(e.$slots, "default", $({ ref_for: !0 }, {
-          subField: r,
-          subState: n,
-          index: Number(o)
-        }))
-      ]),
-      _: 2
-    }, 1032, ["name"]))), 128));
+    return $("getMetaFromArray", v), (e, a) => (n(), s(u, null, [
+      (n(!0), s(u, null, M(m.value, (t, o) => (n(), d(i(e.form.Field), {
+        key: `${e.name}[${Number(o)}]`,
+        name: `${e.name}[${Number(o)}]`
+      }, {
+        default: f(({ field: h, state: y }) => [
+          p(e.$slots, "default", k({ ref_for: !0 }, {
+            subField: h,
+            subState: y,
+            index: Number(o)
+          }))
+        ]),
+        _: 2
+      }, 1032, ["name"]))), 128)),
+      (n(), d(i(e.form.Field), { name: e.name }, {
+        default: f(({ field: t }) => [
+          p(e.$slots, "field", A(b({ field: t })))
+        ]),
+        _: 3
+      }, 8, ["name"]))
+    ], 64));
   }
 });
 export {
-  C as default
+  B as default
 };

package/package.json

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

package/src/components/OmegaForm/OmegaArray.vue

@@ -17,8 +17,12 @@
       />
     </template>
   </component>
+  <component :is="form.Field" :name="name">
+    <template #default="{ field }">
+      <slot name="field" v-bind="{ field }" />
+    </template>
+  </component>
 </template>
-
 <script
   setup
   lang="ts"
@@ -29,9 +33,7 @@
 >
 import { computed, onMounted, provide } from "vue"
 import {
-  type CreateMeta,
   type OmegaInputProps,
-  createMeta,
 } from "./OmegaFormStuff"
 import { type DeepValue, type DeepKeys } from "@tanstack/vue-form"
 
@@ -52,10 +54,8 @@ defineOptions({
 
 const store = props.form.useStore(state => state.values)
 const items = computed(() => {
-  return props.name.split(".").reduce((acc, curr) => {
-    if (curr === "items") {
-      return acc[curr]
-    }
+  const normalizedPath = props.name.replace(/\[/g, ".").replace(/\]/g, "")
+  return normalizedPath.split(".").reduce((acc, curr) => {
     return acc[curr] as typeof store.value
   }, store.value)
 })
@@ -67,34 +67,14 @@ onMounted(async () => {
 })
 
 const getMetaFromArray = computed(() => {
-  const inputMeta = props.form.meta[props.name]
-  if (inputMeta && inputMeta.type === "multiple") {
-    const result = inputMeta.rest.reduce<CreateMeta>((acc, curr) => {
-      if (curr.type._tag === "TypeLiteral") {
-        return {
-          ...acc,
-          propertySignatures: [
-            ...(acc.propertySignatures || []),
-            ...curr.type.propertySignatures,
-          ],
-        } as CreateMeta
-      }
-      return {
-        ...acc,
-        property: curr.type,
-      } as CreateMeta
-    }, {} as CreateMeta)
+  const getMeta = (path: string) => {
+    // Transform path like 'a[0].b[11].c' into 'a.b.c'
+    const simplifiedPath = path.replace(/\[\d+\]/g, '')
 
-    const arrayMeta = createMeta({ ...result, meta: inputMeta })
-    const getMeta = (index: string) => {
-      if (index.endsWith("]")) return arrayMeta
-      const parts = index.split("].")
-      const key = parts[parts.length - 1]
-      return arrayMeta[key as keyof typeof arrayMeta]
-    }
-    return getMeta
+    return props.form.meta[simplifiedPath as keyof typeof props.form.meta]
   }
-  return (_: string) => undefined
+  
+  return getMeta
 })
 
 provide("getMetaFromArray", getMetaFromArray)

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -255,6 +255,7 @@ export const createMeta = <T = any>(
       const key = parent ? `${parent}.${p.name.toString()}` : p.name.toString()
       const nullableOrUndefined = isNullableOrUndefined(p.type)
       const isRequired = !nullableOrUndefined
+      
 
       const typeToProcess = p.type
       if (S.AST.isUnion(p.type)) {
@@ -267,14 +268,16 @@ export const createMeta = <T = any>(
         )
 
         if (hasStructMembers) {
-          // Create metadata for the parent level (the union itself)
-          const parentMeta = createMeta<T>({
-            parent: key,
-            property: p.type,
-            meta: { required: isRequired, nullableOrUndefined },
-          })
-          acc[key as NestedKeyOf<T>] = parentMeta as FieldMeta
-
+          // Only create parent meta for non-NullOr unions to avoid duplicates
+          if (!nullableOrUndefined) {
+            const parentMeta = createMeta<T>({
+              parent: key,
+              property: p.type,
+              meta: { required: isRequired, nullableOrUndefined },
+            })
+            acc[key as NestedKeyOf<T>] = parentMeta as FieldMeta
+          }
+          
           // Process each non-null type and merge their metadata
           for (const nonNullType of nonNullTypes) {
             if ("propertySignatures" in nonNullType) {
@@ -297,8 +300,7 @@ export const createMeta = <T = any>(
           })
           acc[key as NestedKeyOf<T>] = newMeta as FieldMeta
         }
-      }
-      if ("propertySignatures" in typeToProcess) {
+      } else if ("propertySignatures" in typeToProcess) {
         Object.assign(
           acc,
           createMeta<T>({
@@ -308,12 +310,79 @@ export const createMeta = <T = any>(
           })
         )
       } else {
-        const newMeta = createMeta<T>({
-          parent: key,
-          property: p.type,
-          meta: { required: isRequired, nullableOrUndefined },
-        })
-        acc[key as NestedKeyOf<T>] = newMeta as FieldMeta
+        // Check if this is an array type
+        if (S.AST.isTupleType(p.type)) {
+          // Check if it has struct elements
+          const hasStructElements = p.type.rest.length > 0 && 
+            p.type.rest[0].type._tag === "TypeLiteral" && 
+            "propertySignatures" in p.type.rest[0].type
+          
+          if (hasStructElements) {
+            // For arrays with struct elements, only create meta for nested fields, not the array itself
+            const elementType = p.type.rest[0].type
+            if (elementType._tag === "TypeLiteral" && "propertySignatures" in elementType) {
+              // Process each property in the array element
+              for (const prop of elementType.propertySignatures) {
+                const propKey = `${key}.${prop.name.toString()}`
+                
+                // Check if the property is another array
+                if (S.AST.isTupleType(prop.type) && prop.type.rest.length > 0) {
+                  const nestedElementType = prop.type.rest[0].type
+                  if (nestedElementType._tag === "TypeLiteral" && "propertySignatures" in nestedElementType) {
+                    // Array with struct elements - process nested fields
+                    for (const nestedProp of nestedElementType.propertySignatures) {
+                      const nestedKey = `${propKey}.${nestedProp.name.toString()}`
+                      const nestedMeta = createMeta<T>({
+                        parent: nestedKey,
+                        property: nestedProp.type,
+                        meta: {
+                          required: !isNullableOrUndefined(nestedProp.type),
+                          nullableOrUndefined: isNullableOrUndefined(nestedProp.type)
+                        }
+                      })
+                      acc[nestedKey as NestedKeyOf<T>] = nestedMeta as FieldMeta
+                    }
+                  } else {
+                    // Array with primitive elements - create meta for the array itself
+                    acc[propKey as NestedKeyOf<T>] = {
+                      type: "multiple",
+                      members: prop.type.elements,
+                      rest: prop.type.rest,
+                      required: !isNullableOrUndefined(prop.type),
+                      nullableOrUndefined: isNullableOrUndefined(prop.type)
+                    } as FieldMeta
+                  }
+                } else {
+                  const fieldMeta = createMeta<T>({
+                    parent: propKey,
+                    property: prop.type,
+                    meta: {
+                      required: !isNullableOrUndefined(prop.type),
+                      nullableOrUndefined: isNullableOrUndefined(prop.type)
+                    }
+                  })
+                  acc[propKey as NestedKeyOf<T>] = fieldMeta as FieldMeta
+                }
+              }
+            }
+          } else {
+            // For arrays with primitive elements, create the array meta
+            acc[key as NestedKeyOf<T>] = {
+              type: "multiple",
+              members: p.type.elements,
+              rest: p.type.rest,
+              required: isRequired,
+              nullableOrUndefined
+            } as FieldMeta
+          }
+        } else {
+          const newMeta = createMeta<T>({
+            parent: key,
+            property: p.type,
+            meta: { required: isRequired, nullableOrUndefined },
+          })
+          acc[key as NestedKeyOf<T>] = newMeta as FieldMeta
+        }
       }
     }
     return acc

package/src/components/OmegaForm/OmegaInput.vue

@@ -54,6 +54,7 @@ const meta = computed(() => {
 
 const schema = computed(() => {
   if (!meta.value) {
+    console.log(props.name, Object.keys(props.form.meta), props.form.meta)
     throw new Error("Meta is undefined")
   }
   return generateInputStandardSchemaFromFieldMeta(meta.value)