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

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.es18.js";
+import { runtimeFiberAsPromise as W } from "./vue-components.es17.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.es19.js";
-import C from "./vue-components.es20.js";
-import ee from "./vue-components.es21.js";
+import Y from "./vue-components.es18.js";
+import C from "./vue-components.es19.js";
+import ee from "./vue-components.es20.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.es22.js";
-import { trace as H } from "./vue-components.es23.js";
-import { context as _ } from "./vue-components.es24.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";
 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.es29.js";
+import l from "./vue-components.es28.js";
 import { inject as c, provide as u } from "vue";
-import { onMountedWithCleanup as f } from "./vue-components.es16.js";
+import { onMountedWithCleanup as f } from "./vue-components.es29.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.es17.js";
+import { isObject as G } from "./vue-components.es16.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,13 +1,6 @@
-import { onMounted as e, onUnmounted as u } from "vue";
-function p(t) {
-  let n;
-  e(() => {
-    const o = t();
-    o && (n = o);
-  }), u(() => {
-    n && n();
-  });
-}
+import "vue";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const t = Object.prototype.toString, c = (o) => t.call(o) === "[object Object]";
 export {
-  p as onMountedWithCleanup
+  c as isObject
 };

package/dist/vue-components.es17.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 { 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 {
-  c as isObject
+  a as clone,
+  n as cloneTrait,
+  O as runtimeFiberAsPromise
 };

package/dist/vue-components.es18.js

@@ -1,13 +1,57 @@
-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 { 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"]));
+  }
+});
 export {
-  a as clone,
-  n as cloneTrait,
-  O as runtimeFiberAsPromise
+  N as default
 };

package/dist/vue-components.es19.js

@@ -1,57 +1,56 @@
-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",
+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: {},
-    inputClass: {},
-    name: {},
-    defaultItems: {},
-    items: {}
+    pick: {},
+    omit: {},
+    labelMap: { type: Function },
+    filterMap: { type: Function },
+    order: {},
+    sort: {}
   },
-  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), [];
-      }
+  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;
     });
-    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"]));
+    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 {
-  N as default
+  v as default
 };

package/dist/vue-components.es20.js

@@ -1,56 +1,8 @@
-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));
-  }
-});
+(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"]]);
 export {
-  v as default
+  m as default
 };

package/dist/vue-components.es21.js

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

package/dist/vue-components.es22.js

@@ -1,8 +1,5 @@
-(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"]]);
+import { TraceAPI as r } from "./vue-components.es53.js";
+var t = r.getInstance();
 export {
-  a as default
+  t as trace
 };

package/dist/vue-components.es23.js

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

package/dist/vue-components.es24.js

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

package/dist/vue-components.es25.js

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

package/dist/vue-components.es26.js

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

package/dist/vue-components.es27.js

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

package/dist/vue-components.es28.js

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

package/dist/vue-components.es29.js

@@ -1,19 +1,13 @@
-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 { 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 default
+  p as onMountedWithCleanup
 };

package/dist/vue-components.es34.js

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

package/dist/vue-components.es35.js

@@ -1,4 +1,4 @@
-import f from "./vue-components.es20.js";
+import f from "./vue-components.es19.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.es55.js";
+import { getSpanContext as m, setSpan as d } from "./vue-components.es59.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.es16.js";
+import { onMountedWithCleanup as h } from "./vue-components.es29.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.es59.js";
-import { DiagAPI as u } from "./vue-components.es56.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";
 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.es59.js";
+import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es58.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.es55.js";
-import { DiagAPI as o } from "./vue-components.es56.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";
 var n = "trace", y = (
   /** @class */
   (function() {

package/dist/vue-components.es55.js

@@ -1,31 +1,67 @@
-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();
-}
+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;
+  })()
+);
 export {
-  l as deleteSpan,
-  S as getActiveSpan,
-  r as getSpan,
-  m as getSpanContext,
-  i as setSpan,
-  d as setSpanContext
+  P as DiagAPI
 };

package/dist/vue-components.es56.js

@@ -1,67 +1,58 @@
-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;
+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;
   try {
-    for (; (n === void 0 || n-- > 0) && !(a = t.next()).done; ) e.push(a.value);
-  } catch (l) {
-    o = { error: l };
+    for (; (e === void 0 || e-- > 0) && !(o = t.next()).done; ) a.push(o.value);
+  } catch (s) {
+    g = { error: s };
   } finally {
     try {
-      a && !a.done && (r = t.return) && r.call(t);
+      o && !o.done && (r = t.return) && r.call(t);
     } finally {
-      if (o) throw o.error;
+      if (g) throw g.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 = (
+  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 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");
+    function n(e) {
+      this._namespace = e.namespace || "DiagComponentLogger";
     }
-    return i.instance = function() {
-      return this._instance || (this._instance = new i()), this._instance;
-    }, i;
+    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 {
-  P as DiagAPI
+  i as DiagComponentLogger
 };

package/dist/vue-components.es57.js

@@ -1,58 +1,19 @@
-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;
-    }
+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 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));
+  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 {
-  i as DiagComponentLogger
+  c as createLogLevelDiagLogger
 };

package/dist/vue-components.es58.js

@@ -1,19 +1,35 @@
-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 {
-    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)
+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 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];
 }
 export {
-  c as createLogLevelDiagLogger
+  E as getGlobal,
+  d as registerGlobal,
+  _ as unregisterGlobal
 };

package/dist/vue-components.es59.js

@@ -1,35 +1,31 @@
-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;
+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 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 S() {
+  return r(u.getInstance().active());
 }
-function _(r, o) {
-  o.debug("@opentelemetry/api: Unregistering a global for " + r + " v" + t + ".");
-  var e = l[n];
-  e && delete 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();
 }
 export {
-  E as getGlobal,
-  d as registerGlobal,
-  _ as unregisterGlobal
+  l as deleteSpan,
+  S as getActiveSpan,
+  r as getSpan,
+  m as getSpanContext,
+  i as setSpan,
+  d as setSpanContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.27",
+  "version": "4.0.0-beta.28",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^4.0.0-beta.37",
@@ -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.27",
-    "effect-app": "4.0.0-beta.27"
+    "@effect-app/vue": "4.0.0-beta.28",
+    "effect-app": "4.0.0-beta.28"
   },
   "scripts": {
     "check": "vue-tsc",