@effect-app/vue-components 0.18.0 → 0.18.2

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-c47eb4b1]{display:contents}fieldset[disabled][data-v-c47eb4b1]>*{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-c47eb4b1]{display:contents}fieldset[disabled][data-v-c47eb4b1]>*{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";
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-91ad6aaf]{display:contents}fieldset[disabled][data-v-91ad6aaf]>*{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 a=document.createElement("style");a.appendChild(document.createTextNode("fieldset[data-v-91ad6aaf]{display:contents}fieldset[disabled][data-v-91ad6aaf]>*{pointer-events:none}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import a from "./vue-components.es20.js";
 
-import r from "./vue-components.es17.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c47eb4b1"]]);
+import o from "./vue-components.es17.js";
+const m = /* @__PURE__ */ o(a, [["__scopeId", "data-v-91ad6aaf"]]);
 export {
-  e as default
+  m as default
 };

package/dist/vue-components.es20.js

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

package/dist/vue-components.es22.js

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

package/dist/vue-components.es23.js

@@ -1,44 +1,7 @@
-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);
-        };
-      };
-  }
-};
+import { isFunction as c } from "./vue-components.es26.js";
+const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
 export {
-  a as dual,
-  f as isFunction
+  s as isFunction,
+  i as isObject,
+  t as isRecordOrArray
 };

package/dist/vue-components.es24.js

@@ -2,7 +2,7 @@
 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.es30.js";
+import D from "./vue-components.es28.js";
 
 const J = /* @__PURE__ */ w({
   inheritAttrs: !1,

package/dist/vue-components.es25.js

@@ -1,12 +1,13 @@
-import { Exit as i, Cause as c } from "effect";
-import { dual as s, isFunction as u } from "./vue-components.es23.js";
-const n = Symbol.for("clone-trait"), a = s(2, (e, o) => n in e ? e[n](o) : Object.setPrototypeOf(o, Object.getPrototypeOf(e)));
-s(2, (e, o) => a(e, { ...e, ...u(o) ? o(e) : o }));
-const b = (e) => new Promise((o, r) => e.addObserver((t) => {
-  i.isSuccess(t) ? o(t.value) : r(c.squash(t.cause));
-}));
+import { useStore as u } from "@tanstack/vue-form";
+import { computed as f } from "vue";
+function c(o, t) {
+  return f(() => t ? u(o.store, (n) => {
+    const r = {};
+    for (const e of t)
+      r[e] = n[e];
+    return r;
+  }).value : {});
+}
 export {
-  a as clone,
-  n as cloneTrait,
-  b as runtimeFiberAsPromise
+  c as getOmegaStore
 };

package/dist/vue-components.es26.js

@@ -1,6 +1,44 @@
-import { isFiber as i, isRuntimeFiber as e } from "./vue-components.es29.js";
-const r = i, t = e;
+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 {
-  r as isFiber,
-  t as isRuntimeFiber
+  a as dual,
+  f as isFunction
 };

package/dist/vue-components.es27.js

@@ -1,13 +1,4 @@
-import { useStore as u } from "@tanstack/vue-form";
-import { computed as f } from "vue";
-function c(o, t) {
-  return f(() => t ? u(o.store, (n) => {
-    const r = {};
-    for (const e of t)
-      r[e] = n[e];
-    return r;
-  }).value : {});
-}
+import f from "./vue-components.es24.js";
 export {
-  c as getOmegaStore
+  f as default
 };

package/dist/vue-components.es28.js

@@ -1,4 +1,117 @@
-import f from "./vue-components.es24.js";
+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 {
-  f as default
+  b as default
 };

package/dist/vue-components.es30.js

@@ -1,117 +1,6 @@
-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);
-    };
-  }
-});
+(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.es28.js";
+
 export {
-  b as default
+  o as default
 };

package/dist/vue-components.es9.js

@@ -1,19 +1,20 @@
-import { useForm as j } from "@tanstack/vue-form";
-import { S as E } from "effect-app";
-import { isObject as O } from "./vue-components.es22.js";
-import { computed as v, onUnmounted as P, onMounted as I, onBeforeUnmount as N, provide as R } from "vue";
-import A from "./vue-components.es6.js";
-import { generateMetaFromSchema as D } from "./vue-components.es10.js";
-const F = Symbol("OmegaForm"), $ = (d, i, o) => {
+import { useForm as F } from "@tanstack/vue-form";
+import { S as P, Fiber as v } from "effect-app";
+import { runtimeFiberAsPromise as E } from "./vue-components.es22.js";
+import { isObject as O } from "./vue-components.es23.js";
+import { computed as S, onUnmounted as I, onMounted as R, onBeforeUnmount as A, provide as N } from "vue";
+import D from "./vue-components.es6.js";
+import { generateMetaFromSchema as J } from "./vue-components.es10.js";
+const K = Symbol("OmegaForm"), k = (d, i, n) => {
   if (!d) throw new Error("Schema is required");
-  const S = E.standardSchemaV1(d), { filterItems: b, meta: a } = D(d), n = v(() => {
-    if (o?.persistency?.id)
-      return o.persistency.id;
+  const b = P.standardSchemaV1(d), { filterItems: g, meta: a } = J(d), o = S(() => {
+    if (n?.persistency?.id)
+      return n.persistency.id;
     const e = window.location.pathname, r = Object.keys(a);
     return `${e}-${r.join("-")}`;
-  }), g = () => {
+  }), V = () => {
     const e = new URLSearchParams(window.location.search);
-    e.delete(n.value);
+    e.delete(o.value);
     const r = new URL(window.location.href);
     r.search = e.toString(), window.history.replaceState({}, "", r.toString());
   };
@@ -22,16 +23,16 @@ const F = Symbol("OmegaForm"), $ = (d, i, o) => {
       r[s] && O(r[s]) ? (e[s] || (e[s] = {}), m(e[s], r[s])) : e[s] = r[s];
     return e;
   }
-  const V = v(() => {
-    if (i?.defaultValues && !o?.persistency?.overrideDefaultValues)
+  const L = S(() => {
+    if (i?.defaultValues && !n?.persistency?.overrideDefaultValues)
       return i?.defaultValues;
     let e;
-    const r = o?.persistency;
+    const r = n?.persistency;
     if (!r?.policies || r.policies.length === 0) return {};
     if (r.policies.includes("querystring"))
       try {
-        const t = new URLSearchParams(window.location.search).get(n.value);
-        g(), t && (e = JSON.parse(t));
+        const t = new URLSearchParams(window.location.search).get(o.value);
+        V(), t && (e = JSON.parse(t));
       } catch (s) {
         console.error(s);
       }
@@ -43,9 +44,9 @@ const F = Symbol("OmegaForm"), $ = (d, i, o) => {
       if (s)
         try {
           const t = JSON.parse(
-            s.getItem(n.value) || "{}"
+            s.getItem(o.value) || "{}"
           );
-          s.removeItem(n.value), e = t;
+          s.removeItem(o.value), e = t;
         } catch (t) {
           console.error(t);
         }
@@ -56,25 +57,28 @@ const F = Symbol("OmegaForm"), $ = (d, i, o) => {
       const s = i?.defaultValues;
       return m(s, e);
     }
-  }), l = j({
+  }), l = F({
     ...i,
     validators: {
-      onSubmit: S,
+      onSubmit: b,
       ...i?.validators || {}
     },
-    onSubmit: i?.onSubmit ? ({ formApi: e, meta: r, value: s }) => i.onSubmit?.({
-      formApi: e,
-      meta: r,
-      value: s
-    }) : void 0,
-    defaultValues: V.value
-  }), L = () => {
+    onSubmit: i?.onSubmit ? ({ formApi: e, meta: r, value: s }) => {
+      const t = i.onSubmit({
+        formApi: e,
+        meta: r,
+        value: s
+      });
+      return v.isFiber(t) && v.isRuntimeFiber(t) ? E(t) : t;
+    } : void 0,
+    defaultValues: L.value
+  }), U = () => {
     Object.keys(a).forEach((e) => {
       l.setFieldValue(e, void 0);
     });
   }, p = (e) => e.reduce((r, s) => {
     const t = s.split(".");
-    return t.reduce((c, u, U) => (U === t.length - 1 ? c[u] = l.getFieldValue(s) : c[u] = c[u] ?? {}, c[u]), r), r;
+    return t.reduce((c, u, j) => (j === t.length - 1 ? c[u] = l.getFieldValue(s) : c[u] = c[u] ?? {}, c[u]), r), r;
   }, {}), w = (e) => {
     if (e) {
       if (Array.isArray(e.keys))
@@ -86,38 +90,38 @@ const F = Symbol("OmegaForm"), $ = (d, i, o) => {
       return l.store.state.values;
     }
   }, f = () => {
-    const e = o?.persistency;
+    const e = n?.persistency;
     if (!(!e?.policies || e.policies.length === 0) && (e.policies.includes("local") || e.policies.includes("session"))) {
       const r = e.policies.includes("local") ? localStorage : sessionStorage;
       if (!r) return;
       const s = w(e);
-      return r.setItem(n.value, JSON.stringify(s));
+      return r.setItem(o.value, JSON.stringify(s));
     }
   }, y = () => {
-    const e = o?.persistency;
+    const e = n?.persistency;
     if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
       const r = w(e), s = new URLSearchParams(window.location.search);
-      s.set(n.value, JSON.stringify(r));
+      s.set(o.value, JSON.stringify(r));
       const t = new URL(window.location.href);
       t.search = s.toString(), window.history.replaceState({}, "", t.toString());
     }
   };
-  P(f), I(() => {
+  I(f), R(() => {
     window.addEventListener("beforeunload", f), window.addEventListener("blur", y);
-  }), N(() => {
+  }), A(() => {
     window.removeEventListener("beforeunload", f), window.removeEventListener("blur", y);
   });
   const h = Object.assign(l, {
     meta: a,
-    filterItems: b,
-    clear: L
+    filterItems: g,
+    clear: U
   });
-  return R(F, h), Object.assign(h, {
-    Input: A,
+  return N(K, h), Object.assign(h, {
+    Input: D,
     Field: l.Field
   });
 };
 export {
-  F as OmegaFormKey,
-  $ as useOmegaForm
+  K as OmegaFormKey,
+  k as useOmegaForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.18.0",
+  "version": "0.18.2",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "1.2.4",
@@ -53,7 +53,7 @@
   "dependencies": {
     "highlight.js": "^11.11.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "2.54.5",
+    "@effect-app/vue": "2.55.0",
     "effect-app": "3.3.0"
   },
   "scripts": {
@@ -62,7 +62,7 @@
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs",
-    "lint": "NODE_OPTIONS=--max-old-space-size=8192 eslint src",
+    "lint": "NODE_OPTIONS=--max-old-space-size=8192 eslint src stories .storybook",
     "ncu": "ncu",
     "clean": "rm -rf dist",
     "autofix": "pnpm lint --fix",

package/src/components/OmegaForm/OmegaWrapper.vue

@@ -67,9 +67,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { type StandardSchemaV1Issue, useStore } from "@tanstack/vue-form"
 import { type Record, type S } from "effect-app"
-import { runtimeFiberAsPromise } from "effect-app/utils"
-import { isFiber, isRuntimeFiber } from "effect/Fiber"
-import { computed, type ComputedRef, getCurrentInstance, onBeforeMount, watch } from "vue"
+import { computed, getCurrentInstance, onBeforeMount, watch } from "vue"
 import { getOmegaStore } from "./getOmegaStore"
 import { provideOmegaErrors } from "./OmegaErrorsContext"
 import { type FilterItems, type FormProps, type OmegaFormApi, type OmegaFormState, type ShowErrorsOn } from "./OmegaFormStuff"
@@ -112,19 +110,17 @@ 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: ComputedRef<FormProps<From, To>["onSubmit"]> = computed(
-  () => ({ value }) =>
-    new Promise<void>((resolve) => {
-      instance!.emit("submit", value)
-      // 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) => {
-        if (v) return
-        resolve()
-        handle.stop()
-      })
+const eventOnSubmit: FormProps<From, To>["onSubmit"] = ({ value }) =>
+  new Promise<void>((resolve) => {
+    instance!.emit("submit", value)
+    // 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) => {
+      if (v) return
+      resolve()
+      handle.stop()
     })
-)
+  })
 
 const localForm = props.form || !props.schema
   ? undefined
@@ -133,15 +129,7 @@ const localForm = props.form || !props.schema
     {
       ...props,
       onSubmit: typeof props.isLoading !== "undefined"
-        ? eventOnSubmit.value
-        : typeof props.onSubmit !== "undefined"
-        ? (data) => {
-          const result = props.onSubmit!(data)
-          if (isFiber(result) && isRuntimeFiber(result)) {
-            return runtimeFiberAsPromise(result)
-          }
-          return result
-        }
+        ? eventOnSubmit
         : props.onSubmit
     },
     props.omegaConfig

package/src/components/OmegaForm/useOmegaForm.ts

@@ -2,7 +2,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import { type DeepKeys, type FormAsyncValidateOrFn, type FormValidateOrFn, type StandardSchemaV1, useForm } from "@tanstack/vue-form"
-import { S } from "effect-app"
+import { Fiber, S } from "effect-app"
+import { runtimeFiberAsPromise } from "effect-app/utils"
 import { isObject } from "effect/Predicate"
 import { computed, type InjectionKey, onBeforeUnmount, onMounted, onUnmounted, provide } from "vue"
 import { type InputProps } from "./InputProps"
@@ -216,12 +217,17 @@ export const useOmegaForm = <
       ...(tanstackFormOptions?.validators || {})
     },
     onSubmit: tanstackFormOptions?.onSubmit
-      ? ({ formApi, meta, value }) =>
-        tanstackFormOptions.onSubmit?.({
+      ? ({ formApi, meta, value }) => {
+        const r = tanstackFormOptions.onSubmit!({
           formApi: formApi as OmegaFormApi<From, To>,
           meta,
           value: value as unknown as To
         })
+        if (Fiber.isFiber(r) && Fiber.isRuntimeFiber(r)) {
+          return runtimeFiberAsPromise(r)
+        }
+        return r
+      }
       : undefined,
     defaultValues: defaultValues.value as any
   }) satisfies OmegaFormApi<To, From>

package/dist/vue-components.es29.js

@@ -1,8 +0,0 @@
-import { hasProperty as o } from "./vue-components.es22.js";
-const i = "effect/Fiber", r = /* @__PURE__ */ Symbol.for(i), t = "effect/Fiber", b = /* @__PURE__ */ Symbol.for(t), m = (e) => o(e, r), s = (e) => b in e;
-export {
-  r as FiberTypeId,
-  b as RuntimeFiberTypeId,
-  m as isFiber,
-  s as isRuntimeFiber
-};

package/dist/vue-components.es32.js

@@ -1,6 +0,0 @@
-(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.es30.js";
-
-export {
-  o as default
-};