@effect-app/vue-components 4.0.0-beta.39 → 4.0.0-beta.40

package/dist/vue-components.es10.js

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

package/dist/vue-components.es17.js

@@ -1,6 +1,6 @@
 import { Exit as c, Cause as u } from "effect";
-import { dual as i } from "./vue-components.es30.js";
-import { isFunction as m } from "./vue-components.es31.js";
+import { dual as i } from "./vue-components.es32.js";
+import { isFunction as m } from "./vue-components.es33.js";
 const n = /* @__PURE__ */ Symbol.for("clone-trait"), a = i(2, (o, t) => n in o ? o[n](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(o)));
 i(2, (o, t) => a(o, { ...o, ...m(t) ? t(o) : t }));
 const O = (o, t) => new Promise((r, s) => o.addObserver((e) => {

package/dist/vue-components.es20.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");if(a.appendChild(document.createTextNode('.v-enter-from[data-v-6b2bf87e],.v-leave-to[data-v-6b2bf87e]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-6b2bf87e],.v-leave-active[data-v-6b2bf87e]{display:grid;transition:all .15s}.v-enter-to[data-v-6b2bf87e],.v-leave-from[data-v-6b2bf87e]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-6b2bf87e]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-6b2bf87e]{min-height:0}.error-list[data-v-6b2bf87e]{list-style-position:inside}.error-list [data-v-6b2bf87e]::marker{margin:0;padding:0}.error-alert-content[data-v-6b2bf87e]{background-color:var(--error-background, #fff5f5);color:var(--error-color, #c92a2a);padding:1em}.error-link[data-v-6b2bf87e]{font-weight:700;position:relative;color:var(--error-color, #c92a2a);cursor:pointer}.error-link[data-v-6b2bf87e]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(from var(--error-color, #c92a2a) r g b / .5)}.text-h6[data-v-6b2bf87e]{font-weight:700;font-size:1.25em}.error-message[data-v-6b2bf87e]{font-style:italic}.error-item[data-v-6b2bf87e]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-6b2bf87e]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-6b2bf87e]{display:flex;gap:1.5em}.container svg[data-v-6b2bf87e]{width:3em}.container .single-error[data-v-6b2bf87e]{display:inline-block}')),document.head.appendChild(a),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const r=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){const o=document.createElement("style");o.appendChild(document.createTextNode('.v-enter-from[data-v-6b2bf87e],.v-leave-to[data-v-6b2bf87e]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-6b2bf87e],.v-leave-active[data-v-6b2bf87e]{display:grid;transition:all .15s}.v-enter-to[data-v-6b2bf87e],.v-leave-from[data-v-6b2bf87e]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-6b2bf87e]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-6b2bf87e]{min-height:0}.error-list[data-v-6b2bf87e]{list-style-position:inside}.error-list [data-v-6b2bf87e]::marker{margin:0;padding:0}.error-alert-content[data-v-6b2bf87e]{background-color:var(--error-background, #fff5f5);color:var(--error-color, #c92a2a);padding:1em}.error-link[data-v-6b2bf87e]{font-weight:700;position:relative;color:var(--error-color, #c92a2a);cursor:pointer}.error-link[data-v-6b2bf87e]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(from var(--error-color, #c92a2a) r g b / .5)}.text-h6[data-v-6b2bf87e]{font-weight:700;font-size:1.25em}.error-message[data-v-6b2bf87e]{font-style:italic}.error-item[data-v-6b2bf87e]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-6b2bf87e]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-6b2bf87e]{display:flex;gap:1.5em}.container svg[data-v-6b2bf87e]{width:3em}.container .single-error[data-v-6b2bf87e]{display:inline-block}')),this.shadowRoot.appendChild(o)}},e.call(window.customElements,i,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import r from "./vue-components.es34.js";
+import r from "./vue-components.es36.js";
 
-import o from "./vue-components.es36.js";
+import o from "./vue-components.es38.js";
 const m = /* @__PURE__ */ o(r, [["__scopeId", "data-v-6b2bf87e"]]);
 export {
   m as default

package/dist/vue-components.es21.js

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

package/dist/vue-components.es30.js

@@ -1,31 +1,194 @@
-const s = function(e, r) {
-  switch (e) {
-    case 0:
-    case 1:
-      throw new RangeError(`Invalid arity ${e}`);
-    case 2:
-      return function(n, t) {
-        return arguments.length >= 2 ? r(n, t) : function(u) {
-          return r(u, n);
-        };
-      };
-    case 3:
-      return function(n, t, u) {
-        return arguments.length >= 3 ? r(n, t, u) : function(c) {
-          return r(c, n, t);
-        };
-      };
-    default:
-      return function() {
-        if (arguments.length >= e)
-          return r.apply(this, arguments);
-        const n = arguments;
-        return function(t) {
-          return r(t, ...n);
-        };
-      };
+import { defineComponent as k, resolveComponent as b, createElementBlock as v, openBlock as a, createBlock as n, createCommentVNode as u, resolveDynamicComponent as g, mergeProps as o, createSlots as d, withCtx as r, renderSlot as m, normalizeProps as s, guardReactiveProps as P, unref as C, Fragment as V, renderList as U } from "vue";
+import { getInputType as c } from "./vue-components.es12.js";
+const w = /* @__PURE__ */ k({
+  inheritAttrs: !1,
+  __name: "OmegaInputVuetify",
+  props: {
+    inputProps: {},
+    field: {},
+    state: {}
+  },
+  emits: ["focus", "blur"],
+  setup(e) {
+    return (l, i) => {
+      const y = b("v-text-field"), p = b("v-textarea"), f = b("v-radio"), h = b("v-radio-group"), q = b("v-select"), $ = b("v-autocomplete");
+      return a(), v("div", {
+        class: "omega-input",
+        onFocusout: i[4] || (i[4] = (t) => l.$emit("blur", t)),
+        onFocusin: i[5] || (i[5] = (t) => l.$emit("focus", t))
+      }, [
+        e.inputProps.type === "boolean" || e.inputProps.type === "switch" ? (a(), n(g(e.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), o({
+          key: 0,
+          id: e.inputProps.id,
+          name: e.field.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          ripple: ""
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          onChange: i[0] || (i[0] = (t) => e.field.handleChange(t.target.checked))
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "name", "label", "error-messages", "error", "model-value"])) : u("", !0),
+        e.inputProps.type === "email" || e.inputProps.type === "string" || e.inputProps.type === "password" || e.inputProps.type === "date" ? (a(), n(y, o({
+          key: 1,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          type: C(c)(e.inputProps.type),
+          name: e.field.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          "onUpdate:modelValue": e.field.handleChange
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
+        e.inputProps.type === "text" ? (a(), n(p, o({
+          key: 2,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          name: e.field.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          "onUpdate:modelValue": e.field.handleChange
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "required", "min-length", "max-length", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
+        e.inputProps.type === "number" || e.inputProps.type === "range" ? (a(), n(g(e.inputProps.type === "range" ? "v-slider" : "v-text-field"), o({
+          key: 3,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          min: e.inputProps.min,
+          max: e.inputProps.max,
+          type: e.inputProps.type,
+          name: e.field.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          "onUpdate:modelValue": i[1] || (i[1] = (t) => {
+            t || t === 0 ? e.field.handleChange(Number(t)) : e.field.handleChange(void 0);
+          })
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : u("", !0),
+        e.inputProps.type === "radio" ? (a(), n(h, o({
+          key: 4,
+          id: e.inputProps.id,
+          name: e.field.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          "onUpdate:modelValue": e.field.handleChange
+        }), d({
+          default: r(() => [
+            (a(!0), v(V, null, U(e.inputProps.options, (t) => (a(), n(f, {
+              key: t.value,
+              label: t.title,
+              value: t.value
+            }, null, 8, ["label", "value"]))), 128))
+          ]),
+          _: 2
+        }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
+        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (a(), n(q, o({
+          key: 5,
+          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.field.name,
+          label: e.inputProps.label,
+          items: e.inputProps.options,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          onClear: i[2] || (i[2] = (t) => e.field.handleChange(void 0)),
+          "onUpdate:modelValue": e.field.handleChange
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
+        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (a(), n($, o({
+          key: 6,
+          id: e.inputProps.id,
+          clearable: e.inputProps.type === "autocomplete",
+          multiple: e.inputProps.type === "autocompletemultiple",
+          required: e.inputProps.required,
+          name: e.field.name,
+          label: e.inputProps.label,
+          items: e.inputProps.options,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          chips: e.inputProps.type === "autocompletemultiple"
+        }, l.$attrs, {
+          "model-value": e.state.value,
+          onClear: i[3] || (i[3] = (t) => e.field.handleChange(void 0)),
+          "onUpdate:modelValue": e.field.handleChange
+        }), d({ _: 2 }, [
+          l.$slots.label ? {
+            name: "label",
+            fn: r(() => [
+              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : u("", !0)
+      ], 32);
+    };
   }
-};
+});
 export {
-  s as dual
+  w as default
 };

package/dist/vue-components.es32.js

@@ -1,4 +1,31 @@
-import f from "./vue-components.es18.js";
+const s = function(e, r) {
+  switch (e) {
+    case 0:
+    case 1:
+      throw new RangeError(`Invalid arity ${e}`);
+    case 2:
+      return function(n, t) {
+        return arguments.length >= 2 ? r(n, t) : function(u) {
+          return r(u, n);
+        };
+      };
+    case 3:
+      return function(n, t, u) {
+        return arguments.length >= 3 ? r(n, t, u) : function(c) {
+          return r(c, n, t);
+        };
+      };
+    default:
+      return function() {
+        if (arguments.length >= e)
+          return r.apply(this, arguments);
+        const n = arguments;
+        return function(t) {
+          return r(t, ...n);
+        };
+      };
+  }
+};
 export {
-  f as default
+  s as dual
 };

package/dist/vue-components.es33.js

@@ -1,4 +1,6 @@
-import f from "./vue-components.es19.js";
+function t(n) {
+  return typeof n == "function";
+}
 export {
-  f as default
+  t as isFunction
 };

package/dist/vue-components.es34.js

@@ -1,113 +1,4 @@
-import { defineComponent as _, getCurrentInstance as B, computed as V, createBlock as i, openBlock as e, Transition as x, withCtx as u, createElementBlock as o, createCommentVNode as p, renderSlot as g, normalizeProps as b, guardReactiveProps as I, resolveDynamicComponent as h, unref as d, normalizeClass as v, createElementVNode as n, toDisplayString as a, Fragment as w, renderList as y, createTextVNode as C } from "vue";
-import { useIntl as L } from "./vue-components.es3.js";
-const M = {
-  key: 0,
-  class: "error-alert"
-}, j = { class: "container" }, D = {
-  key: 0,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, N = { class: "text-h6" }, z = {
-  key: 0,
-  class: "error-list"
-}, G = ["for"], H = { key: 1 }, T = /* @__PURE__ */ _({
-  __name: "OmegaErrorsInternal",
-  props: {
-    generalErrors: {},
-    errors: {},
-    hideErrorDetails: { type: Boolean }
-  },
-  setup(l) {
-    const c = B()?.appContext.components.VAlert, k = l, { trans: E } = L(), m = V(() => k.generalErrors ? k.generalErrors.filter((s) => !!s).flatMap(
-      (s) => Object.values(s).filter((t) => !!t).flatMap(
-        (t) => t.filter(
-          (r) => !!r?.message
-        ).map((r) => r.message)
-      )
-    ) : []);
-    return (s, t) => (e(), i(x, null, {
-      default: u(() => [
-        l.errors.length || m.value.length ? (e(), o("div", M, [
-          g(s.$slots, "default", b(I({ errors: l.errors, showedGeneralErrors: m.value })), () => [
-            (e(), i(h(d(c) ? "v-alert" : "div"), {
-              class: v([d(c) ? "mb-4" : "error-alert-content", "mb-4"]),
-              type: "error",
-              variant: "tonal",
-              role: "alert",
-              "aria-live": "polite"
-            }, {
-              default: u(() => [
-                n("div", j, [
-                  g(s.$slots, "icon", {}, () => [
-                    d(c) ? p("", !0) : (e(), o("svg", D, [...t[0] || (t[0] = [
-                      n("path", {
-                        d: "M16 2H8L2 8V16L8 22H16L22 16V8L16 2Z",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        "stroke-linecap": "round",
-                        "stroke-linejoin": "round"
-                      }, null, -1),
-                      n("path", {
-                        d: "M12 8V12",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        "stroke-linecap": "round",
-                        "stroke-linejoin": "round"
-                      }, null, -1),
-                      n("path", {
-                        d: "M12 16.0195V16",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        "stroke-linecap": "round",
-                        "stroke-linejoin": "round"
-                      }, null, -1)
-                    ])]))
-                  ], !0),
-                  n("div", null, [
-                    n("div", N, a(d(E)("form.includes_error")) + ": ", 1),
-                    l.errors.length ? (e(), o("ul", z, [
-                      (e(!0), o(w, null, y(l.errors, (r) => (e(), o("li", {
-                        key: r.inputId,
-                        class: "error-item"
-                      }, [
-                        n("div", null, [
-                          n("label", {
-                            for: r.inputId,
-                            class: "error-link"
-                          }, a(r.label), 9, G),
-                          t[1] || (t[1] = C(" " + a(" ") + " ", -1)),
-                          l.hideErrorDetails ? p("", !0) : (e(), o("div", {
-                            key: 0,
-                            class: v(["error-message", r.errors.length < 2 && "single-error"])
-                          }, [
-                            (e(), i(h(r.errors.length > 1 ? "ul" : "div"), { class: "error-list" }, {
-                              default: u(() => [
-                                (e(!0), o(w, null, y(r.errors, (f) => (e(), i(h(r.errors.length > 1 ? "li" : "span"), { key: f }, {
-                                  default: u(() => [
-                                    C(a(f), 1)
-                                  ]),
-                                  _: 2
-                                }, 1024))), 128))
-                              ]),
-                              _: 2
-                            }, 1024))
-                          ], 2))
-                        ])
-                      ]))), 128))
-                    ])) : (e(), o("span", H, a(m.value[0]), 1))
-                  ])
-                ])
-              ]),
-              _: 3
-            }, 8, ["class"]))
-          ], !0)
-        ])) : p("", !0)
-      ]),
-      _: 3
-    }));
-  }
-});
+import f from "./vue-components.es18.js";
 export {
-  T as default
+  f as default
 };

package/dist/vue-components.es35.js

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

package/dist/vue-components.es36.js

@@ -1,9 +1,113 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
+import { defineComponent as _, getCurrentInstance as B, computed as V, createBlock as i, openBlock as e, Transition as x, withCtx as u, createElementBlock as o, createCommentVNode as p, renderSlot as g, normalizeProps as b, guardReactiveProps as I, resolveDynamicComponent as h, unref as d, normalizeClass as v, createElementVNode as n, toDisplayString as a, Fragment as w, renderList as y, createTextVNode as C } from "vue";
+import { useIntl as L } from "./vue-components.es3.js";
+const M = {
+  key: 0,
+  class: "error-alert"
+}, j = { class: "container" }, D = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, N = { class: "text-h6" }, z = {
+  key: 0,
+  class: "error-list"
+}, G = ["for"], H = { key: 1 }, T = /* @__PURE__ */ _({
+  __name: "OmegaErrorsInternal",
+  props: {
+    generalErrors: {},
+    errors: {},
+    hideErrorDetails: { type: Boolean }
+  },
+  setup(l) {
+    const c = B()?.appContext.components.VAlert, k = l, { trans: E } = L(), m = V(() => k.generalErrors ? k.generalErrors.filter((s) => !!s).flatMap(
+      (s) => Object.values(s).filter((t) => !!t).flatMap(
+        (t) => t.filter(
+          (r) => !!r?.message
+        ).map((r) => r.message)
+      )
+    ) : []);
+    return (s, t) => (e(), i(x, null, {
+      default: u(() => [
+        l.errors.length || m.value.length ? (e(), o("div", M, [
+          g(s.$slots, "default", b(I({ errors: l.errors, showedGeneralErrors: m.value })), () => [
+            (e(), i(h(d(c) ? "v-alert" : "div"), {
+              class: v([d(c) ? "mb-4" : "error-alert-content", "mb-4"]),
+              type: "error",
+              variant: "tonal",
+              role: "alert",
+              "aria-live": "polite"
+            }, {
+              default: u(() => [
+                n("div", j, [
+                  g(s.$slots, "icon", {}, () => [
+                    d(c) ? p("", !0) : (e(), o("svg", D, [...t[0] || (t[0] = [
+                      n("path", {
+                        d: "M16 2H8L2 8V16L8 22H16L22 16V8L16 2Z",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, null, -1),
+                      n("path", {
+                        d: "M12 8V12",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, null, -1),
+                      n("path", {
+                        d: "M12 16.0195V16",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, null, -1)
+                    ])]))
+                  ], !0),
+                  n("div", null, [
+                    n("div", N, a(d(E)("form.includes_error")) + ": ", 1),
+                    l.errors.length ? (e(), o("ul", z, [
+                      (e(!0), o(w, null, y(l.errors, (r) => (e(), o("li", {
+                        key: r.inputId,
+                        class: "error-item"
+                      }, [
+                        n("div", null, [
+                          n("label", {
+                            for: r.inputId,
+                            class: "error-link"
+                          }, a(r.label), 9, G),
+                          t[1] || (t[1] = C(" " + a(" ") + " ", -1)),
+                          l.hideErrorDetails ? p("", !0) : (e(), o("div", {
+                            key: 0,
+                            class: v(["error-message", r.errors.length < 2 && "single-error"])
+                          }, [
+                            (e(), i(h(r.errors.length > 1 ? "ul" : "div"), { class: "error-list" }, {
+                              default: u(() => [
+                                (e(!0), o(w, null, y(r.errors, (f) => (e(), i(h(r.errors.length > 1 ? "li" : "span"), { key: f }, {
+                                  default: u(() => [
+                                    C(a(f), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024))), 128))
+                              ]),
+                              _: 2
+                            }, 1024))
+                          ], 2))
+                        ])
+                      ]))), 128))
+                    ])) : (e(), o("span", H, a(m.value[0]), 1))
+                  ])
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"]))
+          ], !0)
+        ])) : p("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
 export {
-  s as default
+  T as default
 };

package/dist/vue-components.es38.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/vue-components.es39.js

@@ -1,194 +1,34 @@
-import { defineComponent as k, resolveComponent as b, createElementBlock as v, openBlock as a, createBlock as n, createCommentVNode as u, resolveDynamicComponent as g, mergeProps as o, createSlots as d, withCtx as r, renderSlot as m, normalizeProps as s, guardReactiveProps as P, unref as C, Fragment as V, renderList as U } from "vue";
-import { getInputType as c } from "./vue-components.es12.js";
-const w = /* @__PURE__ */ k({
-  inheritAttrs: !1,
-  __name: "OmegaInputVuetify",
+import { defineComponent as m, createElementBlock as d, openBlock as u, withModifiers as f, createElementVNode as l, unref as s, renderSlot as a } from "vue";
+import { useStore as b } from "@tanstack/vue-form";
+import { usePreventClose as p } from "./vue-components.es11.js";
+import { getOmegaStore as c } from "./vue-components.es54.js";
+const S = ["disabled"], V = /* @__PURE__ */ m({
+  __name: "OmegaWrapper",
   props: {
-    inputProps: {},
-    field: {},
-    state: {}
+    form: {},
+    disabled: { type: Boolean },
+    subscribe: {}
   },
-  emits: ["focus", "blur"],
-  setup(e) {
-    return (l, i) => {
-      const y = b("v-text-field"), p = b("v-textarea"), f = b("v-radio"), h = b("v-radio-group"), q = b("v-select"), $ = b("v-autocomplete");
-      return a(), v("div", {
-        class: "omega-input",
-        onFocusout: i[4] || (i[4] = (t) => l.$emit("blur", t)),
-        onFocusin: i[5] || (i[5] = (t) => l.$emit("focus", t))
+  setup(o) {
+    const e = o, i = b(
+      e.form.store,
+      (t) => t.isSubmitting
+    ), n = c(
+      e.form,
+      e.subscribe
+    );
+    return e.form.ignorePreventCloseEvents || p(() => e.form.useStore((t) => t.isDirty)), (t, r) => (u(), d("form", {
+      novalidate: "",
+      onSubmit: r[0] || (r[0] = f((v) => o.form.handleSubmit(), ["prevent", "stop"]))
+    }, [
+      l("fieldset", {
+        disabled: s(i) || o.disabled
       }, [
-        e.inputProps.type === "boolean" || e.inputProps.type === "switch" ? (a(), n(g(e.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), o({
-          key: 0,
-          id: e.inputProps.id,
-          name: e.field.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error,
-          ripple: ""
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          onChange: i[0] || (i[0] = (t) => e.field.handleChange(t.target.checked))
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "name", "label", "error-messages", "error", "model-value"])) : u("", !0),
-        e.inputProps.type === "email" || e.inputProps.type === "string" || e.inputProps.type === "password" || e.inputProps.type === "date" ? (a(), n(y, o({
-          key: 1,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          "min-length": e.inputProps.minLength,
-          "max-length": e.inputProps.maxLength,
-          type: C(c)(e.inputProps.type),
-          name: e.field.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          "onUpdate:modelValue": e.field.handleChange
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
-        e.inputProps.type === "text" ? (a(), n(p, o({
-          key: 2,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          "min-length": e.inputProps.minLength,
-          "max-length": e.inputProps.maxLength,
-          name: e.field.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          "onUpdate:modelValue": e.field.handleChange
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "required", "min-length", "max-length", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
-        e.inputProps.type === "number" || e.inputProps.type === "range" ? (a(), n(g(e.inputProps.type === "range" ? "v-slider" : "v-text-field"), o({
-          key: 3,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          min: e.inputProps.min,
-          max: e.inputProps.max,
-          type: e.inputProps.type,
-          name: e.field.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          "onUpdate:modelValue": i[1] || (i[1] = (t) => {
-            t || t === 0 ? e.field.handleChange(Number(t)) : e.field.handleChange(void 0);
-          })
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : u("", !0),
-        e.inputProps.type === "radio" ? (a(), n(h, o({
-          key: 4,
-          id: e.inputProps.id,
-          name: e.field.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          "onUpdate:modelValue": e.field.handleChange
-        }), d({
-          default: r(() => [
-            (a(!0), v(V, null, U(e.inputProps.options, (t) => (a(), n(f, {
-              key: t.value,
-              label: t.title,
-              value: t.value
-            }, null, 8, ["label", "value"]))), 128))
-          ]),
-          _: 2
-        }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
-        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (a(), n(q, o({
-          key: 5,
-          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.field.name,
-          label: e.inputProps.label,
-          items: e.inputProps.options,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          onClear: i[2] || (i[2] = (t) => e.field.handleChange(void 0)),
-          "onUpdate:modelValue": e.field.handleChange
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
-        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (a(), n($, o({
-          key: 6,
-          id: e.inputProps.id,
-          clearable: e.inputProps.type === "autocomplete",
-          multiple: e.inputProps.type === "autocompletemultiple",
-          required: e.inputProps.required,
-          name: e.field.name,
-          label: e.inputProps.label,
-          items: e.inputProps.options,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error,
-          chips: e.inputProps.type === "autocompletemultiple"
-        }, l.$attrs, {
-          "model-value": e.state.value,
-          onClear: i[3] || (i[3] = (t) => e.field.handleChange(void 0)),
-          "onUpdate:modelValue": e.field.handleChange
-        }), d({ _: 2 }, [
-          l.$slots.label ? {
-            name: "label",
-            fn: r(() => [
-              m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : u("", !0)
-      ], 32);
-    };
+        a(t.$slots, "default", { subscribedValues: s(n) }, void 0, !0)
+      ], 8, S)
+    ], 32));
   }
 });
 export {
-  w as default
+  V as default
 };

package/dist/vue-components.es41.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.es39.js";
+import o from "./vue-components.es30.js";
 
 export {
   o as default

package/dist/vue-components.es7.js

@@ -1,7 +1,7 @@
 (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 k, computed as a, getCurrentInstance as q, useAttrs as B, useSlots as S, useId as w, renderSlot as p, normalizeProps as s, guardReactiveProps as f, createElementVNode as F, normalizeClass as I, createBlock as L, createCommentVNode as A, unref as O, openBlock as R, mergeProps as V, createSlots as z, withCtx as T } from "vue";
 import { useStore as c } from "@tanstack/vue-form";
-import U from "./vue-components.es39.js";
+import U from "./vue-components.es30.js";
 
 const J = /* @__PURE__ */ k({
   inheritAttrs: !1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.39",
+  "version": "4.0.0-beta.40",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^4.0.0-beta.40",
@@ -57,8 +57,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.39",
-    "effect-app": "4.0.0-beta.39"
+    "@effect-app/vue": "4.0.0-beta.40",
+    "effect-app": "4.0.0-beta.40"
   },
   "scripts": {
     "check": "vue-tsc",

package/src/components/OmegaForm/useOmegaForm.ts

@@ -3,7 +3,7 @@
 
 import * as api from "@opentelemetry/api"
 import { type DeepKeys, DeepValue, type FormAsyncValidateOrFn, type FormValidateOrFn, type StandardSchemaV1, StandardSchemaV1Issue, useForm, ValidationError, ValidationErrorMap } from "@tanstack/vue-form"
-import { Array, Data, Effect, Fiber, Option, Order, S } from "effect-app"
+import { Array, Data, Effect, Fiber, Option, Order, S, ServiceMap } from "effect-app"
 import { runtimeFiberAsPromise, UnionToTuples } from "effect-app/utils"
 import { Component, computed, ComputedRef, ConcreteComponent, h, type InjectionKey, onBeforeUnmount, onMounted, onUnmounted, Ref, ref, watch } from "vue"
 import { useIntl } from "../../utils"
@@ -16,6 +16,8 @@ import OmegaInput from "./OmegaInput.vue"
 import OmegaTaggedUnion from "./OmegaTaggedUnion.vue"
 import OmegaForm from "./OmegaWrapper.vue"
 
+import { makeRunPromise } from "@effect-app/vue/runtime"
+
 type keysRule<T> =
   | {
     keys?: NestedKeyOf<T>[]
@@ -668,6 +670,8 @@ export interface OmegaFormReturn<
   }
 }
 
+const runPromise = makeRunPromise(ServiceMap.empty())
+
 export const useOmegaForm = <
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   From extends Record<PropertyKey, any>,
@@ -791,7 +795,7 @@ export const useOmegaForm = <
       ? ({ formApi, meta, value }) =>
         wrapWithSpan(meta?.currentSpan, async () => {
           // validators only validate, they don't actually transform, so we have to do that manually here.
-          const parsedValue = await Effect.runPromise(decode(value))
+          const parsedValue = await runPromise(decode(value))
           const r = tanstackFormOptions.onSubmit!({
             formApi: formApi as OmegaFormApi<From, To>,
             meta,
@@ -801,7 +805,7 @@ export const useOmegaForm = <
             return await runtimeFiberAsPromise(r)
           }
           if (Effect.isEffect(r)) {
-            const effectResult = await Effect.runPromise(r)
+            const effectResult = await runPromise(r)
             return Fiber.isFiber(effectResult)
               ? await runtimeFiberAsPromise(effectResult)
               : effectResult

package/dist/vue-components.es31.js

@@ -1,6 +0,0 @@
-function t(n) {
-  return typeof n == "function";
-}
-export {
-  t as isFunction
-};

package/dist/vue-components.es37.js

@@ -1,34 +0,0 @@
-import { defineComponent as m, createElementBlock as d, openBlock as u, withModifiers as f, createElementVNode as l, unref as s, renderSlot as a } from "vue";
-import { useStore as b } from "@tanstack/vue-form";
-import { usePreventClose as p } from "./vue-components.es11.js";
-import { getOmegaStore as c } from "./vue-components.es54.js";
-const S = ["disabled"], V = /* @__PURE__ */ m({
-  __name: "OmegaWrapper",
-  props: {
-    form: {},
-    disabled: { type: Boolean },
-    subscribe: {}
-  },
-  setup(o) {
-    const e = o, i = b(
-      e.form.store,
-      (t) => t.isSubmitting
-    ), n = c(
-      e.form,
-      e.subscribe
-    );
-    return e.form.ignorePreventCloseEvents || p(() => e.form.useStore((t) => t.isDirty)), (t, r) => (u(), d("form", {
-      novalidate: "",
-      onSubmit: r[0] || (r[0] = f((v) => o.form.handleSubmit(), ["prevent", "stop"]))
-    }, [
-      l("fieldset", {
-        disabled: s(i) || o.disabled
-      }, [
-        a(t.$slots, "default", { subscribedValues: s(n) }, void 0, !0)
-      ], 8, S)
-    ], 32));
-  }
-});
-export {
-  V as default
-};