@effect-app/vue-components 4.0.0-beta.3 → 4.0.0-beta.31

package/README.md

@@ -183,6 +183,30 @@ In [tsconfig.json](tsconfig.js), set the following to address [Issue #32](https:
 }
 ```
 
+## v4 Breaking Changes (from v3)
+
+### 1. Vuetify 4 CSS Reset Removed
+
+Vuetify 4 removed the aggressive global CSS reset that v3 included (universal `margin: 0; padding: 0`, list/heading/input resets, etc.). If your app relied on these defaults, opt in to the supplemental reset:
+
+```ts
+import '@effect-app/vue-components/reset.css'
+```
+
+### 2. Nested union `_tag` handling
+
+`S.TaggedStruct` produces a bare `Literal` AST node, while legacy `S.Struct({ _tag: S.Literal("X") })` produces `Union([Literal("X")])` after `AST.toType`. Both patterns now correctly produce `"select"` metadata thanks to the `unwrapSingleLiteralUnion` helper. A `console.warn` is emitted for the legacy pattern to encourage migration to `TaggedStruct`.
+
+### 3. `UndefinedOr` defaults include the key with explicit `undefined`
+
+- **v3**: `defaultsValueFromSchema` skipped keys where the recursive call returned `undefined`, so `UndefinedOr` fields were omitted from the result object entirely.
+- **v4**: The key is present in the result with an explicit `undefined` value.
+
+### 4. `S.optionalKey(X).pipe(S.withDecodingDefault(...))` support
+
+- **v3**: Not supported. The v3 equivalent `S.optionalWith` encoded defaults inside a `PropertySignatureTransformation`, opaque to AST inspection.
+- **v4**: `defaultsValueFromSchema` detects `PropertySignatureTransformation` and extracts defaults, enabling `withDecodingDefault` as a new pattern for declaring field defaults directly on the schema.
+
 ### On Submit event
 The :on-submit event could be tricky in `<OmegaForm />` component. 
 This is a prop that is basically a map of Tanstack Form `onSubmit` option and accept a function that return a Promise. If you want to use it as an event, you have to manage the state of loading yourself with `@submit` with a function returning `void`

package/dist/reset.css

@@ -0,0 +1,51 @@
+/*
+ * Supplemental CSS reset for Vuetify 4.
+ * Vuetify 4 removed the aggressive global reset that v3 included.
+ * Import this file to restore equivalent behavior:
+ *   import '@effect-app/vue-components/reset.css'
+ */
+
+body {
+  margin: 0;
+}
+
+ul,
+ol {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+p {
+  margin: 0;
+}
+
+input,
+textarea,
+select {
+  border: 0;
+  background: transparent;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+figure,
+details,
+summary {
+  margin: 0;
+  padding: 0;
+}

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

@@ -1,5 +1,5 @@
 import { type DeepKeys } from "@tanstack/vue-form";
-import * as Order from "effect/Order";
+import { Order } from "effect-app";
 import { type OmegaAutoGenMeta, type OmegaInputProps } from "./OmegaFormStuff";
 declare const __VLS_export: <// dprint-ignore
 From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>, Name extends DeepKeys<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

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

@@ -1,7 +1,6 @@
-import type * as Effect from "effect/Effect";
-import * as AST from "effect/SchemaAST";
+import { Effect, S } from "effect-app";
 import { type DeepKeys, type DeepValue, type FieldAsyncValidateOrFn, type FieldValidateOrFn, type FormApi, type FormAsyncValidateOrFn, type FormOptions, type FormState, type FormValidateOrFn, type StandardSchemaV1, type VueFormApi } from "@tanstack/vue-form";
-import * as S from "effect/Schema";
+import type { Fiber as EffectFiber } from "effect/Fiber";
 import { useIntl } from "../../utils";
 import { type OmegaFieldInternalApi } from "./InputProps";
 import { type OF, type OmegaFormReturn } from "./useOmegaForm";
@@ -68,7 +67,7 @@ export type FormProps<From, To> = Omit<FormOptions<From, FormValidateOrFn<From>
         formApi: OmegaFormParams<From, To>;
         meta: any;
         value: To;
-    }) => Promise<any> | Effect.Effect<unknown, any, never>;
+    }) => Promise<any> | EffectFiber<any, any> | Effect.Effect<unknown, any, never>;
 };
 export type OmegaFormParams<From, To> = FormApi<From, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, StandardSchemaV1<From, To>, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, Record<string, any> | undefined>;
 export type OmegaFormState<From, To> = FormState<From, FormValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, StandardSchemaV1<From, To>, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined, FormAsyncValidateOrFn<From> | undefined>;
@@ -110,15 +109,18 @@ export type SelectFieldMeta = BaseFieldMeta & {
 export type MultipleFieldMeta = BaseFieldMeta & {
     type: "multiple";
     members: any[];
-    rest: readonly AST.AST[];
+    rest: readonly S.AST.AST[];
 };
 export type BooleanFieldMeta = BaseFieldMeta & {
     type: "boolean";
 };
+export type DateFieldMeta = BaseFieldMeta & {
+    type: "date";
+};
 export type UnknownFieldMeta = BaseFieldMeta & {
     type: "unknown";
 };
-export type FieldMeta = StringFieldMeta | NumberFieldMeta | SelectFieldMeta | MultipleFieldMeta | BooleanFieldMeta | UnknownFieldMeta;
+export type FieldMeta = StringFieldMeta | NumberFieldMeta | SelectFieldMeta | MultipleFieldMeta | BooleanFieldMeta | DateFieldMeta | UnknownFieldMeta;
 export type MetaRecord<T = string> = {
     [K in NestedKeyOf<T>]?: FieldMeta;
 };
@@ -133,17 +135,17 @@ export type CreateMeta = {
     meta?: Record<string, any>;
     nullableOrUndefined?: false | "undefined" | "null";
 } & ({
-    propertySignatures: readonly AST.PropertySignature[];
+    propertySignatures: readonly S.AST.PropertySignature[];
     property?: never;
 } | {
     propertySignatures?: never;
-    property: AST.AST;
+    property: S.AST.AST;
 });
-export declare const isNullableOrUndefined: (property: false | AST.AST | undefined) => false | "undefined" | "null";
+export declare const isNullableOrUndefined: (property: false | S.AST.AST | undefined) => false | "undefined" | "null";
 export declare const createMeta: <T = any>({ meta, parent, property, propertySignatures }: CreateMeta, acc?: Partial<MetaRecord<T>>) => MetaRecord<T> | FieldMeta;
 export declare const duplicateSchema: <From, To>(schema: S.Codec<To, From, never>) => S.Codec<To, From, never, never>;
-export declare const generateMetaFromSchema: <_From, To>(schema: any) => {
-    schema: any;
+export declare const generateMetaFromSchema: <From, To>(schema: S.Codec<To, From, never>) => {
+    schema: S.Codec<To, From, never>;
     meta: MetaRecord<To>;
     unionMeta: Record<string, MetaRecord<To>>;
 };
@@ -153,5 +155,5 @@ declare const supportedInputs: readonly ["button", "checkbox", "color", "date",
 export type SupportedInputs = typeof supportedInputs[number];
 export declare const getInputType: (input: string) => SupportedInputs;
 export declare function deepMerge(target: any, source: any): any;
-export declare const defaultsValueFromSchema: (schema: S.Codec<any>, record?: Record<string, any>) => any;
+export declare const defaultsValueFromSchema: (schema: S.Schema<any>, record?: Record<string, any>) => any;
 export {};

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

@@ -1,8 +1,6 @@
 import { type DeepKeys, DeepValue, StandardSchemaV1Issue, ValidationError, ValidationErrorMap } from "@tanstack/vue-form";
+import { Effect, Order, S } from "effect-app";
 import { UnionToTuples } from "effect-app/utils";
-import * as Effect from "effect/Effect";
-import * as Order from "effect/Order";
-import * as S from "effect/Schema";
 import { ComputedRef, type InjectionKey } from "vue";
 import { MergedInputProps } from "./InputProps";
 import { BaseProps, DefaultTypeProps, FieldPath, type FormProps, type MetaRecord, type NestedKeyOf, OmegaArrayProps, OmegaAutoGenMeta, OmegaError, type OmegaFormApi, OmegaFormState } from "./OmegaFormStuff";
@@ -13,7 +11,7 @@ type keysRule<T> = {
     keys?: "You should only use one of banKeys or keys, not both, moron";
     banKeys?: NestedKeyOf<T>[];
 };
-declare const FormErrors_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").MatchRecord<{ readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }, void, { readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }>) => import("effect/Cause").YieldableError & {
+declare const FormErrors_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").VoidIfEmpty<{ readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }>) => import("effect/Cause").YieldableError & {
     readonly _tag: "FormErrors";
 } & Readonly<A>;
 export declare class FormErrors<From> extends FormErrors_base<{

package/dist/types/utils/index.d.ts

@@ -1,5 +1,5 @@
 import { type makeIntl } from "@effect-app/vue";
-import { type S } from "effect-app";
+import { S } from "effect-app";
 import { type InjectionKey } from "vue";
 export declare const useIntlKey: InjectionKey<ReturnType<typeof makeIntl>["useIntl"]>;
 export declare const useIntl: () => {
@@ -11,10 +11,9 @@ export declare const useIntl: () => {
 export declare const provideIntl: (intl: ReturnType<typeof makeIntl>["useIntl"]) => void;
 /**
  * Recursively extracts the source AST from a transformation chain.
- * In v4, transformations are stored in the `encoding` property, not as wrapped AST nodes.
- * This function returns the encoded form if an encoding chain exists, otherwise returns the AST itself.
+ * If the provided AST is a transformation, it follows the chain to find the original source AST.
  *
  * @param ast - The AST node to extract the transformation source from
- * @returns The source AST (the decoded/type form, which is the AST itself in v4)
+ * @returns The source AST at the end of the transformation chain
  */
 export declare function getTransformationFrom(ast: S.AST.AST): S.AST.AST;

package/dist/vue-components.es10.js

@@ -1,60 +1,56 @@
-import { useForm as J } from "@tanstack/vue-form";
-import { runtimeFiberAsPromise as q } from "./vue-components.es19.js";
-import { TaggedError as B } from "./vue-components.es20.js";
-import { currentSpan as K, runPromise as x, isEffect as T, flatMap as k, fnUntraced as z, option as G, promise as Z } from "./vue-components.es21.js";
-import { isFiber as Q } from "./vue-components.es22.js";
-import { isSome as X } from "./vue-components.es23.js";
-import { toStandardSchemaV1 as Y, decodeEffect as C } from "./vue-components.es17.js";
-import { computed as _, onUnmounted as I, onMounted as ee, onBeforeUnmount as re, watch as V, ref as te, h as N } from "vue";
-import { useIntl as se } from "./vue-components.es3.js";
-import ne from "./vue-components.es24.js";
-import oe from "./vue-components.es25.js";
-import ie from "./vue-components.es26.js";
-import { generateMetaFromSchema as ae, deepMerge as W, defaultsValueFromSchema as ce } from "./vue-components.es12.js";
-import le from "./vue-components.es6.js";
-import ue from "./vue-components.es8.js";
-import de from "./vue-components.es27.js";
-import { trace as D } from "./vue-components.es28.js";
-import { context as P } from "./vue-components.es29.js";
-class me extends B("FormErrors") {
+import { useForm as K } from "@tanstack/vue-form";
+import { Data as T, S as I, Effect as m, Fiber as V, Option as z, Array as P } from "effect-app";
+import { runtimeFiberAsPromise as W } from "./vue-components.es17.js";
+import { computed as $, onUnmounted as D, onMounted as G, onBeforeUnmount as Z, watch as R, ref as Q, h as J } from "vue";
+import { useIntl as X } from "./vue-components.es3.js";
+import Y from "./vue-components.es18.js";
+import C from "./vue-components.es19.js";
+import ee from "./vue-components.es20.js";
+import { generateMetaFromSchema as re, deepMerge as N, defaultsValueFromSchema as te } from "./vue-components.es12.js";
+import se from "./vue-components.es6.js";
+import ne from "./vue-components.es8.js";
+import oe from "./vue-components.es21.js";
+import { trace as H } from "./vue-components.es22.js";
+import { context as _ } from "./vue-components.es23.js";
+class ie extends T.TaggedError("FormErrors") {
 }
-const A = (i) => function(s) {
+const M = (a) => function(s) {
   return {
     render() {
-      return N(s, {
-        form: i,
+      return J(s, {
+        form: a,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, fe = (i) => {
-  const { formatMessage: l } = se(), s = (a) => a.replace(/([A-Z])/g, " $1").replace(/^./, (g) => g.toUpperCase()).trim(), m = (a) => l ? l({ id: `general.fields.${a}`, defaultMessage: s(a) }) : s(a);
-  return (a) => i.i18nNamespace ? l({ id: `${i.i18nNamespace}.fields.${a}`, defaultMessage: m(a) }) : m(a);
-}, pe = (i) => function(s) {
+}, ae = (a) => {
+  const { formatMessage: l } = X(), s = (c) => c.replace(/([A-Z])/g, " $1").replace(/^./, (F) => F.toUpperCase()).trim(), p = (c) => l ? l({ id: `general.fields.${c}`, defaultMessage: s(c) }) : s(c);
+  return (c) => a.i18nNamespace ? l({ id: `${a.i18nNamespace}.fields.${c}`, defaultMessage: p(c) }) : p(c);
+}, ce = (a) => function(s) {
   return {
     setup() {
-      const { fieldMap: m, form: f } = i, a = f.useStore((v) => v.errors), g = f.useStore((v) => v.fieldMeta), p = f.useStore((v) => v.errorMap), M = fe(f), L = _(() => {
-        const v = Object.entries(g.value).reduce((b, [h, y]) => {
-          const u = y?.errors ?? [];
+      const { fieldMap: p, form: v } = a, c = v.useStore((S) => S.errors), F = v.useStore((S) => S.fieldMeta), h = v.useStore((S) => S.errorMap), A = ae(v), L = $(() => {
+        const S = Object.entries(F.value).reduce((y, [w, g]) => {
+          const u = g?.errors ?? [];
           if (!u.length)
-            return b;
-          const d = m.value.get(h);
-          return d && b.push({
+            return y;
+          const d = p.value.get(w);
+          return d && y.push({
             label: d.label,
             inputId: d.id,
             errors: [u[0]?.message].filter(Boolean)
-          }), b;
+          }), y;
         }, []), o = [];
-        if (p.value.onSubmit) {
-          for (const [b, h] of Object.entries(p.value.onSubmit))
-            if (Array.isArray(h) && h.length)
-              for (const y of h) {
-                const u = y;
-                if (u?.path && Array.isArray(u.path) && u.path.length) {
+        if (h.value.onSubmit) {
+          for (const [y, w] of Object.entries(h.value.onSubmit))
+            if (P.isArray(w) && w.length)
+              for (const g of w) {
+                const u = g;
+                if (u?.path && P.isArray(u.path) && u.path.length) {
                   const d = u.path.join(".");
-                  if (!m.value.has(d)) {
+                  if (!p.value.has(d)) {
                     o.push({
-                      label: M(d),
+                      label: A(d),
                       inputId: d,
                       errors: [u.message].filter(Boolean)
                     });
@@ -63,175 +59,181 @@ const A = (i) => function(s) {
                 }
               }
         }
-        return [...v, ...o];
+        return [...S, ...o];
       });
       return {
-        generalErrors: a,
+        generalErrors: c,
         errors: L
       };
     },
-    render({ errors: m, generalErrors: f }) {
-      return N(s, {
-        errors: m,
-        generalErrors: f,
+    render({ errors: p, generalErrors: v }) {
+      return J(s, {
+        errors: p,
+        generalErrors: v,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, S = (i, l) => i.includes(l), xe = (i, l, s) => {
-  if (!i) throw new Error("Schema is required");
-  const m = Y(i), f = C(i), { meta: a, unionMeta: g } = ae(i), p = _(() => {
+}, b = (a, l) => a.includes(l), Fe = (a, l, s) => {
+  if (!a) throw new Error("Schema is required");
+  const p = I.toStandardSchemaV1(a), v = I.decodeUnknownEffect(a), { meta: c, unionMeta: F } = re(a), h = $(() => {
     if (s?.persistency?.id)
       return s.persistency.id;
-    const e = window.location.pathname, r = Object.keys(a);
+    const e = window.location.pathname, r = Object.keys(c);
     return `${e}-${r.join("-")}`;
-  }), M = () => {
+  }), A = () => {
     const e = new URLSearchParams(window.location.search);
-    e.delete(p.value);
+    e.delete(h.value);
     const r = new URL(window.location.href);
     r.search = e.toString(), window.history.replaceState({}, "", r.toString());
-  }, L = _(() => {
+  }, L = $(() => {
     let e;
     const r = s?.persistency;
     if (
       // query string has higher priority than local/session storage
-      r?.policies && !e && (S(r.policies, "local") || S(r.policies, "session"))
+      r?.policies && !e && (b(r.policies, "local") || b(r.policies, "session"))
     ) {
-      const n = S(r.policies, "local") ? localStorage : sessionStorage;
+      const n = b(r.policies, "local") ? localStorage : sessionStorage;
       if (n)
         try {
           const t = JSON.parse(
-            n.getItem(p.value) || "{}"
+            n.getItem(h.value) || "{}"
           );
-          n.removeItem(p.value), e = t;
+          n.removeItem(h.value), e = t;
         } catch (t) {
           console.error(t);
         }
     }
-    if (r?.policies && S(r.policies, "querystring"))
+    if (r?.policies && b(r.policies, "querystring"))
       try {
-        const t = new URLSearchParams(window.location.search).get(p.value);
-        M(), t && (e = W(e || {}, JSON.parse(t)));
+        const t = new URLSearchParams(window.location.search).get(h.value);
+        A(), t && (e = N(e || {}, JSON.parse(t)));
       } catch (n) {
         console.error(n);
       }
     e ??= {};
-    const c = {
+    const i = {
       tanstack: l?.defaultValues || {},
       persistency: e,
-      schema: ce(i)
+      schema: te(a)
     };
     return (s?.defaultValuesPriority || ["tanstack", "persistency", "schema"]).reverse().reduce(
-      (n, t) => Object.keys(n).length ? W(n, c[t]) : c[t],
+      (n, t) => Object.keys(n).length ? N(n, i[t]) : i[t],
       {}
     );
-  }), v = (e, r) => e ? P.with(D.setSpan(P.active(), e), r) : r(), o = J({
+  }), S = (e, r) => e ? _.with(H.setSpan(_.active(), e), r) : r(), o = K({
     ...l,
     validators: {
-      onSubmit: m,
+      onSubmit: p,
       ...l?.validators || {}
     },
-    onSubmit: l?.onSubmit ? ({ formApi: e, meta: r, value: c }) => v(r?.currentSpan, async () => {
-      const n = await x(f(c)), t = l.onSubmit({
+    onSubmit: l?.onSubmit ? ({ formApi: e, meta: r, value: i }) => S(r?.currentSpan, async () => {
+      const n = await m.runPromise(v(i)), t = l.onSubmit({
         formApi: e,
         meta: r,
         value: n
       });
-      return Q(t) ? await q(t) : T(t) ? await x(t) : t;
+      if (V.isFiber(t))
+        return await W(t);
+      if (m.isEffect(t)) {
+        const f = await m.runPromise(t);
+        return V.isFiber(f) ? await W(f) : f;
+      }
+      return t;
     }) : void 0,
     defaultValues: L.value
-  }), b = () => {
-    Object.keys(a).forEach((e) => {
+  }), y = () => {
+    Object.keys(c).forEach((e) => {
       o.setFieldValue(e, void 0);
     });
-  }, h = (e) => e.reduce((r, c) => {
-    const n = c.split(".");
-    return n.reduce((t, E, O) => (O === n.length - 1 ? t[E] = o.getFieldValue(c) : t[E] = t[E] ?? {}, t[E]), r), r;
-  }, {}), y = (e) => {
-    if (e) {
-      if (Array.isArray(e.keys))
-        return h(e.keys);
-      if (Array.isArray(e.banKeys)) {
-        const r = Object.keys(a).filter((c) => e.banKeys?.includes(c));
-        return h(r);
-      }
-      return o.store.state.values;
+  }, w = (e) => e.reduce((r, i) => {
+    const n = i.split(".");
+    return n.reduce((t, f, U) => (U === n.length - 1 ? t[f] = o.getFieldValue(i) : t[f] = t[f] ?? {}, t[f]), r), r;
+  }, {}), g = (e) => {
+    if (!e) return;
+    const { banKeys: r, keys: i } = e;
+    if (P.isArray(i))
+      return w(i);
+    if (P.isArray(r)) {
+      const n = Object.keys(c).filter((t) => r.includes(t));
+      return w(n);
     }
+    return o.store.state.values;
   }, u = () => {
     const e = s?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && (S(e.policies, "local") || S(e.policies, "session"))) {
-      const r = S(e.policies, "local") ? localStorage : sessionStorage;
+    if (!(!e?.policies || e.policies.length === 0) && (b(e.policies, "local") || b(e.policies, "session"))) {
+      const r = b(e.policies, "local") ? localStorage : sessionStorage;
       if (!r) return;
-      const c = y(e);
-      return r.setItem(p.value, JSON.stringify(c));
+      const i = g(e);
+      return r.setItem(h.value, JSON.stringify(i));
     }
   }, d = () => {
     const e = s?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && S(e.policies, "querystring")) {
-      const r = y(e), c = new URLSearchParams(window.location.search);
-      c.set(p.value, JSON.stringify(r));
+    if (!(!e?.policies || e.policies.length === 0) && b(e.policies, "querystring")) {
+      const r = g(e), i = new URLSearchParams(window.location.search);
+      i.set(h.value, JSON.stringify(r));
       const n = new URL(window.location.href);
-      n.search = c.toString(), window.history.replaceState({}, "", n.toString());
+      n.search = i.toString(), window.history.replaceState({}, "", n.toString());
     }
-  }, $ = (e) => {
+  }, j = (e) => {
     o.store.state.isDirty && e.preventDefault();
   };
-  if (I(u), ee(() => {
-    window.addEventListener("beforeunload", u), window.addEventListener("blur", d), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.addEventListener("beforeunload", $);
-  }), re(() => {
-    window.removeEventListener("beforeunload", u), window.removeEventListener("blur", d), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", $);
+  if (D(u), G(() => {
+    window.addEventListener("beforeunload", u), window.addEventListener("blur", d), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.addEventListener("beforeunload", j);
+  }), Z(() => {
+    window.removeEventListener("beforeunload", u), window.removeEventListener("blur", d), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", j);
   }), s?.preventWindowExit === "prevent-and-reset") {
-    const e = o.useStore((t) => t.isSubmitting), r = o.useStore((t) => t.submissionAttempts), c = o.useStore((t) => t.canSubmit), n = o.useStore((t) => t.values);
-    V([e, r], ([t, E], [O]) => {
-      O && !t && E > 0 && c.value && o.reset(n.value);
+    const e = o.useStore((t) => t.isSubmitting), r = o.useStore((t) => t.submissionAttempts), i = o.useStore((t) => t.canSubmit), n = o.useStore((t) => t.values);
+    R([e, r], ([t, f], [U]) => {
+      U && !t && f > 0 && i.value && o.reset(n.value);
     });
   }
-  const j = (e) => K.pipe(
-    G,
-    k(
-      (r) => Z(() => o.handleSubmit(X(r) ? { currentSpan: r.value, ...e } : e))
+  const x = (e) => m.currentSpan.pipe(
+    m.option,
+    m.flatMap(
+      (r) => m.promise(() => o.handleSubmit(z.isSome(r) ? { currentSpan: r.value, ...e } : e))
     )
-  ), R = (e) => e?.checkErrors ? j(e?.meta).pipe(k(z(function* () {
+  ), q = (e) => e?.checkErrors ? x(e?.meta).pipe(m.flatMap(m.fnUntraced(function* () {
     const r = o.getAllErrors();
     if (Object.keys(r.fields).length || r.form.errors.length)
-      return yield* new me({ form: r.form, fields: r.fields });
-  }))) : j(e?.meta), H = o.handleSubmit, F = te(/* @__PURE__ */ new Map()), w = Object.assign(o, {
+      return yield* m.fail(new ie({ form: r.form, fields: r.fields }));
+  }))) : x(e?.meta), B = o.handleSubmit, O = Q(/* @__PURE__ */ new Map()), E = Object.assign(o, {
     i18nNamespace: s?.i18nNamespace,
     ignorePreventCloseEvents: s?.ignorePreventCloseEvents,
-    meta: a,
-    unionMeta: g,
-    clear: b,
+    meta: c,
+    unionMeta: F,
+    clear: y,
     handleSubmit: (e) => {
-      const r = D.getSpan(P.active());
-      return H({ currentSpan: r, ...e });
+      const r = H.getSpan(_.active());
+      return B({ currentSpan: r, ...e });
     },
     // /** @experimental */
-    handleSubmitEffect: R,
+    handleSubmitEffect: q,
     registerField: (e) => {
-      V(e, (r) => {
-        F.value.set(r.name, { label: r.label, id: r.id });
-      }, { immediate: !0 }), I(() => {
-        F.value.get(e.value.name)?.id === e.value.id && F.value.delete(e.value.name);
+      R(e, (r) => {
+        O.value.set(r.name, { label: r.label, id: r.id });
+      }, { immediate: !0 }), D(() => {
+        O.value.get(e.value.name)?.id === e.value.id && O.value.delete(e.value.name);
       });
     }
-  }), U = { form: w, fieldMap: F };
-  return Object.assign(w, {
+  }), k = { form: E, fieldMap: O };
+  return Object.assign(E, {
     // Type-level properties for performance optimization (not used at runtime)
     _paths: void 0,
     _keys: void 0,
-    _schema: i,
-    errorContext: U,
-    Form: A(w)(de),
-    Input: A(w)(s?.input ?? le),
-    TaggedUnion: A(w)(ue),
+    _schema: a,
+    errorContext: k,
+    Form: M(E)(oe),
+    Input: M(E)(s?.input ?? se),
+    TaggedUnion: M(E)(ne),
     Field: o.Field,
-    Errors: pe(U)(ie),
-    Array: A(w)(ne),
-    AutoGen: A(w)(oe)
+    Errors: ce(k)(ee),
+    Array: M(E)(Y),
+    AutoGen: M(E)(C)
   });
 };
 export {
-  me as FormErrors,
-  fe as useErrorLabel,
-  xe as useOmegaForm
+  ie as FormErrors,
+  ae as useErrorLabel,
+  Fe as useOmegaForm
 };

package/dist/vue-components.es11.js

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