@effect-app/vue-components 0.22.16 → 0.23.0

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

@@ -1,5 +1,5 @@
 import { type S } from "effect-app";
-import { type FormProps, type OmegaFormApi, type OmegaFormState, type ShowErrorsOn } from "./OmegaFormStuff";
+import { type FormProps, type OmegaFormState, type ShowErrorsOn } from "./OmegaFormStuff";
 import { type OmegaConfig, type OmegaFormReturn } from "./useOmegaForm";
 declare const _default: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, K extends keyof OmegaFormState<From, To> = keyof OmegaFormState<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> & ({
@@ -14,14 +14,14 @@ declare const _default: <From extends Record<PropertyKey, any>, To extends Recor
         schema: S.Schema<To, From, never>;
     }) & ({
         isLoading: boolean;
-        onSubmit: (data: {
-            formApi: OmegaFormApi<From, To>;
-            meta: any;
-            value: To;
-        }) => void;
+        onSubmit: (value: To, meta: any, formApi: import("./OmegaFormStuff").OmegaFormParams<From, To>) => void;
     } | {
         isLoading?: undefined;
-        onSubmit?: FormProps<From, To>["onSubmit"];
+        onSubmit?: (value: To, meta: any, formApi: import("./OmegaFormStuff").OmegaFormParams<From, To>) => ReturnType<(props: {
+            formApi: import("./OmegaFormStuff").OmegaFormParams<From, To>;
+            meta: any;
+            value: To;
+        }) => Promise<any> | import("effect/Fiber").RuntimeFiber<any, any> | import("effect/Effect").Effect<import("effect/Fiber").RuntimeFiber<any, any>, any, never>>;
     }))) & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/vue-components.es12.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-72cd2c5e]{display:contents}fieldset[disabled][data-v-72cd2c5e]>*{pointer-events:none}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(c,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-72cd2c5e]{display:contents}fieldset[disabled][data-v-72cd2c5e]>*{pointer-events:none}")),this.shadowRoot.appendChild(o)}},e.call(window.customElements,c,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-b77e8ae3]{display:contents}fieldset[disabled][data-v-b77e8ae3]>*{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-b77e8ae3]{display:contents}fieldset[disabled][data-v-b77e8ae3]>*{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.es20.js";
 
 import r from "./vue-components.es17.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-72cd2c5e"]]);
+const t = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b77e8ae3"]]);
 export {
-  e as default
+  t as default
 };

package/dist/vue-components.es20.js

@@ -1,9 +1,9 @@
-import { defineComponent as M, getCurrentInstance as B, computed as v, onBeforeMount as F, watch as g, createElementBlock as S, openBlock as O, withModifiers as L, createElementVNode as C, unref as m, renderSlot as p, createCommentVNode as V, Fragment as k } from "vue";
-import { useStore as h } from "@tanstack/vue-form";
+import { defineComponent as B, getCurrentInstance as F, computed as l, onBeforeMount as L, watch as S, createElementBlock as O, openBlock as h, withModifiers as C, createElementVNode as V, unref as m, renderSlot as b, createCommentVNode as k, Fragment as _ } from "vue";
+import { useStore as y } from "@tanstack/vue-form";
 import { getOmegaStore as $ } from "./vue-components.es27.js";
 import { provideOmegaErrors as A } from "./vue-components.es8.js";
 import { useOmegaForm as K } from "./vue-components.es9.js";
-const _ = ["disabled"], D = /* @__PURE__ */ M({
+const P = ["disabled"], H = /* @__PURE__ */ B({
   __name: "OmegaWrapper",
   props: {
     omegaConfig: {},
@@ -26,21 +26,21 @@ const _ = ["disabled"], D = /* @__PURE__ */ M({
     isLoading: { type: Boolean, default: void 0 },
     onSubmit: {}
   },
-  setup(y) {
-    const o = y, w = B(), E = ({ formApi: e, meta: r, value: i }) => new Promise((t) => {
-      w.emit("submit", { formApi: e, meta: r, value: i });
-      const n = g(() => o.isLoading, (u) => {
-        u || (t(), n.stop());
+  setup(w) {
+    const o = w, E = F(), j = (e, r, n) => new Promise((t) => {
+      E.emit("submit", e, r, n);
+      const i = S(() => o.isLoading, (u) => {
+        u || (t(), i.stop());
       });
-    }), l = typeof o.isLoading < "u" ? E : typeof o.onSubmit < "u" ? o.onSubmit : void 0, f = o.form || !o.schema ? void 0 : K(
+    }), v = typeof o.isLoading < "u" ? l(() => j) : typeof o.onSubmit < "u" ? l(() => o.onSubmit) : void 0, f = v?.value ? ({ formApi: e, meta: r, value: n }) => v.value(n, r, e) : void 0, c = o.form || !o.schema ? void 0 : K(
       o.schema,
       {
         ...o,
-        onSubmit: l
+        onSubmit: f
       },
       o.omegaConfig
-    ), s = v(() => o.form ?? f);
-    F(() => {
+    ), s = l(() => o.form ?? c);
+    L(() => {
       if (!o.form) return;
       const e = Object.keys(o.form.options || {}), r = /* @__PURE__ */ new Set([
         "omegaConfig",
@@ -49,16 +49,16 @@ const _ = ["disabled"], D = /* @__PURE__ */ M({
         "asyncAlways",
         "form",
         "schema"
-      ]), i = Object.fromEntries(
+      ]), n = Object.fromEntries(
         Object.entries(o).filter(
-          ([a, d]) => a === "isLoading" ? !1 : !r.has(a) && d !== void 0
+          ([a, p]) => a === "isLoading" ? !1 : !r.has(a) && p !== void 0
         )
-      ), t = Object.keys(i), n = e.filter(
-        (a) => t.includes(a) && i[a] !== void 0
+      ), t = Object.keys(n), i = e.filter(
+        (a) => t.includes(a) && n[a] !== void 0
       );
-      n.length > 0 && console.warn(
+      i.length > 0 && console.warn(
         `[OmegaWrapper] Overlapping keys found between form options and filtered props:
-${n.join(
+${i.join(
           `, 
 `
         )}.
@@ -66,37 +66,37 @@ Props will overwrite existing form options. This might indicate a configuration
       );
       const u = {
         ...s.value.options,
-        ...i
+        ...n
       };
-      l && (u.onSubmit = l), s.value.options = Object.fromEntries(
+      f && (u.onSubmit = f), s.value.options = Object.fromEntries(
         // TODO
         Object.entries(u).filter(
-          ([a, d]) => d !== void 0
+          ([a, p]) => p !== void 0
         )
       );
     });
-    const j = h(
+    const I = y(
       s.value.store,
       (e) => e.isSubmitting
-    ), b = $(
+    ), g = $(
       s.value,
       o.subscribe
-    ), I = h(
+    ), M = y(
       s.value.store,
       (e) => e.submissionAttempts
-    ), c = v(() => s.value.useStore((e) => e.errors));
-    return g(
-      () => [s.value.filterItems, c.value.value],
+    ), d = l(() => s.value.useStore((e) => e.errors));
+    return S(
+      () => [s.value.filterItems, d.value.value],
       () => {
-        const e = s.value.filterItems, r = c.value.value;
+        const e = s.value.filterItems, r = d.value.value;
         return e ? r ? (Object.values(r).filter(
           (t) => !!t
         ).flatMap(
-          (t) => Object.values(t).flat().map((n) => n.message)
+          (t) => Object.values(t).flat().map((i) => i.message)
         ).some((t) => t === e.message) && e.items.forEach((t) => {
-          const n = s.value.getFieldMeta(t);
-          n && s.value.setFieldMeta(t, {
-            ...n,
+          const i = s.value.getFieldMeta(t);
+          i && s.value.setFieldMeta(t, {
+            ...i,
             errorMap: {
               onSubmit: [
                 { path: [t], message: e.message }
@@ -105,23 +105,23 @@ Props will overwrite existing form options. This might indicate a configuration
           });
         }), {}) : {} : {};
       }
-    ), A(I, c.value, o.showErrorsOn), (e, r) => (O(), S("form", {
+    ), A(M, d.value, o.showErrorsOn), (e, r) => (h(), O("form", {
       novalidate: "",
-      onSubmit: r[0] || (r[0] = L((i) => s.value.handleSubmit(), ["prevent", "stop"]))
+      onSubmit: r[0] || (r[0] = C((n) => s.value.handleSubmit(), ["prevent", "stop"]))
     }, [
-      C("fieldset", { disabled: m(j) }, [
-        o.form ? (O(), S(k, { key: 0 }, [
-          p(e.$slots, "externalForm", { subscribedValues: m(b) }, void 0, !0),
-          p(e.$slots, "default", {}, void 0, !0)
-        ], 64)) : m(f) ? p(e.$slots, "internalForm", {
+      V("fieldset", { disabled: m(I) }, [
+        o.form ? (h(), O(_, { key: 0 }, [
+          b(e.$slots, "externalForm", { subscribedValues: m(g) }, void 0, !0),
+          b(e.$slots, "default", {}, void 0, !0)
+        ], 64)) : m(c) ? b(e.$slots, "internalForm", {
           key: 1,
-          form: m(f),
-          subscribedValues: m(b)
-        }, void 0, !0) : V("", !0)
-      ], 8, _)
+          form: m(c),
+          subscribedValues: m(g)
+        }, void 0, !0) : k("", !0)
+      ], 8, P)
     ], 32));
   }
 });
 export {
-  D as default
+  H as default
 };

package/dist/vue-components.es24.js

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

package/dist/vue-components.es25.js

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

package/dist/vue-components.es29.js

@@ -1,4 +1,25 @@
-import f from "./vue-components.es26.js";
+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 {
-  f as default
+  x as ROOT_CONTEXT,
+  a as createContextKey
 };

package/dist/vue-components.es30.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
 };

package/dist/vue-components.es31.js

@@ -1,7 +1,23 @@
-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 = {}));
+import { NoopTracer as o } from "./vue-components.es32.js";
+var s = new o(), c = (
+  /** @class */
+  (function() {
+    function r(t, e, n, a) {
+      this._provider = t, this.name = e, this.version = n, this.options = a;
+    }
+    return r.prototype.startSpan = function(t, e, n) {
+      return this._getTracer().startSpan(t, e, n);
+    }, r.prototype.startActiveSpan = function(t, e, n, a) {
+      var i = this._getTracer();
+      return Reflect.apply(i.startActiveSpan, i, arguments);
+    }, r.prototype._getTracer = function() {
+      if (this._delegate)
+        return this._delegate;
+      var t = this._provider.getDelegateTracer(this.name, this.version, this.options);
+      return t ? (this._delegate = t, this._delegate) : s;
+    }, r;
+  })()
+);
 export {
-  R as DiagLogLevel
+  c as ProxyTracer
 };

package/dist/vue-components.es32.js

@@ -1,23 +1,32 @@
-import { NoopTracer as o } from "./vue-components.es33.js";
-var s = new o(), c = (
+import { ContextAPI as l } from "./vue-components.es39.js";
+import { getSpanContext as m, setSpan as d } from "./vue-components.es46.js";
+import { NonRecordingSpan as p } from "./vue-components.es38.js";
+import { isSpanContextValid as S } from "./vue-components.es36.js";
+var f = l.getInstance(), I = (
   /** @class */
   (function() {
-    function r(t, e, n, a) {
-      this._provider = t, this.name = e, this.version = n, this.options = a;
+    function t() {
     }
-    return r.prototype.startSpan = function(t, e, n) {
-      return this._getTracer().startSpan(t, e, n);
-    }, r.prototype.startActiveSpan = function(t, e, n, a) {
-      var i = this._getTracer();
-      return Reflect.apply(i.startActiveSpan, i, arguments);
-    }, r.prototype._getTracer = function() {
-      if (this._delegate)
-        return this._delegate;
-      var t = this._provider.getDelegateTracer(this.name, this.version, this.options);
-      return t ? (this._delegate = t, this._delegate) : s;
-    }, r;
+    return t.prototype.startSpan = function(u, e, r) {
+      r === void 0 && (r = f.active());
+      var i = !!e?.root;
+      if (i)
+        return new p();
+      var n = r && m(r);
+      return g(n) && S(n) ? new p(n) : new p();
+    }, t.prototype.startActiveSpan = function(u, e, r, i) {
+      var n, o, a;
+      if (!(arguments.length < 2)) {
+        arguments.length === 2 ? a = e : arguments.length === 3 ? (n = e, a = r) : (n = e, o = r, a = i);
+        var v = o ?? f.active(), s = this.startSpan(u, n, v), c = d(v, s);
+        return f.with(c, a, void 0, s);
+      }
+    }, t;
   })()
 );
+function g(t) {
+  return typeof t == "object" && typeof t.spanId == "string" && typeof t.traceId == "string" && typeof t.traceFlags == "number";
+}
 export {
-  c as ProxyTracer
+  I as NoopTracer
 };

package/dist/vue-components.es33.js

@@ -1,32 +1,24 @@
-import { ContextAPI as l } from "./vue-components.es40.js";
-import { getSpanContext as m, setSpan as d } from "./vue-components.es46.js";
-import { NonRecordingSpan as p } from "./vue-components.es39.js";
-import { isSpanContextValid as S } from "./vue-components.es37.js";
-var f = l.getInstance(), I = (
+import { ProxyTracer as i } from "./vue-components.es31.js";
+import { NoopTracerProvider as n } from "./vue-components.es34.js";
+var c = new n(), g = (
   /** @class */
   (function() {
     function t() {
     }
-    return t.prototype.startSpan = function(u, e, r) {
-      r === void 0 && (r = f.active());
-      var i = !!e?.root;
-      if (i)
-        return new p();
-      var n = r && m(r);
-      return g(n) && S(n) ? new p(n) : new p();
-    }, t.prototype.startActiveSpan = function(u, e, r, i) {
-      var n, o, a;
-      if (!(arguments.length < 2)) {
-        arguments.length === 2 ? a = e : arguments.length === 3 ? (n = e, a = r) : (n = e, o = r, a = i);
-        var v = o ?? f.active(), s = this.startSpan(u, n, v), c = d(v, s);
-        return f.with(c, a, void 0, s);
-      }
+    return t.prototype.getTracer = function(e, o, a) {
+      var r;
+      return (r = this.getDelegateTracer(e, o, a)) !== null && r !== void 0 ? r : new i(this, e, o, a);
+    }, t.prototype.getDelegate = function() {
+      var e;
+      return (e = this._delegate) !== null && e !== void 0 ? e : c;
+    }, t.prototype.setDelegate = function(e) {
+      this._delegate = e;
+    }, t.prototype.getDelegateTracer = function(e, o, a) {
+      var r;
+      return (r = this._delegate) === null || r === void 0 ? void 0 : r.getTracer(e, o, a);
     }, t;
   })()
 );
-function g(t) {
-  return typeof t == "object" && typeof t.spanId == "string" && typeof t.traceId == "string" && typeof t.traceFlags == "number";
-}
 export {
-  I as NoopTracer
+  g as ProxyTracerProvider
 };

package/dist/vue-components.es34.js

@@ -1,24 +1,14 @@
-import { ProxyTracer as i } from "./vue-components.es32.js";
-import { NoopTracerProvider as n } from "./vue-components.es35.js";
-var c = new n(), g = (
+import { NoopTracer as o } from "./vue-components.es32.js";
+var p = (
   /** @class */
   (function() {
-    function t() {
+    function r() {
     }
-    return t.prototype.getTracer = function(e, o, a) {
-      var r;
-      return (r = this.getDelegateTracer(e, o, a)) !== null && r !== void 0 ? r : new i(this, e, o, a);
-    }, t.prototype.getDelegate = function() {
-      var e;
-      return (e = this._delegate) !== null && e !== void 0 ? e : c;
-    }, t.prototype.setDelegate = function(e) {
-      this._delegate = e;
-    }, t.prototype.getDelegateTracer = function(e, o, a) {
-      var r;
-      return (r = this._delegate) === null || r === void 0 ? void 0 : r.getTracer(e, o, a);
-    }, t;
+    return r.prototype.getTracer = function(e, n, t) {
+      return new o();
+    }, r;
   })()
 );
 export {
-  g as ProxyTracerProvider
+  p as NoopTracerProvider
 };

package/dist/vue-components.es35.js

@@ -1,14 +1,7 @@
-import { NoopTracer as o } from "./vue-components.es33.js";
-var p = (
-  /** @class */
-  (function() {
-    function r() {
-    }
-    return r.prototype.getTracer = function(e, n, t) {
-      return new o();
-    }, r;
-  })()
-);
+var N;
+(function(E) {
+  E[E.NONE = 0] = "NONE", E[E.SAMPLED = 1] = "SAMPLED";
+})(N || (N = {}));
 export {
-  p as NoopTracerProvider
+  N as TraceFlags
 };

package/dist/vue-components.es36.js

@@ -1,7 +1,21 @@
-var N;
-(function(E) {
-  E[E.NONE = 0] = "NONE", E[E.SAMPLED = 1] = "SAMPLED";
-})(N || (N = {}));
+import { INVALID_TRACEID as r, INVALID_SPANID as t } from "./vue-components.es37.js";
+import { NonRecordingSpan as i } from "./vue-components.es38.js";
+var a = /^([0-9a-f]{32})$/i, o = /^[0-9a-f]{16}$/i;
+function I(n) {
+  return a.test(n) && n !== r;
+}
+function e(n) {
+  return o.test(n) && n !== t;
+}
+function A(n) {
+  return I(n.traceId) && e(n.spanId);
+}
+function D(n) {
+  return new i(n);
+}
 export {
-  N as TraceFlags
+  A as isSpanContextValid,
+  e as isValidSpanId,
+  I as isValidTraceId,
+  D as wrapSpanContext
 };

package/dist/vue-components.es37.js

@@ -1,21 +1,11 @@
-import { INVALID_TRACEID as r, INVALID_SPANID as t } from "./vue-components.es38.js";
-import { NonRecordingSpan as i } from "./vue-components.es39.js";
-var a = /^([0-9a-f]{32})$/i, o = /^[0-9a-f]{16}$/i;
-function I(n) {
-  return a.test(n) && n !== r;
-}
-function e(n) {
-  return o.test(n) && n !== t;
-}
-function A(n) {
-  return I(n.traceId) && e(n.spanId);
-}
-function D(n) {
-  return new i(n);
-}
+import { TraceFlags as I } from "./vue-components.es35.js";
+var a = "0000000000000000", r = "00000000000000000000000000000000", A = {
+  traceId: r,
+  spanId: a,
+  traceFlags: I.NONE
+};
 export {
-  A as isSpanContextValid,
-  e as isValidSpanId,
-  I as isValidTraceId,
-  D as wrapSpanContext
+  a as INVALID_SPANID,
+  A as INVALID_SPAN_CONTEXT,
+  r as INVALID_TRACEID
 };

package/dist/vue-components.es38.js

@@ -1,11 +1,33 @@
-import { TraceFlags as I } from "./vue-components.es36.js";
-var a = "0000000000000000", r = "00000000000000000000000000000000", A = {
-  traceId: r,
-  spanId: a,
-  traceFlags: I.NONE
-};
+import { INVALID_SPAN_CONTEXT as o } from "./vue-components.es37.js";
+var i = (
+  /** @class */
+  (function() {
+    function t(n) {
+      n === void 0 && (n = o), this._spanContext = n;
+    }
+    return t.prototype.spanContext = function() {
+      return this._spanContext;
+    }, t.prototype.setAttribute = function(n, e) {
+      return this;
+    }, t.prototype.setAttributes = function(n) {
+      return this;
+    }, t.prototype.addEvent = function(n, e) {
+      return this;
+    }, t.prototype.addLink = function(n) {
+      return this;
+    }, t.prototype.addLinks = function(n) {
+      return this;
+    }, t.prototype.setStatus = function(n) {
+      return this;
+    }, t.prototype.updateName = function(n) {
+      return this;
+    }, t.prototype.end = function(n) {
+    }, t.prototype.isRecording = function() {
+      return !1;
+    }, t.prototype.recordException = function(n, e) {
+    }, t;
+  })()
+);
 export {
-  a as INVALID_SPANID,
-  A as INVALID_SPAN_CONTEXT,
-  r as INVALID_TRACEID
+  i as NonRecordingSpan
 };

package/dist/vue-components.es39.js

@@ -1,33 +1,50 @@
-import { INVALID_SPAN_CONTEXT as o } from "./vue-components.es38.js";
-var i = (
+import { NoopContextManager as f } from "./vue-components.es47.js";
+import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es45.js";
+import { DiagAPI as u } from "./vue-components.es42.js";
+var y = function(t, e) {
+  var a = typeof Symbol == "function" && t[Symbol.iterator];
+  if (!a) return t;
+  var n = a.call(t), o, r = [], i;
+  try {
+    for (; (e === void 0 || e-- > 0) && !(o = n.next()).done; ) r.push(o.value);
+  } catch (c) {
+    i = { error: c };
+  } finally {
+    try {
+      o && !o.done && (a = n.return) && a.call(n);
+    } finally {
+      if (i) throw i.error;
+    }
+  }
+  return r;
+}, d = function(t, e, a) {
+  if (a || arguments.length === 2) for (var n = 0, o = e.length, r; n < o; n++)
+    (r || !(n in e)) && (r || (r = Array.prototype.slice.call(e, 0, n)), r[n] = e[n]);
+  return t.concat(r || Array.prototype.slice.call(e));
+}, l = "context", _ = new f(), A = (
   /** @class */
   (function() {
-    function t(n) {
-      n === void 0 && (n = o), this._spanContext = n;
+    function t() {
     }
-    return t.prototype.spanContext = function() {
-      return this._spanContext;
-    }, t.prototype.setAttribute = function(n, e) {
-      return this;
-    }, t.prototype.setAttributes = function(n) {
-      return this;
-    }, t.prototype.addEvent = function(n, e) {
-      return this;
-    }, t.prototype.addLink = function(n) {
-      return this;
-    }, t.prototype.addLinks = function(n) {
-      return this;
-    }, t.prototype.setStatus = function(n) {
-      return this;
-    }, t.prototype.updateName = function(n) {
-      return this;
-    }, t.prototype.end = function(n) {
-    }, t.prototype.isRecording = function() {
-      return !1;
-    }, t.prototype.recordException = function(n, e) {
+    return t.getInstance = function() {
+      return this._instance || (this._instance = new t()), this._instance;
+    }, t.prototype.setGlobalContextManager = function(e) {
+      return s(l, e, u.instance());
+    }, t.prototype.active = function() {
+      return this._getContextManager().active();
+    }, t.prototype.with = function(e, a, n) {
+      for (var o, r = [], i = 3; i < arguments.length; i++)
+        r[i - 3] = arguments[i];
+      return (o = this._getContextManager()).with.apply(o, d([e, a, n], y(r), !1));
+    }, t.prototype.bind = function(e, a) {
+      return this._getContextManager().bind(e, a);
+    }, t.prototype._getContextManager = function() {
+      return p(l) || _;
+    }, t.prototype.disable = function() {
+      this._getContextManager().disable(), g(l, u.instance());
     }, t;
   })()
 );
 export {
-  i as NonRecordingSpan
+  A as ContextAPI
 };

package/dist/vue-components.es40.js

@@ -1,50 +1,28 @@
-import { NoopContextManager as f } from "./vue-components.es47.js";
-import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es45.js";
-import { DiagAPI as u } from "./vue-components.es42.js";
-var y = function(t, e) {
-  var a = typeof Symbol == "function" && t[Symbol.iterator];
-  if (!a) return t;
-  var n = a.call(t), o, r = [], i;
-  try {
-    for (; (e === void 0 || e-- > 0) && !(o = n.next()).done; ) r.push(o.value);
-  } catch (c) {
-    i = { error: c };
-  } finally {
-    try {
-      o && !o.done && (a = n.return) && a.call(n);
-    } finally {
-      if (i) throw i.error;
-    }
-  }
-  return r;
-}, d = function(t, e, a) {
-  if (a || arguments.length === 2) for (var n = 0, o = e.length, r; n < o; n++)
-    (r || !(n in e)) && (r || (r = Array.prototype.slice.call(e, 0, n)), r[n] = e[n]);
-  return t.concat(r || Array.prototype.slice.call(e));
-}, l = "context", _ = new f(), A = (
+import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es45.js";
+import { ProxyTracerProvider as i } from "./vue-components.es33.js";
+import { wrapSpanContext as c, isSpanContextValid as h } from "./vue-components.es36.js";
+import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es46.js";
+import { DiagAPI as o } from "./vue-components.es42.js";
+var n = "trace", y = (
   /** @class */
   (function() {
     function t() {
+      this._proxyTracerProvider = new i(), this.wrapSpanContext = c, this.isSpanContextValid = h, this.deleteSpan = g, this.getSpan = S, this.getActiveSpan = x, this.getSpanContext = d, this.setSpan = f, this.setSpanContext = l;
     }
     return t.getInstance = function() {
       return this._instance || (this._instance = new t()), this._instance;
-    }, t.prototype.setGlobalContextManager = function(e) {
-      return s(l, e, u.instance());
-    }, t.prototype.active = function() {
-      return this._getContextManager().active();
-    }, t.prototype.with = function(e, a, n) {
-      for (var o, r = [], i = 3; i < arguments.length; i++)
-        r[i - 3] = arguments[i];
-      return (o = this._getContextManager()).with.apply(o, d([e, a, n], y(r), !1));
-    }, t.prototype.bind = function(e, a) {
-      return this._getContextManager().bind(e, a);
-    }, t.prototype._getContextManager = function() {
-      return p(l) || _;
+    }, t.prototype.setGlobalTracerProvider = function(r) {
+      var e = a(n, this._proxyTracerProvider, o.instance());
+      return e && this._proxyTracerProvider.setDelegate(r), e;
+    }, t.prototype.getTracerProvider = function() {
+      return p(n) || this._proxyTracerProvider;
+    }, t.prototype.getTracer = function(r, e) {
+      return this.getTracerProvider().getTracer(r, e);
     }, t.prototype.disable = function() {
-      this._getContextManager().disable(), g(l, u.instance());
+      s(n, o.instance()), this._proxyTracerProvider = new i();
     }, t;
   })()
 );
 export {
-  A as ContextAPI
+  y as TraceAPI
 };

package/dist/vue-components.es41.js

@@ -1,28 +1,4 @@
-import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es45.js";
-import { ProxyTracerProvider as i } from "./vue-components.es34.js";
-import { wrapSpanContext as c, isSpanContextValid as h } from "./vue-components.es37.js";
-import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es46.js";
-import { DiagAPI as o } from "./vue-components.es42.js";
-var n = "trace", y = (
-  /** @class */
-  (function() {
-    function t() {
-      this._proxyTracerProvider = new i(), this.wrapSpanContext = c, this.isSpanContextValid = h, this.deleteSpan = g, this.getSpan = S, this.getActiveSpan = x, this.getSpanContext = d, this.setSpan = f, this.setSpanContext = l;
-    }
-    return t.getInstance = function() {
-      return this._instance || (this._instance = new t()), this._instance;
-    }, t.prototype.setGlobalTracerProvider = function(r) {
-      var e = a(n, this._proxyTracerProvider, o.instance());
-      return e && this._proxyTracerProvider.setDelegate(r), e;
-    }, t.prototype.getTracerProvider = function() {
-      return p(n) || this._proxyTracerProvider;
-    }, t.prototype.getTracer = function(r, e) {
-      return this.getTracerProvider().getTracer(r, e);
-    }, t.prototype.disable = function() {
-      s(n, o.instance()), this._proxyTracerProvider = new i();
-    }, t;
-  })()
-);
+import f from "./vue-components.es26.js";
 export {
-  y as TraceAPI
+  f as default
 };

package/dist/vue-components.es42.js

@@ -1,6 +1,6 @@
 import { DiagComponentLogger as m } from "./vue-components.es43.js";
 import { createLogLevelDiagLogger as y } from "./vue-components.es44.js";
-import { DiagLogLevel as d } from "./vue-components.es31.js";
+import { DiagLogLevel as d } from "./vue-components.es30.js";
 import { unregisterGlobal as p, getGlobal as v, registerGlobal as w } from "./vue-components.es45.js";
 var b = function(i, n) {
   var r = typeof Symbol == "function" && i[Symbol.iterator];

package/dist/vue-components.es44.js

@@ -1,4 +1,4 @@
-import { DiagLogLevel as r } from "./vue-components.es31.js";
+import { DiagLogLevel as r } from "./vue-components.es30.js";
 function c(n, o) {
   n < r.NONE ? n = r.NONE : n > r.ALL && (n = r.ALL), o = o || {};
   function i(t, f) {

package/dist/vue-components.es46.js

@@ -1,6 +1,6 @@
-import { createContextKey as o } from "./vue-components.es30.js";
-import { NonRecordingSpan as a } from "./vue-components.es39.js";
-import { ContextAPI as u } from "./vue-components.es40.js";
+import { createContextKey as o } from "./vue-components.es29.js";
+import { NonRecordingSpan as a } from "./vue-components.es38.js";
+import { ContextAPI as u } from "./vue-components.es39.js";
 var n = o("OpenTelemetry Context Key SPAN");
 function r(e) {
   return e.getValue(n) || void 0;

package/dist/vue-components.es47.js

@@ -1,4 +1,4 @@
-import { ROOT_CONTEXT as l } from "./vue-components.es30.js";
+import { ROOT_CONTEXT as l } from "./vue-components.es29.js";
 var c = function(t, o) {
   var n = typeof Symbol == "function" && t[Symbol.iterator];
   if (!n) return t;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.22.16",
+  "version": "0.23.0",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.17.13",
@@ -29,7 +29,7 @@
     "vitepress": "^1.6.4",
     "vitest": "^3.2.4",
     "vue-tsc": "^3.0.6",
-    "@effect-app/eslint-shared-config": "0.0.12"
+    "@effect-app/eslint-shared-config": "0.0.13"
   },
   "files": [
     "src",
@@ -48,7 +48,7 @@
     "@tanstack/vue-form": "^1.19.5",
     "highlight.js": "^11.11.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "2.64.2",
+    "@effect-app/vue": "2.65.0",
     "effect-app": "3.3.7"
   },
   "scripts": {

package/src/components/OmegaForm/OmegaWrapper.vue

@@ -71,6 +71,11 @@ import { provideOmegaErrors } from "./OmegaErrorsContext"
 import { type FilterItems, type FormProps, type OmegaFormApi, type OmegaFormState, type ShowErrorsOn } from "./OmegaFormStuff"
 import { type OmegaConfig, type OmegaFormReturn, useOmegaForm } from "./useOmegaForm"
 
+type OnSubmit = NonNullable<FormProps<From, To>["onSubmit"]>
+type OnSubmitArg = Parameters<OnSubmit>[0]
+  type OnSubmitEmit = (value: To, meta: OnSubmitArg["meta"], formApi: OnSubmitArg["formApi"]) => void
+  type OnSubmitAwaitable = (value: To, meta: OnSubmitArg["meta"], formApi: OnSubmitArg["formApi"]) => ReturnType<OnSubmit>
+
 type OmegaWrapperProps =
   & {
     omegaConfig?: OmegaConfig<From>
@@ -91,15 +96,11 @@ type OmegaWrapperProps =
   & (
     | {
       isLoading: boolean
-      onSubmit: (data: {
-        formApi: OmegaFormApi<From, To>
-        meta: any
-        value: To
-      }) => void
+      onSubmit: OnSubmitEmit
     }
     | {
       isLoading?: undefined
-      onSubmit?: FormProps<From, To>["onSubmit"]
+      onSubmit?: OnSubmitAwaitable
     }
   )
 
@@ -112,11 +113,9 @@ const instance = getCurrentInstance()
 // we prefer to use the standard abstraction in Vue which separates props (going down) and event emits (going back up)
 // so if isLoading + @submit are provided, we wrap them into a Promise, so that TanStack Form can properly track the submitting state.
 // we use this approach because it means we can keep relying on the built-in beaviour of TanStack Form, and we dont have to re-implement/keep in sync/break any internals.
-const eventOnSubmit: FormProps<From, To>["onSubmit"] = (
-  { formApi, meta, value }
-) =>
+const eventOnSubmit: OnSubmitAwaitable = (value, meta, formApi) =>
   new Promise<void>((resolve) => {
-    instance!.emit("submit", { formApi, meta, value })
+    instance!.emit("submit", value, meta, formApi)
     // even if the emit would be immediately handled, prop changes are not published/received immediately.
     // so we have to wait for the prop to change to true, and back to false again.
     const handle = watch(() => props.isLoading, (v) => {
@@ -126,19 +125,23 @@ const eventOnSubmit: FormProps<From, To>["onSubmit"] = (
     })
   })
 
-const onSubmit = typeof props.isLoading !== "undefined"
-  ? eventOnSubmit
+  // we need to keep onSubmit reactive or it can't pick up local state changes, inside forms
+  // which is the whole point of having props
+const onSubmit_ = typeof props.isLoading !== "undefined"
+  ? computed(() => eventOnSubmit)
   : typeof props.onSubmit !== "undefined"
-  ? props.onSubmit
+  ? computed(() => props.onSubmit)
   : undefined
 
+const onSubmitHandler = onSubmit_?.value ? ({formApi, meta, value }: OnSubmitArg) => onSubmit_!.value!(value, meta, formApi) : undefined
+
 const localForm = props.form || !props.schema
   ? undefined
   : useOmegaForm<From, To>(
     props.schema,
     {
       ...props,
-      onSubmit
+      onSubmit: onSubmitHandler
     },
     props.omegaConfig
   )
@@ -192,7 +195,7 @@ onBeforeMount(() => {
     ...formToUse.value.options,
     ...filteredProps
   }
-  if (onSubmit) mergedOptions.onSubmit = onSubmit
+  if (onSubmitHandler) mergedOptions.onSubmit = onSubmitHandler
 
   formToUse.value.options = Object.fromEntries(
     // TODO