@effect-app/vue-components 1.8.4 → 1.8.5

package/dist/vue-components.es12.js

@@ -1,12 +1,13 @@
-import { Exit as c, Runtime as s } from "effect";
-import { dual as n, isFunction as m } from "./vue-components.es26.js";
-const i = Symbol.for("clone-trait"), u = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
-n(2, (e, t) => u(e, { ...e, ...m(t) ? t(e) : t }));
-const b = (e) => new Promise((t, r) => e.addObserver((o) => {
-  c.isSuccess(o) ? t(o.value) : r(s.makeFiberFailure(o.cause));
-}));
+import { onMounted as e, onUnmounted as u } from "vue";
+function p(t) {
+  let n;
+  e(() => {
+    const o = t();
+    o && (n = o);
+  }), u(() => {
+    n && n();
+  });
+}
 export {
-  u as clone,
-  i as cloneTrait,
-  b as runtimeFiberAsPromise
+  p as onMountedWithCleanup
 };

package/dist/vue-components.es13.js

@@ -1,7 +1,12 @@
-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);
+import { Exit as c, Runtime as s } from "effect";
+import { dual as n, isFunction as m } from "./vue-components.es26.js";
+const i = Symbol.for("clone-trait"), u = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
+n(2, (e, t) => u(e, { ...e, ...m(t) ? t(e) : t }));
+const b = (e) => new Promise((t, r) => e.addObserver((o) => {
+  c.isSuccess(o) ? t(o.value) : r(s.makeFiberFailure(o.cause));
+}));
 export {
-  s as isFunction,
-  i as isObject,
-  t as isRecordOrArray
+  u as clone,
+  i as cloneTrait,
+  b as runtimeFiberAsPromise
 };

package/dist/vue-components.es14.js

@@ -1,56 +1,7 @@
-import { defineComponent as F, computed as i, onMounted as M, provide as P, createBlock as c, openBlock as s, resolveDynamicComponent as p, withCtx as g, renderSlot as o, createElementBlock as k, normalizeProps as l, guardReactiveProps as u, Fragment as A, renderList as b, mergeProps as B } from "vue";
-const N = /* @__PURE__ */ F({
-  inheritAttrs: !1,
-  __name: "OmegaArray",
-  props: {
-    form: {},
-    name: {},
-    defaultItems: {},
-    items: {}
-  },
-  setup(n) {
-    const a = n, y = a.form.useStore((e) => e.values), d = i(() => {
-      const e = a.name.replace(/\[/g, ".").replace(/\]/g, "");
-      try {
-        return e.split(".").reduce((r, t) => r && r[t], y.value);
-      } catch (r) {
-        return console.error(r), [];
-      }
-    });
-    M(async () => {
-      a.defaultItems && !d.value && a.form.setFieldValue(a.name, a.defaultItems);
-    });
-    const $ = i(() => (r) => {
-      const t = r.replace(/\[\d+\]/g, "");
-      return a.form.meta[t];
-    });
-    return P("getMetaFromArray", $), (e, r) => (s(), c(p(n.form.Field), { name: n.name }, {
-      default: g(({ field: t, state: f }) => [
-        o(e.$slots, "pre-array", l(u({ field: t, state: f }))),
-        (s(!0), k(A, null, b(d.value, (C, m) => (s(), c(p(n.form.Field), {
-          key: `${n.name}[${Number(m)}]`,
-          name: (
-            // eslint-disable-next-line
-            `${n.name}[${Number(m)}]`
-          )
-        }, {
-          default: g(({ field: v, state: h }) => [
-            o(e.$slots, "default", B({ ref_for: !0 }, {
-              subField: v,
-              subState: h,
-              index: Number(m),
-              field: t
-            }))
-          ]),
-          _: 2
-        }, 1032, ["name"]))), 128)),
-        o(e.$slots, "post-array", l(u({ field: t, state: f }))),
-        o(e.$slots, "field", l(u({ field: t })))
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-});
+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 {
-  N as default
+  s as isFunction,
+  i as isObject,
+  t as isRecordOrArray
 };

package/dist/vue-components.es15.js

@@ -1,70 +1,56 @@
-import { defineComponent as O, computed as j, createElementBlock as M, openBlock as _, Fragment as E, renderList as A, renderSlot as F, createVNode as g, unref as h, mergeProps as k } from "vue";
-import { Order as l, pipe as v, Array as u } from "effect-app";
-const I = /* @__PURE__ */ O({
-  __name: "OmegaAutoGen",
+import { defineComponent as F, computed as i, onMounted as M, provide as P, createBlock as c, openBlock as s, resolveDynamicComponent as p, withCtx as g, renderSlot as o, createElementBlock as k, normalizeProps as l, guardReactiveProps as u, Fragment as A, renderList as b, mergeProps as B } from "vue";
+const N = /* @__PURE__ */ F({
+  inheritAttrs: !1,
+  __name: "OmegaArray",
   props: {
     form: {},
-    pick: {},
-    omit: {},
-    labelMap: { type: Function },
-    filterMap: { type: Function },
-    order: {},
-    sort: {}
+    name: {},
+    defaultItems: {},
+    items: {}
   },
-  setup(i) {
-    const p = (e) => (r) => Object.fromEntries(
-      Object.entries(r).map(([t, o]) => [t, e(o, t)])
-    ), a = (e) => (r) => Object.fromEntries(
-      Object.entries(r).filter(([t, o]) => e(o, t))
-    ), m = (e) => (r) => Object.entries(r).reduce(
-      (t, [o, c]) => {
-        const s = e(c, o);
-        return s !== !1 && (t[o] = s), t;
-      },
-      {}
-    ), n = i, f = (e, r) => {
-      const t = r?.indexOf(e) ?? -1;
-      return t === -1 ? Number.MAX_SAFE_INTEGER : t;
-    }, d = l.mapInput(
-      l.number,
-      (e) => f(e.name, n.order || [])
-    ), b = j(
-      () => v(
-        n.form.meta,
-        // include / exclude
-        a(
-          (e, r) => n.pick ? n.pick.includes(r) && !n.omit?.includes(r) : !n.omit?.includes(r)
-        ),
-        (e) => e,
-        // labelMap and adding name
-        p((e, r) => ({
-          name: r,
-          label: n.labelMap?.(r) || r,
-          ...e
-        })),
-        // filterMap
-        n.filterMap ? m((e) => {
-          const r = n.filterMap?.(e.name, e);
-          return r === void 0 || r === !0 ? e : r;
-        }) : (e) => e,
-        // transform to array
-        (e) => Object.values(e),
-        // order
-        u.sort(d),
-        // sort
-        n.sort ? u.sort(n.sort) : (e) => e
-      )
-    );
-    return (e, r) => (_(!0), M(E, null, A(b.value, ({ name: t, label: o, ...c }) => F(e.$slots, "default", {
-      child: { name: t, label: o, ...c }
-    }, () => [
-      g(h(i.form).Input, k({
-        name: t,
-        label: o
-      }, { ref_for: !0 }, c), null, 16, ["name", "label"])
-    ])), 256));
+  setup(n) {
+    const a = n, y = a.form.useStore((e) => e.values), d = i(() => {
+      const e = a.name.replace(/\[/g, ".").replace(/\]/g, "");
+      try {
+        return e.split(".").reduce((r, t) => r && r[t], y.value);
+      } catch (r) {
+        return console.error(r), [];
+      }
+    });
+    M(async () => {
+      a.defaultItems && !d.value && a.form.setFieldValue(a.name, a.defaultItems);
+    });
+    const $ = i(() => (r) => {
+      const t = r.replace(/\[\d+\]/g, "");
+      return a.form.meta[t];
+    });
+    return P("getMetaFromArray", $), (e, r) => (s(), c(p(n.form.Field), { name: n.name }, {
+      default: g(({ field: t, state: f }) => [
+        o(e.$slots, "pre-array", l(u({ field: t, state: f }))),
+        (s(!0), k(A, null, b(d.value, (C, m) => (s(), c(p(n.form.Field), {
+          key: `${n.name}[${Number(m)}]`,
+          name: (
+            // eslint-disable-next-line
+            `${n.name}[${Number(m)}]`
+          )
+        }, {
+          default: g(({ field: v, state: h }) => [
+            o(e.$slots, "default", B({ ref_for: !0 }, {
+              subField: v,
+              subState: h,
+              index: Number(m),
+              field: t
+            }))
+          ]),
+          _: 2
+        }, 1032, ["name"]))), 128)),
+        o(e.$slots, "post-array", l(u({ field: t, state: f }))),
+        o(e.$slots, "field", l(u({ field: t })))
+      ]),
+      _: 3
+    }, 8, ["name"]));
   }
 });
 export {
-  I as default
+  N as default
 };

package/dist/vue-components.es16.js

@@ -1,8 +1,70 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");if(a.appendChild(document.createTextNode(".v-enter-from[data-v-4f889c81],.v-leave-to[data-v-4f889c81]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-4f889c81],.v-leave-active[data-v-4f889c81]{display:grid;transition:all .15s}.v-enter-to[data-v-4f889c81],.v-leave-from[data-v-4f889c81]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-4f889c81]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-4f889c81]{min-height:0}.error-list[data-v-4f889c81]{list-style-position:inside}div.error-list[data-v-4f889c81]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-4f889c81]{grid-template-columns:auto 1fr}.error-link[data-v-4f889c81]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-4f889c81]{grid-template-columns:1fr}.error-message[data-v-4f889c81]{grid-column:1 / -1}}.error-item[data-v-4f889c81]{display:contents}a[data-v-4f889c81]{min-width:min-content}.error-link[data-v-4f889c81]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),document.head.appendChild(a),window.customElements){const e=window.customElements.define;window.customElements.define=function(n,t){const i=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(i&&i.call(this),this.shadowRoot){const r=document.createElement("style");r.appendChild(document.createTextNode(".v-enter-from[data-v-4f889c81],.v-leave-to[data-v-4f889c81]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-4f889c81],.v-leave-active[data-v-4f889c81]{display:grid;transition:all .15s}.v-enter-to[data-v-4f889c81],.v-leave-from[data-v-4f889c81]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-4f889c81]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-4f889c81]{min-height:0}.error-list[data-v-4f889c81]{list-style-position:inside}div.error-list[data-v-4f889c81]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-4f889c81]{grid-template-columns:auto 1fr}.error-link[data-v-4f889c81]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-4f889c81]{grid-template-columns:1fr}.error-message[data-v-4f889c81]{grid-column:1 / -1}}.error-item[data-v-4f889c81]{display:contents}a[data-v-4f889c81]{min-width:min-content}.error-link[data-v-4f889c81]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),this.shadowRoot.appendChild(r)}},e.call(window.customElements,n,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import r from "./vue-components.es29.js";
-
-import o from "./vue-components.es31.js";
-const e = /* @__PURE__ */ o(r, [["__scopeId", "data-v-4f889c81"]]);
+import { defineComponent as O, computed as j, createElementBlock as M, openBlock as _, Fragment as E, renderList as A, renderSlot as F, createVNode as g, unref as h, mergeProps as k } from "vue";
+import { Order as l, pipe as v, Array as u } from "effect-app";
+const I = /* @__PURE__ */ O({
+  __name: "OmegaAutoGen",
+  props: {
+    form: {},
+    pick: {},
+    omit: {},
+    labelMap: { type: Function },
+    filterMap: { type: Function },
+    order: {},
+    sort: {}
+  },
+  setup(i) {
+    const p = (e) => (r) => Object.fromEntries(
+      Object.entries(r).map(([t, o]) => [t, e(o, t)])
+    ), a = (e) => (r) => Object.fromEntries(
+      Object.entries(r).filter(([t, o]) => e(o, t))
+    ), m = (e) => (r) => Object.entries(r).reduce(
+      (t, [o, c]) => {
+        const s = e(c, o);
+        return s !== !1 && (t[o] = s), t;
+      },
+      {}
+    ), n = i, f = (e, r) => {
+      const t = r?.indexOf(e) ?? -1;
+      return t === -1 ? Number.MAX_SAFE_INTEGER : t;
+    }, d = l.mapInput(
+      l.number,
+      (e) => f(e.name, n.order || [])
+    ), b = j(
+      () => v(
+        n.form.meta,
+        // include / exclude
+        a(
+          (e, r) => n.pick ? n.pick.includes(r) && !n.omit?.includes(r) : !n.omit?.includes(r)
+        ),
+        (e) => e,
+        // labelMap and adding name
+        p((e, r) => ({
+          name: r,
+          label: n.labelMap?.(r) || r,
+          ...e
+        })),
+        // filterMap
+        n.filterMap ? m((e) => {
+          const r = n.filterMap?.(e.name, e);
+          return r === void 0 || r === !0 ? e : r;
+        }) : (e) => e,
+        // transform to array
+        (e) => Object.values(e),
+        // order
+        u.sort(d),
+        // sort
+        n.sort ? u.sort(n.sort) : (e) => e
+      )
+    );
+    return (e, r) => (_(!0), M(E, null, A(b.value, ({ name: t, label: o, ...c }) => F(e.$slots, "default", {
+      child: { name: t, label: o, ...c }
+    }, () => [
+      g(h(i.form).Input, k({
+        name: t,
+        label: o
+      }, { ref_for: !0 }, c), null, 16, ["name", "label"])
+    ])), 256));
+  }
+});
 export {
-  e as default
+  I as default
 };

package/dist/vue-components.es17.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-8fe92df3]{display:contents}fieldset[disabled][data-v-8fe92df3]>*{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-8fe92df3]{display:contents}fieldset[disabled][data-v-8fe92df3]>*{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.es32.js";
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");if(a.appendChild(document.createTextNode(".v-enter-from[data-v-4f889c81],.v-leave-to[data-v-4f889c81]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-4f889c81],.v-leave-active[data-v-4f889c81]{display:grid;transition:all .15s}.v-enter-to[data-v-4f889c81],.v-leave-from[data-v-4f889c81]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-4f889c81]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-4f889c81]{min-height:0}.error-list[data-v-4f889c81]{list-style-position:inside}div.error-list[data-v-4f889c81]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-4f889c81]{grid-template-columns:auto 1fr}.error-link[data-v-4f889c81]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-4f889c81]{grid-template-columns:1fr}.error-message[data-v-4f889c81]{grid-column:1 / -1}}.error-item[data-v-4f889c81]{display:contents}a[data-v-4f889c81]{min-width:min-content}.error-link[data-v-4f889c81]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),document.head.appendChild(a),window.customElements){const e=window.customElements.define;window.customElements.define=function(n,t){const i=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(i&&i.call(this),this.shadowRoot){const r=document.createElement("style");r.appendChild(document.createTextNode(".v-enter-from[data-v-4f889c81],.v-leave-to[data-v-4f889c81]{max-height:0px;grid-template-rows:0fr;opacity:0}.v-enter-active[data-v-4f889c81],.v-leave-active[data-v-4f889c81]{display:grid;transition:all .15s}.v-enter-to[data-v-4f889c81],.v-leave-from[data-v-4f889c81]{grid-template-rows:1fr;max-height:50vh;opacity:1}.error-alert[data-v-4f889c81]{transition-behavior:allow-discrete;display:grid;overflow:hidden;min-height:0}.error-alert>*[data-v-4f889c81]{min-height:0}.error-list[data-v-4f889c81]{list-style-position:inside}div.error-list[data-v-4f889c81]{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;gap:1.5em;align-items:start}@container (max-width: 27.125rem){div.error-list[data-v-4f889c81]{grid-template-columns:auto 1fr}.error-link[data-v-4f889c81]{grid-column:1 / -1;justify-self:end}}@container (max-width: 17.75rem){div.error-list[data-v-4f889c81]{grid-template-columns:1fr}.error-message[data-v-4f889c81]{grid-column:1 / -1}}.error-item[data-v-4f889c81]{display:contents}a[data-v-4f889c81]{min-width:min-content}.error-link[data-v-4f889c81]{align-items:center;color:inherit;display:inline-flex;flex-wrap:wrap;gap:.25em;padding-bottom:1em;text-decoration:none}")),this.shadowRoot.appendChild(r)}},e.call(window.customElements,n,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import r from "./vue-components.es29.js";
 
-import m from "./vue-components.es31.js";
-const a = /* @__PURE__ */ m(o, [["__scopeId", "data-v-8fe92df3"]]);
+import o from "./vue-components.es31.js";
+const e = /* @__PURE__ */ o(r, [["__scopeId", "data-v-4f889c81"]]);
 export {
-  a as default
+  e as default
 };

package/dist/vue-components.es18.js

@@ -1,5 +1,8 @@
-import { TraceAPI as r } from "./vue-components.es46.js";
-var t = r.getInstance();
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-8fe92df3]{display:contents}fieldset[disabled][data-v-8fe92df3]>*{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-8fe92df3]{display:contents}fieldset[disabled][data-v-8fe92df3]>*{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.es32.js";
+
+import m from "./vue-components.es31.js";
+const a = /* @__PURE__ */ m(o, [["__scopeId", "data-v-8fe92df3"]]);
 export {
-  t as trace
+  a as default
 };

package/dist/vue-components.es19.js

@@ -1,5 +1,5 @@
-import { ContextAPI as t } from "./vue-components.es45.js";
-var o = t.getInstance();
+import { TraceAPI as r } from "./vue-components.es46.js";
+var t = r.getInstance();
 export {
-  o as context
+  t as trace
 };

package/dist/vue-components.es20.js

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

package/dist/vue-components.es21.js

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

package/dist/vue-components.es22.js

@@ -1,19 +1,4 @@
-function c(t) {
-  return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, f) {
-    var i = t.get(e);
-    i ? i.push(f) : t.set(e, [f]);
-  }, off: function(e, f) {
-    var i = t.get(e);
-    i && (f ? i.splice(i.indexOf(f) >>> 0, 1) : t.set(e, []));
-  }, emit: function(e, f) {
-    var i = t.get(e);
-    i && i.slice().map(function(a) {
-      a(f);
-    }), (i = t.get("*")) && i.slice().map(function(a) {
-      a(e, f);
-    });
-  } };
-}
+import f from "./vue-components.es6.js";
 export {
-  c as default
+  f as default
 };

package/dist/vue-components.es23.js

@@ -1,13 +1,19 @@
-import { onMounted as e, onUnmounted as u } from "vue";
-function p(t) {
-  let n;
-  e(() => {
-    const o = t();
-    o && (n = o);
-  }), u(() => {
-    n && n();
-  });
+function c(t) {
+  return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, f) {
+    var i = t.get(e);
+    i ? i.push(f) : t.set(e, [f]);
+  }, off: function(e, f) {
+    var i = t.get(e);
+    i && (f ? i.splice(i.indexOf(f) >>> 0, 1) : t.set(e, []));
+  }, emit: function(e, f) {
+    var i = t.get(e);
+    i && i.slice().map(function(a) {
+      a(f);
+    }), (i = t.get("*")) && i.slice().map(function(a) {
+      a(e, f);
+    });
+  } };
 }
 export {
-  p as onMountedWithCleanup
+  c as default
 };

package/dist/vue-components.es27.js

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

package/dist/vue-components.es28.js

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

package/dist/vue-components.es4.js

@@ -1,6 +1,6 @@
 import { defineComponent as c, mergeModels as f, useModel as v, resolveComponent as C, createBlock as k, openBlock as V, unref as r, createSlots as g, withCtx as d, renderSlot as u, renderList as y, normalizeProps as B, guardReactiveProps as E } from "vue";
 import { useOnClose as M } from "./vue-components.es8.js";
-import { onMountedWithCleanup as _ } from "./vue-components.es23.js";
+import { onMountedWithCleanup as _ } from "./vue-components.es12.js";
 const P = /* @__PURE__ */ c({
   __name: "Dialog",
   props: /* @__PURE__ */ f({

package/dist/vue-components.es6.js

@@ -1,9 +1,9 @@
 (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 C, getCurrentInstance as x, useId as P, computed as r, onMounted as _, renderSlot as $, normalizeProps as u, guardReactiveProps as N, createElementVNode as V, normalizeClass as k, createBlock as q, createCommentVNode as w, unref as B, openBlock as F, mergeProps as I } from "vue";
+import { defineComponent as b, getCurrentInstance as C, useId as x, computed as n, onMounted as P, renderSlot as _, normalizeProps as m, guardReactiveProps as $, createElementVNode as N, normalizeClass as V, createBlock as k, createCommentVNode as q, unref as B, openBlock as F, mergeProps as I } from "vue";
 import { useStore as L } from "@tanstack/vue-form";
-import D from "./vue-components.es24.js";
+import w from "./vue-components.es24.js";
 
-const U = /* @__PURE__ */ C({
+const U = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "OmegaInternalInput",
   props: {
@@ -15,53 +15,53 @@ const U = /* @__PURE__ */ C({
     register: { type: Function },
     options: {}
   },
-  setup(p) {
-    const e = p, d = x()?.appContext.components.VTextField, o = P(), l = e.field, n = L(l.store, (t) => t), i = r(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown");
-    e.register(r(() => ({ name: e.field.name, label: e.label, id: o })));
-    const f = r(() => n.value.value), c = r(() => n.value.meta.errors ?? []), g = r(
+  setup(u) {
+    const e = u, p = C()?.appContext.components.VTextField, i = x(), a = e.field, l = L(a.store, (t) => t), d = n(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown");
+    e.register(n(() => ({ name: e.field.name, label: e.label, id: i })));
+    const f = n(() => l.value.value), c = n(() => l.value.meta.errors ?? []), s = n(
       () => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         c.value.map((t) => t?.message).filter(Boolean)
       )
-    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), h = (t) => {
-      y(t) && e.meta?.type !== "boolean" ? e.field.handleChange(
+    ), g = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), y = (t) => {
+      g(t) && e.meta?.type !== "boolean" ? e.field.handleChange(
         e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
       ) : e.field.handleChange(t);
     };
-    _(() => {
+    P(() => {
       if (!f.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null") {
-        const t = n.value.meta.isDirty;
-        l.setValue(null), l.setMeta((a) => ({ ...a, isDirty: t }));
+        const t = l.value.meta.isDirty;
+        a.setValue(null), a.setMeta((r) => ({ ...r, isDirty: t }));
       }
     });
-    const m = r(() => !n.value.meta.isDirty && i.value !== "select" ? [] : g.value), v = (t) => {
-      const a = {
-        get(S, b, z) {
-          return b === "handleChange" ? h : Reflect.get(...arguments);
+    const h = (t) => {
+      const r = {
+        get(S, v, z) {
+          return v === "handleChange" ? y : Reflect.get(...arguments);
         }
       };
-      return new Proxy(t, a);
-    }, s = r(() => ({
+      return new Proxy(t, r);
+    }, o = n(() => ({
       inputProps: {
-        id: o,
+        id: i,
         required: e.meta?.required,
         minLength: e.meta?.type === "string" && e.meta?.minLength,
         maxLength: e.meta?.type === "string" && e.meta?.maxLength,
         max: e.meta?.type === "number" && e.meta?.maximum,
         min: e.meta?.type === "number" && e.meta?.minimum,
-        errorMessages: m.value,
-        error: !!m.value.length,
-        type: i.value,
+        errorMessages: s.value,
+        error: !!s.value.length,
+        type: d.value,
         label: `${e.label}${e.meta?.required ? " *" : ""}`,
         options: e.options
       },
-      field: v(e.field)
+      field: h(e.field)
     }));
-    return (t, a) => $(t.$slots, "default", u(N({ ...t.$attrs, ...s.value.inputProps, field: s.value.field })), () => [
-      V("div", {
-        class: k(t.$attrs.class)
+    return (t, r) => _(t.$slots, "default", m($({ ...t.$attrs, ...o.value.inputProps, field: o.value.field })), () => [
+      N("div", {
+        class: V(t.$attrs.class)
       }, [
-        B(d) ? (F(), q(D, u(I({ key: 0 }, { ...t.$attrs, ...s.value })), null, 16)) : w("", !0)
+        B(p) ? (F(), k(w, m(I({ key: 0 }, { ...t.$attrs, ...o.value })), null, 16)) : q("", !0)
       ], 2)
     ]);
   }

package/dist/vue-components.es7.js

@@ -1,17 +1,17 @@
 import { useForm as T } from "@tanstack/vue-form";
 import { Data as W, S as U, Effect as l, Array as g, Option as E, Fiber as F } from "effect-app";
-import { runtimeFiberAsPromise as k } from "./vue-components.es12.js";
-import { isObject as z } from "./vue-components.es13.js";
+import { runtimeFiberAsPromise as k } from "./vue-components.es13.js";
+import { isObject as z } from "./vue-components.es14.js";
 import { computed as $, onUnmounted as A, onMounted as Q, onBeforeUnmount as X, watch as N, h as D } from "vue";
 import { usePreventClose as Y } from "./vue-components.es8.js";
-import Z from "./vue-components.es14.js";
-import C from "./vue-components.es15.js";
-import ee from "./vue-components.es16.js";
+import Z from "./vue-components.es15.js";
+import C from "./vue-components.es16.js";
+import ee from "./vue-components.es17.js";
 import { generateMetaFromSchema as re } from "./vue-components.es9.js";
 import te from "./vue-components.es5.js";
-import se from "./vue-components.es17.js";
-import { trace as _ } from "./vue-components.es18.js";
-import { context as M } from "./vue-components.es19.js";
+import se from "./vue-components.es18.js";
+import { trace as _ } from "./vue-components.es19.js";
+import { context as M } from "./vue-components.es20.js";
 class ne extends W.TaggedError("FormErrors") {
 }
 const h = (c) => function(o) {

package/dist/vue-components.es8.js

@@ -1,6 +1,6 @@
-import r from "./vue-components.es22.js";
+import r from "./vue-components.es23.js";
 import { inject as c, provide as l } from "vue";
-import { onMountedWithCleanup as u } from "./vue-components.es23.js";
+import { onMountedWithCleanup as u } from "./vue-components.es12.js";
 const f = () => r(), i = Symbol("DialogBus"), p = () => c(i, null), g = () => {
   const e = f();
   return l(i, e), e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "1.8.4",
+  "version": "1.8.5",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.18.0",

package/src/components/OmegaForm/OmegaInternalInput.vue

@@ -104,12 +104,6 @@ onMounted(() => {
   }
 })
 
-const showedErrors = computed(() => {
-  // single select field can be validated on change
-  if (!fieldState.value.meta.isDirty && fieldType.value !== "select") return []
-  return errors.value
-})
-
 const wrapField = (field: OmegaFieldInternalApi<From, Name>) => {
   const handler3 = {
     get(_target: any, prop: PropertyKey, _receiver: any) {
@@ -132,8 +126,8 @@ const inputProps: ComputedRef<InputProps<From, Name>> = computed(() => ({
     maxLength: props.meta?.type === "string" && props.meta?.maxLength,
     max: props.meta?.type === "number" && props.meta?.maximum,
     min: props.meta?.type === "number" && props.meta?.minimum,
-    errorMessages: showedErrors.value,
-    error: !!showedErrors.value.length,
+    errorMessages: errors.value,
+    error: !!errors.value.length,
     type: fieldType.value,
     label: `${props.label}${props.meta?.required ? " *" : ""}`,
     options: props.options