@effect-app/vue-components 0.22.17 → 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-0628edeb]{display:contents}fieldset[disabled][data-v-0628edeb]>*{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-0628edeb]{display:contents}fieldset[disabled][data-v-0628edeb]>*{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-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 a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0628edeb"]]);
+const t = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b77e8ae3"]]);
 export {
-  a as default
+  t as default
 };

package/dist/vue-components.es20.js

@@ -3,7 +3,7 @@ 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 P = ["disabled"], U = /* @__PURE__ */ B({
+const P = ["disabled"], H = /* @__PURE__ */ B({
   __name: "OmegaWrapper",
   props: {
     omegaConfig: {},
@@ -27,12 +27,12 @@ const P = ["disabled"], U = /* @__PURE__ */ B({
     onSubmit: {}
   },
   setup(w) {
-    const o = w, E = F(), j = ({ formApi: e, meta: r, value: i }) => new Promise((t) => {
-      E.emit("submit", { formApi: e, meta: r, value: i });
-      const n = S(() => o.isLoading, (u) => {
-        u || (t(), n.stop());
+    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());
       });
-    }), v = typeof o.isLoading < "u" ? l(() => j) : typeof o.onSubmit < "u" ? l(() => o.onSubmit) : void 0, f = v?.value ? (...e) => v.value(...e) : void 0, c = 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,
@@ -49,16 +49,16 @@ const P = ["disabled"], U = /* @__PURE__ */ B({
         "asyncAlways",
         "form",
         "schema"
-      ]), i = Object.fromEntries(
+      ]), n = Object.fromEntries(
         Object.entries(o).filter(
           ([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,7 +66,7 @@ Props will overwrite existing form options. This might indicate a configuration
       );
       const u = {
         ...s.value.options,
-        ...i
+        ...n
       };
       f && (u.onSubmit = f), s.value.options = Object.fromEntries(
         // TODO
@@ -92,11 +92,11 @@ Props will overwrite existing form options. This might indicate a configuration
         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 }
@@ -107,7 +107,7 @@ Props will overwrite existing form options. This might indicate a configuration
       }
     ), A(M, d.value, o.showErrorsOn), (e, r) => (h(), O("form", {
       novalidate: "",
-      onSubmit: r[0] || (r[0] = C((i) => s.value.handleSubmit(), ["prevent", "stop"]))
+      onSubmit: r[0] || (r[0] = C((n) => s.value.handleSubmit(), ["prevent", "stop"]))
     }, [
       V("fieldset", { disabled: m(I) }, [
         o.form ? (h(), O(_, { key: 0 }, [
@@ -123,5 +123,5 @@ Props will overwrite existing form options. This might indicate a configuration
   }
 });
 export {
-  U as default
+  H as default
 };

package/dist/vue-components.es22.js

@@ -1,5 +1,5 @@
 import { Exit as c, Runtime as s } from "effect";
-import { dual as n, isFunction as m } from "./vue-components.es26.js";
+import { dual as n, isFunction as m } from "./vue-components.es28.js";
 const i = Symbol.for("clone-trait"), u = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
 n(2, (e, t) => u(e, { ...e, ...m(t) ? t(e) : t }));
 const b = (e) => new Promise((t, r) => e.addObserver((o) => {

package/dist/vue-components.es23.js

@@ -1,4 +1,4 @@
-import { isFunction as c } from "./vue-components.es26.js";
+import { isFunction as c } from "./vue-components.es28.js";
 const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
 export {
   s as isFunction,

package/dist/vue-components.es26.js

@@ -1,44 +1,92 @@
-const f = (c) => typeof c == "function", a = function(c, r) {
-  switch (c) {
-    case 0:
-    case 1:
-      throw new RangeError(`Invalid arity ${c}`);
-    case 2:
-      return function(n, t) {
-        return arguments.length >= 2 ? r(n, t) : function(e) {
-          return r(e, n);
-        };
-      };
-    case 3:
-      return function(n, t, e) {
-        return arguments.length >= 3 ? r(n, t, e) : function(u) {
-          return r(u, n, t);
-        };
-      };
-    case 4:
-      return function(n, t, e, u) {
-        return arguments.length >= 4 ? r(n, t, e, u) : function(i) {
-          return r(i, n, t, e);
-        };
-      };
-    case 5:
-      return function(n, t, e, u, i) {
-        return arguments.length >= 5 ? r(n, t, e, u, i) : function(s) {
-          return r(s, n, t, e, u);
-        };
-      };
-    default:
-      return function() {
-        if (arguments.length >= c)
-          return r.apply(this, arguments);
-        const n = arguments;
-        return function(t) {
-          return r(t, ...n);
-        };
-      };
+(function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as w, getCurrentInstance as x, useId as C, computed as a, watch as f, nextTick as N, onMounted as d, ref as $, watchEffect as k, renderSlot as B, normalizeProps as I, guardReactiveProps as O, createElementVNode as _, normalizeClass as q, createBlock as L, createCommentVNode as P, unref as F, openBlock as S, mergeProps as T } from "vue";
+import { useStore as z } from "@tanstack/vue-form";
+import { useOmegaErrors as A } from "./vue-components.es8.js";
+import D from "./vue-components.es48.js";
+
+const J = /* @__PURE__ */ w({
+  inheritAttrs: !1,
+  __name: "OmegaInternalInput",
+  props: {
+    field: {},
+    meta: {},
+    label: {},
+    options: {},
+    type: {},
+    validators: {}
+  },
+  setup(c) {
+    const e = c, v = x()?.appContext.components.VTextField, l = C(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), n = a(() => r.value.value), g = a(
+      () => (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        r.value.meta.errors.map((t) => t?.message).filter(Boolean)
+      )
+    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t);
+    f(
+      () => !!n.value,
+      () => {
+        y(n.value) && e.meta?.type !== "boolean" && N(() => {
+          o.setValue(
+            e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
+          );
+        });
+      }
+    ), d(() => {
+      !n.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null" && o.setValue(null);
+    });
+    const { addError: h, removeError: b, showErrors: E, showErrorsOn: V } = A(), s = $(!1);
+    k(() => {
+      (E.value || V === "onChange") && (s.value = !0);
+    });
+    const u = () => {
+      s.value = !0;
+    };
+    d(() => {
+      n.value && u();
+    });
+    const p = a(() => !s.value && m.value !== "select" ? [] : g.value);
+    f(
+      () => r.value.meta.errors,
+      () => {
+        r.value.meta.errors.length ? h({
+          inputId: l,
+          errors: r.value.meta.errors.map((t) => t.message).filter(Boolean),
+          label: e.label
+        }) : b(l);
+      }
+    );
+    const i = a(() => ({
+      id: l,
+      required: e.meta?.required,
+      minLength: e.meta?.type === "string" && e.meta?.minLength,
+      maxLength: e.meta?.type === "string" && e.meta?.maxLength,
+      max: e.meta?.type === "number" && e.meta?.maximum,
+      min: e.meta?.type === "number" && e.meta?.minimum,
+      name: e.field.name,
+      modelValue: e.field.state.value,
+      errorMessages: p.value,
+      error: !!p.value.length,
+      field: e.field,
+      setRealDirty: u,
+      type: m.value,
+      label: `${e.label}${e.meta?.required ? " *" : ""}`,
+      options: e.options
+    }));
+    return (t, R) => B(t.$slots, "default", I(O(i.value)), () => [
+      _("div", {
+        class: q(t.$attrs.class),
+        onFocusout: u
+      }, [
+        F(v) ? (S(), L(D, T({
+          key: 0,
+          "input-props": i.value
+        }, t.$attrs, {
+          "vuetify-value": i.value.field.state.value
+        }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
+      ], 34)
+    ]);
   }
-};
+});
 export {
-  a as dual,
-  f as isFunction
+  J as default
 };

package/dist/vue-components.es28.js

@@ -1,92 +1,44 @@
-(function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as w, getCurrentInstance as x, useId as C, computed as a, watch as f, nextTick as N, onMounted as d, ref as $, watchEffect as k, renderSlot as B, normalizeProps as I, guardReactiveProps as O, createElementVNode as _, normalizeClass as q, createBlock as L, createCommentVNode as P, unref as F, openBlock as S, mergeProps as T } from "vue";
-import { useStore as z } from "@tanstack/vue-form";
-import { useOmegaErrors as A } from "./vue-components.es8.js";
-import D from "./vue-components.es51.js";
-
-const J = /* @__PURE__ */ w({
-  inheritAttrs: !1,
-  __name: "OmegaInternalInput",
-  props: {
-    field: {},
-    meta: {},
-    label: {},
-    options: {},
-    type: {},
-    validators: {}
-  },
-  setup(c) {
-    const e = c, v = x()?.appContext.components.VTextField, l = C(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), n = a(() => r.value.value), g = a(
-      () => (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        r.value.meta.errors.map((t) => t?.message).filter(Boolean)
-      )
-    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t);
-    f(
-      () => !!n.value,
-      () => {
-        y(n.value) && e.meta?.type !== "boolean" && N(() => {
-          o.setValue(
-            e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
-          );
-        });
-      }
-    ), d(() => {
-      !n.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null" && o.setValue(null);
-    });
-    const { addError: h, removeError: b, showErrors: E, showErrorsOn: V } = A(), s = $(!1);
-    k(() => {
-      (E.value || V === "onChange") && (s.value = !0);
-    });
-    const u = () => {
-      s.value = !0;
-    };
-    d(() => {
-      n.value && u();
-    });
-    const p = a(() => !s.value && m.value !== "select" ? [] : g.value);
-    f(
-      () => r.value.meta.errors,
-      () => {
-        r.value.meta.errors.length ? h({
-          inputId: l,
-          errors: r.value.meta.errors.map((t) => t.message).filter(Boolean),
-          label: e.label
-        }) : b(l);
-      }
-    );
-    const i = a(() => ({
-      id: l,
-      required: e.meta?.required,
-      minLength: e.meta?.type === "string" && e.meta?.minLength,
-      maxLength: e.meta?.type === "string" && e.meta?.maxLength,
-      max: e.meta?.type === "number" && e.meta?.maximum,
-      min: e.meta?.type === "number" && e.meta?.minimum,
-      name: e.field.name,
-      modelValue: e.field.state.value,
-      errorMessages: p.value,
-      error: !!p.value.length,
-      field: e.field,
-      setRealDirty: u,
-      type: m.value,
-      label: `${e.label}${e.meta?.required ? " *" : ""}`,
-      options: e.options
-    }));
-    return (t, R) => B(t.$slots, "default", I(O(i.value)), () => [
-      _("div", {
-        class: q(t.$attrs.class),
-        onFocusout: u
-      }, [
-        F(v) ? (S(), L(D, T({
-          key: 0,
-          "input-props": i.value
-        }, t.$attrs, {
-          "vuetify-value": i.value.field.state.value
-        }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
-      ], 34)
-    ]);
+const f = (c) => typeof c == "function", a = function(c, r) {
+  switch (c) {
+    case 0:
+    case 1:
+      throw new RangeError(`Invalid arity ${c}`);
+    case 2:
+      return function(n, t) {
+        return arguments.length >= 2 ? r(n, t) : function(e) {
+          return r(e, n);
+        };
+      };
+    case 3:
+      return function(n, t, e) {
+        return arguments.length >= 3 ? r(n, t, e) : function(u) {
+          return r(u, n, t);
+        };
+      };
+    case 4:
+      return function(n, t, e, u) {
+        return arguments.length >= 4 ? r(n, t, e, u) : function(i) {
+          return r(i, n, t, e);
+        };
+      };
+    case 5:
+      return function(n, t, e, u, i) {
+        return arguments.length >= 5 ? r(n, t, e, u, i) : function(s) {
+          return r(s, n, t, e, u);
+        };
+      };
+    default:
+      return function() {
+        if (arguments.length >= c)
+          return r.apply(this, arguments);
+        const n = arguments;
+        return function(t) {
+          return r(t, ...n);
+        };
+      };
   }
-});
+};
 export {
-  J as default
+  a as dual,
+  f as isFunction
 };

package/dist/vue-components.es41.js

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

package/dist/vue-components.es45.js

@@ -1,6 +1,6 @@
-import { VERSION as t } from "./vue-components.es48.js";
-import { isCompatible as f } from "./vue-components.es49.js";
-import { _globalThis as m } from "./vue-components.es50.js";
+import { VERSION as t } from "./vue-components.es50.js";
+import { isCompatible as f } from "./vue-components.es51.js";
+import { _globalThis as m } from "./vue-components.es52.js";
 var u = t.split(".")[0], n = Symbol.for("opentelemetry.js.api." + u), l = m;
 function d(r, o, e, i) {
   var v;

package/dist/vue-components.es48.js

@@ -1,4 +1,117 @@
-var r = "1.9.0";
+import { defineComponent as P, resolveComponent as s, createElementBlock as g, openBlock as o, createBlock as n, createCommentVNode as l, resolveDynamicComponent as u, mergeProps as i } from "vue";
+const b = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  __name: "OmegaInputVuetify",
+  props: {
+    inputProps: {},
+    vuetifyValue: {}
+  },
+  emits: ["focus", "blur"],
+  setup(y) {
+    return (e, r) => {
+      const a = s("v-text-field"), t = s("v-textarea"), m = s("v-select"), d = s("v-autocomplete");
+      return o(), g("div", {
+        class: "omega-input",
+        onFocusout: r[4] || (r[4] = (p) => e.$emit("blur", p)),
+        onFocusin: r[5] || (r[5] = (p) => e.$emit("focus", p))
+      }, [
+        e.inputProps.type === "boolean" || e.inputProps.type === "switch" ? (o(), n(u(e.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), i({
+          key: 0,
+          id: e.inputProps.id,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          ripple: ""
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          onChange: r[0] || (r[0] = (p) => e.inputProps.field.handleChange(p.target.checked))
+        }), null, 16, ["id", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
+        e.inputProps.type === "email" || e.inputProps.type === "string" ? (o(), n(a, i({
+          key: 1,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          type: e.inputProps.type,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
+        e.inputProps.type === "text" ? (o(), n(t, i({
+          key: 2,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          type: e.inputProps.type,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
+        e.inputProps.type === "number" || e.inputProps.type === "range" ? (o(), n(u(e.inputProps.type === "range" ? "v-slider" : "v-text-field"), i({
+          key: 3,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          min: e.inputProps.min,
+          max: e.inputProps.max,
+          type: e.inputProps.type,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          "onUpdate:modelValue": r[1] || (r[1] = (p) => {
+            p || p === 0 ? e.inputProps.field.handleChange(Number(p)) : e.inputProps.field.handleChange(void 0);
+          })
+        }), null, 16, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
+        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (o(), n(m, i({
+          key: 4,
+          id: e.inputProps.id,
+          clearable: e.inputProps.type === "select",
+          required: e.inputProps.required,
+          multiple: e.inputProps.type === "multiple",
+          chips: e.inputProps.type === "multiple",
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          items: e.inputProps.options,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          onClear: r[2] || (r[2] = (p) => e.inputProps.field.handleChange(void 0)),
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
+        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (o(), n(d, i({
+          key: 5,
+          id: e.inputProps.id,
+          clearable: e.inputProps.type === "autocomplete",
+          multiple: e.inputProps.type === "autocompletemultiple",
+          required: e.inputProps.required,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          items: e.inputProps.options,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          chips: e.inputProps.type === "autocompletemultiple"
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          onClear: r[3] || (r[3] = (p) => e.inputProps.field.handleChange(void 0)),
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : l("", !0)
+      ], 32);
+    };
+  }
+});
 export {
-  r as VERSION
+  b as default
 };

package/dist/vue-components.es50.js

@@ -1,4 +1,4 @@
-var o = typeof globalThis == "object" ? globalThis : typeof self == "object" ? self : typeof window == "object" ? window : typeof global == "object" ? global : {};
+var r = "1.9.0";
 export {
-  o as _globalThis
+  r as VERSION
 };

package/dist/vue-components.es51.js

@@ -1,117 +1,46 @@
-import { defineComponent as P, resolveComponent as s, createElementBlock as g, openBlock as o, createBlock as n, createCommentVNode as l, resolveDynamicComponent as u, mergeProps as i } from "vue";
-const b = /* @__PURE__ */ P({
-  inheritAttrs: !1,
-  __name: "OmegaInputVuetify",
-  props: {
-    inputProps: {},
-    vuetifyValue: {}
-  },
-  emits: ["focus", "blur"],
-  setup(y) {
-    return (e, r) => {
-      const a = s("v-text-field"), t = s("v-textarea"), m = s("v-select"), d = s("v-autocomplete");
-      return o(), g("div", {
-        class: "omega-input",
-        onFocusout: r[4] || (r[4] = (p) => e.$emit("blur", p)),
-        onFocusin: r[5] || (r[5] = (p) => e.$emit("focus", p))
-      }, [
-        e.inputProps.type === "boolean" || e.inputProps.type === "switch" ? (o(), n(u(e.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), i({
-          key: 0,
-          id: e.inputProps.id,
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error,
-          ripple: ""
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          onChange: r[0] || (r[0] = (p) => e.inputProps.field.handleChange(p.target.checked))
-        }), null, 16, ["id", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
-        e.inputProps.type === "email" || e.inputProps.type === "string" ? (o(), n(a, i({
-          key: 1,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          "min-length": e.inputProps.minLength,
-          "max-length": e.inputProps.maxLength,
-          type: e.inputProps.type,
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          "onUpdate:modelValue": e.inputProps.field.handleChange
-        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
-        e.inputProps.type === "text" ? (o(), n(t, i({
-          key: 2,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          "min-length": e.inputProps.minLength,
-          "max-length": e.inputProps.maxLength,
-          type: e.inputProps.type,
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          "onUpdate:modelValue": e.inputProps.field.handleChange
-        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
-        e.inputProps.type === "number" || e.inputProps.type === "range" ? (o(), n(u(e.inputProps.type === "range" ? "v-slider" : "v-text-field"), i({
-          key: 3,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          min: e.inputProps.min,
-          max: e.inputProps.max,
-          type: e.inputProps.type,
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          "onUpdate:modelValue": r[1] || (r[1] = (p) => {
-            p || p === 0 ? e.inputProps.field.handleChange(Number(p)) : e.inputProps.field.handleChange(void 0);
-          })
-        }), null, 16, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
-        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (o(), n(m, i({
-          key: 4,
-          id: e.inputProps.id,
-          clearable: e.inputProps.type === "select",
-          required: e.inputProps.required,
-          multiple: e.inputProps.type === "multiple",
-          chips: e.inputProps.type === "multiple",
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          items: e.inputProps.options,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          onClear: r[2] || (r[2] = (p) => e.inputProps.field.handleChange(void 0)),
-          "onUpdate:modelValue": e.inputProps.field.handleChange
-        }), null, 16, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
-        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (o(), n(d, i({
-          key: 5,
-          id: e.inputProps.id,
-          clearable: e.inputProps.type === "autocomplete",
-          multiple: e.inputProps.type === "autocompletemultiple",
-          required: e.inputProps.required,
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          items: e.inputProps.options,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error,
-          chips: e.inputProps.type === "autocompletemultiple"
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          onClear: r[3] || (r[3] = (p) => e.inputProps.field.handleChange(void 0)),
-          "onUpdate:modelValue": e.inputProps.field.handleChange
-        }), null, 16, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : l("", !0)
-      ], 32);
+import { VERSION as d } from "./vue-components.es50.js";
+var h = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
+function s(c) {
+  var m = /* @__PURE__ */ new Set([c]), f = /* @__PURE__ */ new Set(), t = c.match(h);
+  if (!t)
+    return function() {
+      return !1;
     };
+  var e = {
+    major: +t[1],
+    minor: +t[2],
+    patch: +t[3],
+    prerelease: t[4]
+  };
+  if (e.prerelease != null)
+    return function(r) {
+      return r === c;
+    };
+  function a(n) {
+    return f.add(n), !1;
+  }
+  function p(n) {
+    return m.add(n), !0;
   }
-});
+  return function(r) {
+    if (m.has(r))
+      return !0;
+    if (f.has(r))
+      return !1;
+    var i = r.match(h);
+    if (!i)
+      return a(r);
+    var u = {
+      major: +i[1],
+      minor: +i[2],
+      patch: +i[3],
+      prerelease: i[4]
+    };
+    return u.prerelease != null || e.major !== u.major ? a(r) : e.major === 0 ? e.minor === u.minor && e.patch <= u.patch ? p(r) : a(r) : e.minor <= u.minor ? p(r) : a(r);
+  };
+}
+var v = s(d);
 export {
-  b as default
+  s as _makeCompatibilityCheck,
+  v as isCompatible
 };

package/dist/vue-components.es52.js

@@ -0,0 +1,4 @@
+var o = typeof globalThis == "object" ? globalThis : typeof self == "object" ? self : typeof window == "object" ? window : typeof global == "object" ? global : {};
+export {
+  o as _globalThis
+};

package/dist/vue-components.es53.js

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import o from "./vue-components.es51.js";
+import o from "./vue-components.es48.js";
 
 export {
   o as default

package/dist/vue-components.es7.js

@@ -1,6 +1,6 @@
 import { defineComponent as y, inject as h, computed as l, createBlock as s, openBlock as i, resolveDynamicComponent as M, withCtx as p, createCommentVNode as $, mergeProps as b, renderSlot as C, normalizeProps as k, guardReactiveProps as F } from "vue";
 import { generateInputStandardSchemaFromFieldMeta as A } from "./vue-components.es10.js";
-import w from "./vue-components.es28.js";
+import w from "./vue-components.es26.js";
 import { useIntl as I } from "./vue-components.es3.js";
 const z = /* @__PURE__ */ y({
   inheritAttrs: !1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.22.17",
+  "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) => {
@@ -134,7 +133,7 @@ const onSubmit_ = typeof props.isLoading !== "undefined"
   ? computed(() => props.onSubmit)
   : undefined
 
-const onSubmit = onSubmit_?.value ? (...args: [any]) => onSubmit_!.value!(...args) : undefined
+const onSubmitHandler = onSubmit_?.value ? ({formApi, meta, value }: OnSubmitArg) => onSubmit_!.value!(value, meta, formApi) : undefined
 
 const localForm = props.form || !props.schema
   ? undefined
@@ -142,7 +141,7 @@ const localForm = props.form || !props.schema
     props.schema,
     {
       ...props,
-      onSubmit
+      onSubmit: onSubmitHandler
     },
     props.omegaConfig
   )
@@ -196,7 +195,7 @@ onBeforeMount(() => {
     ...formToUse.value.options,
     ...filteredProps
   }
-  if (onSubmit) mergedOptions.onSubmit = onSubmit
+  if (onSubmitHandler) mergedOptions.onSubmit = onSubmitHandler
 
   formToUse.value.options = Object.fromEntries(
     // TODO

package/dist/vue-components.es49.js

@@ -1,46 +0,0 @@
-import { VERSION as d } from "./vue-components.es48.js";
-var h = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
-function s(c) {
-  var m = /* @__PURE__ */ new Set([c]), f = /* @__PURE__ */ new Set(), t = c.match(h);
-  if (!t)
-    return function() {
-      return !1;
-    };
-  var e = {
-    major: +t[1],
-    minor: +t[2],
-    patch: +t[3],
-    prerelease: t[4]
-  };
-  if (e.prerelease != null)
-    return function(r) {
-      return r === c;
-    };
-  function a(n) {
-    return f.add(n), !1;
-  }
-  function p(n) {
-    return m.add(n), !0;
-  }
-  return function(r) {
-    if (m.has(r))
-      return !0;
-    if (f.has(r))
-      return !1;
-    var i = r.match(h);
-    if (!i)
-      return a(r);
-    var u = {
-      major: +i[1],
-      minor: +i[2],
-      patch: +i[3],
-      prerelease: i[4]
-    };
-    return u.prerelease != null || e.major !== u.major ? a(r) : e.major === 0 ? e.minor === u.minor && e.patch <= u.patch ? p(r) : a(r) : e.minor <= u.minor ? p(r) : a(r);
-  };
-}
-var v = s(d);
-export {
-  s as _makeCompatibilityCheck,
-  v as isCompatible
-};