@effect-app/vue-components 2.4.2 → 2.4.4

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

@@ -3,14 +3,11 @@ import { type DeepKeys, type DeepValue, type FieldAsyncValidateOrFn, type FieldV
 import { type RuntimeFiber } from "effect/Fiber";
 import { type OmegaFieldInternalApi } from "./InputProps";
 import { type OF, type OmegaFormReturn } from "./useOmegaForm";
-type ForceComputation<T> = {
-    [K in keyof T]: T[K];
-} & {};
-export type FieldPath<T> = unknown extends T ? string : T extends string | boolean | number | null | undefined | symbol | bigint ? "" : T extends ReadonlyArray<infer U> ? ForceComputation<FieldPath_<U, `[${number}]`>> : {
-    [K in keyof T]: ForceComputation<FieldPath_<T[K], `${K & string}`>>;
+export type FieldPath<T> = unknown extends T ? string : T extends string | boolean | number | null | undefined | symbol | bigint ? "" : T extends ReadonlyArray<infer U> ? FieldPath_<U, `[${number}]`> : {
+    [K in keyof T]: FieldPath_<T[K], `${K & string}`>;
 }[keyof T];
-export type FieldPath_<T, Path extends string> = unknown extends T ? string : T extends string | boolean | number | null | undefined | symbol | bigint ? Path : T extends ReadonlyArray<infer U> ? ForceComputation<FieldPath_<U, `${Path}[${number}]`>> | Path : {
-    [K in keyof T]: ForceComputation<FieldPath_<T[K], `${Path}.${K & string}`>>;
+export type FieldPath_<T, Path extends string> = unknown extends T ? string : T extends string | boolean | number | null | undefined | symbol | bigint ? Path : T extends ReadonlyArray<infer U> ? FieldPath_<U, `${Path}[${number}]`> | Path : {
+    [K in keyof T]: FieldPath_<T[K], `${Path}.${K & string}`>;
 }[keyof T];
 export type BaseProps<From, TName extends FieldPath<From> = FieldPath<From>> = {
     /**

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

@@ -78,7 +78,7 @@ type __VLS_PrettifyLocal<T> = {
 } & {};
 export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, TypeProps = DefaultTypeProps> extends OF<From, To> {
     Input: <Name extends FieldPath<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & BaseProps<From, Name> & TypeProps & Partial<{}>> & import("vue").PublicProps;
+        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & TypeProps & Partial<{}>> & BaseProps<From, Name> & import("vue").PublicProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;
         slots: {

package/dist/vue-components.es10.js

@@ -1,17 +1,17 @@
 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 { runtimeFiberAsPromise as K } from "./vue-components.es17.js";
+import { isObject as T } from "./vue-components.es18.js";
 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 C from "./vue-components.es20.js";
+import X from "./vue-components.es19.js";
+import Y from "./vue-components.es20.js";
+import C from "./vue-components.es21.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 x } from "./vue-components.es23.js";
+import ne from "./vue-components.es22.js";
+import { trace as R } from "./vue-components.es23.js";
+import { context as x } from "./vue-components.es24.js";
 class se extends z.TaggedError("FormErrors") {
 }
 const E = (c) => function(i) {

package/dist/vue-components.es11.js

@@ -1,6 +1,6 @@
-import l from "./vue-components.es28.js";
+import l from "./vue-components.es29.js";
 import { inject as c, provide as u } from "vue";
-import { onMountedWithCleanup as f } from "./vue-components.es29.js";
+import { onMountedWithCleanup as f } from "./vue-components.es16.js";
 const p = () => l(), i = Symbol("DialogBus"), r = () => c(i, null), g = () => {
   const n = p();
   return u(i, n), n;

package/dist/vue-components.es16.js

@@ -1,12 +1,13 @@
-import { Exit as c, Runtime as u } from "effect";
-import { dual as n, isFunction as m } from "./vue-components.es30.js";
-const i = Symbol.for("clone-trait"), a = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
-n(2, (e, t) => a(e, { ...e, ...m(t) ? t(e) : t }));
-const p = (e, t) => new Promise((o, s) => e.addObserver((r) => {
-  c.isSuccess(r) ? o(r.value) : s(u.makeFiberFailure(r.cause));
-}));
+import { onMounted as e, onUnmounted as u } from "vue";
+function p(t) {
+  let n;
+  e(() => {
+    const o = t();
+    o && (n = o);
+  }), u(() => {
+    n && n();
+  });
+}
 export {
-  a as clone,
-  i as cloneTrait,
-  p as runtimeFiberAsPromise
+  p as onMountedWithCleanup
 };

package/dist/vue-components.es17.js

@@ -1,7 +1,12 @@
-import { isFunction as c } from "./vue-components.es30.js";
-const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
+import { Exit as c, Runtime as u } from "effect";
+import { dual as n, isFunction as m } from "./vue-components.es30.js";
+const i = Symbol.for("clone-trait"), a = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
+n(2, (e, t) => a(e, { ...e, ...m(t) ? t(e) : t }));
+const p = (e, t) => new Promise((o, s) => e.addObserver((r) => {
+  c.isSuccess(r) ? o(r.value) : s(u.makeFiberFailure(r.cause));
+}));
 export {
-  s as isFunction,
-  i as isObject,
-  t as isRecordOrArray
+  a as clone,
+  i as cloneTrait,
+  p as runtimeFiberAsPromise
 };

package/dist/vue-components.es18.js

@@ -1,57 +1,7 @@
-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), i = f(() => {
-      const e = a.name.replace(/\[/g, ".").replace(/\]/g, "");
-      try {
-        return e.split(".").reduce((r, t) => r && r[t], y.value);
-      } catch (r) {
-        return console.error(r), [];
-      }
-    });
-    M(async () => {
-      a.defaultItems && !i.value && a.form.setFieldValue(a.name, a.defaultItems);
-    });
-    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: 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
-            `${n.name}[${Number(m)}]`
-          )
-        }, {
-          default: g(({ field: v, state: h }) => [
-            o(e.$slots, "default", b({ ref_for: !0 }, {
-              subField: v,
-              subState: h,
-              index: Number(m),
-              field: t
-            }))
-          ]),
-          _: 2
-        }, 1032, ["name"]))), 128)),
-        o(e.$slots, "post-array", l(u({ field: t, state: d }))),
-        o(e.$slots, "field", l(u({ field: t })))
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-});
+import { isFunction as c } from "./vue-components.es30.js";
+const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
 export {
-  N as default
+  s as isFunction,
+  i as isObject,
+  t as isRecordOrArray
 };

package/dist/vue-components.es19.js

@@ -1,70 +1,57 @@
-import { defineComponent as O, computed as j, createElementBlock as M, openBlock as _, Fragment as E, renderList as A, renderSlot as F, createVNode as g, unref as h, mergeProps as k } from "vue";
-import { Order as l, pipe as v, Array as u } from "effect-app";
-const I = /* @__PURE__ */ O({
-  __name: "OmegaAutoGen",
+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: {},
-    pick: {},
-    omit: {},
-    labelMap: { type: Function },
-    filterMap: { type: Function },
-    order: {},
-    sort: {}
+    inputClass: {},
+    name: {},
+    defaultItems: {},
+    items: {}
   },
-  setup(i) {
-    const p = (e) => (r) => Object.fromEntries(
-      Object.entries(r).map(([t, o]) => [t, e(o, t)])
-    ), a = (e) => (r) => Object.fromEntries(
-      Object.entries(r).filter(([t, o]) => e(o, t))
-    ), m = (e) => (r) => Object.entries(r).reduce(
-      (t, [o, c]) => {
-        const s = e(c, o);
-        return s !== !1 && (t[o] = s), t;
-      },
-      {}
-    ), n = i, f = (e, r) => {
-      const t = r?.indexOf(e) ?? -1;
-      return t === -1 ? Number.MAX_SAFE_INTEGER : t;
-    }, d = l.mapInput(
-      l.number,
-      (e) => f(e.name, n.order || [])
-    ), b = j(
-      () => v(
-        n.form.meta,
-        // include / exclude
-        a(
-          (e, r) => n.pick ? n.pick.includes(r) && !n.omit?.includes(r) : !n.omit?.includes(r)
-        ),
-        (e) => e,
-        // labelMap and adding name
-        p((e, r) => ({
-          name: r,
-          label: n.labelMap?.(r) || r,
-          ...e
-        })),
-        // filterMap
-        n.filterMap ? m((e) => {
-          const r = n.filterMap?.(e.name, e);
-          return r === void 0 || r === !0 ? e : r;
-        }) : (e) => e,
-        // transform to array
-        (e) => Object.values(e),
-        // order
-        u.sort(d),
-        // sort
-        n.sort ? u.sort(n.sort) : (e) => e
-      )
-    );
-    return (e, r) => (_(!0), M(E, null, A(b.value, ({ name: t, label: o, ...c }) => F(e.$slots, "default", {
-      child: { name: t, label: o, ...c }
-    }, () => [
-      g(h(i.form).Input, k({
-        name: t,
-        label: o
-      }, { ref_for: !0 }, c), null, 16, ["name", "label"])
-    ])), 256));
+  setup(n) {
+    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);
+      } catch (r) {
+        return console.error(r), [];
+      }
+    });
+    M(async () => {
+      a.defaultItems && !i.value && a.form.setFieldValue(a.name, a.defaultItems);
+    });
+    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: 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
+            `${n.name}[${Number(m)}]`
+          )
+        }, {
+          default: g(({ field: v, state: h }) => [
+            o(e.$slots, "default", b({ ref_for: !0 }, {
+              subField: v,
+              subState: h,
+              index: Number(m),
+              field: t
+            }))
+          ]),
+          _: 2
+        }, 1032, ["name"]))), 128)),
+        o(e.$slots, "post-array", l(u({ field: t, state: d }))),
+        o(e.$slots, "field", l(u({ field: t })))
+      ]),
+      _: 3
+    }, 8, ["name"]));
   }
 });
 export {
-  I as default
+  N as default
 };

package/dist/vue-components.es20.js

@@ -1,8 +1,70 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");if(a.appendChild(document.createTextNode(".v-enter-from[data-v-d4ffe76f],.v-leave-to[data-v-d4ffe76f]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-d4ffe76f],.v-leave-active[data-v-d4ffe76f]{display:grid;transition:all .15s}.v-enter-to[data-v-d4ffe76f],.v-leave-from[data-v-d4ffe76f]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-d4ffe76f]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-d4ffe76f]{min-height:0}.error-list[data-v-d4ffe76f]{list-style-position:inside}div.error-list[data-v-d4ffe76f]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:auto 1fr}.error-link[data-v-d4ffe76f]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:1fr}.error-message[data-v-d4ffe76f]{grid-column:1 / -1}}.error-item[data-v-d4ffe76f]{display:contents}a[data-v-d4ffe76f]{min-width:min-content}.error-link[data-v-d4ffe76f]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),document.head.appendChild(a),window.customElements){const e=window.customElements.define;window.customElements.define=function(r,t){const i=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(i&&i.call(this),this.shadowRoot){const d=document.createElement("style");d.appendChild(document.createTextNode(".v-enter-from[data-v-d4ffe76f],.v-leave-to[data-v-d4ffe76f]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-d4ffe76f],.v-leave-active[data-v-d4ffe76f]{display:grid;transition:all .15s}.v-enter-to[data-v-d4ffe76f],.v-leave-from[data-v-d4ffe76f]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-d4ffe76f]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-d4ffe76f]{min-height:0}.error-list[data-v-d4ffe76f]{list-style-position:inside}div.error-list[data-v-d4ffe76f]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:auto 1fr}.error-link[data-v-d4ffe76f]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:1fr}.error-message[data-v-d4ffe76f]{grid-column:1 / -1}}.error-item[data-v-d4ffe76f]{display:contents}a[data-v-d4ffe76f]{min-width:min-content}.error-link[data-v-d4ffe76f]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),this.shadowRoot.appendChild(d)}},e.call(window.customElements,r,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import r from "./vue-components.es33.js";
-
-import o from "./vue-components.es35.js";
-const e = /* @__PURE__ */ o(r, [["__scopeId", "data-v-d4ffe76f"]]);
+import { defineComponent as O, computed as j, createElementBlock as M, openBlock as _, Fragment as E, renderList as A, renderSlot as F, createVNode as g, unref as h, mergeProps as k } from "vue";
+import { Order as l, pipe as v, Array as u } from "effect-app";
+const I = /* @__PURE__ */ O({
+  __name: "OmegaAutoGen",
+  props: {
+    form: {},
+    pick: {},
+    omit: {},
+    labelMap: { type: Function },
+    filterMap: { type: Function },
+    order: {},
+    sort: {}
+  },
+  setup(i) {
+    const p = (e) => (r) => Object.fromEntries(
+      Object.entries(r).map(([t, o]) => [t, e(o, t)])
+    ), a = (e) => (r) => Object.fromEntries(
+      Object.entries(r).filter(([t, o]) => e(o, t))
+    ), m = (e) => (r) => Object.entries(r).reduce(
+      (t, [o, c]) => {
+        const s = e(c, o);
+        return s !== !1 && (t[o] = s), t;
+      },
+      {}
+    ), n = i, f = (e, r) => {
+      const t = r?.indexOf(e) ?? -1;
+      return t === -1 ? Number.MAX_SAFE_INTEGER : t;
+    }, d = l.mapInput(
+      l.number,
+      (e) => f(e.name, n.order || [])
+    ), b = j(
+      () => v(
+        n.form.meta,
+        // include / exclude
+        a(
+          (e, r) => n.pick ? n.pick.includes(r) && !n.omit?.includes(r) : !n.omit?.includes(r)
+        ),
+        (e) => e,
+        // labelMap and adding name
+        p((e, r) => ({
+          name: r,
+          label: n.labelMap?.(r) || r,
+          ...e
+        })),
+        // filterMap
+        n.filterMap ? m((e) => {
+          const r = n.filterMap?.(e.name, e);
+          return r === void 0 || r === !0 ? e : r;
+        }) : (e) => e,
+        // transform to array
+        (e) => Object.values(e),
+        // order
+        u.sort(d),
+        // sort
+        n.sort ? u.sort(n.sort) : (e) => e
+      )
+    );
+    return (e, r) => (_(!0), M(E, null, A(b.value, ({ name: t, label: o, ...c }) => F(e.$slots, "default", {
+      child: { name: t, label: o, ...c }
+    }, () => [
+      g(h(i.form).Input, k({
+        name: t,
+        label: o
+      }, { ref_for: !0 }, c), null, 16, ["name", "label"])
+    ])), 256));
+  }
+});
 export {
-  e as default
+  I as default
 };

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-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";
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");if(a.appendChild(document.createTextNode(".v-enter-from[data-v-d4ffe76f],.v-leave-to[data-v-d4ffe76f]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-d4ffe76f],.v-leave-active[data-v-d4ffe76f]{display:grid;transition:all .15s}.v-enter-to[data-v-d4ffe76f],.v-leave-from[data-v-d4ffe76f]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-d4ffe76f]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-d4ffe76f]{min-height:0}.error-list[data-v-d4ffe76f]{list-style-position:inside}div.error-list[data-v-d4ffe76f]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:auto 1fr}.error-link[data-v-d4ffe76f]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:1fr}.error-message[data-v-d4ffe76f]{grid-column:1 / -1}}.error-item[data-v-d4ffe76f]{display:contents}a[data-v-d4ffe76f]{min-width:min-content}.error-link[data-v-d4ffe76f]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),document.head.appendChild(a),window.customElements){const e=window.customElements.define;window.customElements.define=function(r,t){const i=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(i&&i.call(this),this.shadowRoot){const d=document.createElement("style");d.appendChild(document.createTextNode(".v-enter-from[data-v-d4ffe76f],.v-leave-to[data-v-d4ffe76f]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-d4ffe76f],.v-leave-active[data-v-d4ffe76f]{display:grid;transition:all .15s}.v-enter-to[data-v-d4ffe76f],.v-leave-from[data-v-d4ffe76f]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-d4ffe76f]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-d4ffe76f]{min-height:0}.error-list[data-v-d4ffe76f]{list-style-position:inside}div.error-list[data-v-d4ffe76f]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:auto 1fr}.error-link[data-v-d4ffe76f]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-d4ffe76f]{grid-template-columns:1fr}.error-message[data-v-d4ffe76f]{grid-column:1 / -1}}.error-item[data-v-d4ffe76f]{display:contents}a[data-v-d4ffe76f]{min-width:min-content}.error-link[data-v-d4ffe76f]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),this.shadowRoot.appendChild(d)}},e.call(window.customElements,r,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import r from "./vue-components.es33.js";
 
-import m from "./vue-components.es35.js";
-const e = /* @__PURE__ */ m(o, [["__scopeId", "data-v-05e510ab"]]);
+import o from "./vue-components.es35.js";
+const e = /* @__PURE__ */ o(r, [["__scopeId", "data-v-d4ffe76f"]]);
 export {
   e as default
 };

package/dist/vue-components.es22.js

@@ -1,5 +1,8 @@
-import { TraceAPI as r } from "./vue-components.es52.js";
-var t = r.getInstance();
+(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 e = /* @__PURE__ */ m(o, [["__scopeId", "data-v-05e510ab"]]);
 export {
-  t as trace
+  e as default
 };

package/dist/vue-components.es23.js

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

package/dist/vue-components.es24.js

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

package/dist/vue-components.es25.js

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

package/dist/vue-components.es26.js

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

package/dist/vue-components.es27.js

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

package/dist/vue-components.es28.js

@@ -1,19 +1,4 @@
-function c(t) {
-  return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, f) {
-    var i = t.get(e);
-    i ? i.push(f) : t.set(e, [f]);
-  }, off: function(e, f) {
-    var i = t.get(e);
-    i && (f ? i.splice(i.indexOf(f) >>> 0, 1) : t.set(e, []));
-  }, emit: function(e, f) {
-    var i = t.get(e);
-    i && i.slice().map(function(a) {
-      a(f);
-    }), (i = t.get("*")) && i.slice().map(function(a) {
-      a(e, f);
-    });
-  } };
-}
+import f from "./vue-components.es9.js";
 export {
-  c as default
+  f as default
 };

package/dist/vue-components.es29.js

@@ -1,13 +1,19 @@
-import { onMounted as e, onUnmounted as u } from "vue";
-function p(t) {
-  let n;
-  e(() => {
-    const o = t();
-    o && (n = o);
-  }), u(() => {
-    n && n();
-  });
+function c(t) {
+  return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, f) {
+    var i = t.get(e);
+    i ? i.push(f) : t.set(e, [f]);
+  }, off: function(e, f) {
+    var i = t.get(e);
+    i && (f ? i.splice(i.indexOf(f) >>> 0, 1) : t.set(e, []));
+  }, emit: function(e, f) {
+    var i = t.get(e);
+    i && i.slice().map(function(a) {
+      a(f);
+    }), (i = t.get("*")) && i.slice().map(function(a) {
+      a(e, f);
+    });
+  } };
 }
 export {
-  p as onMountedWithCleanup
+  c as default
 };

package/dist/vue-components.es31.js

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

package/dist/vue-components.es32.js

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

package/dist/vue-components.es5.js

@@ -1,6 +1,6 @@
 import { defineComponent as v, mergeModels as C, useModel as k, useSlots as V, computed as _, resolveComponent as g, createBlock as y, openBlock as B, unref as a, createSlots as E, withCtx as u, renderSlot as d, renderList as M, normalizeProps as S, guardReactiveProps as w } from "vue";
 import { useOnClose as L } from "./vue-components.es11.js";
-import { onMountedWithCleanup as h } from "./vue-components.es29.js";
+import { onMountedWithCleanup as h } from "./vue-components.es16.js";
 const z = /* @__PURE__ */ v({
   __name: "Dialog",
   props: /* @__PURE__ */ C({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "2.4.2",
+  "version": "2.4.4",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.18.0",

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -7,26 +7,20 @@ import { getTransformationFrom, useIntl } from "../../utils"
 import { type OmegaFieldInternalApi } from "./InputProps"
 import { type OF, type OmegaFormReturn } from "./useOmegaForm"
 
-type ForceComputation<T> =
-  & {
-    [K in keyof T]: T[K]
-  }
-  & {}
-
 export type FieldPath<T> = unknown extends T ? string
   // technically we cannot have primitive at the root
   : T extends string | boolean | number | null | undefined | symbol | bigint ? ""
   // technically we cannot have array at the root
-  : T extends ReadonlyArray<infer U> ? ForceComputation<FieldPath_<U, `[${number}]`>>
+  : T extends ReadonlyArray<infer U> ? FieldPath_<U, `[${number}]`>
   : {
-    [K in keyof T]: ForceComputation<FieldPath_<T[K], `${K & string}`>>
+    [K in keyof T]: FieldPath_<T[K], `${K & string}`>
   }[keyof T]
 
 export type FieldPath_<T, Path extends string> = unknown extends T ? string
   : T extends string | boolean | number | null | undefined | symbol | bigint ? Path
-  : T extends ReadonlyArray<infer U> ? ForceComputation<FieldPath_<U, `${Path}[${number}]`>> | Path
+  : T extends ReadonlyArray<infer U> ? FieldPath_<U, `${Path}[${number}]`> | Path
   : {
-    [K in keyof T]: ForceComputation<FieldPath_<T[K], `${Path}.${K & string}`>>
+    [K in keyof T]: FieldPath_<T[K], `${Path}.${K & string}`>
   }[keyof T]
 
 export type BaseProps<From, TName extends FieldPath<From> = FieldPath<From>> = {

package/src/components/OmegaForm/useOmegaForm.ts

@@ -228,10 +228,10 @@ export interface OmegaFormReturn<
             >,
             never
           >
-          & BaseProps<From, Name>
           & TypeProps
           & Partial<{}>
         >
+        & BaseProps<From, Name>
         & import("vue").PublicProps
       expose(exposed: import("vue").ShallowUnwrapRef<{}>): void
       attrs: any