@effect-app/vue-components 2.1.5 → 2.2.0

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

@@ -12,6 +12,7 @@ export type InputProps<From extends Record<PropertyKey, any>, TName extends Deep
         error: boolean;
         label: string;
         type: string;
+        inputClass: string | undefined | null;
     };
     field: OmegaFieldInternalApi<From, TName>;
     /** be sure to use this state and not `field.state` as it is not reactive */

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

@@ -6,12 +6,19 @@ import { type OF, type OmegaFormReturn } from "./useOmegaForm";
 export type Leaves<T, Path extends string = ""> = T extends ReadonlyArray<infer U> ? Leaves<U, `${Path}[number]`> & {} : {
     [K in keyof T]: T[K] extends string | boolean | number | null | undefined | symbol | bigint ? `${Path extends "" ? "" : `${Path}.`}${K & string}` : Leaves<T[K], `${Path extends "" ? "" : `${Path}.`}${K & string}`> & {};
 }[keyof T];
-export type FlexibleArrayPath<T extends string> = T extends `${infer Before}[number]${infer After}` ? T | `${Before}[${number}]${FlexibleArrayPath<After>}` : T;
+export type FlexibleArrayPath<T extends string> = T extends `${string}[${string}]${string}` ? T : never;
 export type BaseProps<From, TName extends DeepKeys<From> = DeepKeys<From>> = {
     /** Will fallback to i18n when not specified */
     label?: string;
     validators?: FieldValidators<From>;
-    name: TName;
+    name: FlexibleArrayPath<TName> extends never ? Leaves<From> : TName;
+    /**
+     * Optional class to apply to the input element.
+     * - If a string is provided, it will be used instead of the general class
+     * - If null is provided, no class will be applied (neither inputClass nor general class)
+     * - If undefined (not provided), the general class will be used
+     */
+    inputClass?: string | null;
 };
 export type TypesWithOptions = "radio" | "select" | "multiple" | "autocomplete" | "autocompletemultiple";
 export type DefaultTypeProps = {

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

@@ -17,6 +17,7 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, To extends R
             error: boolean;
             label: string;
             type: string;
+            inputClass: string | undefined | null;
         }) => any;
     };
     emit: {};

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

@@ -1,4 +1,4 @@
-import { type DeepKeys, type DeepValue } from "@tanstack/vue-form";
+import { type DeepKeys } from "@tanstack/vue-form";
 import { type ComputedRef } from "vue";
 import type { OmegaFieldInternalApi } from "./InputProps";
 import type { FieldValidators, MetaRecord, NestedKeyOf, TypeOverride } from "./OmegaFormStuff";
@@ -11,6 +11,7 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
         type?: TypeOverride;
         validators?: FieldValidators<From>;
         required?: boolean;
+        inputClass?: string | null;
         register: (field: ComputedRef<{
             name: string;
             label: string;
@@ -26,7 +27,7 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
     slots: {
         default?: (props: {
             field: OmegaFieldInternalApi<From, Name>;
-            state: import("@tanstack/vue-form").FieldState<From, Name, DeepValue<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").StandardSchemaV1<DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateFn<From, Name>, import("@tanstack/vue-form").StandardSchemaV1<DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateAsyncFn<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>>, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, DeepValue<From, Name>>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, any, 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>;
+            state: import("@tanstack/vue-form").FieldState<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").StandardSchemaV1<import("@tanstack/vue-form").DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateFn<From, Name>, import("@tanstack/vue-form").StandardSchemaV1<import("@tanstack/vue-form").DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateAsyncFn<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>>, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, any, 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>;
             id: string;
             required?: boolean;
             minLength?: number | false;
@@ -37,6 +38,7 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
             error: boolean;
             label: string;
             type: string;
+            inputClass: string | undefined | null;
         }) => any;
     };
     emit: {};

package/dist/vue-components.es10.js

@@ -1,57 +1,57 @@
-import { useForm as q } from "@tanstack/vue-form";
-import { Data as B, S as D, Effect as c, Fiber as x, Option as P, Array as g } from "effect-app";
+import { useForm as J } from "@tanstack/vue-form";
+import { Data as z, S as D, Effect as l, Fiber as N, Option as P, Array as g } from "effect-app";
 import { runtimeFiberAsPromise as K } from "./vue-components.es16.js";
 import { isObject as T } from "./vue-components.es17.js";
-import { computed as O, onUnmounted as N, onMounted as G, onBeforeUnmount as z, watch as W, ref as Q, h as H } from "vue";
+import { computed as L, onUnmounted as k, onMounted as Z, onBeforeUnmount as G, watch as W, ref as Q, h as B } from "vue";
 import X from "./vue-components.es18.js";
 import Y from "./vue-components.es19.js";
-import Z from "./vue-components.es20.js";
-import { generateMetaFromSchema as C } from "./vue-components.es12.js";
-import ee from "./vue-components.es6.js";
-import re from "./vue-components.es8.js";
-import te from "./vue-components.es21.js";
+import C from "./vue-components.es20.js";
+import { generateMetaFromSchema as ee } from "./vue-components.es12.js";
+import re from "./vue-components.es6.js";
+import te from "./vue-components.es8.js";
+import ne from "./vue-components.es21.js";
 import { trace as R } from "./vue-components.es22.js";
-import { context as L } from "./vue-components.es23.js";
-class ne extends B.TaggedError("FormErrors") {
+import { context as x } from "./vue-components.es23.js";
+class se extends z.TaggedError("FormErrors") {
 }
-const E = (u) => function(s) {
+const E = (c) => function(i) {
   return {
     render() {
-      return H(s, {
-        form: u,
+      return B(i, {
+        form: c,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, se = (u) => function(s) {
+}, oe = (c) => function(i) {
   return {
     setup() {
-      const { fieldMap: b, form: p } = u, y = p.useStore((d) => d.errors), f = p.useStore((d) => d.fieldMeta), M = p.useStore((d) => d.errorMap), j = O(() => {
-        const d = g.filterMap(
-          Object.entries(f.value),
-          ([i, v]) => {
-            const h = v.errors ?? [];
-            if (!h.length) return P.none();
-            const a = b.value.get(i);
+      const { fieldMap: S, form: v } = c, m = v.useStore((u) => u.errors), p = v.useStore((u) => u.fieldMeta), F = v.useStore((u) => u.errorMap), M = L(() => {
+        const u = g.filterMap(
+          Object.entries(p.value),
+          ([j, o]) => {
+            const b = o.errors ?? [];
+            if (!b.length) return P.none();
+            const a = S.value.get(j);
             return a ? P.some({
               label: a.label,
               inputId: a.id,
               // Only show the first error
-              errors: [h[0]?.message].filter(Boolean)
+              errors: [b[0]?.message].filter(Boolean)
             }) : P.none();
           }
-        ), F = [];
-        if (M.value.onSubmit) {
-          for (const [i, v] of Object.entries(M.value.onSubmit))
-            if (g.isArray(v) && v.length)
-              for (const h of v) {
-                const a = h;
+        ), O = [];
+        if (F.value.onSubmit) {
+          for (const [j, o] of Object.entries(F.value.onSubmit))
+            if (g.isArray(o) && o.length)
+              for (const b of o) {
+                const a = b;
                 if (a?.path && g.isArray(a.path) && a.path.length) {
-                  const S = a.path.join(".");
-                  if (!b.value.has(S)) {
-                    F.push({
-                      label: S,
-                      inputId: S,
+                  const w = a.path.join(".");
+                  if (!S.value.has(w)) {
+                    O.push({
+                      label: w,
+                      inputId: w,
                       errors: [a.message].filter(Boolean)
                     });
                     break;
@@ -59,177 +59,180 @@ const E = (u) => function(s) {
                 }
               }
         }
-        return [...d, ...F];
+        return [...u, ...O];
       });
       return {
-        generalErrors: y,
-        errors: j
+        generalErrors: m,
+        errors: M
       };
     },
-    render({ errors: b, generalErrors: p }) {
-      return H(s, {
-        errors: b,
-        generalErrors: p,
+    render({ errors: S, generalErrors: v }) {
+      return B(i, {
+        errors: S,
+        generalErrors: v,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, be = (u, l, s) => {
-  if (!u) throw new Error("Schema is required");
-  const b = D.standardSchemaV1(u), p = D.decode(u), { meta: y } = C(u), f = O(() => {
-    if (s?.persistency?.id)
-      return s.persistency.id;
-    const e = window.location.pathname, r = Object.keys(y);
+}, ye = (c, f, i) => {
+  if (!c) throw new Error("Schema is required");
+  const S = D.standardSchemaV1(c), v = D.decode(c), { meta: m } = ee(c), p = L(() => {
+    if (i?.persistency?.id)
+      return i.persistency.id;
+    const e = window.location.pathname, r = Object.keys(m);
     return `${e}-${r.join("-")}`;
-  }), M = () => {
+  }), F = () => {
     const e = new URLSearchParams(window.location.search);
-    e.delete(f.value);
+    e.delete(p.value);
     const r = new URL(window.location.href);
     r.search = e.toString(), window.history.replaceState({}, "", r.toString());
   };
-  function j(e, r) {
-    for (const t in r)
-      r[t] && T(r[t]) ? (e[t] || (e[t] = {}), j(e[t], r[t])) : e[t] = r[t];
+  function M(e, r) {
+    for (const n in r)
+      r[n] && T(r[n]) ? (e[n] || (e[n] = {}), M(e[n], r[n])) : e[n] = r[n];
     return e;
   }
-  const d = O(() => {
-    if (l?.defaultValues && !s?.persistency?.overrideDefaultValues)
-      return l?.defaultValues;
-    let e;
-    const r = s?.persistency;
-    if (!r?.policies || r.policies.length === 0) return {};
-    if (r.policies.includes("querystring"))
+  const u = (e) => {
+    const r = { ...e };
+    for (const n in m) {
+      const s = m[n], t = r[n], y = (t == null || t === !1 || t === "" || Number.isNaN(t)) && t !== !1 && t !== 0;
+      s && !s.required && s.nullableOrUndefined && s.type !== "boolean" && (t === void 0 || y) && (r[n] = s.nullableOrUndefined === "undefined" ? void 0 : null);
+    }
+    return r;
+  }, O = L(() => {
+    const e = f?.defaultValues ? u(f.defaultValues) : void 0;
+    if (e && !i?.persistency?.overrideDefaultValues)
+      return e;
+    let r;
+    const n = i?.persistency;
+    if (!n?.policies || n.policies.length === 0) return {};
+    if (n.policies.includes("querystring"))
       try {
-        const o = new URLSearchParams(window.location.search).get(f.value);
-        M(), o && (e = JSON.parse(o));
-      } catch (t) {
-        console.error(t);
+        const t = new URLSearchParams(window.location.search).get(p.value);
+        F(), t && (r = JSON.parse(t));
+      } catch (s) {
+        console.error(s);
       }
     if (
       // query string has higher priority than local/session storage
-      !e && (r.policies.includes("local") || r.policies.includes("session"))
+      !r && (n.policies.includes("local") || n.policies.includes("session"))
     ) {
-      const t = r.policies.includes("local") ? localStorage : sessionStorage;
-      if (t)
+      const s = n.policies.includes("local") ? localStorage : sessionStorage;
+      if (s)
         try {
-          const o = JSON.parse(
-            t.getItem(f.value) || "{}"
+          const t = JSON.parse(
+            s.getItem(p.value) || "{}"
           );
-          t.removeItem(f.value), e = o;
-        } catch (o) {
-          console.error(o);
+          s.removeItem(p.value), r = t;
+        } catch (t) {
+          console.error(t);
         }
     }
-    if (e ??= {}, l?.defaultValues == null)
-      return e;
-    {
-      const t = l?.defaultValues;
-      return j(t, e);
-    }
-  }), F = (e, r) => e ? L.with(R.setSpan(L.active(), e), r) : r(), i = q({
-    ...l,
+    return r ??= {}, e ? M(e, r) : r;
+  }), j = (e, r) => e ? x.with(R.setSpan(x.active(), e), r) : r(), o = J({
+    ...f,
     validators: {
-      onSubmit: b,
-      ...l?.validators || {}
+      onSubmit: S,
+      ...f?.validators || {}
     },
-    onSubmit: l?.onSubmit ? ({ formApi: e, meta: r, value: t }) => F(r?.currentSpan, async () => {
-      const o = await c.runPromise(p(t)), n = l.onSubmit({
+    onSubmit: f?.onSubmit ? ({ formApi: e, meta: r, value: n }) => j(r?.currentSpan, async () => {
+      const s = await l.runPromise(v(n)), t = f.onSubmit({
         formApi: e,
         meta: r,
-        value: o
+        value: s
       });
-      return x.isFiber(n) && x.isRuntimeFiber(n) ? await K(n) : c.isEffect(n) ? await c.runPromise(
-        n.pipe(
+      return N.isFiber(t) && N.isRuntimeFiber(t) ? await K(t) : l.isEffect(t) ? await l.runPromise(
+        t.pipe(
           // meta?.currentSpan
           //   ? Effect.withParentSpan(meta.currentSpan)
           //   : (_) => _,
-          c.flatMap((m) => x.join(m))
+          l.flatMap((d) => N.join(d))
         )
-      ) : n;
+      ) : t;
     }) : void 0,
-    defaultValues: d.value
-  }), v = () => {
-    Object.keys(y).forEach((e) => {
-      i.setFieldValue(e, void 0);
+    defaultValues: O.value
+  }), b = () => {
+    Object.keys(m).forEach((e) => {
+      o.setFieldValue(e, void 0);
     });
-  }, h = (e) => e.reduce((r, t) => {
-    const o = t.split(".");
-    return o.reduce((n, m, A) => (A === o.length - 1 ? n[m] = i.getFieldValue(t) : n[m] = n[m] ?? {}, n[m]), r), r;
-  }, {}), a = (e) => {
+  }, a = (e) => e.reduce((r, n) => {
+    const s = n.split(".");
+    return s.reduce((t, d, y) => (y === s.length - 1 ? t[d] = o.getFieldValue(n) : t[d] = t[d] ?? {}, t[d]), r), r;
+  }, {}), w = (e) => {
     if (e) {
       if (g.isArray(e.keys))
-        return h(e.keys);
+        return a(e.keys);
       if (g.isArray(e.banKeys)) {
-        const r = Object.keys(y).filter((t) => e.banKeys?.includes(t));
-        return h(r);
+        const r = Object.keys(m).filter((n) => e.banKeys?.includes(n));
+        return a(r);
       }
-      return i.store.state.values;
+      return o.store.state.values;
     }
-  }, S = () => {
-    const e = s?.persistency;
+  }, U = () => {
+    const e = i?.persistency;
     if (!(!e?.policies || e.policies.length === 0) && (e.policies.includes("local") || e.policies.includes("session"))) {
       const r = e.policies.includes("local") ? localStorage : sessionStorage;
       if (!r) return;
-      const t = a(e);
-      return r.setItem(f.value, JSON.stringify(t));
+      const n = w(e);
+      return r.setItem(p.value, JSON.stringify(n));
     }
-  }, U = () => {
-    const e = s?.persistency;
+  }, V = () => {
+    const e = i?.persistency;
     if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
-      const r = a(e), t = new URLSearchParams(window.location.search);
-      t.set(f.value, JSON.stringify(r));
-      const o = new URL(window.location.href);
-      o.search = t.toString(), window.history.replaceState({}, "", o.toString());
+      const r = w(e), n = new URLSearchParams(window.location.search);
+      n.set(p.value, JSON.stringify(r));
+      const s = new URL(window.location.href);
+      s.search = n.toString(), window.history.replaceState({}, "", s.toString());
     }
   }, _ = (e) => {
-    i.store.state.isDirty && e.preventDefault();
+    o.store.state.isDirty && e.preventDefault();
   };
-  if (N(S), G(() => {
-    window.addEventListener("beforeunload", S), window.addEventListener("blur", U), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.addEventListener("beforeunload", _);
-  }), z(() => {
-    window.removeEventListener("beforeunload", S), window.removeEventListener("blur", U), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", _);
-  }), s?.preventWindowExit === "prevent-and-reset") {
-    const e = i.useStore((n) => n.isSubmitting), r = i.useStore((n) => n.submissionAttempts), t = i.useStore((n) => n.canSubmit), o = i.useStore((n) => n.values);
-    W([e, r], ([n, m], [A]) => {
-      A && !n && m > 0 && t.value && i.reset(o.value);
+  if (k(U), Z(() => {
+    window.addEventListener("beforeunload", U), window.addEventListener("blur", V), i?.preventWindowExit && i.preventWindowExit !== "nope" && window.addEventListener("beforeunload", _);
+  }), G(() => {
+    window.removeEventListener("beforeunload", U), window.removeEventListener("blur", V), i?.preventWindowExit && i.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", _);
+  }), i?.preventWindowExit === "prevent-and-reset") {
+    const e = o.useStore((t) => t.isSubmitting), r = o.useStore((t) => t.submissionAttempts), n = o.useStore((t) => t.canSubmit), s = o.useStore((t) => t.values);
+    W([e, r], ([t, d], [y]) => {
+      y && !t && d > 0 && n.value && o.reset(s.value);
     });
   }
-  const I = (e) => c.currentSpan.pipe(
-    c.option,
-    c.flatMap(
-      (r) => c.promise(() => i.handleSubmit(P.isSome(r) ? { currentSpan: r.value, ...e } : e))
+  const I = (e) => l.currentSpan.pipe(
+    l.option,
+    l.flatMap(
+      (r) => l.promise(() => o.handleSubmit(P.isSome(r) ? { currentSpan: r.value, ...e } : e))
     )
-  ), J = (e) => e?.checkErrors ? I(e?.meta).pipe(c.flatMap(c.fnUntraced(function* () {
-    const r = i.getAllErrors();
+  ), q = (e) => e?.checkErrors ? I(e?.meta).pipe(l.flatMap(l.fnUntraced(function* () {
+    const r = o.getAllErrors();
     if (Object.keys(r.fields).length || r.form.errors.length)
-      return yield* new ne({ form: r.form, fields: r.fields });
-  }))) : I(e?.meta), k = i.handleSubmit, V = Q(/* @__PURE__ */ new Map()), w = Object.assign(i, {
-    i18nNamespace: s?.i18nNamespace,
-    ignorePreventCloseEvents: s?.ignorePreventCloseEvents,
-    meta: y,
-    clear: v,
+      return yield* new se({ form: r.form, fields: r.fields });
+  }))) : I(e?.meta), H = o.handleSubmit, A = Q(/* @__PURE__ */ new Map()), h = Object.assign(o, {
+    i18nNamespace: i?.i18nNamespace,
+    ignorePreventCloseEvents: i?.ignorePreventCloseEvents,
+    meta: m,
+    clear: b,
     handleSubmit: (e) => {
-      const r = R.getSpan(L.active());
-      return k({ currentSpan: r, ...e });
+      const r = R.getSpan(x.active());
+      return H({ currentSpan: r, ...e });
     },
     // /** @experimental */
-    handleSubmitEffect: J,
+    handleSubmitEffect: q,
     registerField: (e) => {
-      W(e, (r) => V.value.set(r.name, { label: r.label, id: r.id }), { immediate: !0 }), N(() => V.value.delete(e.value.name));
+      W(e, (r) => A.value.set(r.name, { label: r.label, id: r.id }), { immediate: !0 }), k(() => A.value.delete(e.value.name));
     }
-  }), $ = { form: w, fieldMap: V };
-  return Object.assign(w, {
+  }), $ = { form: h, fieldMap: A };
+  return Object.assign(h, {
     errorContext: $,
-    Form: E(w)(te),
-    Input: E(w)(s?.input ?? ee),
-    TaggedUnion: E(w)(re),
-    Field: i.Field,
-    Errors: se($)(Z),
-    Array: E(w)(X),
-    AutoGen: E(w)(Y)
+    Form: E(h)(ne),
+    Input: E(h)(i?.input ?? re),
+    TaggedUnion: E(h)(te),
+    Field: o.Field,
+    Errors: oe($)(C),
+    Array: E(h)(X),
+    AutoGen: E(h)(Y)
   });
 };
 export {
-  ne as FormErrors,
-  be as useOmegaForm
+  se as FormErrors,
+  ye as useOmegaForm
 };

package/dist/vue-components.es18.js

@@ -1,15 +1,16 @@
-import { defineComponent as F, computed as i, onMounted as M, provide as P, createBlock as c, openBlock as s, resolveDynamicComponent as p, withCtx as g, renderSlot as o, createElementBlock as k, normalizeProps as l, guardReactiveProps as u, Fragment as A, renderList as b, mergeProps as B } from "vue";
+import { defineComponent as F, computed as f, onMounted as M, provide as P, createBlock as c, openBlock as s, resolveDynamicComponent as p, withCtx as g, renderSlot as o, createElementBlock as k, normalizeProps as l, guardReactiveProps as u, Fragment as A, renderList as C, mergeProps as b } from "vue";
 const N = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "OmegaArray",
   props: {
     form: {},
+    inputClass: {},
     name: {},
     defaultItems: {},
     items: {}
   },
   setup(n) {
-    const a = n, y = a.form.useStore((e) => e.values), d = i(() => {
+    const a = n, y = a.form.useStore((e) => e.values), i = f(() => {
       const e = a.name.replace(/\[/g, ".").replace(/\]/g, "");
       try {
         return e.split(".").reduce((r, t) => r && r[t], y.value);
@@ -18,16 +19,16 @@ const N = /* @__PURE__ */ F({
       }
     });
     M(async () => {
-      a.defaultItems && !d.value && a.form.setFieldValue(a.name, a.defaultItems);
+      a.defaultItems && !i.value && a.form.setFieldValue(a.name, a.defaultItems);
     });
-    const $ = i(() => (r) => {
+    const $ = f(() => (r) => {
       const t = r.replace(/\[\d+\]/g, "");
       return a.form.meta[t];
     });
     return P("getMetaFromArray", $), (e, r) => (s(), c(p(n.form.Field), { name: n.name }, {
-      default: g(({ field: t, state: f }) => [
-        o(e.$slots, "pre-array", l(u({ field: t, state: f }))),
-        (s(!0), k(A, null, b(d.value, (C, m) => (s(), c(p(n.form.Field), {
+      default: g(({ field: t, state: d }) => [
+        o(e.$slots, "pre-array", l(u({ field: t, state: d }))),
+        (s(!0), k(A, null, C(i.value, (B, m) => (s(), c(p(n.form.Field), {
           key: `${n.name}[${Number(m)}]`,
           name: (
             // eslint-disable-next-line
@@ -35,7 +36,7 @@ const N = /* @__PURE__ */ F({
           )
         }, {
           default: g(({ field: v, state: h }) => [
-            o(e.$slots, "default", B({ ref_for: !0 }, {
+            o(e.$slots, "default", b({ ref_for: !0 }, {
               subField: v,
               subState: h,
               index: Number(m),
@@ -44,7 +45,7 @@ const N = /* @__PURE__ */ F({
           ]),
           _: 2
         }, 1032, ["name"]))), 128)),
-        o(e.$slots, "post-array", l(u({ field: t, state: f }))),
+        o(e.$slots, "post-array", l(u({ field: t, state: d }))),
         o(e.$slots, "field", l(u({ field: t })))
       ]),
       _: 3

package/dist/vue-components.es21.js

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

package/dist/vue-components.es22.js

@@ -1,4 +1,4 @@
-import { TraceAPI as r } from "./vue-components.es53.js";
+import { TraceAPI as r } from "./vue-components.es52.js";
 var t = r.getInstance();
 export {
   t as trace

package/dist/vue-components.es23.js

@@ -1,4 +1,4 @@
-import { ContextAPI as t } from "./vue-components.es52.js";
+import { ContextAPI as t } from "./vue-components.es51.js";
 var o = t.getInstance();
 export {
   o as context

package/dist/vue-components.es36.js

@@ -1,7 +1,7 @@
 import { defineComponent as m, createElementBlock as d, openBlock as u, withModifiers as f, createElementVNode as l, unref as s, renderSlot as a } from "vue";
 import { useStore as b } from "@tanstack/vue-form";
 import { usePreventClose as p } from "./vue-components.es11.js";
-import { getOmegaStore as c } from "./vue-components.es41.js";
+import { getOmegaStore as c } from "./vue-components.es53.js";
 const S = ["disabled"], V = /* @__PURE__ */ m({
   __name: "OmegaWrapper",
   props: {

package/dist/vue-components.es41.js

@@ -1,13 +1,25 @@
-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 a(t) {
+  return Symbol.for(t);
 }
+var c = (
+  /** @class */
+  /* @__PURE__ */ (function() {
+    function t(u) {
+      var e = this;
+      e._currentContext = u ? new Map(u) : /* @__PURE__ */ new Map(), e.getValue = function(n) {
+        return e._currentContext.get(n);
+      }, e.setValue = function(n, r) {
+        var o = new t(e._currentContext);
+        return o._currentContext.set(n, r), o;
+      }, e.deleteValue = function(n) {
+        var r = new t(e._currentContext);
+        return r._currentContext.delete(n), r;
+      };
+    }
+    return t;
+  })()
+), x = new c();
 export {
-  c as getOmegaStore
+  x as ROOT_CONTEXT,
+  a as createContextKey
 };

package/dist/vue-components.es42.js

@@ -1,25 +1,7 @@
-function a(t) {
-  return Symbol.for(t);
-}
-var c = (
-  /** @class */
-  /* @__PURE__ */ (function() {
-    function t(u) {
-      var e = this;
-      e._currentContext = u ? new Map(u) : /* @__PURE__ */ new Map(), e.getValue = function(n) {
-        return e._currentContext.get(n);
-      }, e.setValue = function(n, r) {
-        var o = new t(e._currentContext);
-        return o._currentContext.set(n, r), o;
-      }, e.deleteValue = function(n) {
-        var r = new t(e._currentContext);
-        return r._currentContext.delete(n), r;
-      };
-    }
-    return t;
-  })()
-), x = new c();
+var R;
+(function(E) {
+  E[E.NONE = 0] = "NONE", E[E.ERROR = 30] = "ERROR", E[E.WARN = 50] = "WARN", E[E.INFO = 60] = "INFO", E[E.DEBUG = 70] = "DEBUG", E[E.VERBOSE = 80] = "VERBOSE", E[E.ALL = 9999] = "ALL";
+})(R || (R = {}));
 export {
-  x as ROOT_CONTEXT,
-  a as createContextKey
+  R as DiagLogLevel
 };