@effect-app/vue-components 0.7.1 → 0.7.3

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

@@ -1,6 +1,9 @@
 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<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Omit<OmegaInputProps<From, To>, "type" | "validators" | "label" | "options"> & Partial<{}>> & import("vue").PublicProps;
+import { type DeepValue, type DeepKeys } from "@tanstack/vue-form";
+declare const _default: <T>(__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<T, T>, "type" | "validators" | "items" | "label" | "options"> & {
+        items?: DeepValue<T, DeepKeys<T>>;
+    }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

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

@@ -85,7 +85,7 @@ export type FilterItems = {
         readonly message: string | Effect.Effect<string>;
     };
 };
-type CreateMeta = {
+export type CreateMeta = {
     parent?: string;
     meta?: Record<string, any>;
     nullableOrUndefined?: false | "undefined" | "null";
@@ -107,4 +107,3 @@ export declare const generateInputStandardSchemaFromFieldMeta: (meta: FieldMeta)
 export declare const nullableInput: <A, I, R>(schema: S.Schema<A, I, R>, defaultValue: () => A) => S.transform<import("effect/Schema").NullOr<S.Schema<A, I, R>> & {
     withDefault: S.PropertySignature<":", A | null, never, ":", I | null, true, R>;
 }, S.SchemaClass<A, A, never>>;
-export {};

package/dist/vue-components.es12.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.es22.js";
+import { getOmegaStore as B } from "./vue-components.es25.js";
 import { provideOmegaErrors as C } from "./vue-components.es7.js";
 import { useOmegaForm as I } from "./vue-components.es8.js";
 const $ = ["disabled"], N = /* @__PURE__ */ w({

package/dist/vue-components.es20.js

@@ -1,4 +1,4 @@
-import { isFunction as c } from "./vue-components.es24.js";
+import { isFunction as c } from "./vue-components.es22.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.es22.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.es23.js

@@ -1,101 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as B, getCurrentInstance as L, useId as P, computed as n, watch as w, nextTick as S, onMounted as x, ref as T, watchEffect as z, renderSlot as A, normalizeProps as D, guardReactiveProps as F, createElementVNode as M, normalizeClass as N, createBlock as R, createCommentVNode as U, unref as j, openBlock as G, mergeProps as H } from "vue";
-import { useStore as J } from "@tanstack/vue-form";
-import { useOmegaErrors as K } from "./vue-components.es7.js";
-import Q from "./vue-components.es27.js";
-
-const te = /* @__PURE__ */ B({
-  inheritAttrs: !1,
-  __name: "OmegaInternalInput",
-  props: {
-    field: {},
-    meta: {},
-    label: {},
-    options: {},
-    type: {},
-    validators: {}
-  },
-  setup(C) {
-    const e = C, o = L(), $ = o == null ? void 0 : o.appContext.components.VTextField, s = P(), u = e.field, a = J(u.store, (t) => t), d = n(() => {
-      var t, r;
-      return e.type ? e.type : ((t = e.meta) == null ? void 0 : t.type) === "string" ? e.meta.format === "email" ? "email" : "string" : ((r = e.meta) == null ? void 0 : r.type) || "unknown";
-    }), i = n(() => a.value.value), k = n(
-      () => (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        a.value.meta.errors.map((t) => t == null ? void 0 : t.message).filter(Boolean)
-      )
-    );
-    w(
-      () => !!i.value,
-      (t) => {
-        var r;
-        !t && ((r = e.meta) == null ? void 0 : r.type) !== "boolean" && S(() => {
-          var l;
-          u.setValue(
-            ((l = e.meta) == null ? void 0 : l.nullableOrUndefined) === "undefined" ? void 0 : null
-          );
-        });
-      }
-    ), x(() => {
-      var t, r;
-      !i.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && u.setValue(null);
-    });
-    const { addError: I, removeError: O, showErrors: _, showErrorsOn: q } = K(), m = T(!1);
-    z(() => {
-      (_.value || q === "onChange") && (m.value = !0);
-    });
-    const p = () => {
-      m.value = !0;
-    };
-    x(() => {
-      i.value && p();
-    });
-    const c = n(() => !m.value && d.value !== "select" ? [] : k.value);
-    w(
-      () => a.value.meta.errors,
-      () => {
-        a.value.meta.errors.length ? I({
-          inputId: s,
-          errors: a.value.meta.errors.map((t) => t.message).filter(Boolean),
-          label: e.label
-        }) : O(s);
-      }
-    );
-    const f = n(() => {
-      var t, r, l, v, g, y, h, b, E, V;
-      return {
-        id: s,
-        required: (t = e.meta) == null ? void 0 : t.required,
-        minLength: ((r = e.meta) == null ? void 0 : r.type) === "string" && ((l = e.meta) == null ? void 0 : l.minLength),
-        maxLength: ((v = e.meta) == null ? void 0 : v.type) === "string" && ((g = e.meta) == null ? void 0 : g.maxLength),
-        max: ((y = e.meta) == null ? void 0 : y.type) === "number" && ((h = e.meta) == null ? void 0 : h.maximum),
-        min: ((b = e.meta) == null ? void 0 : b.type) === "number" && ((E = e.meta) == null ? void 0 : E.minimum),
-        name: e.field.name,
-        modelValue: e.field.state.value,
-        errorMessages: c.value,
-        error: !!c.value.length,
-        field: e.field,
-        setRealDirty: p,
-        type: d.value,
-        label: `${e.label}${(V = e.meta) != null && V.required ? " *" : ""}`,
-        options: e.options
-      };
-    });
-    return (t, r) => A(t.$slots, "default", D(F(f.value)), () => [
-      M("div", {
-        class: N(t.$attrs.class),
-        onFocusout: p
-      }, [
-        j($) ? (G(), R(Q, H({
-          key: 0,
-          "input-props": f.value
-        }, t.$attrs, {
-          "vuetify-value": f.value.field.state.value
-        }), null, 16, ["input-props", "vuetify-value"])) : U("", !0)
-      ], 34)
-    ]);
-  }
-});
+import f from "./vue-components.es21.js";
 export {
-  te as default
+  f as default
 };

package/dist/vue-components.es24.js

@@ -1,4 +1,101 @@
-const o = (n) => typeof n == "function";
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as B, getCurrentInstance as L, useId as P, computed as n, watch as w, nextTick as S, onMounted as x, ref as T, watchEffect as z, renderSlot as A, normalizeProps as D, guardReactiveProps as F, createElementVNode as M, normalizeClass as N, createBlock as R, createCommentVNode as U, unref as j, openBlock as G, mergeProps as H } from "vue";
+import { useStore as J } from "@tanstack/vue-form";
+import { useOmegaErrors as K } from "./vue-components.es7.js";
+import Q from "./vue-components.es27.js";
+
+const te = /* @__PURE__ */ B({
+  inheritAttrs: !1,
+  __name: "OmegaInternalInput",
+  props: {
+    field: {},
+    meta: {},
+    label: {},
+    options: {},
+    type: {},
+    validators: {}
+  },
+  setup(C) {
+    const e = C, o = L(), $ = o == null ? void 0 : o.appContext.components.VTextField, s = P(), u = e.field, a = J(u.store, (t) => t), d = n(() => {
+      var t, r;
+      return e.type ? e.type : ((t = e.meta) == null ? void 0 : t.type) === "string" ? e.meta.format === "email" ? "email" : "string" : ((r = e.meta) == null ? void 0 : r.type) || "unknown";
+    }), i = n(() => a.value.value), k = n(
+      () => (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        a.value.meta.errors.map((t) => t == null ? void 0 : t.message).filter(Boolean)
+      )
+    );
+    w(
+      () => !!i.value,
+      (t) => {
+        var r;
+        !t && ((r = e.meta) == null ? void 0 : r.type) !== "boolean" && S(() => {
+          var l;
+          u.setValue(
+            ((l = e.meta) == null ? void 0 : l.nullableOrUndefined) === "undefined" ? void 0 : null
+          );
+        });
+      }
+    ), x(() => {
+      var t, r;
+      !i.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && u.setValue(null);
+    });
+    const { addError: I, removeError: O, showErrors: _, showErrorsOn: q } = K(), m = T(!1);
+    z(() => {
+      (_.value || q === "onChange") && (m.value = !0);
+    });
+    const p = () => {
+      m.value = !0;
+    };
+    x(() => {
+      i.value && p();
+    });
+    const c = n(() => !m.value && d.value !== "select" ? [] : k.value);
+    w(
+      () => a.value.meta.errors,
+      () => {
+        a.value.meta.errors.length ? I({
+          inputId: s,
+          errors: a.value.meta.errors.map((t) => t.message).filter(Boolean),
+          label: e.label
+        }) : O(s);
+      }
+    );
+    const f = n(() => {
+      var t, r, l, v, g, y, h, b, E, V;
+      return {
+        id: s,
+        required: (t = e.meta) == null ? void 0 : t.required,
+        minLength: ((r = e.meta) == null ? void 0 : r.type) === "string" && ((l = e.meta) == null ? void 0 : l.minLength),
+        maxLength: ((v = e.meta) == null ? void 0 : v.type) === "string" && ((g = e.meta) == null ? void 0 : g.maxLength),
+        max: ((y = e.meta) == null ? void 0 : y.type) === "number" && ((h = e.meta) == null ? void 0 : h.maximum),
+        min: ((b = e.meta) == null ? void 0 : b.type) === "number" && ((E = e.meta) == null ? void 0 : E.minimum),
+        name: e.field.name,
+        modelValue: e.field.state.value,
+        errorMessages: c.value,
+        error: !!c.value.length,
+        field: e.field,
+        setRealDirty: p,
+        type: d.value,
+        label: `${e.label}${(V = e.meta) != null && V.required ? " *" : ""}`,
+        options: e.options
+      };
+    });
+    return (t, r) => A(t.$slots, "default", D(F(f.value)), () => [
+      M("div", {
+        class: N(t.$attrs.class),
+        onFocusout: p
+      }, [
+        j($) ? (G(), R(Q, H({
+          key: 0,
+          "input-props": f.value
+        }, t.$attrs, {
+          "vuetify-value": f.value.field.state.value
+        }), null, 16, ["input-props", "vuetify-value"])) : U("", !0)
+      ], 34)
+    ]);
+  }
+});
 export {
-  o as isFunction
+  te as default
 };

package/dist/vue-components.es25.js

@@ -1,4 +1,13 @@
-import f from "./vue-components.es21.js";
+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 {
-  f as default
+  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 r, createBlock as n, openBlock as l, resolveDynamicComponent as v, withCtx as m, createCommentVNode as c, mergeProps as h, renderSlot as y, normalizeProps as g, guardReactiveProps as C } from "vue";
 import { generateInputStandardSchemaFromFieldMeta as b } from "./vue-components.es9.js";
-import k from "./vue-components.es23.js";
+import k from "./vue-components.es24.js";
 const $ = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "OmegaInput",

package/dist/vue-components.es6.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "^1.2.4",
@@ -54,8 +54,8 @@
   "dependencies": {
     "highlight.js": "^11.11.1",
     "vue3-highlightjs": "^1.0.5",
-    "effect-app": "2.40.1",
-    "@effect-app/vue": "2.41.2"
+    "@effect-app/vue": "2.41.2",
+    "effect-app": "2.40.1"
   },
   "scripts": {
     "build": "pnpm build:run",

package/src/components/OmegaForm/OmegaArray.vue

@@ -23,37 +23,65 @@
   </component>
 </template>
 
-<script setup lang="ts" generic="From, To">
-import { computed, provide } from "vue"
-import { type OmegaInputProps, createMeta } from "./OmegaFormStuff"
-import { type S } from "effect-app"
+<script setup lang="ts" generic="T">
+import { computed, onMounted, provide, watch } from "vue"
+import {
+  type CreateMeta,
+  type OmegaInputProps,
+  createMeta,
+} from "./OmegaFormStuff"
+import { type DeepValue, type DeepKeys } from "@tanstack/vue-form"
 
-const props =
-  defineProps<
-    Omit<OmegaInputProps<From, To>, "validators" | "options" | "label" | "type">
-  >()
+const props = defineProps<
+  Omit<
+    OmegaInputProps<T, T>,
+    "validators" | "options" | "label" | "type" | "items"
+  > & {
+    items?: DeepValue<T, DeepKeys<T>>
+  }
+>()
 
 defineOptions({
   inheritAttrs: false,
 })
 
+onMounted(() => {
+  if (props.items) {
+    props.form.setFieldValue(props.name, props.items)
+  }
+})
+
+watch(
+  () => props.items,
+  async items => {
+    if (items) {
+      props.form.setFieldValue(props.name, items)
+    }
+  },
+)
+
 const getMetaFromArray = computed(() => {
   const inputMeta = props.form.meta[props.name]
   if (inputMeta && inputMeta.type === "multiple") {
-    const propertySignatures = inputMeta.rest.reduce(
-      (acc, curr) => {
-        if (curr.type._tag === "TypeLiteral") {
-          acc.propertySignatures.push(...curr.type.propertySignatures)
-        }
-        return acc
-      },
-      {
-        propertySignatures: [],
-      } as { propertySignatures: S.AST.PropertySignature[] },
-    )
+    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 arrayMeta = createMeta(propertySignatures)
+    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]

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -201,7 +201,7 @@ export type FilterItems = {
     | { readonly message: string | Effect.Effect<string> }
 }
 
-type CreateMeta = {
+export type CreateMeta = {
   parent?: string
   meta?: Record<string, any>
   nullableOrUndefined?: false | "undefined" | "null"

package/src/components/OmegaForm/useOmegaForm.ts

@@ -201,7 +201,7 @@ export const useOmegaForm = <
 
   const clear = () => {
     Object.keys(meta).forEach((key: any) => {
-      form.setFieldValue(key, undefined)
+      form.setFieldValue(key, undefined as any)
     })
   }