@effect-app/vue-components 4.0.0-beta.26 → 4.0.0-beta.27

package/dist/vue-components.es10.js

@@ -1,17 +1,17 @@
 import { useForm as K } from "@tanstack/vue-form";
 import { Data as T, S as I, Effect as m, Fiber as V, Option as z, Array as P } from "effect-app";
-import { runtimeFiberAsPromise as W } from "./vue-components.es17.js";
+import { runtimeFiberAsPromise as W } from "./vue-components.es18.js";
 import { computed as $, onUnmounted as D, onMounted as G, onBeforeUnmount as Z, watch as R, ref as Q, h as J } from "vue";
 import { useIntl as X } from "./vue-components.es3.js";
-import Y from "./vue-components.es18.js";
-import C from "./vue-components.es19.js";
-import ee from "./vue-components.es20.js";
+import Y from "./vue-components.es19.js";
+import C from "./vue-components.es20.js";
+import ee from "./vue-components.es21.js";
 import { generateMetaFromSchema as re, deepMerge as N, defaultsValueFromSchema as te } from "./vue-components.es12.js";
 import se from "./vue-components.es6.js";
 import ne from "./vue-components.es8.js";
-import oe from "./vue-components.es21.js";
-import { trace as H } from "./vue-components.es22.js";
-import { context as _ } from "./vue-components.es23.js";
+import oe from "./vue-components.es22.js";
+import { trace as H } from "./vue-components.es23.js";
+import { context as _ } from "./vue-components.es24.js";
 class ie extends T.TaggedError("FormErrors") {
 }
 const M = (a) => function(s) {

package/dist/vue-components.es11.js

@@ -1,6 +1,6 @@
-import l from "./vue-components.es28.js";
+import l from "./vue-components.es29.js";
 import { inject as c, provide as u } from "vue";
-import { onMountedWithCleanup as f } from "./vue-components.es29.js";
+import { onMountedWithCleanup as f } from "./vue-components.es16.js";
 const p = () => l(), i = /* @__PURE__ */ Symbol("DialogBus"), r = () => c(i, null), g = () => {
   const n = p();
   return u(i, n), n;

package/dist/vue-components.es12.js

@@ -1,6 +1,6 @@
 import { S as i, Effect as P, Option as w } from "effect-app";
 import { useIntl as I, getTransformationFrom as q } from "./vue-components.es3.js";
-import { isObject as G } from "./vue-components.es16.js";
+import { isObject as G } from "./vue-components.es17.js";
 const E = /* @__PURE__ */ new Set(), K = () => globalThis.process?.env?.NODE_ENV !== "production", S = (e) => {
   let t = q(e);
   for (; i.AST.isDeclaration(t) && t.typeParameters.length > 0; )

package/dist/vue-components.es16.js

@@ -1,6 +1,13 @@
-import "vue";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const t = Object.prototype.toString, c = (o) => t.call(o) === "[object Object]";
+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 {
-  c as isObject
+  p as onMountedWithCleanup
 };

package/dist/vue-components.es17.js

@@ -1,13 +1,6 @@
-import { Exit as c, Cause as u } from "effect";
-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) => {
-  c.isSuccess(e) ? r(e.value) : s(u.squash(e.cause));
-}));
+import "vue";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const t = Object.prototype.toString, c = (o) => t.call(o) === "[object Object]";
 export {
-  a as clone,
-  n as cloneTrait,
-  O as runtimeFiberAsPromise
+  c as isObject
 };

package/dist/vue-components.es18.js

@@ -1,57 +1,13 @@
-import { defineComponent as F, computed as f, 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 C, mergeProps as b } from "vue";
-const N = /* @__PURE__ */ F({
-  inheritAttrs: !1,
-  __name: "OmegaArray",
-  props: {
-    form: {},
-    inputClass: {},
-    name: {},
-    defaultItems: {},
-    items: {}
-  },
-  setup(n) {
-    const a = n, y = a.form.useStore((e) => e.values), i = f(() => {
-      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 && !i.value && a.form.setFieldValue(a.name, a.defaultItems);
-    });
-    const $ = f(() => (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: d }) => [
-        o(e.$slots, "pre-array", l(u({ field: t, state: d }))),
-        (s(!0), k(A, null, C(i.value, (B, 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: d }))),
-        o(e.$slots, "field", l(u({ field: t })))
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-});
+import { Exit as c, Cause as u } from "effect";
+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) => {
+  c.isSuccess(e) ? r(e.value) : s(u.squash(e.cause));
+}));
 export {
-  N as default
+  a as clone,
+  n as cloneTrait,
+  O as runtimeFiberAsPromise
 };

package/dist/vue-components.es19.js

@@ -1,56 +1,57 @@
-import { defineComponent as b, computed as O, createElementBlock as j, openBlock as M, Fragment as E, renderList as _, renderSlot as h, createVNode as B, unref as F, mergeProps as N } from "vue";
-import { Order as l } from "effect-app";
-const v = /* @__PURE__ */ b({
-  __name: "OmegaAutoGen",
+import { defineComponent as F, computed as f, 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 C, 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: {}
+    inputClass: {},
+    name: {},
+    defaultItems: {},
+    items: {}
   },
-  setup(i) {
-    const u = (r) => (s) => Object.fromEntries(
-      Object.entries(s).map(([e, n]) => [e, r(n, e)])
-    ), a = (r) => (s) => Object.fromEntries(
-      Object.entries(s).filter(([e, n]) => r(n, e))
-    ), d = (r) => (s) => Object.entries(s).reduce(
-      (e, [n, o]) => {
-        const t = r(o, n);
-        return t !== !1 && (e[n] = t), e;
-      },
-      {}
-    ), c = i, p = (r, s) => {
-      const e = s?.indexOf(r) ?? -1;
-      return e === -1 ? Number.MAX_SAFE_INTEGER : e;
-    }, f = l.mapInput(
-      l.Number,
-      (r) => p(r.name, c.order || [])
-    ), m = O(() => {
-      const r = a(
-        (o, t) => !!o && (c.pick ? c.pick.includes(t) && !c.omit?.includes(t) : !c.omit?.includes(t))
-      )(c.form.meta), s = u((o, t) => ({
-        name: t,
-        label: c.labelMap?.(t) || t,
-        ...o
-      }))(r), e = c.filterMap ? d((o) => {
-        const t = c.filterMap?.(o.name, o);
-        return t === void 0 || t === !0 ? o : t;
-      })(s) : s, n = [...Object.values(e)].sort(f);
-      return c.sort ? n.sort(c.sort) : n;
+  setup(n) {
+    const a = n, y = a.form.useStore((e) => e.values), i = f(() => {
+      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), [];
+      }
     });
-    return (r, s) => (M(!0), j(E, null, _(m.value, ({ name: e, label: n, ...o }) => h(r.$slots, "default", {
-      child: { name: e, label: n, ...o }
-    }, () => [
-      B(F(i.form).Input, N({
-        name: e,
-        label: n
-      }, { ref_for: !0 }, o), null, 16, ["name", "label"])
-    ])), 256));
+    M(async () => {
+      a.defaultItems && !i.value && a.form.setFieldValue(a.name, a.defaultItems);
+    });
+    const $ = f(() => (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: d }) => [
+        o(e.$slots, "pre-array", l(u({ field: t, state: d }))),
+        (s(!0), k(A, null, C(i.value, (B, 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: d }))),
+        o(e.$slots, "field", l(u({ field: t })))
+      ]),
+      _: 3
+    }, 8, ["name"]));
   }
 });
 export {
-  v as default
+  N as default
 };

package/dist/vue-components.es20.js

@@ -1,8 +1,56 @@
-(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.es36.js";
-
-import o from "./vue-components.es38.js";
-const m = /* @__PURE__ */ o(r, [["__scopeId", "data-v-6b2bf87e"]]);
+import { defineComponent as b, computed as O, createElementBlock as j, openBlock as M, Fragment as E, renderList as _, renderSlot as h, createVNode as B, unref as F, mergeProps as N } from "vue";
+import { Order as l } from "effect-app";
+const v = /* @__PURE__ */ b({
+  __name: "OmegaAutoGen",
+  props: {
+    form: {},
+    pick: {},
+    omit: {},
+    labelMap: { type: Function },
+    filterMap: { type: Function },
+    order: {},
+    sort: {}
+  },
+  setup(i) {
+    const u = (r) => (s) => Object.fromEntries(
+      Object.entries(s).map(([e, n]) => [e, r(n, e)])
+    ), a = (r) => (s) => Object.fromEntries(
+      Object.entries(s).filter(([e, n]) => r(n, e))
+    ), d = (r) => (s) => Object.entries(s).reduce(
+      (e, [n, o]) => {
+        const t = r(o, n);
+        return t !== !1 && (e[n] = t), e;
+      },
+      {}
+    ), c = i, p = (r, s) => {
+      const e = s?.indexOf(r) ?? -1;
+      return e === -1 ? Number.MAX_SAFE_INTEGER : e;
+    }, f = l.mapInput(
+      l.Number,
+      (r) => p(r.name, c.order || [])
+    ), m = O(() => {
+      const r = a(
+        (o, t) => !!o && (c.pick ? c.pick.includes(t) && !c.omit?.includes(t) : !c.omit?.includes(t))
+      )(c.form.meta), s = u((o, t) => ({
+        name: t,
+        label: c.labelMap?.(t) || t,
+        ...o
+      }))(r), e = c.filterMap ? d((o) => {
+        const t = c.filterMap?.(o.name, o);
+        return t === void 0 || t === !0 ? o : t;
+      })(s) : s, n = [...Object.values(e)].sort(f);
+      return c.sort ? n.sort(c.sort) : n;
+    });
+    return (r, s) => (M(!0), j(E, null, _(m.value, ({ name: e, label: n, ...o }) => h(r.$slots, "default", {
+      child: { name: e, label: n, ...o }
+    }, () => [
+      B(F(i.form).Input, N({
+        name: e,
+        label: n
+      }, { ref_for: !0 }, o), null, 16, ["name", "label"])
+    ])), 256));
+  }
+});
 export {
-  m as default
+  v as default
 };

package/dist/vue-components.es21.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-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.es39.js";
+(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.es36.js";
 
-import m from "./vue-components.es38.js";
-const a = /* @__PURE__ */ m(o, [["__scopeId", "data-v-8c9cb27c"]]);
+import o from "./vue-components.es38.js";
+const m = /* @__PURE__ */ o(r, [["__scopeId", "data-v-6b2bf87e"]]);
 export {
-  a as default
+  m as default
 };

package/dist/vue-components.es22.js

@@ -1,5 +1,8 @@
-import { TraceAPI as r } from "./vue-components.es53.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-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.es39.js";
+
+import m from "./vue-components.es38.js";
+const a = /* @__PURE__ */ m(o, [["__scopeId", "data-v-8c9cb27c"]]);
 export {
-  t as trace
+  a as default
 };

package/dist/vue-components.es23.js

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

package/dist/vue-components.es24.js

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

package/dist/vue-components.es25.js

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

package/dist/vue-components.es26.js

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

package/dist/vue-components.es27.js

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

package/dist/vue-components.es28.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.es9.js";
 export {
-  c as default
+  f as default
 };

package/dist/vue-components.es29.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.es34.js

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

package/dist/vue-components.es35.js

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

package/dist/vue-components.es45.js

@@ -1,5 +1,5 @@
 import { ContextAPI as l } from "./vue-components.es52.js";
-import { getSpanContext as m, setSpan as d } from "./vue-components.es59.js";
+import { getSpanContext as m, setSpan as d } from "./vue-components.es55.js";
 import { NonRecordingSpan as p } from "./vue-components.es51.js";
 import { isSpanContextValid as S } from "./vue-components.es49.js";
 var f = l.getInstance(), I = (

package/dist/vue-components.es5.js

@@ -1,6 +1,6 @@
 import { defineComponent as v, mergeModels as C, useModel as k, useSlots as V, computed as _, resolveComponent as g, createBlock as y, openBlock as B, unref as a, createSlots as E, withCtx as u, renderSlot as d, renderList as M, normalizeProps as S, guardReactiveProps as w } from "vue";
 import { useOnClose as L } from "./vue-components.es11.js";
-import { onMountedWithCleanup as h } from "./vue-components.es29.js";
+import { onMountedWithCleanup as h } from "./vue-components.es16.js";
 const z = /* @__PURE__ */ v({
   __name: "Dialog",
   props: /* @__PURE__ */ C({

package/dist/vue-components.es52.js

@@ -1,6 +1,6 @@
 import { NoopContextManager as f } from "./vue-components.es60.js";
-import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es58.js";
-import { DiagAPI as u } from "./vue-components.es55.js";
+import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es59.js";
+import { DiagAPI as u } from "./vue-components.es56.js";
 var y = function(t, e) {
   var a = typeof Symbol == "function" && t[Symbol.iterator];
   if (!a) return t;

package/dist/vue-components.es53.js

@@ -1,8 +1,8 @@
-import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es58.js";
+import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es59.js";
 import { ProxyTracerProvider as i } from "./vue-components.es46.js";
 import { wrapSpanContext as c, isSpanContextValid as h } from "./vue-components.es49.js";
-import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es59.js";
-import { DiagAPI as o } from "./vue-components.es55.js";
+import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es55.js";
+import { DiagAPI as o } from "./vue-components.es56.js";
 var n = "trace", y = (
   /** @class */
   (function() {

package/dist/vue-components.es55.js

@@ -1,67 +1,31 @@
-import { DiagComponentLogger as m } from "./vue-components.es56.js";
-import { createLogLevelDiagLogger as y } from "./vue-components.es57.js";
-import { DiagLogLevel as d } from "./vue-components.es43.js";
-import { unregisterGlobal as p, getGlobal as v, registerGlobal as w } from "./vue-components.es58.js";
-var b = function(i, n) {
-  var r = typeof Symbol == "function" && i[Symbol.iterator];
-  if (!r) return i;
-  var t = r.call(i), a, e = [], o;
-  try {
-    for (; (n === void 0 || n-- > 0) && !(a = t.next()).done; ) e.push(a.value);
-  } catch (l) {
-    o = { error: l };
-  } finally {
-    try {
-      a && !a.done && (r = t.return) && r.call(t);
-    } finally {
-      if (o) throw o.error;
-    }
-  }
-  return e;
-}, _ = function(i, n, r) {
-  if (r || arguments.length === 2) for (var t = 0, a = n.length, e; t < a; t++)
-    (e || !(t in n)) && (e || (e = Array.prototype.slice.call(n, 0, t)), e[t] = n[t]);
-  return i.concat(e || Array.prototype.slice.call(n));
-}, h = "diag", P = (
-  /** @class */
-  (function() {
-    function i() {
-      function n(a) {
-        return function() {
-          for (var e = [], o = 0; o < arguments.length; o++)
-            e[o] = arguments[o];
-          var l = v("diag");
-          if (l)
-            return l[a].apply(l, _([], b(e), !1));
-        };
-      }
-      var r = this, t = function(a, e) {
-        var o, l, g;
-        if (e === void 0 && (e = { logLevel: d.INFO }), a === r) {
-          var u = new Error("Cannot use diag as the logger for itself. Please use a DiagLogger implementation like ConsoleDiagLogger or a custom implementation");
-          return r.error((o = u.stack) !== null && o !== void 0 ? o : u.message), !1;
-        }
-        typeof e == "number" && (e = {
-          logLevel: e
-        });
-        var f = v("diag"), s = y((l = e.logLevel) !== null && l !== void 0 ? l : d.INFO, a);
-        if (f && !e.suppressOverrideMessage) {
-          var c = (g = new Error().stack) !== null && g !== void 0 ? g : "<failed to generate stacktrace>";
-          f.warn("Current logger will be overwritten from " + c), s.warn("Current logger will overwrite one already registered from " + c);
-        }
-        return w("diag", s, r, !0);
-      };
-      r.setLogger = t, r.disable = function() {
-        p(h, r);
-      }, r.createComponentLogger = function(a) {
-        return new m(a);
-      }, r.verbose = n("verbose"), r.debug = n("debug"), r.info = n("info"), r.warn = n("warn"), r.error = n("error");
-    }
-    return i.instance = function() {
-      return this._instance || (this._instance = new i()), this._instance;
-    }, i;
-  })()
-);
+import { createContextKey as o } from "./vue-components.es42.js";
+import { NonRecordingSpan as a } from "./vue-components.es51.js";
+import { ContextAPI as u } from "./vue-components.es52.js";
+var n = o("OpenTelemetry Context Key SPAN");
+function r(e) {
+  return e.getValue(n) || void 0;
+}
+function S() {
+  return r(u.getInstance().active());
+}
+function i(e, t) {
+  return e.setValue(n, t);
+}
+function l(e) {
+  return e.deleteValue(n);
+}
+function d(e, t) {
+  return i(e, new a(t));
+}
+function m(e) {
+  var t;
+  return (t = r(e)) === null || t === void 0 ? void 0 : t.spanContext();
+}
 export {
-  P as DiagAPI
+  l as deleteSpan,
+  S as getActiveSpan,
+  r as getSpan,
+  m as getSpanContext,
+  i as setSpan,
+  d as setSpanContext
 };

package/dist/vue-components.es56.js

@@ -1,58 +1,67 @@
-import { getGlobal as f } from "./vue-components.es58.js";
-var p = function(n, e) {
-  var r = typeof Symbol == "function" && n[Symbol.iterator];
-  if (!r) return n;
-  var t = r.call(n), o, a = [], g;
+import { DiagComponentLogger as m } from "./vue-components.es57.js";
+import { createLogLevelDiagLogger as y } from "./vue-components.es58.js";
+import { DiagLogLevel as d } from "./vue-components.es43.js";
+import { unregisterGlobal as p, getGlobal as v, registerGlobal as w } from "./vue-components.es59.js";
+var b = function(i, n) {
+  var r = typeof Symbol == "function" && i[Symbol.iterator];
+  if (!r) return i;
+  var t = r.call(i), a, e = [], o;
   try {
-    for (; (e === void 0 || e-- > 0) && !(o = t.next()).done; ) a.push(o.value);
-  } catch (s) {
-    g = { error: s };
+    for (; (n === void 0 || n-- > 0) && !(a = t.next()).done; ) e.push(a.value);
+  } catch (l) {
+    o = { error: l };
   } finally {
     try {
-      o && !o.done && (r = t.return) && r.call(t);
+      a && !a.done && (r = t.return) && r.call(t);
     } finally {
-      if (g) throw g.error;
+      if (o) throw o.error;
     }
   }
-  return a;
-}, l = function(n, e, r) {
-  if (r || arguments.length === 2) for (var t = 0, o = e.length, a; t < o; t++)
-    (a || !(t in e)) && (a || (a = Array.prototype.slice.call(e, 0, t)), a[t] = e[t]);
-  return n.concat(a || Array.prototype.slice.call(e));
-}, i = (
+  return e;
+}, _ = function(i, n, r) {
+  if (r || arguments.length === 2) for (var t = 0, a = n.length, e; t < a; t++)
+    (e || !(t in n)) && (e || (e = Array.prototype.slice.call(n, 0, t)), e[t] = n[t]);
+  return i.concat(e || Array.prototype.slice.call(n));
+}, h = "diag", P = (
   /** @class */
   (function() {
-    function n(e) {
-      this._namespace = e.namespace || "DiagComponentLogger";
+    function i() {
+      function n(a) {
+        return function() {
+          for (var e = [], o = 0; o < arguments.length; o++)
+            e[o] = arguments[o];
+          var l = v("diag");
+          if (l)
+            return l[a].apply(l, _([], b(e), !1));
+        };
+      }
+      var r = this, t = function(a, e) {
+        var o, l, g;
+        if (e === void 0 && (e = { logLevel: d.INFO }), a === r) {
+          var u = new Error("Cannot use diag as the logger for itself. Please use a DiagLogger implementation like ConsoleDiagLogger or a custom implementation");
+          return r.error((o = u.stack) !== null && o !== void 0 ? o : u.message), !1;
+        }
+        typeof e == "number" && (e = {
+          logLevel: e
+        });
+        var f = v("diag"), s = y((l = e.logLevel) !== null && l !== void 0 ? l : d.INFO, a);
+        if (f && !e.suppressOverrideMessage) {
+          var c = (g = new Error().stack) !== null && g !== void 0 ? g : "<failed to generate stacktrace>";
+          f.warn("Current logger will be overwritten from " + c), s.warn("Current logger will overwrite one already registered from " + c);
+        }
+        return w("diag", s, r, !0);
+      };
+      r.setLogger = t, r.disable = function() {
+        p(h, r);
+      }, r.createComponentLogger = function(a) {
+        return new m(a);
+      }, r.verbose = n("verbose"), r.debug = n("debug"), r.info = n("info"), r.warn = n("warn"), r.error = n("error");
     }
-    return n.prototype.debug = function() {
-      for (var e = [], r = 0; r < arguments.length; r++)
-        e[r] = arguments[r];
-      return u("debug", this._namespace, e);
-    }, n.prototype.error = function() {
-      for (var e = [], r = 0; r < arguments.length; r++)
-        e[r] = arguments[r];
-      return u("error", this._namespace, e);
-    }, n.prototype.info = function() {
-      for (var e = [], r = 0; r < arguments.length; r++)
-        e[r] = arguments[r];
-      return u("info", this._namespace, e);
-    }, n.prototype.warn = function() {
-      for (var e = [], r = 0; r < arguments.length; r++)
-        e[r] = arguments[r];
-      return u("warn", this._namespace, e);
-    }, n.prototype.verbose = function() {
-      for (var e = [], r = 0; r < arguments.length; r++)
-        e[r] = arguments[r];
-      return u("verbose", this._namespace, e);
-    }, n;
+    return i.instance = function() {
+      return this._instance || (this._instance = new i()), this._instance;
+    }, i;
   })()
 );
-function u(n, e, r) {
-  var t = f("diag");
-  if (t)
-    return r.unshift(e), t[n].apply(t, l([], p(r), !1));
-}
 export {
-  i as DiagComponentLogger
+  P as DiagAPI
 };

package/dist/vue-components.es57.js

@@ -1,19 +1,58 @@
-import { DiagLogLevel as r } from "./vue-components.es43.js";
-function c(n, o) {
-  n < r.NONE ? n = r.NONE : n > r.ALL && (n = r.ALL), o = o || {};
-  function i(t, f) {
-    var e = o[t];
-    return typeof e == "function" && n >= f ? e.bind(o) : function() {
-    };
+import { getGlobal as f } from "./vue-components.es59.js";
+var p = function(n, e) {
+  var r = typeof Symbol == "function" && n[Symbol.iterator];
+  if (!r) return n;
+  var t = r.call(n), o, a = [], g;
+  try {
+    for (; (e === void 0 || e-- > 0) && !(o = t.next()).done; ) a.push(o.value);
+  } catch (s) {
+    g = { error: s };
+  } finally {
+    try {
+      o && !o.done && (r = t.return) && r.call(t);
+    } finally {
+      if (g) throw g.error;
+    }
   }
-  return {
-    error: i("error", r.ERROR),
-    warn: i("warn", r.WARN),
-    info: i("info", r.INFO),
-    debug: i("debug", r.DEBUG),
-    verbose: i("verbose", r.VERBOSE)
-  };
+  return a;
+}, l = function(n, e, r) {
+  if (r || arguments.length === 2) for (var t = 0, o = e.length, a; t < o; t++)
+    (a || !(t in e)) && (a || (a = Array.prototype.slice.call(e, 0, t)), a[t] = e[t]);
+  return n.concat(a || Array.prototype.slice.call(e));
+}, i = (
+  /** @class */
+  (function() {
+    function n(e) {
+      this._namespace = e.namespace || "DiagComponentLogger";
+    }
+    return n.prototype.debug = function() {
+      for (var e = [], r = 0; r < arguments.length; r++)
+        e[r] = arguments[r];
+      return u("debug", this._namespace, e);
+    }, n.prototype.error = function() {
+      for (var e = [], r = 0; r < arguments.length; r++)
+        e[r] = arguments[r];
+      return u("error", this._namespace, e);
+    }, n.prototype.info = function() {
+      for (var e = [], r = 0; r < arguments.length; r++)
+        e[r] = arguments[r];
+      return u("info", this._namespace, e);
+    }, n.prototype.warn = function() {
+      for (var e = [], r = 0; r < arguments.length; r++)
+        e[r] = arguments[r];
+      return u("warn", this._namespace, e);
+    }, n.prototype.verbose = function() {
+      for (var e = [], r = 0; r < arguments.length; r++)
+        e[r] = arguments[r];
+      return u("verbose", this._namespace, e);
+    }, n;
+  })()
+);
+function u(n, e, r) {
+  var t = f("diag");
+  if (t)
+    return r.unshift(e), t[n].apply(t, l([], p(r), !1));
 }
 export {
-  c as createLogLevelDiagLogger
+  i as DiagComponentLogger
 };

package/dist/vue-components.es58.js

@@ -1,35 +1,19 @@
-import { VERSION as t } from "./vue-components.es61.js";
-import { isCompatible as f } from "./vue-components.es62.js";
-import { _globalThis as m } from "./vue-components.es63.js";
-var u = t.split(".")[0], n = /* @__PURE__ */ Symbol.for("opentelemetry.js.api." + u), l = m;
-function d(r, o, e, i) {
-  var v;
-  i === void 0 && (i = !1);
-  var s = l[n] = (v = l[n]) !== null && v !== void 0 ? v : {
-    version: t
-  };
-  if (!i && s[r]) {
-    var a = new Error("@opentelemetry/api: Attempted duplicate registration of API: " + r);
-    return e.error(a.stack || a.message), !1;
-  }
-  if (s.version !== t) {
-    var a = new Error("@opentelemetry/api: Registration of version v" + s.version + " for " + r + " does not match previously registered API v" + t);
-    return e.error(a.stack || a.message), !1;
+import { DiagLogLevel as r } from "./vue-components.es43.js";
+function c(n, o) {
+  n < r.NONE ? n = r.NONE : n > r.ALL && (n = r.ALL), o = o || {};
+  function i(t, f) {
+    var e = o[t];
+    return typeof e == "function" && n >= f ? e.bind(o) : function() {
+    };
   }
-  return s[r] = o, e.debug("@opentelemetry/api: Registered a global for " + r + " v" + t + "."), !0;
-}
-function E(r) {
-  var o, e, i = (o = l[n]) === null || o === void 0 ? void 0 : o.version;
-  if (!(!i || !f(i)))
-    return (e = l[n]) === null || e === void 0 ? void 0 : e[r];
-}
-function _(r, o) {
-  o.debug("@opentelemetry/api: Unregistering a global for " + r + " v" + t + ".");
-  var e = l[n];
-  e && delete e[r];
+  return {
+    error: i("error", r.ERROR),
+    warn: i("warn", r.WARN),
+    info: i("info", r.INFO),
+    debug: i("debug", r.DEBUG),
+    verbose: i("verbose", r.VERBOSE)
+  };
 }
 export {
-  E as getGlobal,
-  d as registerGlobal,
-  _ as unregisterGlobal
+  c as createLogLevelDiagLogger
 };

package/dist/vue-components.es59.js

@@ -1,31 +1,35 @@
-import { createContextKey as o } from "./vue-components.es42.js";
-import { NonRecordingSpan as a } from "./vue-components.es51.js";
-import { ContextAPI as u } from "./vue-components.es52.js";
-var n = o("OpenTelemetry Context Key SPAN");
-function r(e) {
-  return e.getValue(n) || void 0;
+import { VERSION as t } from "./vue-components.es61.js";
+import { isCompatible as f } from "./vue-components.es62.js";
+import { _globalThis as m } from "./vue-components.es63.js";
+var u = t.split(".")[0], n = /* @__PURE__ */ Symbol.for("opentelemetry.js.api." + u), l = m;
+function d(r, o, e, i) {
+  var v;
+  i === void 0 && (i = !1);
+  var s = l[n] = (v = l[n]) !== null && v !== void 0 ? v : {
+    version: t
+  };
+  if (!i && s[r]) {
+    var a = new Error("@opentelemetry/api: Attempted duplicate registration of API: " + r);
+    return e.error(a.stack || a.message), !1;
+  }
+  if (s.version !== t) {
+    var a = new Error("@opentelemetry/api: Registration of version v" + s.version + " for " + r + " does not match previously registered API v" + t);
+    return e.error(a.stack || a.message), !1;
+  }
+  return s[r] = o, e.debug("@opentelemetry/api: Registered a global for " + r + " v" + t + "."), !0;
 }
-function S() {
-  return r(u.getInstance().active());
+function E(r) {
+  var o, e, i = (o = l[n]) === null || o === void 0 ? void 0 : o.version;
+  if (!(!i || !f(i)))
+    return (e = l[n]) === null || e === void 0 ? void 0 : e[r];
 }
-function i(e, t) {
-  return e.setValue(n, t);
-}
-function l(e) {
-  return e.deleteValue(n);
-}
-function d(e, t) {
-  return i(e, new a(t));
-}
-function m(e) {
-  var t;
-  return (t = r(e)) === null || t === void 0 ? void 0 : t.spanContext();
+function _(r, o) {
+  o.debug("@opentelemetry/api: Unregistering a global for " + r + " v" + t + ".");
+  var e = l[n];
+  e && delete e[r];
 }
 export {
-  l as deleteSpan,
-  S as getActiveSpan,
-  r as getSpan,
-  m as getSpanContext,
-  i as setSpan,
-  d as setSpanContext
+  E as getGlobal,
+  d as registerGlobal,
+  _ as unregisterGlobal
 };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.26",
+  "version": "4.0.0-beta.27",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
-    "effect": "^4.0.0-beta.36",
+    "effect": "^4.0.0-beta.37",
     "intl-messageformat": "^11.1.2",
     "mdi-js": "^1.0.1",
     "primeflex": "^4.0.0",
@@ -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.26",
-    "effect-app": "4.0.0-beta.26"
+    "@effect-app/vue": "4.0.0-beta.27",
+    "effect-app": "4.0.0-beta.27"
   },
   "scripts": {
     "check": "vue-tsc",