@vanjana/vue-ui 0.1.105 → 0.1.110

package/dist/vanjana-vue-ui.es.js

@@ -1,36 +1,36 @@
-import { createElementBlock as g, openBlock as f, createElementVNode as x, renderSlot as j, defineComponent as T, computed as C, normalizeClass as z, createBlock as M, createCommentVNode as L, createTextVNode as Ue, unref as S, toDisplayString as B, useSlots as Wt, ref as E, onMounted as Be, nextTick as me, onBeforeUnmount as Re, watch as X, resolveComponent as K, createVNode as O, normalizeStyle as G, Fragment as Z, renderList as ge, mergeModels as ee, useModel as ve, withModifiers as N, provide as Nt, Teleport as Pe, Transition as Oe, withCtx as W, createSlots as rt, resolveDynamicComponent as Kt, mergeProps as yn, shallowRef as wn, getCurrentScope as _n, onScopeDispose as xn, shallowReadonly as Ve, render as St, resolveDirective as Xt, withDirectives as ct, withKeys as lt, inject as ut, vModelText as kn, toRef as nt, normalizeProps as Vn, guardReactiveProps as Cn, TransitionGroup as En, isRef as Ln, createApp as $n, h as Sn } from "vue";
-import { useRouter as Rn, useRoute as Tn } from "vue-router";
-const D = (e, n) => {
+import { createElementBlock as g, openBlock as v, createElementVNode as x, renderSlot as M, defineComponent as R, computed as C, normalizeClass as I, createBlock as F, createCommentVNode as $, createTextVNode as Ue, unref as S, toDisplayString as B, useSlots as Ut, ref as E, onMounted as Re, nextTick as me, onBeforeUnmount as Te, watch as N, resolveComponent as X, createVNode as D, normalizeStyle as q, Fragment as Z, renderList as ge, mergeModels as ee, useModel as ve, withModifiers as K, provide as Kt, Teleport as Pe, Transition as De, withCtx as U, createSlots as rt, resolveDynamicComponent as Nt, mergeProps as yn, shallowRef as wn, getCurrentScope as _n, onScopeDispose as xn, shallowReadonly as Ve, render as St, resolveDirective as Xt, withDirectives as ct, withKeys as je, inject as ut, onUnmounted as kn, vModelText as Vn, toRef as ot, normalizeProps as Cn, guardReactiveProps as En, TransitionGroup as Ln, isRef as $n, createApp as Sn, h as Rn } from "vue";
+import { useRouter as Tn, useRoute as An } from "vue-router";
+const O = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, l] of n)
     t[o] = l;
   return t;
-}, An = {}, On = { class: "button-bar" }, Dn = { class: "left" }, Bn = { class: "right" };
+}, On = {}, Dn = { class: "button-bar" }, jn = { class: "left" }, Bn = { class: "right" };
 function Pn(e, n) {
-  return f(), g("div", On, [
-    x("div", Dn, [
-      j(e.$slots, "left", {}, void 0, !0)
+  return v(), g("div", Dn, [
+    x("div", jn, [
+      M(e.$slots, "left", {}, void 0, !0)
     ]),
     x("div", Bn, [
-      j(e.$slots, "default", {}, void 0, !0)
+      M(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const jn = /* @__PURE__ */ D(An, [["render", Pn], ["__scopeId", "data-v-45a6ed1a"]]);
-var F = /* @__PURE__ */ ((e) => (e.HOME = "fa-regular fa-house", e.DASHBOARD = "fa-solid fa-gauge", e.MENU = "fa-solid fa-bars", e.DOT_MENU = "fa-solid fa-ellipsis-vertical", e.BACK = "fa-regular fa-hand-point-left", e.LOGOUT = "fa-solid fa-right-from-bracket", e.CHEVRON_LEFT = "fa-solid fa-chevron-left", e.CHEVRON_RIGHT = "fa-solid fa-chevron-right", e.CHEVRON_UP = "fa-solid fa-chevron-up", e.CHEVRON_DOWN = "fa-solid fa-chevron-down", e.PREVIOUS = "fa-solid fa-angle-left", e.FIRST = "fa-solid fa-angles-left", e.NEXT = "fa-solid fa-angle-right", e.LAST = "fa-solid fa-angles-right", e.USER = "fa-regular fa-user-circle", e.CHARACTER = "fa-solid fa-person", e.SETTINGS = "fa-solid fa-gear", e.ADD = "fa-regular fa-plus", e.EDIT = "fa-solid fa-pen", e.REMOVE = "fa-regular fa-trash-can", e.DELETE = "fa-regular fa-trash-can", e.SHARE = "fa-solid fa-share-nodes", e.SORT = "fa-regular fa-arrow-up-arrow-down", e.CLOSE = "fa-regular fa-circle-xmark", e.SAVE = "fa-regular fa-floppy-disk", e.COPY = "fa-regular fa-copy", e.DUPLICATE = "fa-regular fa-clone", e.CUT = "fa-solid fa-scissors", e.PASTE = "fa-regular fa-clipboard", e.REFRESH = "fa-solid fa-rotate-right", e.RELOAD = "fa-solid fa-arrows-rotate", e.PRINT = "fa-solid fa-print", e.FILTER = "fa-solid fa-filter", e.UNDO = "fa-solid fa-rotate-left", e.REDO = "fa-solid fa-rotate-right", e.PIN = "fa-solid fa-thumbtack", e.EXPAND = "fa-solid fa-expand", e.COLLAPSE = "fa-solid fa-compress", e.EXTERNAL_LINK = "fa-solid fa-arrow-up-right-from-square", e.INFO = "fa-solid fa-circle-info", e.WARNING = "fa-solid fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.STAR = "fa-regular fa-star", e.STAR_FILLED = "fa-solid fa-star", e.HELP = "fa-regular fa-circle-question", e.QUESTION = "fa-solid fa-question", e.PROJECT = "fa-regular fa-folder-open", e.FOLDER = "fa-regular fa-folder", e.FILE_TEXT = "fa-regular fa-file-lines", e.UPLOAD = "fa-solid fa-cloud-arrow-up", e.DOWNLOAD = "fa-solid fa-cloud-arrow-down", e.ATTACHMENT = "fa-solid fa-paperclip", e.LINK = "fa-solid fa-link", e.TAG = "fa-solid fa-tag", e.TAGS = "fa-solid fa-tags", e.SEARCH = "fa-solid fa-magnifying-glass", e.MESSAGE_SQUARE = "fa-regular fa-message", e.MAIL = "fa-regular fa-envelope", e.SHOPPING_BAG = "fa-regular fa-bag-shopping", e.COMMENT = "fa-regular fa-comment", e.COMMENTS = "fa-regular fa-comments", e.CALENDAR = "fa-regular fa-calendar", e.CALENDAR_DAY = "fa-solid fa-calendar-day", e.CLOCK = "fa-regular fa-clock", e.HISTORY = "fa-solid fa-clock-rotate-left", e.LOCK = "fa-solid fa-lock", e.UNLOCK = "fa-solid fa-lock-open", e.EYE = "fa-regular fa-eye", e.EYE_SLASH = "fa-regular fa-eye-slash", e.SHIELD = "fa-solid fa-shield", e.LIST = "fa-solid fa-list", e.GRID = "fa-solid fa-grid", e.TABLE = "fa-solid fa-table", e.COLUMNS = "fa-solid fa-columns", e.BELL = "fa-regular fa-bell", e.IMAGE = "fa-regular fa-image", e))(F || {}), q = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(q || {});
-const be = /* @__PURE__ */ T({
+const Mn = /* @__PURE__ */ O(On, [["render", Pn], ["__scopeId", "data-v-45a6ed1a"]]);
+var H = /* @__PURE__ */ ((e) => (e.HOME = "fa-regular fa-house", e.DASHBOARD = "fa-solid fa-gauge", e.MENU = "fa-solid fa-bars", e.DOT_MENU = "fa-solid fa-ellipsis-vertical", e.BACK = "fa-regular fa-hand-point-left", e.LOGOUT = "fa-solid fa-right-from-bracket", e.CHEVRON_LEFT = "fa-solid fa-chevron-left", e.CHEVRON_RIGHT = "fa-solid fa-chevron-right", e.CHEVRON_UP = "fa-solid fa-chevron-up", e.CHEVRON_DOWN = "fa-solid fa-chevron-down", e.PREVIOUS = "fa-solid fa-angle-left", e.FIRST = "fa-solid fa-angles-left", e.NEXT = "fa-solid fa-angle-right", e.LAST = "fa-solid fa-angles-right", e.USER = "fa-regular fa-user-circle", e.CHARACTER = "fa-solid fa-person", e.SETTINGS = "fa-solid fa-gear", e.ADD = "fa-regular fa-plus", e.EDIT = "fa-solid fa-pen", e.REMOVE = "fa-regular fa-trash-can", e.DELETE = "fa-regular fa-trash-can", e.SHARE = "fa-solid fa-share-nodes", e.SORT = "fa-regular fa-arrow-up-arrow-down", e.CLOSE = "fa-regular fa-circle-xmark", e.SAVE = "fa-regular fa-floppy-disk", e.COPY = "fa-regular fa-copy", e.DUPLICATE = "fa-regular fa-clone", e.CUT = "fa-solid fa-scissors", e.PASTE = "fa-regular fa-clipboard", e.REFRESH = "fa-solid fa-rotate-right", e.RELOAD = "fa-solid fa-arrows-rotate", e.PRINT = "fa-solid fa-print", e.FILTER = "fa-solid fa-filter", e.UNDO = "fa-solid fa-rotate-left", e.REDO = "fa-solid fa-rotate-right", e.PIN = "fa-solid fa-thumbtack", e.EXPAND = "fa-solid fa-expand", e.COLLAPSE = "fa-solid fa-compress", e.EXTERNAL_LINK = "fa-solid fa-arrow-up-right-from-square", e.INFO = "fa-solid fa-circle-info", e.WARNING = "fa-solid fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.STAR = "fa-regular fa-star", e.STAR_FILLED = "fa-solid fa-star", e.HELP = "fa-regular fa-circle-question", e.QUESTION = "fa-solid fa-question", e.PROJECT = "fa-regular fa-folder-open", e.FOLDER = "fa-regular fa-folder", e.FILE_TEXT = "fa-regular fa-file-lines", e.UPLOAD = "fa-solid fa-cloud-arrow-up", e.DOWNLOAD = "fa-solid fa-cloud-arrow-down", e.ATTACHMENT = "fa-solid fa-paperclip", e.LINK = "fa-solid fa-link", e.TAG = "fa-solid fa-tag", e.TAGS = "fa-solid fa-tags", e.SEARCH = "fa-solid fa-magnifying-glass", e.MESSAGE_SQUARE = "fa-regular fa-message", e.MAIL = "fa-regular fa-envelope", e.SHOPPING_BAG = "fa-regular fa-bag-shopping", e.COMMENT = "fa-regular fa-comment", e.COMMENTS = "fa-regular fa-comments", e.CALENDAR = "fa-regular fa-calendar", e.CALENDAR_DAY = "fa-solid fa-calendar-day", e.CLOCK = "fa-regular fa-clock", e.HISTORY = "fa-solid fa-clock-rotate-left", e.LOCK = "fa-solid fa-lock", e.UNLOCK = "fa-solid fa-lock-open", e.EYE = "fa-regular fa-eye", e.EYE_SLASH = "fa-regular fa-eye-slash", e.SHIELD = "fa-solid fa-shield", e.LIST = "fa-solid fa-list", e.GRID = "fa-solid fa-grid", e.TABLE = "fa-solid fa-table", e.COLUMNS = "fa-solid fa-columns", e.BELL = "fa-regular fa-bell", e.IMAGE = "fa-regular fa-image", e))(H || {}), G = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(G || {});
+const be = /* @__PURE__ */ R({
   __name: "icon",
   props: {
     icon: {},
     size: {}
   },
   setup(e) {
-    const n = e, t = q.M, o = C(() => `${n.icon} ${n.size ?? t}`);
-    return (l, a) => (f(), g("i", {
-      class: z(o.value)
+    const n = e, t = G.M, o = C(() => `${n.icon} ${n.size ?? t}`);
+    return (l, a) => (v(), g("i", {
+      class: I(o.value)
     }, null, 2));
   }
-}), Mn = ["disabled"], Fn = /* @__PURE__ */ T({
+}), Fn = ["disabled"], zn = /* @__PURE__ */ R({
   __name: "button",
   props: {
     label: {},
@@ -41,51 +41,51 @@ const be = /* @__PURE__ */ T({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = q.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = C(() => !n.label && !!n.icon);
-    return (a, i) => (f(), g("button", {
-      class: z(["button", o.value, { "icon-only": l.value }]),
+    const n = e, t = G.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = C(() => !n.label && !!n.icon);
+    return (a, i) => (v(), g("button", {
+      class: I(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
     }, [
-      e.icon ? (f(), M(be, {
+      e.icon ? (v(), F(be, {
         key: 0,
         icon: e.icon,
         size: S(t)
-      }, null, 8, ["icon", "size"])) : L("", !0),
+      }, null, 8, ["icon", "size"])) : $("", !0),
       Ue(" " + B(e.label), 1)
-    ], 10, Mn));
+    ], 10, Fn));
   }
-}), dt = /* @__PURE__ */ D(Fn, [["__scopeId", "data-v-f31c33cf"]]), zn = {
+}), dt = /* @__PURE__ */ O(zn, [["__scopeId", "data-v-f31c33cf"]]), In = {
   key: 0,
   class: "header-actions"
-}, In = { key: 0 }, Hn = /* @__PURE__ */ T({
+}, Hn = { key: 0 }, Wn = /* @__PURE__ */ R({
   __name: "card",
   props: {
     header: {},
     scrollable: { type: Boolean }
   },
   setup(e) {
-    const n = Wt();
-    return (t, o) => (f(), g("div", {
-      class: z(["card", { scrollable: e.scrollable }])
+    const n = Ut();
+    return (t, o) => (v(), g("div", {
+      class: I(["card", { scrollable: e.scrollable }])
     }, [
       x("header", null, [
         x("h3", null, B(e.header), 1),
-        S(n).headerActions ? (f(), g("span", zn, [
-          j(t.$slots, "headerActions", {}, void 0, !0)
-        ])) : L("", !0)
+        S(n).headerActions ? (v(), g("span", In, [
+          M(t.$slots, "headerActions", {}, void 0, !0)
+        ])) : $("", !0)
       ]),
       x("main", null, [
-        j(t.$slots, "default", {}, void 0, !0)
+        M(t.$slots, "default", {}, void 0, !0)
       ]),
-      S(n).footer ? (f(), g("footer", In, [
-        j(t.$slots, "footer", {}, void 0, !0)
-      ])) : L("", !0)
+      S(n).footer ? (v(), g("footer", Hn, [
+        M(t.$slots, "footer", {}, void 0, !0)
+      ])) : $("", !0)
     ], 2));
   }
-}), at = /* @__PURE__ */ D(Hn, [["__scopeId", "data-v-ec6ab562"]]), Un = ["aria-label"], Wn = {
+}), at = /* @__PURE__ */ O(Wn, [["__scopeId", "data-v-ec6ab562"]]), Un = ["aria-label"], Kn = {
   key: 0,
   class: "carousel-indicators"
-}, Nn = /* @__PURE__ */ T({
+}, Nn = /* @__PURE__ */ R({
   __name: "carousel",
   props: {
     autoplay: { type: Boolean },
@@ -96,102 +96,102 @@ const be = /* @__PURE__ */ T({
     ariaLabel: {}
   },
   setup(e) {
-    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, a = n.pauseOnHover ?? !0, i = n.startIndex ?? 0, c = n.ariaLabel ?? "Carousel", s = E(Math.max(0, i)), r = E(null), u = E(null), d = E(0), v = E(0);
+    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, a = n.pauseOnHover ?? !0, i = n.startIndex ?? 0, c = n.ariaLabel ?? "Carousel", s = E(Math.max(0, i)), r = E(null), u = E(null), d = E(0), f = E(0);
     let m = !1;
     const p = E(0), w = E(!1);
     let h = null, y = null;
-    const _ = E(null), b = E(null), $ = () => {
-      p.value = r.value ? r.value.children.length : 0, p.value === 0 ? s.value = 0 : s.value >= p.value && (s.value = l ? 0 : p.value - 1), I();
-    }, P = C(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + v.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), I = () => {
-      r.value && Array.from(r.value.children).forEach((R, ye) => {
+    const _ = E(null), b = E(null), L = () => {
+      p.value = r.value ? r.value.children.length : 0, p.value === 0 ? s.value = 0 : s.value >= p.value && (s.value = l ? 0 : p.value - 1), z();
+    }, j = C(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + f.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), z = () => {
+      r.value && Array.from(r.value.children).forEach((A, ye) => {
         try {
-          ye === s.value ? R.removeAttribute("aria-hidden") : R.setAttribute("aria-hidden", "true");
+          ye === s.value ? A.removeAttribute("aria-hidden") : A.setAttribute("aria-hidden", "true");
         } catch {
         }
       });
     }, k = () => {
       V(), !(!t || p.value <= 1) && (a && w.value || (h = setTimeout(() => {
-        H(), k();
+        P(), k();
       }, o)));
     }, V = () => {
       h && (clearTimeout(h), h = null);
-    }, A = () => {
+    }, T = () => {
       p.value !== 0 && (s.value <= 0 ? s.value = l ? p.value - 1 : 0 : s.value--);
-    }, H = () => {
+    }, P = () => {
       p.value !== 0 && (s.value >= p.value - 1 ? s.value = l ? 0 : p.value - 1 : s.value++);
-    }, U = (R) => {
-      R < 0 || R >= p.value || (s.value = R);
-    }, ce = () => {
+    }, W = (A) => {
+      A < 0 || A >= p.value || (s.value = A);
+    }, te = () => {
       w.value = !0, a && V();
     }, ue = () => {
       w.value = !1, k();
-    }, de = (R) => {
-      R.key === "ArrowLeft" ? A() : R.key === "ArrowRight" && H();
+    }, de = (A) => {
+      A.key === "ArrowLeft" ? T() : A.key === "ArrowRight" && P();
     };
-    let ke = 0, te = 0;
-    const ae = (R) => {
-      ke = R.touches[0].clientX, te = 0;
-    }, Y = (R) => {
-      te = R.touches[0].clientX - ke;
-    }, ne = () => {
-      te > 50 ? A() : te < -50 && H(), te = 0;
+    let ke = 0, ne = 0;
+    const ie = (A) => {
+      ke = A.touches[0].clientX, ne = 0;
+    }, Y = (A) => {
+      ne = A.touches[0].clientX - ke;
+    }, oe = () => {
+      ne > 50 ? T() : ne < -50 && P(), ne = 0;
     };
-    let Ie = 0;
-    const Vt = (R) => {
-      if (R.isPrimary !== !1 && !(R.pointerType === "mouse" && R.button !== 0)) {
-        m = !0, Ie = R.clientX, v.value = 0, V();
+    let He = 0;
+    const Vt = (A) => {
+      if (A.isPrimary !== !1 && !(A.pointerType === "mouse" && A.button !== 0)) {
+        m = !0, He = A.clientX, f.value = 0, V();
         try {
-          R.target?.setPointerCapture?.(R.pointerId);
+          A.target?.setPointerCapture?.(A.pointerId);
         } catch {
         }
       }
-    }, Ct = (R) => {
-      m && (v.value = R.clientX - Ie, R.preventDefault());
+    }, Ct = (A) => {
+      m && (f.value = A.clientX - He, A.preventDefault());
     }, Et = () => {
       if (!m) return;
       m = !1;
-      const R = Math.max(50, d.value * 0.15);
-      v.value > R ? A() : v.value < -R && H(), v.value = 0, k();
-    }, Lt = (R) => {
+      const A = Math.max(50, d.value * 0.15);
+      f.value > A ? T() : f.value < -A && P(), f.value = 0, k();
+    }, Lt = (A) => {
       try {
-        R.target?.releasePointerCapture?.(R.pointerId);
+        A.target?.releasePointerCapture?.(A.pointerId);
       } catch {
       }
       Et();
     }, $t = () => Et();
-    return Be(() => {
+    return Re(() => {
       me(() => {
-        if ($(), r.value && (y = new MutationObserver($), y.observe(r.value, { childList: !0 }), r.value.addEventListener("touchstart", ae, { passive: !0 }), r.value.addEventListener("touchmove", Y, { passive: !0 }), r.value.addEventListener("touchend", ne)), u.value) {
-          const R = () => {
+        if (L(), r.value && (y = new MutationObserver(L), y.observe(r.value, { childList: !0 }), r.value.addEventListener("touchstart", ie, { passive: !0 }), r.value.addEventListener("touchmove", Y, { passive: !0 }), r.value.addEventListener("touchend", oe)), u.value) {
+          const A = () => {
             d.value = u.value ? u.value.clientWidth : 0;
           };
-          R();
+          A();
           const ye = window.ResizeObserver;
           if (ye && u.value) {
-            const we = new ye(() => R());
+            const we = new ye(() => A());
             we.observe(u.value), _.value = we;
           } else
-            window.addEventListener("resize", R), b.value = R;
+            window.addEventListener("resize", A), b.value = A;
           u.value && (u.value.addEventListener("pointerdown", Vt), u.value.addEventListener("pointermove", Ct), u.value.addEventListener("pointerup", Lt), u.value.addEventListener("pointercancel", $t));
         }
-        I(), k();
+        z(), k();
       });
-    }), Re(() => {
-      V(), y && r.value && y.disconnect(), r.value && (r.value.removeEventListener("touchstart", ae), r.value.removeEventListener("touchmove", Y), r.value.removeEventListener("touchend", ne)), u.value && (_.value && _.value.disconnect && _.value.disconnect(), b.value && window.removeEventListener("resize", b.value), u.value.removeEventListener("pointerdown", Vt), u.value.removeEventListener("pointermove", Ct), u.value.removeEventListener("pointerup", Lt), u.value.removeEventListener("pointercancel", $t));
-    }), X([s, () => p.value], () => {
-      I();
-    }), X([() => w.value, s], () => {
+    }), Te(() => {
+      V(), y && r.value && y.disconnect(), r.value && (r.value.removeEventListener("touchstart", ie), r.value.removeEventListener("touchmove", Y), r.value.removeEventListener("touchend", oe)), u.value && (_.value && _.value.disconnect && _.value.disconnect(), b.value && window.removeEventListener("resize", b.value), u.value.removeEventListener("pointerdown", Vt), u.value.removeEventListener("pointermove", Ct), u.value.removeEventListener("pointerup", Lt), u.value.removeEventListener("pointercancel", $t));
+    }), N([s, () => p.value], () => {
+      z();
+    }), N([() => w.value, s], () => {
       k();
-    }), (R, ye) => {
-      const we = K("VjButton");
-      return f(), g("div", {
+    }), (A, ye) => {
+      const we = X("VjButton");
+      return v(), g("div", {
         class: "carousel",
         role: "region",
         "aria-roledescription": "carousel",
         "aria-label": S(c),
         tabindex: "0",
         onKeydown: de,
-        onMouseenter: ce,
+        onMouseenter: te,
         onMouseleave: ue
       }, [
         x("div", {
@@ -203,42 +203,42 @@ const be = /* @__PURE__ */ T({
             class: "carousel-track",
             ref_key: "track",
             ref: r,
-            style: G(P.value)
+            style: q(j.value)
           }, [
-            j(R.$slots, "default", {}, void 0, !0)
+            M(A.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 512),
-        O(we, {
+        D(we, {
           class: "carousel-btn prev",
-          icon: S(F).PREVIOUS,
-          onClick: A,
+          icon: S(H).PREVIOUS,
+          onClick: T,
           type: "button",
           "aria-label": "Previous slide"
         }, null, 8, ["icon"]),
-        O(we, {
+        D(we, {
           class: "carousel-btn next",
-          icon: S(F).NEXT,
-          onClick: H,
+          icon: S(H).NEXT,
+          onClick: P,
           type: "button",
           "aria-label": "Next slide"
         }, null, 8, ["icon"]),
-        p.value > 1 ? (f(), g("div", Wn, [
-          (f(!0), g(Z, null, ge(p.value, (Te) => (f(), M(we, {
-            key: Te - 1,
-            class: z(["indicator", { active: Te - 1 === s.value }]),
-            onClick: (Oi) => U(Te - 1),
-            "aria-current": Te - 1 === s.value,
-            "aria-label": `Go to slide ${Te}`,
+        p.value > 1 ? (v(), g("div", Kn, [
+          (v(!0), g(Z, null, ge(p.value, (Ae) => (v(), F(we, {
+            key: Ae - 1,
+            class: I(["indicator", { active: Ae - 1 === s.value }]),
+            onClick: (Hi) => W(Ae - 1),
+            "aria-current": Ae - 1 === s.value,
+            "aria-label": `Go to slide ${Ae}`,
             type: "button"
           }, null, 8, ["class", "onClick", "aria-current", "aria-label"]))), 128))
-        ])) : L("", !0)
+        ])) : $("", !0)
       ], 40, Un);
     };
   }
-}), Pi = /* @__PURE__ */ D(Nn, [["__scopeId", "data-v-232abca2"]]), Kn = { class: "checkbox" }, Xn = ["checked", "disabled"], Gn = {
+}), Ki = /* @__PURE__ */ O(Nn, [["__scopeId", "data-v-232abca2"]]), Xn = { class: "checkbox" }, qn = ["checked", "disabled"], Gn = {
   key: 0,
   class: "checkbox-label"
-}, qn = /* @__PURE__ */ T({
+}, Yn = /* @__PURE__ */ R({
   __name: "checkbox",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -253,14 +253,14 @@ const be = /* @__PURE__ */ T({
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (f(), g("label", Kn, [
+    return (o, l) => (v(), g("label", Xn, [
       x("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "checkbox-input"
-      }, null, 40, Xn),
+      }, null, 40, qn),
       l[0] || (l[0] = x("span", { class: "checkbox-box" }, [
         x("svg", {
           class: "checkbox-icon",
@@ -278,13 +278,13 @@ const be = /* @__PURE__ */ T({
           })
         ])
       ], -1)),
-      e.label ? (f(), g("span", Gn, B(e.label), 1)) : L("", !0)
+      e.label ? (v(), g("span", Gn, B(e.label), 1)) : $("", !0)
     ]));
   }
-}), Yn = /* @__PURE__ */ D(qn, [["__scopeId", "data-v-d44b45ff"]]), Jn = { class: "radio" }, Qn = ["checked", "disabled"], Zn = {
+}), Jn = /* @__PURE__ */ O(Yn, [["__scopeId", "data-v-d44b45ff"]]), Qn = { class: "radio" }, Zn = ["checked", "disabled"], eo = {
   key: 0,
   class: "radio-label"
-}, eo = /* @__PURE__ */ T({
+}, to = /* @__PURE__ */ R({
   __name: "radio",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -299,24 +299,24 @@ const be = /* @__PURE__ */ T({
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (f(), g("label", Jn, [
+    return (o, l) => (v(), g("label", Qn, [
       x("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "radio-input"
-      }, null, 40, Qn),
+      }, null, 40, Zn),
       l[0] || (l[0] = x("span", { class: "radio-box" }, [
         x("span", {
           class: "radio-dot",
           "aria-hidden": "true"
         })
       ], -1)),
-      e.label ? (f(), g("span", Zn, B(e.label), 1)) : L("", !0)
+      e.label ? (v(), g("span", eo, B(e.label), 1)) : $("", !0)
     ]));
   }
-}), ji = /* @__PURE__ */ D(eo, [["__scopeId", "data-v-f9e4bb65"]]), to = { class: "chip__label" }, no = /* @__PURE__ */ T({
+}), Ni = /* @__PURE__ */ O(to, [["__scopeId", "data-v-f9e4bb65"]]), no = { class: "chip__label" }, oo = /* @__PURE__ */ R({
   __name: "chip",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -334,33 +334,33 @@ const be = /* @__PURE__ */ T({
     }), c = () => {
       l("dismiss", o.value);
     };
-    return (s, r) => (f(), g("div", {
-      class: z(["chip", { "chip--dismissable": S(a) }]),
-      style: G(i.value),
+    return (s, r) => (v(), g("div", {
+      class: I(["chip", { "chip--dismissable": S(a) }]),
+      style: q(i.value),
       onClick: r[0] || (r[0] = (u) => s.$emit("click"))
     }, [
-      x("span", to, B(e.label), 1),
-      S(a) ? (f(), g("button", {
+      x("span", no, B(e.label), 1),
+      S(a) ? (v(), g("button", {
         key: 0,
         class: "chip__close",
         type: "button",
-        onClick: N(c, ["stop"]),
+        onClick: K(c, ["stop"]),
         "aria-label": "Dismiss"
       }, [
-        O(be, {
-          icon: S(F).CLOSE,
-          size: S(q).S
+        D(be, {
+          icon: S(H).CLOSE,
+          size: S(G).S
         }, null, 8, ["icon", "size"])
-      ])) : L("", !0)
+      ])) : $("", !0)
     ], 6));
   }
-}), Gt = /* @__PURE__ */ D(no, [["__scopeId", "data-v-c2014a3b"]]), oo = { class: "chip-group" }, lo = {
+}), qt = /* @__PURE__ */ O(oo, [["__scopeId", "data-v-c2014a3b"]]), lo = { class: "chip-group" }, ao = {
   key: 0,
   class: "chip-group__label"
-}, ao = { class: "chip-group__container" }, io = ["onDragover", "onDrop"], so = ["onDragstart", "onDragover", "onDragenter", "onDrop"], ro = ["onDragover", "onDrop"], co = {
+}, io = { class: "chip-group__container" }, so = ["onDragover", "onDrop"], ro = ["onDragstart", "onDragover", "onDragenter", "onDrop"], co = ["onDragover", "onDrop"], uo = {
   key: 1,
   class: "chip-group__hint"
-}, uo = /* @__PURE__ */ T({
+}, fo = /* @__PURE__ */ R({
   __name: "chip-group",
   props: {
     items: { default: () => [] },
@@ -391,7 +391,7 @@ const be = /* @__PURE__ */ T({
     }
     function d() {
     }
-    function v(h, y) {
+    function f(h, y) {
       return l.value === null || a.value === null || l.value === h ? !1 : y === "before" && a.value === h && l.value > h || y === "after" && a.value === h && l.value < h;
     }
     function m(h, y) {
@@ -404,51 +404,51 @@ const be = /* @__PURE__ */ T({
       l.value = null, a.value = null;
     }
     function w(h) {
-      const y = t.items[h], _ = t.items.filter((b, $) => $ !== h);
+      const y = t.items[h], _ = t.items.filter((b, L) => L !== h);
       o("update:items", _), o("dismiss", y, h);
     }
-    return (h, y) => (f(), g("div", oo, [
-      e.label ? (f(), g("label", lo, B(e.label), 1)) : L("", !0),
-      x("div", ao, [
-        (f(!0), g(Z, null, ge(e.items, (_, b) => (f(), g(Z, {
+    return (h, y) => (v(), g("div", lo, [
+      e.label ? (v(), g("label", ao, B(e.label), 1)) : $("", !0),
+      x("div", io, [
+        (v(!0), g(Z, null, ge(e.items, (_, b) => (v(), g(Z, {
           key: i(_, b)
         }, [
-          v(b, "before") ? (f(), g("div", {
+          f(b, "before") ? (v(), g("div", {
             key: 0,
             class: "chip-group__drop-indicator",
-            onDragover: N(($) => r(b, $), ["prevent"]),
-            onDrop: ($) => m(b, $)
-          }, null, 40, io)) : L("", !0),
+            onDragover: K((L) => r(b, L), ["prevent"]),
+            onDrop: (L) => m(b, L)
+          }, null, 40, so)) : $("", !0),
           x("div", {
-            class: z(["chip-group__item", { "chip-group__item--dragging": l.value === b }]),
+            class: I(["chip-group__item", { "chip-group__item--dragging": l.value === b }]),
             draggable: "true",
-            onDragstart: ($) => s(b, $),
-            onDragover: N(($) => r(b, $), ["prevent"]),
-            onDragenter: N(($) => u(b), ["prevent"]),
+            onDragstart: (L) => s(b, L),
+            onDragover: K((L) => r(b, L), ["prevent"]),
+            onDragenter: K((L) => u(b), ["prevent"]),
             onDragleave: d,
-            onDrop: ($) => m(b, $),
+            onDrop: (L) => m(b, L),
             onDragend: p
           }, [
-            O(Gt, {
+            D(qt, {
               label: c(_),
               dismissable: typeof _ == "string" ? e.dismissable : _.dismissable ?? e.dismissable,
               color: typeof _ == "string" ? e.color : _.color ?? e.color,
-              onDismiss: ($) => w(b),
-              onClick: ($) => h.$emit("chip-click", _, b)
+              onDismiss: (L) => w(b),
+              onClick: (L) => h.$emit("chip-click", _, b)
             }, null, 8, ["label", "dismissable", "color", "onDismiss", "onClick"])
-          ], 42, so),
-          v(b, "after") ? (f(), g("div", {
+          ], 42, ro),
+          f(b, "after") ? (v(), g("div", {
             key: 1,
             class: "chip-group__drop-indicator",
-            onDragover: N(($) => r(b, $), ["prevent"]),
-            onDrop: ($) => m(b, $)
-          }, null, 40, ro)) : L("", !0)
+            onDragover: K((L) => r(b, L), ["prevent"]),
+            onDrop: (L) => m(b, L)
+          }, null, 40, co)) : $("", !0)
         ], 64))), 128))
       ]),
-      e.hint ? (f(), g("div", co, B(e.hint), 1)) : L("", !0)
+      e.hint ? (v(), g("div", uo, B(e.hint), 1)) : $("", !0)
     ]));
   }
-}), qt = /* @__PURE__ */ D(uo, [["__scopeId", "data-v-66199d19"]]), Yt = /* @__PURE__ */ Symbol("VjDialogController"), fo = { class: "dialog-content" }, vo = { key: 1 }, mo = { class: "dialog-footer" }, po = /* @__PURE__ */ T({
+}), Gt = /* @__PURE__ */ O(fo, [["__scopeId", "data-v-66199d19"]]), Yt = /* @__PURE__ */ Symbol("VjDialogController"), vo = { class: "dialog-content" }, mo = { key: 1 }, po = { class: "dialog-footer" }, ho = /* @__PURE__ */ R({
   __name: "dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -466,7 +466,7 @@ const be = /* @__PURE__ */ T({
   emits: ["update:modelValue", "confirm", "cancel", "close", "resolve"],
   setup(e, { emit: n }) {
     const t = e, o = n, l = E(t.modelValue);
-    X(
+    N(
       () => t.modelValue,
       (d) => l.value = d
     );
@@ -479,7 +479,7 @@ const be = /* @__PURE__ */ T({
     }, s = () => {
       o("cancel"), a();
     };
-    Nt(Yt, {
+    Kt(Yt, {
       close: a,
       resolve: i,
       cancel: s
@@ -489,64 +489,64 @@ const be = /* @__PURE__ */ T({
     }, u = (d) => {
       d.key === "Escape" && t.closeOnEscape && l.value && a();
     };
-    return Be(() => {
+    return Re(() => {
       document.addEventListener("keydown", u);
-    }), Re(() => {
+    }), Te(() => {
       document.removeEventListener("keydown", u);
-    }), (d, v) => {
-      const m = K("VjIcon"), p = K("VjButton"), w = K("VjCard");
-      return f(), M(Pe, { to: "body" }, [
-        O(Oe, { name: "dialog-fade" }, {
-          default: W(() => [
-            l.value ? (f(), g("div", {
+    }), (d, f) => {
+      const m = X("VjIcon"), p = X("VjButton"), w = X("VjCard");
+      return v(), F(Pe, { to: "body" }, [
+        D(De, { name: "dialog-fade" }, {
+          default: U(() => [
+            l.value ? (v(), g("div", {
               key: 0,
               class: "dialog-backdrop",
               onClick: r
             }, [
-              O(Oe, { name: "dialog-scale" }, {
-                default: W(() => [
-                  l.value ? (f(), g("div", {
+              D(De, { name: "dialog-scale" }, {
+                default: U(() => [
+                  l.value ? (v(), g("div", {
                     key: 0,
                     class: "dialog-wrapper",
-                    onClick: v[0] || (v[0] = N(() => {
+                    onClick: f[0] || (f[0] = K(() => {
                     }, ["stop"]))
                   }, [
-                    O(w, {
+                    D(w, {
                       class: "dialog-card",
                       header: e.title || ""
                     }, rt({
-                      headerActions: W(() => [
-                        O(m, {
-                          icon: S(F).CLOSE,
-                          size: S(q).S,
+                      headerActions: U(() => [
+                        D(m, {
+                          icon: S(H).CLOSE,
+                          size: S(G).S,
                           class: "dialog-close",
                           onClick: a
                         }, null, 8, ["icon", "size"])
                       ]),
-                      default: W(() => [
-                        x("div", fo, [
-                          e.component ? (f(), M(Kt(e.component), yn({ key: 0 }, e.componentProps, {
+                      default: U(() => [
+                        x("div", vo, [
+                          e.component ? (v(), F(Nt(e.component), yn({ key: 0 }, e.componentProps, {
                             onCancel: s,
                             onClose: a,
                             onConfirm: c,
                             onResolve: i
-                          }), null, 16)) : e.message ? (f(), g("div", vo, B(e.message), 1)) : j(d.$slots, "default", { key: 2 }, void 0, !0)
+                          }), null, 16)) : e.message ? (v(), g("div", mo, B(e.message), 1)) : M(d.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
                     }, [
                       e.showFooter ? {
                         name: "footer",
-                        fn: W(() => [
-                          x("div", mo, [
-                            j(d.$slots, "footer", {}, () => [
-                              e.showCancel ? (f(), M(p, {
+                        fn: U(() => [
+                          x("div", po, [
+                            M(d.$slots, "footer", {}, () => [
+                              e.showCancel ? (v(), F(p, {
                                 key: 0,
                                 secondary: "",
                                 onClick: s,
                                 label: e.cancelText
-                              }, null, 8, ["label"])) : L("", !0),
-                              O(p, {
+                              }, null, 8, ["label"])) : $("", !0),
+                              D(p, {
                                 primary: "",
                                 onClick: c,
                                 label: e.confirmText
@@ -557,21 +557,21 @@ const be = /* @__PURE__ */ T({
                         key: "0"
                       } : void 0
                     ]), 1032, ["header"])
-                  ])) : L("", !0)
+                  ])) : $("", !0)
                 ]),
                 _: 3
               })
-            ])) : L("", !0)
+            ])) : $("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}), ft = /* @__PURE__ */ D(po, [["__scopeId", "data-v-29d1729b"]]), ho = { class: "vj-chip-selector" }, go = { class: "options-grid" }, bo = ["onClick"], yo = {
+}), ft = /* @__PURE__ */ O(ho, [["__scopeId", "data-v-29d1729b"]]), go = { class: "vj-chip-selector" }, bo = { class: "options-grid" }, yo = ["onClick"], wo = {
   key: 0,
   class: "no-options"
-}, wo = /* @__PURE__ */ T({
+}, _o = /* @__PURE__ */ R({
   __name: "chip-selector",
   props: {
     items: { default: () => [] },
@@ -594,14 +594,14 @@ const be = /* @__PURE__ */ T({
         l.value = u, o("update:items", u);
       }
     }
-    return X(
+    return N(
       () => t.items,
       (r) => {
         JSON.stringify(r) !== JSON.stringify(l.value) && (l.value = [...r]);
       },
       { deep: !0 }
-    ), (r, u) => (f(), g("div", ho, [
-      O(qt, {
+    ), (r, u) => (v(), g("div", go, [
+      D(Gt, {
         items: l.value,
         "onUpdate:items": [
           u[0] || (u[0] = (d) => l.value = d),
@@ -615,49 +615,49 @@ const be = /* @__PURE__ */ T({
         class: "add-button",
         onClick: u[1] || (u[1] = (d) => a.value = !0)
       }, B(e.addButtonText), 1),
-      O(ft, {
+      D(ft, {
         modelValue: a.value,
         "onUpdate:modelValue": u[2] || (u[2] = (d) => a.value = d),
         title: e.dialogTitle || `Add ${e.label}`,
         "close-on-backdrop": ""
       }, {
-        default: W(() => [
-          x("div", go, [
-            (f(!0), g(Z, null, ge(i.value, (d) => (f(), g("button", {
+        default: U(() => [
+          x("div", bo, [
+            (v(!0), g(Z, null, ge(i.value, (d) => (v(), g("button", {
               key: d.value,
               type: "button",
               class: "option-btn",
-              onClick: (v) => s(d.value)
-            }, "+ " + B(d.label), 9, bo))), 128))
+              onClick: (f) => s(d.value)
+            }, "+ " + B(d.label), 9, yo))), 128))
           ]),
-          i.value.length === 0 ? (f(), g("div", yo, "All options already selected")) : L("", !0)
+          i.value.length === 0 ? (v(), g("div", wo, "All options already selected")) : $("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), _o = /* @__PURE__ */ D(wo, [["__scopeId", "data-v-f2e1b880"]]), $e = Math.min, J = Math.max, We = Math.round, He = Math.floor, ie = (e) => ({
+}), xo = /* @__PURE__ */ O(_o, [["__scopeId", "data-v-f2e1b880"]]), $e = Math.min, J = Math.max, Ke = Math.round, We = Math.floor, se = (e) => ({
   x: e,
   y: e
-}), xo = {
+}), ko = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, ko = {
+}, Vo = {
   start: "end",
   end: "start"
 };
 function Rt(e, n, t) {
   return J(e, $e(n, t));
 }
-function je(e, n) {
+function Me(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
 function pe(e) {
   return e.split("-")[0];
 }
-function Me(e) {
+function Fe(e) {
   return e.split("-")[1];
 }
 function Jt(e) {
@@ -666,48 +666,48 @@ function Jt(e) {
 function Qt(e) {
   return e === "y" ? "height" : "width";
 }
-const Vo = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Co = /* @__PURE__ */ new Set(["top", "bottom"]);
 function fe(e) {
-  return Vo.has(pe(e)) ? "y" : "x";
+  return Co.has(pe(e)) ? "y" : "x";
 }
 function Zt(e) {
   return Jt(fe(e));
 }
-function Co(e, n, t) {
+function Eo(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Me(e), l = Zt(e), a = Qt(l);
+  const o = Fe(e), l = Zt(e), a = Qt(l);
   let i = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return n.reference[a] > n.floating[a] && (i = Ne(i)), [i, Ne(i)];
 }
-function Eo(e) {
+function Lo(e) {
   const n = Ne(e);
   return [it(e), n, it(n)];
 }
 function it(e) {
-  return e.replace(/start|end/g, (n) => ko[n]);
+  return e.replace(/start|end/g, (n) => Vo[n]);
 }
-const Tt = ["left", "right"], At = ["right", "left"], Lo = ["top", "bottom"], $o = ["bottom", "top"];
-function So(e, n, t) {
+const Tt = ["left", "right"], At = ["right", "left"], $o = ["top", "bottom"], So = ["bottom", "top"];
+function Ro(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
       return t ? n ? At : Tt : n ? Tt : At;
     case "left":
     case "right":
-      return n ? Lo : $o;
+      return n ? $o : So;
     default:
       return [];
   }
 }
-function Ro(e, n, t, o) {
-  const l = Me(e);
-  let a = So(pe(e), t === "start", o);
+function To(e, n, t, o) {
+  const l = Fe(e);
+  let a = Ro(pe(e), t === "start", o);
   return l && (a = a.map((i) => i + "-" + l), n && (a = a.concat(a.map(it)))), a;
 }
 function Ne(e) {
-  return e.replace(/left|right|bottom|top/g, (n) => xo[n]);
+  return e.replace(/left|right|bottom|top/g, (n) => ko[n]);
 }
-function To(e) {
+function Ao(e) {
   return {
     top: 0,
     right: 0,
@@ -716,15 +716,15 @@ function To(e) {
     ...e
   };
 }
-function Ao(e) {
-  return typeof e != "number" ? To(e) : {
+function Oo(e) {
+  return typeof e != "number" ? Ao(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function Ke(e) {
+function Xe(e) {
   const {
     x: n,
     y: t,
@@ -747,7 +747,7 @@ function Ot(e, n, t) {
     reference: o,
     floating: l
   } = e;
-  const a = fe(n), i = Zt(n), c = Qt(i), s = pe(n), r = a === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, v = o[c] / 2 - l[c] / 2;
+  const a = fe(n), i = Zt(n), c = Qt(i), s = pe(n), r = a === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, f = o[c] / 2 - l[c] / 2;
   let m;
   switch (s) {
     case "top":
@@ -780,17 +780,17 @@ function Ot(e, n, t) {
         y: o.y
       };
   }
-  switch (Me(n)) {
+  switch (Fe(n)) {
     case "start":
-      m[i] -= v * (t && r ? -1 : 1);
+      m[i] -= f * (t && r ? -1 : 1);
       break;
     case "end":
-      m[i] += v * (t && r ? -1 : 1);
+      m[i] += f * (t && r ? -1 : 1);
       break;
   }
   return m;
 }
-const Oo = async (e, n, t) => {
+const Do = async (e, n, t) => {
   const {
     placement: o = "bottom",
     strategy: l = "absolute",
@@ -804,7 +804,7 @@ const Oo = async (e, n, t) => {
   }), {
     x: u,
     y: d
-  } = Ot(r, o, s), v = o, m = {}, p = 0;
+  } = Ot(r, o, s), f = o, m = {}, p = 0;
   for (let w = 0; w < c.length; w++) {
     const {
       name: h,
@@ -812,13 +812,13 @@ const Oo = async (e, n, t) => {
     } = c[w], {
       x: _,
       y: b,
-      data: $,
-      reset: P
+      data: L,
+      reset: j
     } = await y({
       x: u,
       y: d,
       initialPlacement: o,
-      placement: v,
+      placement: f,
       strategy: l,
       middlewareData: m,
       rects: r,
@@ -832,21 +832,21 @@ const Oo = async (e, n, t) => {
       ...m,
       [h]: {
         ...m[h],
-        ...$
+        ...L
       }
-    }, P && p <= 50 && (p++, typeof P == "object" && (P.placement && (v = P.placement), P.rects && (r = P.rects === !0 ? await i.getElementRects({
+    }, j && p <= 50 && (p++, typeof j == "object" && (j.placement && (f = j.placement), j.rects && (r = j.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: n,
       strategy: l
-    }) : P.rects), {
+    }) : j.rects), {
       x: u,
       y: d
-    } = Ot(r, v, s)), w = -1);
+    } = Ot(r, f, s)), w = -1);
   }
   return {
     x: u,
     y: d,
-    placement: v,
+    placement: f,
     strategy: l,
     middlewareData: m
   };
@@ -865,9 +865,9 @@ async function vt(e, n) {
     boundary: r = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: d = "floating",
-    altBoundary: v = !1,
+    altBoundary: f = !1,
     padding: m = 0
-  } = je(n, e), p = Ao(m), h = c[v ? d === "floating" ? "reference" : "floating" : d], y = Ke(await a.getClippingRect({
+  } = Me(n, e), p = Oo(m), h = c[f ? d === "floating" ? "reference" : "floating" : d], y = Xe(await a.getClippingRect({
     element: (t = await (a.isElement == null ? void 0 : a.isElement(h))) == null || t ? h : h.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(c.floating)),
     boundary: r,
     rootBoundary: u,
@@ -877,26 +877,26 @@ async function vt(e, n) {
     y: l,
     width: i.floating.width,
     height: i.floating.height
-  } : i.reference, b = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c.floating)), $ = await (a.isElement == null ? void 0 : a.isElement(b)) ? await (a.getScale == null ? void 0 : a.getScale(b)) || {
+  } : i.reference, b = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c.floating)), L = await (a.isElement == null ? void 0 : a.isElement(b)) ? await (a.getScale == null ? void 0 : a.getScale(b)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, P = Ke(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, j = Xe(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
     rect: _,
     offsetParent: b,
     strategy: s
   }) : _);
   return {
-    top: (y.top - P.top + p.top) / $.y,
-    bottom: (P.bottom - y.bottom + p.bottom) / $.y,
-    left: (y.left - P.left + p.left) / $.x,
-    right: (P.right - y.right + p.right) / $.x
+    top: (y.top - j.top + p.top) / L.y,
+    bottom: (j.bottom - y.bottom + p.bottom) / L.y,
+    left: (y.left - j.left + p.left) / L.x,
+    right: (j.right - y.right + p.right) / L.x
   };
 }
-const Do = function(e) {
+const jo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -912,65 +912,65 @@ const Do = function(e) {
       } = n, {
         mainAxis: u = !0,
         crossAxis: d = !0,
-        fallbackPlacements: v,
+        fallbackPlacements: f,
         fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: p = "none",
         flipAlignment: w = !0,
         ...h
-      } = je(e, n);
+      } = Me(e, n);
       if ((t = a.arrow) != null && t.alignmentOffset)
         return {};
-      const y = pe(l), _ = fe(c), b = pe(c) === c, $ = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), P = v || (b || !w ? [Ne(c)] : Eo(c)), I = p !== "none";
-      !v && I && P.push(...Ro(c, w, p, $));
-      const k = [c, ...P], V = await vt(n, h), A = [];
-      let H = ((o = a.flip) == null ? void 0 : o.overflows) || [];
-      if (u && A.push(V[y]), d) {
-        const de = Co(l, i, $);
-        A.push(V[de[0]], V[de[1]]);
+      const y = pe(l), _ = fe(c), b = pe(c) === c, L = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), j = f || (b || !w ? [Ne(c)] : Lo(c)), z = p !== "none";
+      !f && z && j.push(...To(c, w, p, L));
+      const k = [c, ...j], V = await vt(n, h), T = [];
+      let P = ((o = a.flip) == null ? void 0 : o.overflows) || [];
+      if (u && T.push(V[y]), d) {
+        const de = Eo(l, i, L);
+        T.push(V[de[0]], V[de[1]]);
       }
-      if (H = [...H, {
+      if (P = [...P, {
         placement: l,
-        overflows: A
-      }], !A.every((de) => de <= 0)) {
-        var U, ce;
-        const de = (((U = a.flip) == null ? void 0 : U.index) || 0) + 1, ke = k[de];
+        overflows: T
+      }], !T.every((de) => de <= 0)) {
+        var W, te;
+        const de = (((W = a.flip) == null ? void 0 : W.index) || 0) + 1, ke = k[de];
         if (ke && (!(d === "alignment" ? _ !== fe(ke) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        H.every((Y) => fe(Y.placement) === _ ? Y.overflows[0] > 0 : !0)))
+        P.every((Y) => fe(Y.placement) === _ ? Y.overflows[0] > 0 : !0)))
           return {
             data: {
               index: de,
-              overflows: H
+              overflows: P
             },
             reset: {
               placement: ke
             }
           };
-        let te = (ce = H.filter((ae) => ae.overflows[0] <= 0).sort((ae, Y) => ae.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : ce.placement;
-        if (!te)
+        let ne = (te = P.filter((ie) => ie.overflows[0] <= 0).sort((ie, Y) => ie.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : te.placement;
+        if (!ne)
           switch (m) {
             case "bestFit": {
               var ue;
-              const ae = (ue = H.filter((Y) => {
-                if (I) {
-                  const ne = fe(Y.placement);
-                  return ne === _ || // Create a bias to the `y` side axis due to horizontal
+              const ie = (ue = P.filter((Y) => {
+                if (z) {
+                  const oe = fe(Y.placement);
+                  return oe === _ || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  ne === "y";
+                  oe === "y";
                 }
                 return !0;
-              }).map((Y) => [Y.placement, Y.overflows.filter((ne) => ne > 0).reduce((ne, Ie) => ne + Ie, 0)]).sort((Y, ne) => Y[1] - ne[1])[0]) == null ? void 0 : ue[0];
-              ae && (te = ae);
+              }).map((Y) => [Y.placement, Y.overflows.filter((oe) => oe > 0).reduce((oe, He) => oe + He, 0)]).sort((Y, oe) => Y[1] - oe[1])[0]) == null ? void 0 : ue[0];
+              ie && (ne = ie);
               break;
             }
             case "initialPlacement":
-              te = c;
+              ne = c;
               break;
           }
-        if (l !== te)
+        if (l !== ne)
           return {
             reset: {
-              placement: te
+              placement: ne
             }
           };
       }
@@ -983,9 +983,9 @@ async function Po(e, n) {
     placement: t,
     platform: o,
     elements: l
-  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), c = Me(t), s = fe(t) === "y", r = Bo.has(i) ? -1 : 1, u = a && s ? -1 : 1, d = je(n, e);
+  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), c = Fe(t), s = fe(t) === "y", r = Bo.has(i) ? -1 : 1, u = a && s ? -1 : 1, d = Me(n, e);
   let {
-    mainAxis: v,
+    mainAxis: f,
     crossAxis: m,
     alignmentAxis: p
   } = typeof d == "number" ? {
@@ -999,13 +999,13 @@ async function Po(e, n) {
   };
   return c && typeof p == "number" && (m = c === "end" ? p * -1 : p), s ? {
     x: m * u,
-    y: v * r
+    y: f * r
   } : {
-    x: v * r,
+    x: f * r,
     y: m * u
   };
 }
-const jo = function(e) {
+const Mo = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1027,7 +1027,7 @@ const jo = function(e) {
       };
     }
   };
-}, Mo = function(e) {
+}, Fo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1052,13 +1052,13 @@ const jo = function(e) {
           }
         },
         ...s
-      } = je(e, n), r = {
+      } = Me(e, n), r = {
         x: t,
         y: o
-      }, u = await vt(n, s), d = fe(pe(l)), v = Jt(d);
-      let m = r[v], p = r[d];
+      }, u = await vt(n, s), d = fe(pe(l)), f = Jt(d);
+      let m = r[f], p = r[d];
       if (a) {
-        const h = v === "y" ? "top" : "left", y = v === "y" ? "bottom" : "right", _ = m + u[h], b = m - u[y];
+        const h = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", _ = m + u[h], b = m - u[y];
         m = Rt(_, m, b);
       }
       if (i) {
@@ -1067,7 +1067,7 @@ const jo = function(e) {
       }
       const w = c.fn({
         ...n,
-        [v]: m,
+        [f]: m,
         [d]: p
       });
       return {
@@ -1076,14 +1076,14 @@ const jo = function(e) {
           x: w.x - t,
           y: w.y - o,
           enabled: {
-            [v]: a,
+            [f]: a,
             [d]: i
           }
         }
       };
     }
   };
-}, Fo = function(e) {
+}, zo = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -1098,25 +1098,25 @@ const jo = function(e) {
         apply: s = () => {
         },
         ...r
-      } = je(e, n), u = await vt(n, r), d = pe(l), v = Me(l), m = fe(l) === "y", {
+      } = Me(e, n), u = await vt(n, r), d = pe(l), f = Fe(l), m = fe(l) === "y", {
         width: p,
         height: w
       } = a.floating;
       let h, y;
-      d === "top" || d === "bottom" ? (h = d, y = v === (await (i.isRTL == null ? void 0 : i.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (y = d, h = v === "end" ? "top" : "bottom");
-      const _ = w - u.top - u.bottom, b = p - u.left - u.right, $ = $e(w - u[h], _), P = $e(p - u[y], b), I = !n.middlewareData.shift;
-      let k = $, V = P;
-      if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = b), (o = n.middlewareData.shift) != null && o.enabled.y && (k = _), I && !v) {
-        const H = J(u.left, 0), U = J(u.right, 0), ce = J(u.top, 0), ue = J(u.bottom, 0);
-        m ? V = p - 2 * (H !== 0 || U !== 0 ? H + U : J(u.left, u.right)) : k = w - 2 * (ce !== 0 || ue !== 0 ? ce + ue : J(u.top, u.bottom));
+      d === "top" || d === "bottom" ? (h = d, y = f === (await (i.isRTL == null ? void 0 : i.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (y = d, h = f === "end" ? "top" : "bottom");
+      const _ = w - u.top - u.bottom, b = p - u.left - u.right, L = $e(w - u[h], _), j = $e(p - u[y], b), z = !n.middlewareData.shift;
+      let k = L, V = j;
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = b), (o = n.middlewareData.shift) != null && o.enabled.y && (k = _), z && !f) {
+        const P = J(u.left, 0), W = J(u.right, 0), te = J(u.top, 0), ue = J(u.bottom, 0);
+        m ? V = p - 2 * (P !== 0 || W !== 0 ? P + W : J(u.left, u.right)) : k = w - 2 * (te !== 0 || ue !== 0 ? te + ue : J(u.top, u.bottom));
       }
       await s({
         ...n,
         availableWidth: V,
         availableHeight: k
       });
-      const A = await i.getDimensions(c.floating);
-      return p !== A.width || w !== A.height ? {
+      const T = await i.getDimensions(c.floating);
+      return p !== T.width || w !== T.height ? {
         reset: {
           rects: !0
         }
@@ -1134,38 +1134,38 @@ function Q(e) {
   var n;
   return (e == null || (n = e.ownerDocument) == null ? void 0 : n.defaultView) || window;
 }
-function re(e) {
+function ce(e) {
   var n;
   return (n = (mt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
 function mt(e) {
   return Ge() ? e instanceof Node || e instanceof Q(e).Node : !1;
 }
-function oe(e) {
+function le(e) {
   return Ge() ? e instanceof Element || e instanceof Q(e).Element : !1;
 }
-function se(e) {
+function re(e) {
   return Ge() ? e instanceof HTMLElement || e instanceof Q(e).HTMLElement : !1;
 }
 function Dt(e) {
   return !Ge() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Q(e).ShadowRoot;
 }
-const zo = /* @__PURE__ */ new Set(["inline", "contents"]);
-function Fe(e) {
+const Io = /* @__PURE__ */ new Set(["inline", "contents"]);
+function ze(e) {
   const {
     overflow: n,
     overflowX: t,
     overflowY: o,
     display: l
-  } = le(e);
-  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !zo.has(l);
+  } = ae(e);
+  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !Io.has(l);
 }
-const Io = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Ho(e) {
-  return Io.has(xe(e));
+const Ho = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Wo(e) {
+  return Ho.has(xe(e));
 }
 const Uo = [":popover-open", ":modal"];
-function qe(e) {
+function Ye(e) {
   return Uo.some((n) => {
     try {
       return e.matches(n);
@@ -1174,17 +1174,17 @@ function qe(e) {
     }
   });
 }
-const Wo = ["transform", "translate", "scale", "rotate", "perspective"], No = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ko = ["paint", "layout", "strict", "content"];
+const Ko = ["transform", "translate", "scale", "rotate", "perspective"], No = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Xo = ["paint", "layout", "strict", "content"];
 function pt(e) {
-  const n = ht(), t = oe(e) ? le(e) : e;
-  return Wo.some((o) => t[o] ? t[o] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !n && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !n && (t.filter ? t.filter !== "none" : !1) || No.some((o) => (t.willChange || "").includes(o)) || Ko.some((o) => (t.contain || "").includes(o));
+  const n = ht(), t = le(e) ? ae(e) : e;
+  return Ko.some((o) => t[o] ? t[o] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !n && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !n && (t.filter ? t.filter !== "none" : !1) || No.some((o) => (t.willChange || "").includes(o)) || Xo.some((o) => (t.contain || "").includes(o));
 }
-function Xo(e) {
+function qo(e) {
   let n = he(e);
-  for (; se(n) && !Se(n); ) {
+  for (; re(n) && !Se(n); ) {
     if (pt(n))
       return n;
-    if (qe(n))
+    if (Ye(n))
       return null;
     n = he(n);
   }
@@ -1197,11 +1197,11 @@ const Go = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function Se(e) {
   return Go.has(xe(e));
 }
-function le(e) {
+function ae(e) {
   return Q(e).getComputedStyle(e);
 }
-function Ye(e) {
-  return oe(e) ? {
+function Je(e) {
+  return le(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -1217,31 +1217,31 @@ function he(e) {
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
     Dt(e) && e.host || // Fallback.
-    re(e)
+    ce(e)
   );
   return Dt(n) ? n.host : n;
 }
 function en(e) {
   const n = he(e);
-  return Se(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : se(n) && Fe(n) ? n : en(n);
+  return Se(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : re(n) && ze(n) ? n : en(n);
 }
-function De(e, n, t) {
+function Be(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
   const l = en(e), a = l === ((o = e.ownerDocument) == null ? void 0 : o.body), i = Q(l);
   if (a) {
     const c = st(i);
-    return n.concat(i, i.visualViewport || [], Fe(l) ? l : [], c && t ? De(c) : []);
+    return n.concat(i, i.visualViewport || [], ze(l) ? l : [], c && t ? Be(c) : []);
   }
-  return n.concat(l, De(l, [], t));
+  return n.concat(l, Be(l, [], t));
 }
 function st(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function tn(e) {
-  const n = le(e);
+  const n = ae(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
-  const l = se(e), a = l ? e.offsetWidth : t, i = l ? e.offsetHeight : o, c = We(t) !== a || We(o) !== i;
+  const l = re(e), a = l ? e.offsetWidth : t, i = l ? e.offsetHeight : o, c = Ke(t) !== a || Ke(o) !== i;
   return c && (t = a, o = i), {
     width: t,
     height: o,
@@ -1249,122 +1249,122 @@ function tn(e) {
   };
 }
 function gt(e) {
-  return oe(e) ? e : e.contextElement;
+  return le(e) ? e : e.contextElement;
 }
 function Ee(e) {
   const n = gt(e);
-  if (!se(n))
-    return ie(1);
+  if (!re(n))
+    return se(1);
   const t = n.getBoundingClientRect(), {
     width: o,
     height: l,
     $: a
   } = tn(n);
-  let i = (a ? We(t.width) : t.width) / o, c = (a ? We(t.height) : t.height) / l;
+  let i = (a ? Ke(t.width) : t.width) / o, c = (a ? Ke(t.height) : t.height) / l;
   return (!i || !Number.isFinite(i)) && (i = 1), (!c || !Number.isFinite(c)) && (c = 1), {
     x: i,
     y: c
   };
 }
-const qo = /* @__PURE__ */ ie(0);
+const Yo = /* @__PURE__ */ se(0);
 function nn(e) {
   const n = Q(e);
-  return !ht() || !n.visualViewport ? qo : {
+  return !ht() || !n.visualViewport ? Yo : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
 }
-function Yo(e, n, t) {
+function Jo(e, n, t) {
   return n === void 0 && (n = !1), !t || n && t !== Q(e) ? !1 : n;
 }
 function _e(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
   const l = e.getBoundingClientRect(), a = gt(e);
-  let i = ie(1);
-  n && (o ? oe(o) && (i = Ee(o)) : i = Ee(e));
-  const c = Yo(a, t, o) ? nn(a) : ie(0);
+  let i = se(1);
+  n && (o ? le(o) && (i = Ee(o)) : i = Ee(e));
+  const c = Jo(a, t, o) ? nn(a) : se(0);
   let s = (l.left + c.x) / i.x, r = (l.top + c.y) / i.y, u = l.width / i.x, d = l.height / i.y;
   if (a) {
-    const v = Q(a), m = o && oe(o) ? Q(o) : o;
-    let p = v, w = st(p);
+    const f = Q(a), m = o && le(o) ? Q(o) : o;
+    let p = f, w = st(p);
     for (; w && o && m !== p; ) {
-      const h = Ee(w), y = w.getBoundingClientRect(), _ = le(w), b = y.left + (w.clientLeft + parseFloat(_.paddingLeft)) * h.x, $ = y.top + (w.clientTop + parseFloat(_.paddingTop)) * h.y;
-      s *= h.x, r *= h.y, u *= h.x, d *= h.y, s += b, r += $, p = Q(w), w = st(p);
+      const h = Ee(w), y = w.getBoundingClientRect(), _ = ae(w), b = y.left + (w.clientLeft + parseFloat(_.paddingLeft)) * h.x, L = y.top + (w.clientTop + parseFloat(_.paddingTop)) * h.y;
+      s *= h.x, r *= h.y, u *= h.x, d *= h.y, s += b, r += L, p = Q(w), w = st(p);
     }
   }
-  return Ke({
+  return Xe({
     width: u,
     height: d,
     x: s,
     y: r
   });
 }
-function Je(e, n) {
-  const t = Ye(e).scrollLeft;
-  return n ? n.left + t : _e(re(e)).left + t;
+function Qe(e, n) {
+  const t = Je(e).scrollLeft;
+  return n ? n.left + t : _e(ce(e)).left + t;
 }
 function on(e, n) {
-  const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Je(e, t), l = t.top + n.scrollTop;
+  const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Qe(e, t), l = t.top + n.scrollTop;
   return {
     x: o,
     y: l
   };
 }
-function Jo(e) {
+function Qo(e) {
   let {
     elements: n,
     rect: t,
     offsetParent: o,
     strategy: l
   } = e;
-  const a = l === "fixed", i = re(o), c = n ? qe(n.floating) : !1;
+  const a = l === "fixed", i = ce(o), c = n ? Ye(n.floating) : !1;
   if (o === i || c && a)
     return t;
   let s = {
     scrollLeft: 0,
     scrollTop: 0
-  }, r = ie(1);
-  const u = ie(0), d = se(o);
-  if ((d || !d && !a) && ((xe(o) !== "body" || Fe(i)) && (s = Ye(o)), se(o))) {
+  }, r = se(1);
+  const u = se(0), d = re(o);
+  if ((d || !d && !a) && ((xe(o) !== "body" || ze(i)) && (s = Je(o)), re(o))) {
     const m = _e(o);
     r = Ee(o), u.x = m.x + o.clientLeft, u.y = m.y + o.clientTop;
   }
-  const v = i && !d && !a ? on(i, s) : ie(0);
+  const f = i && !d && !a ? on(i, s) : se(0);
   return {
     width: t.width * r.x,
     height: t.height * r.y,
-    x: t.x * r.x - s.scrollLeft * r.x + u.x + v.x,
-    y: t.y * r.y - s.scrollTop * r.y + u.y + v.y
+    x: t.x * r.x - s.scrollLeft * r.x + u.x + f.x,
+    y: t.y * r.y - s.scrollTop * r.y + u.y + f.y
   };
 }
-function Qo(e) {
+function Zo(e) {
   return Array.from(e.getClientRects());
 }
-function Zo(e) {
-  const n = re(e), t = Ye(e), o = e.ownerDocument.body, l = J(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), a = J(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
-  let i = -t.scrollLeft + Je(e);
+function el(e) {
+  const n = ce(e), t = Je(e), o = e.ownerDocument.body, l = J(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), a = J(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
+  let i = -t.scrollLeft + Qe(e);
   const c = -t.scrollTop;
-  return le(o).direction === "rtl" && (i += J(n.clientWidth, o.clientWidth) - l), {
+  return ae(o).direction === "rtl" && (i += J(n.clientWidth, o.clientWidth) - l), {
     width: l,
     height: a,
     x: i,
     y: c
   };
 }
-const Bt = 25;
-function el(e, n) {
-  const t = Q(e), o = re(e), l = t.visualViewport;
+const jt = 25;
+function tl(e, n) {
+  const t = Q(e), o = ce(e), l = t.visualViewport;
   let a = o.clientWidth, i = o.clientHeight, c = 0, s = 0;
   if (l) {
     a = l.width, i = l.height;
     const u = ht();
     (!u || u && n === "fixed") && (c = l.offsetLeft, s = l.offsetTop);
   }
-  const r = Je(o);
+  const r = Qe(o);
   if (r <= 0) {
-    const u = o.ownerDocument, d = u.body, v = getComputedStyle(d), m = u.compatMode === "CSS1Compat" && parseFloat(v.marginLeft) + parseFloat(v.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - m);
-    p <= Bt && (a -= p);
-  } else r <= Bt && (a += r);
+    const u = o.ownerDocument, d = u.body, f = getComputedStyle(d), m = u.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - m);
+    p <= jt && (a -= p);
+  } else r <= jt && (a += r);
   return {
     width: a,
     height: i,
@@ -1372,9 +1372,9 @@ function el(e, n) {
     y: s
   };
 }
-const tl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function nl(e, n) {
-  const t = _e(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, a = se(e) ? Ee(e) : ie(1), i = e.clientWidth * a.x, c = e.clientHeight * a.y, s = l * a.x, r = o * a.y;
+const nl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function ol(e, n) {
+  const t = _e(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, a = re(e) ? Ee(e) : se(1), i = e.clientWidth * a.x, c = e.clientHeight * a.y, s = l * a.x, r = o * a.y;
   return {
     width: i,
     height: c,
@@ -1382,14 +1382,14 @@ function nl(e, n) {
     y: r
   };
 }
-function Pt(e, n, t) {
+function Bt(e, n, t) {
   let o;
   if (n === "viewport")
-    o = el(e, t);
+    o = tl(e, t);
   else if (n === "document")
-    o = Zo(re(e));
-  else if (oe(n))
-    o = nl(n, t);
+    o = el(ce(e));
+  else if (le(n))
+    o = ol(n, t);
   else {
     const l = nn(e);
     o = {
@@ -1399,36 +1399,36 @@ function Pt(e, n, t) {
       height: n.height
     };
   }
-  return Ke(o);
+  return Xe(o);
 }
 function ln(e, n) {
   const t = he(e);
-  return t === n || !oe(t) || Se(t) ? !1 : le(t).position === "fixed" || ln(t, n);
+  return t === n || !le(t) || Se(t) ? !1 : ae(t).position === "fixed" || ln(t, n);
 }
-function ol(e, n) {
+function ll(e, n) {
   const t = n.get(e);
   if (t)
     return t;
-  let o = De(e, [], !1).filter((c) => oe(c) && xe(c) !== "body"), l = null;
-  const a = le(e).position === "fixed";
+  let o = Be(e, [], !1).filter((c) => le(c) && xe(c) !== "body"), l = null;
+  const a = ae(e).position === "fixed";
   let i = a ? he(e) : e;
-  for (; oe(i) && !Se(i); ) {
-    const c = le(i), s = pt(i);
-    !s && c.position === "fixed" && (l = null), (a ? !s && !l : !s && c.position === "static" && !!l && tl.has(l.position) || Fe(i) && !s && ln(e, i)) ? o = o.filter((u) => u !== i) : l = c, i = he(i);
+  for (; le(i) && !Se(i); ) {
+    const c = ae(i), s = pt(i);
+    !s && c.position === "fixed" && (l = null), (a ? !s && !l : !s && c.position === "static" && !!l && nl.has(l.position) || ze(i) && !s && ln(e, i)) ? o = o.filter((u) => u !== i) : l = c, i = he(i);
   }
   return n.set(e, o), o;
 }
-function ll(e) {
+function al(e) {
   let {
     element: n,
     boundary: t,
     rootBoundary: o,
     strategy: l
   } = e;
-  const i = [...t === "clippingAncestors" ? qe(n) ? [] : ol(n, this._c) : [].concat(t), o], c = i[0], s = i.reduce((r, u) => {
-    const d = Pt(n, u, l);
+  const i = [...t === "clippingAncestors" ? Ye(n) ? [] : ll(n, this._c) : [].concat(t), o], c = i[0], s = i.reduce((r, u) => {
+    const d = Bt(n, u, l);
     return r.top = J(d.top, r.top), r.right = $e(d.right, r.right), r.bottom = $e(d.bottom, r.bottom), r.left = J(d.left, r.left), r;
-  }, Pt(n, c, l));
+  }, Bt(n, c, l));
   return {
     width: s.right - s.left,
     height: s.bottom - s.top,
@@ -1436,7 +1436,7 @@ function ll(e) {
     y: s.top
   };
 }
-function al(e) {
+function il(e) {
   const {
     width: n,
     height: t
@@ -1446,63 +1446,63 @@ function al(e) {
     height: t
   };
 }
-function il(e, n, t) {
-  const o = se(n), l = re(n), a = t === "fixed", i = _e(e, !0, a, n);
+function sl(e, n, t) {
+  const o = re(n), l = ce(n), a = t === "fixed", i = _e(e, !0, a, n);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const s = ie(0);
+  const s = se(0);
   function r() {
-    s.x = Je(l);
+    s.x = Qe(l);
   }
   if (o || !o && !a)
-    if ((xe(n) !== "body" || Fe(l)) && (c = Ye(n)), o) {
+    if ((xe(n) !== "body" || ze(l)) && (c = Je(n)), o) {
       const m = _e(n, !0, a, n);
       s.x = m.x + n.clientLeft, s.y = m.y + n.clientTop;
     } else l && r();
   a && !o && l && r();
-  const u = l && !o && !a ? on(l, c) : ie(0), d = i.left + c.scrollLeft - s.x - u.x, v = i.top + c.scrollTop - s.y - u.y;
+  const u = l && !o && !a ? on(l, c) : se(0), d = i.left + c.scrollLeft - s.x - u.x, f = i.top + c.scrollTop - s.y - u.y;
   return {
     x: d,
-    y: v,
+    y: f,
     width: i.width,
     height: i.height
   };
 }
-function ot(e) {
-  return le(e).position === "static";
+function lt(e) {
+  return ae(e).position === "static";
 }
-function jt(e, n) {
-  if (!se(e) || le(e).position === "fixed")
+function Pt(e, n) {
+  if (!re(e) || ae(e).position === "fixed")
     return null;
   if (n)
     return n(e);
   let t = e.offsetParent;
-  return re(e) === t && (t = t.ownerDocument.body), t;
+  return ce(e) === t && (t = t.ownerDocument.body), t;
 }
 function an(e, n) {
   const t = Q(e);
-  if (qe(e))
+  if (Ye(e))
     return t;
-  if (!se(e)) {
+  if (!re(e)) {
     let l = he(e);
     for (; l && !Se(l); ) {
-      if (oe(l) && !ot(l))
+      if (le(l) && !lt(l))
         return l;
       l = he(l);
     }
     return t;
   }
-  let o = jt(e, n);
-  for (; o && Ho(o) && ot(o); )
-    o = jt(o, n);
-  return o && Se(o) && ot(o) && !pt(o) ? t : o || Xo(e) || t;
+  let o = Pt(e, n);
+  for (; o && Wo(o) && lt(o); )
+    o = Pt(o, n);
+  return o && Se(o) && lt(o) && !pt(o) ? t : o || qo(e) || t;
 }
-const sl = async function(e) {
+const rl = async function(e) {
   const n = this.getOffsetParent || an, t = this.getDimensions, o = await t(e.floating);
   return {
-    reference: il(e.reference, await n(e.floating), e.strategy),
+    reference: sl(e.reference, await n(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1511,27 +1511,27 @@ const sl = async function(e) {
     }
   };
 };
-function rl(e) {
-  return le(e).direction === "rtl";
+function cl(e) {
+  return ae(e).direction === "rtl";
 }
-const cl = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Jo,
-  getDocumentElement: re,
-  getClippingRect: ll,
+const ul = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Qo,
+  getDocumentElement: ce,
+  getClippingRect: al,
   getOffsetParent: an,
-  getElementRects: sl,
-  getClientRects: Qo,
-  getDimensions: al,
+  getElementRects: rl,
+  getClientRects: Zo,
+  getDimensions: il,
   getScale: Ee,
-  isElement: oe,
-  isRTL: rl
+  isElement: le,
+  isRTL: cl
 };
 function sn(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
-function ul(e, n) {
+function dl(e, n) {
   let t = null, o;
-  const l = re(e);
+  const l = ce(e);
   function a() {
     var c;
     clearTimeout(o), (c = t) == null || c.disconnect(), t = null;
@@ -1541,41 +1541,41 @@ function ul(e, n) {
     const r = e.getBoundingClientRect(), {
       left: u,
       top: d,
-      width: v,
+      width: f,
       height: m
     } = r;
-    if (c || n(), !v || !m)
+    if (c || n(), !f || !m)
       return;
-    const p = He(d), w = He(l.clientWidth - (u + v)), h = He(l.clientHeight - (d + m)), y = He(u), b = {
+    const p = We(d), w = We(l.clientWidth - (u + f)), h = We(l.clientHeight - (d + m)), y = We(u), b = {
       rootMargin: -p + "px " + -w + "px " + -h + "px " + -y + "px",
       threshold: J(0, $e(1, s)) || 1
     };
-    let $ = !0;
-    function P(I) {
-      const k = I[0].intersectionRatio;
+    let L = !0;
+    function j(z) {
+      const k = z[0].intersectionRatio;
       if (k !== s) {
-        if (!$)
+        if (!L)
           return i();
         k ? i(!1, k) : o = setTimeout(() => {
           i(!1, 1e-7);
         }, 1e3);
       }
-      k === 1 && !sn(r, e.getBoundingClientRect()) && i(), $ = !1;
+      k === 1 && !sn(r, e.getBoundingClientRect()) && i(), L = !1;
     }
     try {
-      t = new IntersectionObserver(P, {
+      t = new IntersectionObserver(j, {
         ...b,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(P, b);
+      t = new IntersectionObserver(j, b);
     }
     t.observe(e);
   }
   return i(!0), a;
 }
-function Qe(e, n, t, o) {
+function Ze(e, n, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: l = !0,
@@ -1583,17 +1583,17 @@ function Qe(e, n, t, o) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: s = !1
-  } = o, r = gt(e), u = l || a ? [...r ? De(r) : [], ...De(n)] : [];
+  } = o, r = gt(e), u = l || a ? [...r ? Be(r) : [], ...Be(n)] : [];
   u.forEach((y) => {
     l && y.addEventListener("scroll", t, {
       passive: !0
     }), a && y.addEventListener("resize", t);
   });
-  const d = r && c ? ul(r, t) : null;
-  let v = -1, m = null;
+  const d = r && c ? dl(r, t) : null;
+  let f = -1, m = null;
   i && (m = new ResizeObserver((y) => {
     let [_] = y;
-    _ && _.target === r && m && (m.unobserve(n), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+    _ && _.target === r && m && (m.unobserve(n), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       var b;
       (b = m) == null || b.observe(n);
     })), t();
@@ -1611,30 +1611,30 @@ function Qe(e, n, t, o) {
     }), d?.(), (y = m) == null || y.disconnect(), m = null, s && cancelAnimationFrame(p);
   };
 }
-const Ze = jo, et = Mo, tt = Do, dl = Fo, rn = (e, n, t) => {
+const et = Mo, tt = Fo, nt = jo, fl = zo, rn = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
-    platform: cl,
+    platform: ul,
     ...t
   }, a = {
     ...l.platform,
     _c: o
   };
-  return Oo(e, n, {
+  return Do(e, n, {
     ...l,
     platform: a
   });
 };
-function fl(e) {
+function vl(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function Mt(e) {
-  if (fl(e)) {
+  if (vl(e)) {
     const n = e.$el;
     return mt(n) && xe(n) === "#comment" ? null : n;
   }
   return e;
 }
-function Ae(e) {
+function Oe(e) {
   return typeof e == "function" ? e() : S(e);
 }
 function cn(e) {
@@ -1648,17 +1648,17 @@ function bt(e, n, t) {
   t === void 0 && (t = {});
   const o = t.whileElementsMounted, l = C(() => {
     var k;
-    return (k = Ae(t.open)) != null ? k : !0;
-  }), a = C(() => Ae(t.middleware)), i = C(() => {
+    return (k = Oe(t.open)) != null ? k : !0;
+  }), a = C(() => Oe(t.middleware)), i = C(() => {
     var k;
-    return (k = Ae(t.placement)) != null ? k : "bottom";
+    return (k = Oe(t.placement)) != null ? k : "bottom";
   }), c = C(() => {
     var k;
-    return (k = Ae(t.strategy)) != null ? k : "absolute";
+    return (k = Oe(t.strategy)) != null ? k : "absolute";
   }), s = C(() => {
     var k;
-    return (k = Ae(t.transform)) != null ? k : !0;
-  }), r = C(() => Mt(e.value)), u = C(() => Mt(n.value)), d = E(0), v = E(0), m = E(c.value), p = E(i.value), w = wn({}), h = E(!1), y = C(() => {
+    return (k = Oe(t.transform)) != null ? k : !0;
+  }), r = C(() => Mt(e.value)), u = C(() => Mt(n.value)), d = E(0), f = E(0), m = E(c.value), p = E(i.value), w = wn({}), h = E(!1), y = C(() => {
     const k = {
       position: m.value,
       left: "0",
@@ -1666,17 +1666,17 @@ function bt(e, n, t) {
     };
     if (!u.value)
       return k;
-    const V = Ft(u.value, d.value), A = Ft(u.value, v.value);
+    const V = Ft(u.value, d.value), T = Ft(u.value, f.value);
     return s.value ? {
       ...k,
-      transform: "translate(" + V + "px, " + A + "px)",
+      transform: "translate(" + V + "px, " + T + "px)",
       ...cn(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: m.value,
       left: V + "px",
-      top: A + "px"
+      top: T + "px"
     };
   });
   let _;
@@ -1689,14 +1689,14 @@ function bt(e, n, t) {
       placement: i.value,
       strategy: c.value
     }).then((V) => {
-      d.value = V.x, v.value = V.y, m.value = V.strategy, p.value = V.placement, w.value = V.middlewareData, h.value = k !== !1;
+      d.value = V.x, f.value = V.y, m.value = V.strategy, p.value = V.placement, w.value = V.middlewareData, h.value = k !== !1;
     });
   }
-  function $() {
+  function L() {
     typeof _ == "function" && (_(), _ = void 0);
   }
-  function P() {
-    if ($(), o === void 0) {
+  function j() {
+    if (L(), o === void 0) {
       b();
       return;
     }
@@ -1705,18 +1705,18 @@ function bt(e, n, t) {
       return;
     }
   }
-  function I() {
+  function z() {
     l.value || (h.value = !1);
   }
-  return X([a, i, c, l], b, {
+  return N([a, i, c, l], b, {
     flush: "sync"
-  }), X([r, u], P, {
+  }), N([r, u], j, {
     flush: "sync"
-  }), X(l, I, {
+  }), N(l, z, {
     flush: "sync"
-  }), _n() && xn($), {
+  }), _n() && xn(L), {
     x: Ve(d),
-    y: Ve(v),
+    y: Ve(f),
     strategy: Ve(m),
     placement: Ve(p),
     middlewareData: Ve(w),
@@ -1725,17 +1725,17 @@ function bt(e, n, t) {
     update: b
   };
 }
-const vl = /* @__PURE__ */ T({
+const ml = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "dot-menu",
   props: {
     icon: {}
   },
   setup(e) {
-    const n = e, t = E(!1), o = E(null), l = E(null), a = C(() => n.icon ?? F.DOT_MENU), { floatingStyles: i } = bt(o, l, {
+    const n = e, t = E(!1), o = E(null), l = E(null), a = C(() => n.icon ?? H.DOT_MENU), { floatingStyles: i } = bt(o, l, {
       placement: "bottom-end",
-      middleware: [Ze(8), tt(), et({ padding: 8 })],
-      whileElementsMounted: Qe
+      middleware: [et(8), nt(), tt({ padding: 8 })],
+      whileElementsMounted: Ze
     }), c = () => {
       t.value = !t.value;
     }, s = () => {
@@ -1745,12 +1745,12 @@ const vl = /* @__PURE__ */ T({
       d && (d.closest(".menu-action") || d.closest('[role="menuitem"]') || d.closest("a")) && s();
     };
     return (u, d) => {
-      const v = K("VjButton"), m = K("VjMenu");
-      return f(), g(Z, null, [
+      const f = X("VjButton"), m = X("VjMenu");
+      return v(), g(Z, null, [
         x("div", {
-          class: z(["dot-menu-container", u.$attrs.class])
+          class: I(["dot-menu-container", u.$attrs.class])
         }, [
-          O(v, {
+          D(f, {
             ref_key: "buttonRef",
             ref: o,
             class: "dot-menu",
@@ -1758,37 +1758,37 @@ const vl = /* @__PURE__ */ T({
             icon: a.value,
             onClick: c
           }, null, 8, ["icon"]),
-          O(Oe, { name: "menu" }, {
-            default: W(() => [
-              t.value ? (f(), M(m, {
+          D(De, { name: "menu" }, {
+            default: U(() => [
+              t.value ? (v(), F(m, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
-                style: G(S(i)),
+                style: q(S(i)),
                 class: "menu-dropdown",
                 onClose: s,
                 onClickCapture: r
               }, {
-                default: W(() => [
-                  j(u.$slots, "default", {}, void 0, !0)
+                default: U(() => [
+                  M(u.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["style"])) : L("", !0)
+              }, 8, ["style"])) : $("", !0)
             ]),
             _: 3
           })
         ], 2),
-        (f(), M(Pe, { to: "body" }, [
-          t.value ? (f(), g("div", {
+        (v(), F(Pe, { to: "body" }, [
+          t.value ? (v(), g("div", {
             key: 0,
             class: "menu-backdrop",
             onClick: s
-          })) : L("", !0)
+          })) : $("", !0)
         ]))
       ], 64);
     };
   }
-}), ml = /* @__PURE__ */ D(vl, [["__scopeId", "data-v-3c400bfd"]]), pl = /* @__PURE__ */ T({
+}), pl = /* @__PURE__ */ O(ml, [["__scopeId", "data-v-3c400bfd"]]), hl = /* @__PURE__ */ R({
   __name: "link-button",
   props: {
     label: {},
@@ -1800,27 +1800,27 @@ const vl = /* @__PURE__ */ T({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = q.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
+    const n = e, t = G.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
     return (l, a) => {
-      const i = K("router-link");
-      return f(), M(i, {
+      const i = X("router-link");
+      return v(), F(i, {
         to: e.to,
-        class: z(["button", o.value]),
+        class: I(["button", o.value]),
         disabled: e.disabled
       }, {
-        default: W(() => [
-          e.icon ? (f(), M(be, {
+        default: U(() => [
+          e.icon ? (v(), F(be, {
             key: 0,
             icon: e.icon,
             size: S(t)
-          }, null, 8, ["icon", "size"])) : L("", !0),
+          }, null, 8, ["icon", "size"])) : $("", !0),
           Ue(" " + B(e.label), 1)
         ]),
         _: 1
       }, 8, ["to", "class", "disabled"]);
     };
   }
-}), hl = /* @__PURE__ */ D(pl, [["__scopeId", "data-v-bd3cf2f5"]]), gl = ["disabled"], bl = { class: "menu-action--icon" }, yl = /* @__PURE__ */ T({
+}), gl = /* @__PURE__ */ O(hl, [["__scopeId", "data-v-bd3cf2f5"]]), bl = ["disabled"], yl = { class: "menu-action--icon" }, wl = /* @__PURE__ */ R({
   __name: "menu-action",
   props: {
     label: {},
@@ -1828,28 +1828,28 @@ const vl = /* @__PURE__ */ T({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = q.S;
-    return (t, o) => (f(), g("button", {
+    const n = G.S;
+    return (t, o) => (v(), g("button", {
       class: "menu-action button tertiary",
       disabled: e.disabled
     }, [
-      x("span", bl, [
-        e.icon ? (f(), M(be, {
+      x("span", yl, [
+        e.icon ? (v(), F(be, {
           key: 0,
           icon: e.icon,
           size: S(n)
-        }, null, 8, ["icon", "size"])) : L("", !0)
+        }, null, 8, ["icon", "size"])) : $("", !0)
       ]),
       x("span", null, B(e.label), 1)
-    ], 8, gl));
+    ], 8, bl));
   }
-}), wl = /* @__PURE__ */ D(yl, [["__scopeId", "data-v-07850995"]]), _l = {}, xl = { class: "menu" };
-function kl(e, n) {
-  return f(), g("div", xl, [
-    j(e.$slots, "default", {}, void 0, !0)
+}), _l = /* @__PURE__ */ O(wl, [["__scopeId", "data-v-07850995"]]), xl = {}, kl = { class: "menu" };
+function Vl(e, n) {
+  return v(), g("div", kl, [
+    M(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Vl = /* @__PURE__ */ D(_l, [["render", kl], ["__scopeId", "data-v-259fec08"]]), Cl = {
+const Cl = /* @__PURE__ */ O(xl, [["render", Vl], ["__scopeId", "data-v-259fec08"]]), El = {
   mounted(e) {
     e.classList.add("compact");
   },
@@ -1865,21 +1865,21 @@ const Vl = /* @__PURE__ */ D(_l, [["render", kl], ["__scopeId", "data-v-259fec08
   '[tabindex]:not([tabindex="-1"])',
   '[contenteditable="true"]'
 ].join(", ");
-function El(e) {
+function Ll(e) {
   const n = e.querySelectorAll(un);
   for (const t of Array.from(n))
     if (t.offsetParent !== null || t.getClientRects().length > 0)
       return t;
   return null;
 }
-const Ll = {
+const $l = {
   mounted(e, n) {
     const t = typeof n.value == "number" ? n.value : 0, o = () => {
       if (e.matches(un)) {
         e.focus();
         return;
       }
-      const l = El(e);
+      const l = Ll(e);
       l && l.focus();
     };
     t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
@@ -1948,7 +1948,7 @@ class yt {
     o && (t && o.callbacks.delete(t), (!t || o.callbacks.size === 0) && (this.targets.delete(n), this.observer && this.observer.unobserve(n), o.currentClass && n.classList && n.classList.remove(o.currentClass)));
   }
 }
-const Ce = yt.instance, $l = {
+const Ce = yt.instance, Sl = {
   mounted(e, n) {
     const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, a = typeof t == "object" && !!t?.immediate, i = e;
     i.__resize_cb = o, i.__resize_breakpoints = l, o && Ce.observe(e, o, { breakpoints: l, immediate: a });
@@ -1965,25 +1965,25 @@ const Ce = yt.instance, $l = {
     const n = e, t = n.__resize_cb;
     t && Ce.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
   }
-}, Sl = {}, Rl = { class: "spinner" };
-function Tl(e, n) {
-  return f(), g("div", Rl);
+}, Rl = {}, Tl = { class: "spinner" };
+function Al(e, n) {
+  return v(), g("div", Tl);
 }
-const dn = /* @__PURE__ */ D(Sl, [["render", Tl], ["__scopeId", "data-v-b957fb82"]]), Al = 200, Ol = 120;
+const dn = /* @__PURE__ */ O(Rl, [["render", Al], ["__scopeId", "data-v-b957fb82"]]), Ol = 200, Dl = 120;
 function zt(e, n) {
   const t = n.querySelector(".vj-loading-inner");
   if (!t) return;
   const o = e.clientHeight || e.getBoundingClientRect().height;
   t.classList.remove("vj-loading-inner--small", "vj-loading-inner--minimal");
   const l = t.querySelector(".vj-loading-text");
-  l && l.classList.remove("vj-loading-text--hidden"), o <= Ol ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= Al && t.classList.add("vj-loading-inner--small");
+  l && l.classList.remove("vj-loading-text--hidden"), o <= Dl ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= Ol && t.classList.add("vj-loading-inner--small");
 }
-const Dl = {
+const jl = {
   mounted(e, n) {
     let t, o;
     if (typeof n.value == "object" && n.value !== null) {
-      const v = n.value;
-      t = !!(v.active ?? !0), o = v.text;
+      const f = n.value;
+      t = !!(f.active ?? !0), o = f.text;
     } else
       t = !!n.value, o = void 0;
     const l = getComputedStyle(e), a = { overlay: document.createElement("div") };
@@ -1994,7 +1994,7 @@ const Dl = {
     s.className = "vj-loading-inner", s.appendChild(c);
     let r;
     o && (r = document.createElement("div"), r.className = "vj-loading-text", r.textContent = o, s.appendChild(r)), i.appendChild(s), zt(e, i);
-    const u = O(dn);
+    const u = D(dn);
     St(u, c), a.spinnerVnode = u, a.spinnerContainer = c, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(i);
     const d = e;
     d.__vjLoading = a;
@@ -2049,7 +2049,7 @@ const fn = {
     const l = { tooltip: o, cleanup: void 0, showTimer: null, hideTimer: null }, a = async () => {
       const m = await rn(e, o, {
         placement: t.placement,
-        middleware: [Ze(6), tt(), et({ padding: 8 })]
+        middleware: [et(6), nt(), tt({ padding: 8 })]
       }), { x: p, y: w } = m;
       Object.assign(o.style, {
         left: `${p}px`,
@@ -2057,7 +2057,7 @@ const fn = {
       });
     }, i = () => {
       l.hideTimer && window.clearTimeout(l.hideTimer), l.showTimer = window.setTimeout(() => {
-        o.classList.add("vj-tooltip--visible"), a(), l.cleanup = Qe(e, o, a);
+        o.classList.add("vj-tooltip--visible"), a(), l.cleanup = Ze(e, o, a);
       }, t.delay);
     }, c = () => {
       l.showTimer && window.clearTimeout(l.showTimer), l.hideTimer = window.setTimeout(() => {
@@ -2073,12 +2073,12 @@ const fn = {
       i();
     }, r = (m) => {
       c();
-    }, u = () => i(), d = () => c(), v = (m) => {
+    }, u = () => i(), d = () => c(), f = (m) => {
       m.pointerType === "touch" && (i(), l.docHandler = (p) => {
         !o.contains(p.target) && !e.contains(p.target) && (c(), document.removeEventListener("pointerdown", l.docHandler), l.docHandler = void 0);
       }, document.addEventListener("pointerdown", l.docHandler));
     };
-    e.addEventListener("pointerenter", s), e.addEventListener("pointerleave", r), e.addEventListener("focus", u), e.addEventListener("blur", d), e.addEventListener("pointerdown", v), l.onPointerEnter = s, l.onPointerLeave = r, l.onFocus = u, l.onBlur = d, l.onPointerDown = v, e.__vjTooltip = l;
+    e.addEventListener("pointerenter", s), e.addEventListener("pointerleave", r), e.addEventListener("focus", u), e.addEventListener("blur", d), e.addEventListener("pointerdown", f), l.onPointerEnter = s, l.onPointerLeave = r, l.onFocus = u, l.onBlur = d, l.onPointerDown = f, e.__vjTooltip = l;
   },
   updated(e, n) {
     const t = e.__vjTooltip;
@@ -2096,7 +2096,7 @@ const fn = {
       n.tooltip && n.tooltip.parentElement && n.tooltip.parentElement.removeChild(n.tooltip), n.onPointerEnter && e.removeEventListener("pointerenter", n.onPointerEnter), n.onPointerLeave && e.removeEventListener("pointerleave", n.onPointerLeave), n.onFocus && e.removeEventListener("focus", n.onFocus), n.onBlur && e.removeEventListener("blur", n.onBlur), n.onPointerDown && e.removeEventListener("pointerdown", n.onPointerDown), n.docHandler && document.removeEventListener("pointerdown", n.docHandler), e.__vjTooltip = void 0;
     }
   }
-}, Pl = { class: "notification__icon" }, jl = { class: "notification__message" }, Ml = { class: "notification__title" }, Fl = { class: "notification__text" }, zl = /* @__PURE__ */ T({
+}, Pl = { class: "notification__icon" }, Ml = { class: "notification__message" }, Fl = { class: "notification__title" }, zl = { class: "notification__text" }, Il = /* @__PURE__ */ R({
   __name: "notification",
   props: {
     type: {},
@@ -2108,47 +2108,47 @@ const fn = {
     const t = e, o = n, l = C(() => {
       switch (t.type) {
         case "success":
-          return F.CHECK;
+          return H.CHECK;
         case "warning":
-          return F.WARNING;
+          return H.WARNING;
         case "error":
-          return F.ERROR;
+          return H.ERROR;
         default:
-          return F.INFO;
+          return H.INFO;
       }
     }), a = () => {
       o("close");
     };
-    return (i, c) => (f(), g("div", {
-      class: z(["notification", `notification--${e.type}`]),
+    return (i, c) => (v(), g("div", {
+      class: I(["notification", `notification--${e.type}`]),
       onClick: a
     }, [
       x("div", Pl, [
-        O(be, { icon: l.value }, null, 8, ["icon"])
+        D(be, { icon: l.value }, null, 8, ["icon"])
       ]),
-      x("div", jl, [
-        x("div", Ml, B(e.title), 1),
-        x("div", Fl, B(e.message), 1)
+      x("div", Ml, [
+        x("div", Fl, B(e.title), 1),
+        x("div", zl, B(e.message), 1)
       ]),
-      O(dt, {
+      D(dt, {
         class: "notification__close compact",
-        icon: S(F).CLOSE,
-        onClick: N(a, ["stop"]),
+        icon: S(H).CLOSE,
+        onClick: K(a, ["stop"]),
         tertiary: ""
       }, null, 8, ["icon"])
     ], 2));
   }
-}), wt = /* @__PURE__ */ D(zl, [["__scopeId", "data-v-ca4451c0"]]), Il = { class: "page" }, Hl = { class: "header-left" }, Ul = { class: "header-titles" }, Wl = { key: 0 }, Nl = { class: "header-actions" }, Kl = {
+}), wt = /* @__PURE__ */ O(Il, [["__scopeId", "data-v-ca4451c0"]]), Hl = { class: "page" }, Wl = { class: "header-left" }, Ul = { class: "header-titles" }, Kl = { key: 0 }, Nl = { class: "header-actions" }, Xl = {
   key: 0,
   class: "page-error"
-}, Xl = {
+}, ql = {
   key: 1,
   class: "contents"
 }, Gl = {
   key: 2,
   class: "actions"
-}, ql = { key: 3 }, Yl = { key: 0 }, Jl = /* @__PURE__ */ T({
-  directives: { loading: Dl },
+}, Yl = { key: 3 }, Jl = { key: 0 }, Ql = /* @__PURE__ */ R({
+  directives: { loading: jl },
   __name: "page",
   props: {
     title: {},
@@ -2163,60 +2163,60 @@ const fn = {
   setup(e, { emit: n }) {
     const t = e, o = C(() => t.flow?.running?.value ?? !1), l = C(() => t.flow?.error?.value ?? null), a = C(() => t.errorMessage ?? (l.value ? String(l.value) : null));
     return (i, c) => {
-      const s = K("VjButton"), r = Xt("loading");
-      return ct((f(), g("div", Il, [
+      const s = X("VjButton"), r = Xt("loading");
+      return ct((v(), g("div", Hl, [
         x("header", null, [
-          x("div", Hl, [
-            e.backLabel ? (f(), M(s, {
+          x("div", Wl, [
+            e.backLabel ? (v(), F(s, {
               key: 0,
               tertiary: "",
-              icon: S(F).BACK,
+              icon: S(H).BACK,
               onClick: c[0] || (c[0] = (u) => i.$emit("back")),
               size: "small"
-            }, null, 8, ["icon"])) : L("", !0),
+            }, null, 8, ["icon"])) : $("", !0),
             x("div", Ul, [
               x("h1", null, B(e.title), 1),
-              e.subTitle ? (f(), g("h2", Wl, B(e.subTitle), 1)) : L("", !0)
+              e.subTitle ? (v(), g("h2", Kl, B(e.subTitle), 1)) : $("", !0)
             ])
           ]),
           x("div", Nl, [
-            j(i.$slots, "headerActions", {}, void 0, !0)
+            M(i.$slots, "headerActions", {}, void 0, !0)
           ])
         ]),
         x("main", {
-          class: z({ scrollable: e.scrollable })
+          class: I({ scrollable: e.scrollable })
         }, [
-          a.value ? (f(), g("div", Kl, [
-            j(i.$slots, "error", {}, () => [
-              O(wt, {
+          a.value ? (v(), g("div", Xl, [
+            M(i.$slots, "error", {}, () => [
+              D(wt, {
                 type: "error",
                 title: a.value,
                 message: a.value
               }, null, 8, ["title", "message"])
             ], !0)
-          ])) : L("", !0),
-          a.value ? L("", !0) : (f(), g("div", Xl, [
-            j(i.$slots, "default", {}, void 0, !0)
+          ])) : $("", !0),
+          a.value ? $("", !0) : (v(), g("div", ql, [
+            M(i.$slots, "default", {}, void 0, !0)
           ])),
-          a.value ? L("", !0) : (f(), g("div", Gl, [
-            j(i.$slots, "actions", {}, void 0, !0)
+          a.value ? $("", !0) : (v(), g("div", Gl, [
+            M(i.$slots, "actions", {}, void 0, !0)
           ])),
-          i.$slots.flexFooter ? (f(), g("footer", ql, [
-            j(i.$slots, "flexFooter", {}, void 0, !0)
-          ])) : L("", !0)
+          i.$slots.flexFooter ? (v(), g("footer", Yl, [
+            M(i.$slots, "flexFooter", {}, void 0, !0)
+          ])) : $("", !0)
         ], 2),
-        i.$slots.footer ? (f(), g("footer", Yl, [
-          j(i.$slots, "footer", {}, void 0, !0)
-        ])) : L("", !0)
+        i.$slots.footer ? (v(), g("footer", Jl, [
+          M(i.$slots, "footer", {}, void 0, !0)
+        ])) : $("", !0)
       ])), [
         [r, { active: o.value, text: t.loadingMessage }]
       ]);
     };
   }
-}), Ql = /* @__PURE__ */ D(Jl, [["__scopeId", "data-v-3e724555"]]), Zl = {
+}), Zl = /* @__PURE__ */ O(Ql, [["__scopeId", "data-v-3e724555"]]), ea = {
   class: "paginator-info",
   "aria-live": "polite"
-}, ea = /* @__PURE__ */ T({
+}, ta = /* @__PURE__ */ R({
   __name: "paginator",
   props: /* @__PURE__ */ ee({
     totalItems: {},
@@ -2228,55 +2228,55 @@ const fn = {
   }),
   emits: /* @__PURE__ */ ee(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = ve(e, "modelValue"), l = n, a = C(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), i = C(() => Math.min(Math.max(1, o.value ?? 1), a.value)), c = C(() => i.value), s = C(() => i.value <= 1), r = C(() => i.value >= a.value), u = C(() => t.labels?.item ?? "Eintrag"), d = C(() => t.labels?.of ?? "von"), v = (y) => {
+    const t = e, o = ve(e, "modelValue"), l = n, a = C(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), i = C(() => Math.min(Math.max(1, o.value ?? 1), a.value)), c = C(() => i.value), s = C(() => i.value <= 1), r = C(() => i.value >= a.value), u = C(() => t.labels?.item ?? "Eintrag"), d = C(() => t.labels?.of ?? "von"), f = (y) => {
       const _ = Math.min(Math.max(1, Math.floor(y)), a.value);
       _ !== o.value && (o.value = _, l("change", _));
-    }, m = () => v(1), p = () => v(i.value - 1), w = () => v(i.value + 1), h = () => v(a.value);
-    return X([() => t.totalItems, () => t.pageSize], () => {
-      o.value > a.value && v(a.value);
+    }, m = () => f(1), p = () => f(i.value - 1), w = () => f(i.value + 1), h = () => f(a.value);
+    return N([() => t.totalItems, () => t.pageSize], () => {
+      o.value > a.value && f(a.value);
     }), (y, _) => {
-      const b = K("VjButton");
-      return f(), g("nav", {
+      const b = X("VjButton");
+      return v(), g("nav", {
         class: "paginator",
         "aria-label": "Pagination",
-        onKeydown: _[0] || (_[0] = lt(N(() => {
+        onKeydown: _[0] || (_[0] = je(K(() => {
         }, ["prevent"]), ["enter"]))
       }, [
-        O(b, {
+        D(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: S(F).FIRST,
+          icon: S(H).FIRST,
           disabled: s.value,
           onClick: m,
           "aria-label": "First page"
         }, null, 8, ["icon", "disabled"]),
-        O(b, {
+        D(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: S(F).PREVIOUS,
+          icon: S(H).PREVIOUS,
           disabled: s.value,
           onClick: p,
           "aria-label": "Previous page"
         }, null, 8, ["icon", "disabled"]),
-        j(y.$slots, "info", {
+        M(y.$slots, "info", {
           current: i.value,
           totalPages: a.value,
-          goTo: v
+          goTo: f
         }, () => [
-          x("div", Zl, B(u.value) + " " + B(c.value) + " " + B(d.value) + " " + B(a.value), 1)
+          x("div", ea, B(u.value) + " " + B(c.value) + " " + B(d.value) + " " + B(a.value), 1)
         ], !0),
-        O(b, {
+        D(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: S(F).NEXT,
+          icon: S(H).NEXT,
           disabled: r.value,
           onClick: w,
           "aria-label": "Next page"
         }, null, 8, ["icon", "disabled"]),
-        O(b, {
+        D(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: S(F).LAST,
+          icon: S(H).LAST,
           disabled: r.value,
           onClick: h,
           "aria-label": "Last page"
@@ -2284,7 +2284,7 @@ const fn = {
       ], 32);
     };
   }
-}), ta = /* @__PURE__ */ D(ea, [["__scopeId", "data-v-b6fa8efe"]]), na = { class: "search-field" }, oa = ["value", "placeholder"], la = /* @__PURE__ */ T({
+}), na = /* @__PURE__ */ O(ta, [["__scopeId", "data-v-b6fa8efe"]]), oa = { class: "search-field" }, la = ["value", "placeholder"], aa = /* @__PURE__ */ R({
   __name: "search-field",
   props: /* @__PURE__ */ ee({
     placeholder: { default: "Search..." }
@@ -2300,41 +2300,58 @@ const fn = {
       n.value = "";
     }, l = C(() => !n.value);
     return (a, i) => {
-      const c = K("VjIcon");
-      return f(), g("div", na, [
-        O(c, {
-          icon: S(F).SEARCH,
-          size: S(q).S
+      const c = X("VjIcon");
+      return v(), g("div", oa, [
+        D(c, {
+          icon: S(H).SEARCH,
+          size: S(G).S
         }, null, 8, ["icon", "size"]),
         x("input", {
           value: n.value,
           onInput: t,
           type: "text",
           placeholder: e.placeholder
-        }, null, 40, oa),
-        O(c, {
-          class: z(["reset", { invisible: l.value }]),
-          icon: S(F).CLOSE,
-          size: S(q).S,
+        }, null, 40, la),
+        D(c, {
+          class: I(["reset", { invisible: l.value }]),
+          icon: S(H).CLOSE,
+          size: S(G).S,
           onClick: o
         }, null, 8, ["class", "icon", "size"])
       ]);
     };
   }
-}), aa = /* @__PURE__ */ D(la, [["__scopeId", "data-v-2771c8ed"]]), ia = /* @__PURE__ */ T({
+}), ia = /* @__PURE__ */ O(aa, [["__scopeId", "data-v-2771c8ed"]]), sa = /* @__PURE__ */ R({
   __name: "separator",
   props: {
     vertical: { type: Boolean }
   },
   setup(e) {
-    return (n, t) => (f(), g("div", {
-      class: z(["separator", { vertical: e.vertical }])
+    return (n, t) => (v(), g("div", {
+      class: I(["separator", { vertical: e.vertical }])
     }, null, 2));
   }
-}), sa = /* @__PURE__ */ D(ia, [["__scopeId", "data-v-e354bb4e"]]), ra = { class: "tab-view" }, ca = {
+}), ra = /* @__PURE__ */ O(sa, [["__scopeId", "data-v-e354bb4e"]]), ca = {
+  key: 0,
+  class: "tab"
+}, ua = /* @__PURE__ */ R({
+  __name: "tab",
+  props: {
+    name: {},
+    label: {}
+  },
+  setup(e) {
+    const n = e, t = ut("tabView"), o = C(() => t?.activeTab() === n.name);
+    return Re(() => {
+      t?.registerTab(n.name, n.label);
+    }), (l, a) => o.value ? (v(), g("div", ca, [
+      M(l.$slots, "default")
+    ])) : $("", !0);
+  }
+}), da = { class: "tab-view" }, fa = {
   ref: "headerRef",
   class: "tab-view-header"
-}, ua = ["onClick"], da = { class: "tab-view-content" }, fa = /* @__PURE__ */ T({
+}, va = ["onClick"], ma = { class: "tab-view-content" }, pa = /* @__PURE__ */ R({
   __name: "tab-view",
   props: {
     modelValue: {},
@@ -2350,10 +2367,10 @@ const fn = {
     }, i = () => {
       const r = t.value.findIndex((u) => u.name === n.value);
       if (r >= 0 && o.value[r]) {
-        const u = o.value[r], d = u.offsetWidth, v = u.offsetLeft;
+        const u = o.value[r], d = u.offsetWidth, f = u.offsetLeft;
         l.value = {
           width: `${d}px`,
-          transform: `translateX(${v}px)`
+          transform: `translateX(${f}px)`
         };
       }
     }, c = (r, u) => {
@@ -2363,51 +2380,169 @@ const fn = {
     }, s = (r) => {
       n.value = r;
     };
-    return X(n, () => {
+    return N(n, () => {
       me(() => {
         i();
       });
-    }), Nt("tabView", {
+    }), Kt("tabView", {
       activeTab: () => n.value,
       registerTab: c
-    }), (r, u) => (f(), g("div", ra, [
-      x("div", ca, [
-        (f(!0), g(Z, null, ge(t.value, (d, v) => (f(), g("div", {
+    }), (r, u) => (v(), g("div", da, [
+      x("div", fa, [
+        (v(!0), g(Z, null, ge(t.value, (d, f) => (v(), g("div", {
           key: d.name,
           ref_for: !0,
-          ref: (m) => a(m, v),
-          class: z(["tab-button", { active: n.value === d.name }]),
+          ref: (m) => a(m, f),
+          class: I(["tab-button", { active: n.value === d.name }]),
           onClick: (m) => s(d.name)
-        }, B(d.label), 11, ua))), 128)),
+        }, B(d.label), 11, va))), 128)),
         u[0] || (u[0] = x("div", { class: "tab-line" }, null, -1)),
         x("div", {
           class: "tab-indicator",
-          style: G(l.value)
+          style: q(l.value)
         }, null, 4)
       ], 512),
-      x("div", da, [
-        j(r.$slots, "default", {}, void 0, !0)
+      x("div", ma, [
+        M(r.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), va = /* @__PURE__ */ D(fa, [["__scopeId", "data-v-3d4ee454"]]), ma = {
-  key: 0,
-  class: "tab"
-}, pa = /* @__PURE__ */ T({
-  __name: "tab",
+}), ha = /* @__PURE__ */ O(pa, [["__scopeId", "data-v-3d4ee454"]]), ga = ["width", "height", "role", "tabindex", "aria-label", "onKeydown"], ba = ["cx", "cy", "r", "stroke-width"], ya = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], wa = ["transform"], _a = ["x", "y", "width", "height", "rx"], xa = ["x", "y", "width", "height", "rx"], ka = /* @__PURE__ */ R({
+  __name: "timer",
   props: {
-    name: {},
-    label: {}
+    duration: { default: 5e3 },
+    action: { type: Function, default: void 0 },
+    pausable: { type: Boolean, default: !1 },
+    paused: { type: Boolean, default: !1 },
+    timerSize: { default: "m" }
   },
-  setup(e) {
-    const n = e, t = ut("tabView"), o = C(() => t?.activeTab() === n.name);
-    return Be(() => {
-      t?.registerTab(n.name, n.label);
-    }), (l, a) => o.value ? (f(), g("div", ma, [
-      j(l.$slots, "default")
-    ])) : L("", !0);
-  }
-}), ha = ["onKeydown"], ga = /* @__PURE__ */ T({
+  emits: ["update:paused"],
+  setup(e, { emit: n }) {
+    const t = {
+      s: { size: 24, strokeWidth: 1, innerStrokeWidth: 2 },
+      m: { size: 32, strokeWidth: 1, innerStrokeWidth: 4 },
+      l: { size: 40, strokeWidth: 2, innerStrokeWidth: 6 },
+      xl: { size: 64, strokeWidth: 2, innerStrokeWidth: 8 },
+      xxl: { size: 92, strokeWidth: 2, innerStrokeWidth: 10 }
+    }, o = e, l = n, a = C(() => t[o.timerSize].size), i = C(() => t[o.timerSize].strokeWidth), c = C(() => t[o.timerSize].innerStrokeWidth), s = E(!1), r = E(100), u = E(!1), d = E(o.paused);
+    let f = null, m = null, p = 0;
+    const w = C(() => (a.value - Math.max(i.value, c.value)) / 2), h = C(() => 2 * Math.PI * w.value), y = C(() => h.value * (1 - r.value / 100));
+    N(
+      () => o.paused,
+      (P) => {
+        d.value = P, P ? k() : V();
+      }
+    ), Re(() => {
+      b();
+    }), kn(() => {
+      T();
+    });
+    function _() {
+      o.pausable && (d.value = !d.value, l("update:paused", d.value));
+    }
+    function b() {
+      d.value || (m = performance.now() - p, L());
+    }
+    function L() {
+      if (!m || d.value) return;
+      p = performance.now() - m;
+      const W = Math.max(0, o.duration - p), te = W / o.duration * 100;
+      r.value = te, W > 0 ? f = requestAnimationFrame(L) : j();
+    }
+    async function j() {
+      if (!o.action) {
+        z();
+        return;
+      }
+      s.value = !0;
+      try {
+        await o.action();
+      } catch (P) {
+        console.error("Timer action failed:", P);
+      } finally {
+        s.value = !1, z();
+      }
+    }
+    function z() {
+      u.value = !0, p = 0, requestAnimationFrame(() => {
+        r.value = 100, requestAnimationFrame(() => {
+          u.value = !1, b();
+        });
+      });
+    }
+    function k() {
+      f !== null && (cancelAnimationFrame(f), f = null);
+    }
+    function V() {
+      f === null && !s.value && b();
+    }
+    function T() {
+      f !== null && (cancelAnimationFrame(f), f = null);
+    }
+    return (P, W) => (v(), g("svg", {
+      width: a.value,
+      height: a.value,
+      class: I([
+        "vj-timer",
+        {
+          "vj-timer--executing": s.value,
+          "vj-timer--resetting": u.value,
+          "vj-timer--pausable": e.pausable,
+          "vj-timer--paused": d.value
+        }
+      ]),
+      role: e.pausable ? "button" : void 0,
+      tabindex: e.pausable ? 0 : void 0,
+      "aria-label": e.pausable ? d.value ? "Resume timer" : "Pause timer" : void 0,
+      onClick: _,
+      onKeydown: [
+        je(K(_, ["prevent"]), ["space"]),
+        je(_, ["enter"])
+      ]
+    }, [
+      x("circle", {
+        cx: a.value / 2,
+        cy: a.value / 2,
+        r: w.value,
+        "stroke-width": i.value,
+        class: "vj-timer__outer-ring",
+        fill: "none"
+      }, null, 8, ba),
+      x("circle", {
+        cx: a.value / 2,
+        cy: a.value / 2,
+        r: w.value,
+        "stroke-width": c.value,
+        "stroke-dasharray": h.value,
+        "stroke-dashoffset": y.value,
+        class: "vj-timer__progress-ring",
+        fill: "none"
+      }, null, 8, ya),
+      d.value ? (v(), g("g", {
+        key: 0,
+        class: "vj-timer__pause-icon",
+        transform: `translate(${a.value / 2},${a.value / 2}) rotate(-90) scale(-1, 1)`
+      }, [
+        x("rect", {
+          x: -a.value * 0.12,
+          y: -a.value * 0.15,
+          width: a.value * 0.08,
+          height: a.value * 0.3,
+          rx: a.value * 0.015,
+          class: "vj-timer__pause-bar"
+        }, null, 8, _a),
+        x("rect", {
+          x: a.value * 0.04,
+          y: -a.value * 0.15,
+          width: a.value * 0.08,
+          height: a.value * 0.3,
+          rx: a.value * 0.015,
+          class: "vj-timer__pause-bar"
+        }, null, 8, xa)
+      ], 8, wa)) : $("", !0)
+    ], 42, ga));
+  }
+}), Va = /* @__PURE__ */ O(ka, [["__scopeId", "data-v-49a33853"]]), Ca = ["onKeydown"], Ea = /* @__PURE__ */ R({
   __name: "editable-label",
   props: {
     modelValue: {},
@@ -2416,7 +2551,7 @@ const fn = {
   emits: ["update:modelValue", "edit"],
   setup(e, { emit: n }) {
     const t = e, o = n, l = C(() => t.modelValue ?? ""), a = E(l.value), i = E(!1), c = E(!1), s = E(null), r = C(() => !!t.showIcon);
-    X(l, (m) => {
+    N(l, (m) => {
       a.value = m;
     });
     function u() {
@@ -2425,46 +2560,46 @@ const fn = {
     function d() {
       i.value = !1, a.value !== l.value && (o("update:modelValue", a.value), o("edit", a.value));
     }
-    function v() {
+    function f() {
       a.value = l.value, i.value = !1;
     }
-    return (m, p) => (f(), g("span", {
-      class: z(["vj-editable-label", { editing: i.value }]),
+    return (m, p) => (v(), g("span", {
+      class: I(["vj-editable-label", { editing: i.value }]),
       onMouseenter: p[1] || (p[1] = (w) => c.value = !0),
       onMouseleave: p[2] || (p[2] = (w) => c.value = !1)
     }, [
-      i.value ? ct((f(), g("input", {
+      i.value ? ct((v(), g("input", {
         key: 1,
         ref_key: "inputRef",
         ref: s,
         class: "edit-input",
         "onUpdate:modelValue": p[0] || (p[0] = (w) => a.value = w),
         onKeydown: [
-          lt(N(d, ["prevent"]), ["enter"]),
-          lt(N(v, ["prevent"]), ["esc"])
+          je(K(d, ["prevent"]), ["enter"]),
+          je(K(f, ["prevent"]), ["esc"])
         ],
         onBlur: d
-      }, null, 40, ha)), [
-        [kn, a.value]
-      ]) : (f(), g(Z, { key: 0 }, [
+      }, null, 40, Ca)), [
+        [Vn, a.value]
+      ]) : (v(), g(Z, { key: 0 }, [
         x("span", {
           class: "label-text",
           onClick: u,
           title: "Click to edit"
         }, B(l.value), 1),
-        c.value || r.value ? (f(), g("span", {
+        c.value || r.value ? (v(), g("span", {
           key: 0,
           class: "edit-icon",
-          onClick: N(u, ["stop"])
+          onClick: K(u, ["stop"])
         }, [
-          O(be, {
-            icon: S(F).EDIT
+          D(be, {
+            icon: S(H).EDIT
           }, null, 8, ["icon"])
-        ])) : L("", !0)
+        ])) : $("", !0)
       ], 64))
     ], 34));
   }
-}), Mi = /* @__PURE__ */ D(ga, [["__scopeId", "data-v-cdc52c5b"]]), ba = "200% 200%", ya = /* @__PURE__ */ T({
+}), Xi = /* @__PURE__ */ O(Ea, [["__scopeId", "data-v-cdc52c5b"]]), La = "200% 200%", $a = /* @__PURE__ */ R({
   __name: "skeleton",
   props: {
     width: {},
@@ -2473,23 +2608,24 @@ const fn = {
   },
   setup(e) {
     const n = e, t = C(() => n.width ?? "100%"), o = C(() => n.height ?? "16px"), l = C(() => n.borderRadius ?? "4px");
-    return (a, i) => (f(), g("div", {
+    return (a, i) => (v(), g("div", {
       class: "vj-skeleton",
-      style: G({
+      style: q({
         width: t.value,
         height: o.value,
         borderRadius: l.value,
-        backgroundSize: ba
+        backgroundSize: La
       }),
       "aria-hidden": "true"
     }, null, 4));
   }
-}), wa = /* @__PURE__ */ D(ya, [["__scopeId", "data-v-ac05e016"]]), _a = /* @__PURE__ */ T({
+}), Sa = /* @__PURE__ */ O($a, [["__scopeId", "data-v-ac05e016"]]), Ra = /* @__PURE__ */ R({
   __name: "amount-bar",
   props: {
     amount: {},
     maxAmount: {},
-    segments: {}
+    segments: {},
+    colorMode: { default: "monochrome" }
   },
   setup(e) {
     const n = e, t = C(() => n.amount / n.maxAmount * 100), o = (a) => {
@@ -2497,30 +2633,37 @@ const fn = {
       const i = 100 / n.segments, c = a * i;
       return t.value > c;
     }, l = (a) => (160 - a / (n.segments - 1 || 1) * 160).toString();
-    return (a, i) => (f(), g("div", {
-      class: z(["amount-bar", { "amount-bar--segmented": e.segments }])
+    return (a, i) => (v(), g("div", {
+      class: I([
+        "amount-bar",
+        {
+          "amount-bar--segmented": e.segments,
+          "amount-bar--hue-gradient": e.segments && e.colorMode === "hue-gradient",
+          "amount-bar--monochrome": e.segments && e.colorMode === "monochrome"
+        }
+      ])
     }, [
-      e.segments ? (f(!0), g(Z, { key: 0 }, ge(Array.from({ length: e.segments }), (c, s) => (f(), g("div", {
+      e.segments ? (v(!0), g(Z, { key: 0 }, ge(Array.from({ length: e.segments }), (c, s) => (v(), g("div", {
         key: s,
-        class: z(["amount-bar__segment", { "amount-bar__segment--filled": o(s) }]),
-        style: G({ "--segment-hue": l(s) })
-      }, null, 6))), 128)) : (f(), g("div", {
+        class: I(["amount-bar__segment", { "amount-bar__segment--filled": o(s) }]),
+        style: q(o(s) && e.colorMode === "hue-gradient" ? { backgroundColor: `hsl(${l(s)}, 100%, 45%)` } : {})
+      }, null, 6))), 128)) : (v(), g("div", {
         key: 1,
         class: "amount-bar__fill",
-        style: G({ width: `${e.amount / e.maxAmount * 100}%` })
+        style: q({ width: `${e.amount / e.maxAmount * 100}%` })
       }, null, 4))
     ], 2));
   }
-}), xa = /* @__PURE__ */ D(_a, [["__scopeId", "data-v-f85c6d8c"]]), vn = {
+}), Ta = /* @__PURE__ */ O(Ra, [["__scopeId", "data-v-7e89d03f"]]), vn = {
   form: {
     labelPosition: "inline",
     appearance: "bordered"
   }
 };
-let Xe = {};
-function Fi(e) {
-  Xe = {
-    ...Xe,
+let qe = {};
+function qi(e) {
+  qe = {
+    ...qe,
     ...e,
     form: {
       ...vn.form,
@@ -2532,22 +2675,22 @@ function Ht() {
   return {
     form: {
       ...vn.form,
-      ...Xe.form
+      ...qe.form
     }
   };
 }
-function zi() {
-  Xe = {};
+function Gi() {
+  qe = {};
 }
-const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-field__wrapper" }, Ea = ["for"], La = {
+const Aa = ["data-colspan", "data-newline"], Oa = ["for"], Da = { class: "form-field__wrapper" }, ja = ["for"], Ba = {
   key: 1,
   class: "form-field__error"
-}, $a = {
+}, Pa = {
   key: 2,
   class: "form-field__help",
   type: "button",
   "aria-label": "Hilfe"
-}, Sa = /* @__PURE__ */ T({
+}, Ma = /* @__PURE__ */ R({
   directives: { tooltip: fn },
   __name: "form-field",
   props: {
@@ -2567,7 +2710,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
   emits: ["update:modelValue", "focus", "blur"],
   setup(e, { emit: n }) {
     const t = e, o = n, l = E(t.modelValue), a = E(!1), i = C(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), c = C(() => t.labelPosition ?? Ht().form.labelPosition), s = C(() => t.appearance ?? Ht().form.appearance);
-    X(
+    N(
       () => t.modelValue,
       (p) => l.value = p
     );
@@ -2581,16 +2724,16 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       const h = p.target.value;
       l.value = h, o("update:modelValue", h);
     }
-    function v(p) {
+    function f(p) {
       a.value = !0, o("focus", p);
     }
     function m(p) {
       a.value = !1, o("blur", p);
     }
     return (p, w) => {
-      const h = K("VjIcon"), y = Xt("tooltip");
-      return f(), g("div", {
-        class: z([
+      const h = X("VjIcon"), y = Xt("tooltip");
+      return v(), g("div", {
+        class: I([
           "form-field",
           `form-field--${c.value}`,
           `form-field--${s.value}`,
@@ -2600,41 +2743,41 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
         ]),
         "data-colspan": t.spanRow ? void 0 : t.colspan,
         "data-newline": t.spanRow || t.newLine ? "true" : void 0,
-        style: G(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
+        style: q(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
       }, [
-        e.label && c.value === "outline" ? (f(), g("label", {
+        e.label && c.value === "outline" ? (v(), g("label", {
           key: 0,
           for: i.value,
           class: "form-field__label-outline"
-        }, B(e.label), 9, Va)) : L("", !0),
-        x("div", Ca, [
-          j(p.$slots, "control", {
+        }, B(e.label), 9, Oa)) : $("", !0),
+        x("div", Da, [
+          M(p.$slots, "control", {
             id: i.value,
             value: l.value,
             onInput: d,
-            onFocus: v,
+            onFocus: f,
             onBlur: m,
             disabled: e.disabled,
             placeholder: u.value
           }, void 0, !0),
-          e.label && c.value === "inline" ? (f(), g("label", {
+          e.label && c.value === "inline" ? (v(), g("label", {
             key: 0,
             for: i.value,
-            class: z(["form-field__label", { "form-field__label--float": r.value }])
-          }, B(e.label), 11, Ea)) : L("", !0)
+            class: I(["form-field__label", { "form-field__label--float": r.value }])
+          }, B(e.label), 11, ja)) : $("", !0)
         ]),
-        e.error ? (f(), g("div", La, B(e.error), 1)) : L("", !0),
-        t.helpText ? ct((f(), g("button", $a, [
-          O(h, {
-            icon: S(F).HELP
+        e.error ? (v(), g("div", Ba, B(e.error), 1)) : $("", !0),
+        t.helpText ? ct((v(), g("button", Pa, [
+          D(h, {
+            icon: S(H).HELP
           }, null, 8, ["icon"])
         ])), [
           [y, t.helpText]
-        ]) : L("", !0)
-      ], 14, ka);
+        ]) : $("", !0)
+      ], 14, Aa);
     };
   }
-}), ze = /* @__PURE__ */ D(Sa, [["__scopeId", "data-v-19959d5e"]]), Ra = /* @__PURE__ */ T({
+}), Ie = /* @__PURE__ */ O(Ma, [["__scopeId", "data-v-19959d5e"]]), Fa = /* @__PURE__ */ R({
   __name: "form-layout",
   props: {
     columns: { type: Number, default: 4 },
@@ -2650,46 +2793,46 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
         r !== null && r !== "false" ? i.style.gridColumn = "1 / -1" : i.style.gridColumn = `span ${s}`;
       });
     }
-    return Be(() => {
+    return Re(() => {
       me(() => {
         l(), t.value && (o = new MutationObserver(() => l()), o.observe(t.value, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["data-colspan", "data-newline"] }));
       });
-    }), Re(() => {
+    }), Te(() => {
       o?.disconnect();
-    }), X(
+    }), N(
       () => n.columns,
       () => me(l)
-    ), X(
+    ), N(
       () => n.gap,
       () => me(l)
-    ), (a, i) => (f(), g("div", {
+    ), (a, i) => (v(), g("div", {
       ref_key: "container",
       ref: t,
       class: "form-layout",
-      style: G({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
+      style: q({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
     }, [
-      j(a.$slots, "default", {}, void 0, !0)
+      M(a.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Ta = /* @__PURE__ */ D(Ra, [["__scopeId", "data-v-96f62ab7"]]), Aa = {
+}), za = /* @__PURE__ */ O(Fa, [["__scopeId", "data-v-96f62ab7"]]), Ia = {
   key: 0,
   class: "form-section__title",
   "data-newline": ""
-}, Oa = /* @__PURE__ */ T({
+}, Ha = /* @__PURE__ */ R({
   __name: "form-section",
   props: {
     title: {}
   },
   setup(e) {
-    return (n, t) => (f(), g(Z, null, [
-      e.title ? (f(), g("h3", Aa, B(e.title), 1)) : L("", !0),
-      j(n.$slots, "default", {}, void 0, !0)
+    return (n, t) => (v(), g(Z, null, [
+      e.title ? (v(), g("h3", Ia, B(e.title), 1)) : $("", !0),
+      M(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), Da = /* @__PURE__ */ D(Oa, [["__scopeId", "data-v-69cff1d0"]]), Ba = ["id", "disabled"], Pa = { class: "select-value" }, ja = {
+}), Wa = /* @__PURE__ */ O(Ha, [["__scopeId", "data-v-69cff1d0"]]), Ua = ["id", "disabled"], Ka = { class: "select-value" }, Na = {
   key: 1,
   class: "select-placeholder"
-}, Ma = { class: "select-options" }, Fa = ["onClick", "onMouseenter"], za = /* @__PURE__ */ T({
+}, Xa = { class: "select-options" }, qa = ["onClick", "onMouseenter"], Ga = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "select",
   props: /* @__PURE__ */ ee({
@@ -2710,19 +2853,19 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     const t = e, o = ve(e, "modelValue"), l = E(!1), a = E(-1), i = E(null), c = E(null), s = E(null), { floatingStyles: r } = bt(c, s, {
       placement: "bottom-start",
       middleware: [
-        Ze(4),
-        tt(),
-        et({ padding: 8 }),
-        dl({
-          apply({ rects: b, elements: $ }) {
-            Object.assign($.floating.style, {
+        et(4),
+        nt(),
+        tt({ padding: 8 }),
+        fl({
+          apply({ rects: b, elements: L }) {
+            Object.assign(L.floating.style, {
               minWidth: `${b.reference.width}px`
             });
           }
         })
       ],
-      whileElementsMounted: Qe
-    }), u = (b) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(b) : String(b[t.optionLabel]) : String(b), d = (b) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(b) : b[t.optionValue] : b, v = C(() => t.options.find((b) => d(b) === o.value)), m = (b) => d(b) === o.value, p = () => {
+      whileElementsMounted: Ze
+    }), u = (b) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(b) : String(b[t.optionLabel]) : String(b), d = (b) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(b) : b[t.optionValue] : b, f = C(() => t.options.find((b) => d(b) === o.value)), m = (b) => d(b) === o.value, p = () => {
       t.disabled || (l.value = !l.value);
     }, w = () => {
       l.value = !1, a.value = -1;
@@ -2733,22 +2876,22 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     }, _ = (b) => {
       l.value && i.value && !i.value.contains(b.target) && w();
     };
-    return Be(() => {
+    return Re(() => {
       document.addEventListener("click", _);
-    }), Re(() => {
+    }), Te(() => {
       document.removeEventListener("click", _);
-    }), X(l, (b) => {
-      b && v.value && (a.value = t.options.findIndex(($) => m($)));
+    }), N(l, (b) => {
+      b && f.value && (a.value = t.options.findIndex((L) => m(L)));
     }), n({
       focus: () => c.value?.focus(),
       blur: () => c.value?.blur()
-    }), (b, $) => {
-      const P = K("VjIcon");
-      return f(), g(Z, null, [
+    }), (b, L) => {
+      const j = X("VjIcon");
+      return v(), g(Z, null, [
         x("div", {
           ref_key: "selectRef",
           ref: i,
-          class: z(["select", b.$attrs.class])
+          class: I(["select", b.$attrs.class])
         }, [
           x("button", {
             ref_key: "buttonRef",
@@ -2759,73 +2902,73 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
             onClick: p,
             disabled: e.disabled
           }, [
-            t.icon ? (f(), M(P, {
+            t.icon ? (v(), F(j, {
               key: 0,
               icon: t.icon,
-              size: S(q).S,
+              size: S(G).S,
               class: "select-icon-left"
-            }, null, 8, ["icon", "size"])) : L("", !0),
-            x("span", Pa, [
-              v.value ? j(b.$slots, "selected", {
+            }, null, 8, ["icon", "size"])) : $("", !0),
+            x("span", Ka, [
+              f.value ? M(b.$slots, "selected", {
                 key: 0,
-                option: v.value
+                option: f.value
               }, () => [
-                Ue(B(u(v.value)), 1)
-              ], !0) : (f(), g("span", ja, B(e.placeholder), 1))
+                Ue(B(u(f.value)), 1)
+              ], !0) : (v(), g("span", Na, B(e.placeholder), 1))
             ]),
-            t.clearable && v.value && !e.disabled ? (f(), M(P, {
+            t.clearable && f.value && !e.disabled ? (v(), F(j, {
               key: 1,
-              icon: S(F).CLOSE,
-              size: S(q).S,
+              icon: S(H).CLOSE,
+              size: S(G).S,
               class: "select-clear-icon",
-              onClick: N(y, ["stop"])
-            }, null, 8, ["icon", "size"])) : L("", !0),
-            O(P, {
-              icon: S(F).CHEVRON_DOWN,
-              size: S(q).S,
-              class: z(["select-icon-right", { open: l.value }])
+              onClick: K(y, ["stop"])
+            }, null, 8, ["icon", "size"])) : $("", !0),
+            D(j, {
+              icon: S(H).CHEVRON_DOWN,
+              size: S(G).S,
+              class: I(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
-          ], 8, Ba),
-          O(Oe, { name: "dropdown" }, {
-            default: W(() => [
-              l.value ? (f(), g("div", {
+          ], 8, Ua),
+          D(De, { name: "dropdown" }, {
+            default: U(() => [
+              l.value ? (v(), g("div", {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: s,
-                style: G(S(r)),
+                style: q(S(r)),
                 class: "select-dropdown"
               }, [
-                x("div", Ma, [
-                  (f(!0), g(Z, null, ge(e.options, (I, k) => (f(), g("div", {
-                    key: String(d(I)),
-                    class: z(["select-option", { selected: m(I), highlighted: a.value === k }]),
-                    onClick: (V) => h(I),
+                x("div", Xa, [
+                  (v(!0), g(Z, null, ge(e.options, (z, k) => (v(), g("div", {
+                    key: String(d(z)),
+                    class: I(["select-option", { selected: m(z), highlighted: a.value === k }]),
+                    onClick: (V) => h(z),
                     onMouseenter: (V) => a.value = k
                   }, [
-                    j(b.$slots, "option", {
-                      option: I,
-                      selected: m(I)
+                    M(b.$slots, "option", {
+                      option: z,
+                      selected: m(z)
                     }, () => [
-                      Ue(B(u(I)), 1)
+                      Ue(B(u(z)), 1)
                     ], !0)
-                  ], 42, Fa))), 128))
+                  ], 42, qa))), 128))
                 ])
-              ], 4)) : L("", !0)
+              ], 4)) : $("", !0)
             ]),
             _: 3
           })
         ], 2),
-        (f(), M(Pe, { to: "body" }, [
-          l.value ? (f(), g("div", {
+        (v(), F(Pe, { to: "body" }, [
+          l.value ? (v(), g("div", {
             key: 0,
             class: "select-backdrop",
             onClick: w
-          })) : L("", !0)
+          })) : $("", !0)
         ]))
       ], 64);
     };
   }
-}), mn = /* @__PURE__ */ D(za, [["__scopeId", "data-v-fc22f0e9"]]), Ia = /* @__PURE__ */ T({
+}), mn = /* @__PURE__ */ O(Ga, [["__scopeId", "data-v-fc22f0e9"]]), Ya = /* @__PURE__ */ R({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -2845,7 +2988,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
     const t = e, o = n, l = E(t.modelValue);
-    X(
+    N(
       () => t.modelValue,
       (i) => {
         l.value = i;
@@ -2854,7 +2997,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     const a = (i) => {
       l.value = i, o("update:modelValue", i);
     };
-    return (i, c) => (f(), M(ze, {
+    return (i, c) => (v(), F(Ie, {
       modelValue: l.value,
       "onUpdate:modelValue": a,
       label: t.label,
@@ -2869,8 +3012,8 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       labelPosition: t.labelPosition,
       appearance: t.appearance
     }, {
-      control: W(({ id: s, disabled: r, placeholder: u }) => [
-        O(mn, {
+      control: U(({ id: s, disabled: r, placeholder: u }) => [
+        D(mn, {
           id: s,
           modelValue: l.value,
           "onUpdate:modelValue": [
@@ -2886,15 +3029,15 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
         }, rt({ _: 2 }, [
           i.$slots.selected ? {
             name: "selected",
-            fn: W(({ option: d }) => [
-              j(i.$slots, "selected", { option: d })
+            fn: U(({ option: d }) => [
+              M(i.$slots, "selected", { option: d })
             ]),
             key: "0"
           } : void 0,
           i.$slots.option ? {
             name: "option",
-            fn: W(({ option: d }) => [
-              j(i.$slots, "option", { option: d })
+            fn: U(({ option: d }) => [
+              M(i.$slots, "option", { option: d })
             ]),
             key: "1"
           } : void 0
@@ -2903,7 +3046,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       _: 3
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), Ha = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], Ua = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Wa = /* @__PURE__ */ T({
+}), Ja = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], Qa = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Za = /* @__PURE__ */ R({
   __name: "slider",
   props: {
     modelValue: { default: void 0 },
@@ -2914,17 +3057,17 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(null), a = E(!1), i = E(!1), c = (k, V, A) => Math.min(Math.max(k, V), A), s = E(
+    const t = e, o = n, l = E(null), a = E(!1), i = E(!1), c = (k, V, T) => Math.min(Math.max(k, V), T), s = E(
       t.range ? Array.isArray(t.modelValue) ? t.modelValue[0] : t.min : typeof t.modelValue == "number" ? t.modelValue : t.min
     ), r = E(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
-    X(
+    N(
       () => t.modelValue,
       (k) => {
         t.range ? Array.isArray(k) && (s.value = c(k[0], t.min, t.max), r.value = c(k[1], t.min, t.max)) : typeof k == "number" && (s.value = c(k, t.min, t.max));
       },
       { immediate: !0 }
     );
-    const u = (k) => (k - t.min) / (t.max - t.min) * 100, d = C(() => ({ left: `${u(s.value)}%` })), v = C(() => ({ left: `${u(r.value)}%` })), m = C(() => {
+    const u = (k) => (k - t.min) / (t.max - t.min) * 100, d = C(() => ({ left: `${u(s.value)}%` })), f = C(() => ({ left: `${u(r.value)}%` })), m = C(() => {
       if (!t.range) return { width: `${u(s.value)}%`, left: "0%" };
       const k = u(s.value), V = u(r.value);
       return { left: `${k}%`, width: `${Math.max(0, V - k)}%` };
@@ -2943,46 +3086,46 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           k.target.releasePointerCapture(k.pointerId);
         } catch {
         }
-      p = null, w = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", y), P();
+      p = null, w = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", y), j();
     }, _ = (k) => {
       if (!p || !l.value) return;
-      const V = l.value.getBoundingClientRect(), A = c(k.clientX - V.left, 0, V.width), H = t.min + A / V.width * (t.max - t.min), U = Math.round(H / t.step) * t.step;
-      p === "low" ? t.range ? s.value = Math.min(U, r.value) : s.value = c(U, t.min, t.max) : p === "high" && (r.value = Math.max(U, s.value));
+      const V = l.value.getBoundingClientRect(), T = c(k.clientX - V.left, 0, V.width), P = t.min + T / V.width * (t.max - t.min), W = Math.round(P / t.step) * t.step;
+      p === "low" ? t.range ? s.value = Math.min(W, r.value) : s.value = c(W, t.min, t.max) : p === "high" && (r.value = Math.max(W, s.value));
     }, b = (k) => {
       if (!l.value) return;
-      const V = l.value.getBoundingClientRect(), A = c(k.clientX - V.left, 0, V.width), H = t.min + A / V.width * (t.max - t.min), U = Math.round(H / t.step) * t.step;
+      const V = l.value.getBoundingClientRect(), T = c(k.clientX - V.left, 0, V.width), P = t.min + T / V.width * (t.max - t.min), W = Math.round(P / t.step) * t.step;
       if (t.range) {
-        const ce = Math.abs(U - s.value), ue = Math.abs(U - r.value);
-        ce <= ue ? s.value = Math.min(U, r.value) : r.value = Math.max(U, s.value);
+        const te = Math.abs(W - s.value), ue = Math.abs(W - r.value);
+        te <= ue ? s.value = Math.min(W, r.value) : r.value = Math.max(W, s.value);
       } else
-        s.value = c(U, t.min, t.max);
-      P();
-    }, $ = (k, V) => {
-      const A = t.step, H = V.key === "ArrowLeft" || V.key === "ArrowDown" ? -1 : V.key === "ArrowRight" || V.key === "ArrowUp" ? 1 : 0;
-      if (H) {
+        s.value = c(W, t.min, t.max);
+      j();
+    }, L = (k, V) => {
+      const T = t.step, P = V.key === "ArrowLeft" || V.key === "ArrowDown" ? -1 : V.key === "ArrowRight" || V.key === "ArrowUp" ? 1 : 0;
+      if (P) {
         if (k === "low") {
-          const U = c(s.value + H * A, t.min, t.range ? r.value : t.max);
-          s.value = U, a.value = !0, setTimeout(() => a.value = !1, 800);
+          const W = c(s.value + P * T, t.min, t.range ? r.value : t.max);
+          s.value = W, a.value = !0, setTimeout(() => a.value = !1, 800);
         } else {
-          const U = c(r.value + H * A, t.range ? s.value : t.max, t.max);
-          r.value = U, i.value = !0, setTimeout(() => i.value = !1, 800);
+          const W = c(r.value + P * T, t.range ? s.value : t.max, t.max);
+          r.value = W, i.value = !0, setTimeout(() => i.value = !1, 800);
         }
-        P();
+        j();
       }
-    }, P = () => {
+    }, j = () => {
       t.range ? (o("update:modelValue", [s.value, r.value]), o("change", [s.value, r.value])) : (o("update:modelValue", s.value), o("change", s.value));
     };
-    Re(() => {
+    Te(() => {
       window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", y);
-    }), X([() => t.min, () => t.max], () => {
+    }), N([() => t.min, () => t.max], () => {
       s.value = c(s.value, t.min, t.max), r.value = c(r.value, t.min, t.max);
     });
-    const I = C(() => t.range);
+    const z = C(() => t.range);
     return me(() => {
       t.modelValue === void 0 && (t.range ? o("update:modelValue", [s.value, r.value]) : o("update:modelValue", s.value));
-    }), (k, V) => (f(), g("div", {
+    }), (k, V) => (v(), g("div", {
       class: "vj-slider",
-      onPointerdown: V[8] || (V[8] = N(() => {
+      onPointerdown: V[8] || (V[8] = K(() => {
       }, ["stop"]))
     }, [
       x("div", {
@@ -2993,51 +3136,51 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       }, [
         x("div", {
           class: "range",
-          style: G(m.value)
+          style: q(m.value)
         }, null, 4),
-        a.value ? (f(), g("div", {
+        a.value ? (v(), g("div", {
           key: 0,
           class: "tooltip",
-          style: G({ left: d.value.left })
-        }, B(s.value), 5)) : L("", !0),
+          style: q({ left: d.value.left })
+        }, B(s.value), 5)) : $("", !0),
         x("button", {
           class: "handle low",
-          style: G(d.value),
+          style: q(d.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
           "aria-valuenow": s.value,
-          "aria-label": I.value ? "Lower value" : "Value",
-          onPointerdown: V[0] || (V[0] = N((A) => h("low", A), ["prevent"])),
-          onFocus: V[1] || (V[1] = (A) => a.value = !0),
-          onBlur: V[2] || (V[2] = (A) => a.value = !1),
-          onKeydown: V[3] || (V[3] = N((A) => $("low", A), ["stop", "prevent"])),
+          "aria-label": z.value ? "Lower value" : "Value",
+          onPointerdown: V[0] || (V[0] = K((T) => h("low", T), ["prevent"])),
+          onFocus: V[1] || (V[1] = (T) => a.value = !0),
+          onBlur: V[2] || (V[2] = (T) => a.value = !1),
+          onKeydown: V[3] || (V[3] = K((T) => L("low", T), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, Ha),
-        I.value && i.value ? (f(), g("div", {
+        }, null, 44, Ja),
+        z.value && i.value ? (v(), g("div", {
           key: 1,
           class: "tooltip",
-          style: G({ left: v.value.left })
-        }, B(r.value), 5)) : L("", !0),
-        I.value ? (f(), g("button", {
+          style: q({ left: f.value.left })
+        }, B(r.value), 5)) : $("", !0),
+        z.value ? (v(), g("button", {
           key: 2,
           class: "handle high",
-          style: G(v.value),
+          style: q(f.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
           "aria-valuenow": r.value,
           "aria-label": "Upper value",
-          onPointerdown: V[4] || (V[4] = N((A) => h("high", A), ["prevent"])),
-          onFocus: V[5] || (V[5] = (A) => i.value = !0),
-          onBlur: V[6] || (V[6] = (A) => i.value = !1),
-          onKeydown: V[7] || (V[7] = N((A) => $("high", A), ["stop", "prevent"])),
+          onPointerdown: V[4] || (V[4] = K((T) => h("high", T), ["prevent"])),
+          onFocus: V[5] || (V[5] = (T) => i.value = !0),
+          onBlur: V[6] || (V[6] = (T) => i.value = !1),
+          onKeydown: V[7] || (V[7] = K((T) => L("high", T), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, Ua)) : L("", !0)
+        }, null, 44, Qa)) : $("", !0)
       ], 512)
     ], 32));
   }
-}), Na = /* @__PURE__ */ D(Wa, [["__scopeId", "data-v-d47c7475"]]), Ka = ["onFocusin", "onFocusout"], Xa = /* @__PURE__ */ T({
+}), ei = /* @__PURE__ */ O(Za, [["__scopeId", "data-v-d47c7475"]]), ti = ["onFocusin", "onFocusout"], ni = /* @__PURE__ */ R({
   __name: "input-slider",
   props: {
     modelValue: {},
@@ -3062,7 +3205,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       const s = typeof c == "number" ? c : Number(c ?? 0);
       a.value = Number.isNaN(s) ? 0 : s, o("update:modelValue", a.value), o("input", a.value);
     };
-    return (c, s) => (f(), M(ze, {
+    return (c, s) => (v(), F(Ie, {
       modelValue: a.value,
       "onUpdate:modelValue": i,
       label: t.label,
@@ -3074,13 +3217,13 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       spanRow: t.spanRow,
       error: t.error
     }, {
-      control: W(({ id: r, disabled: u, placeholder: d, onFocus: v, onBlur: m }) => [
+      control: U(({ id: r, disabled: u, placeholder: d, onFocus: f, onBlur: m }) => [
         x("div", {
           class: "input-slider__control",
-          onFocusin: v,
+          onFocusin: f,
           onFocusout: m
         }, [
-          O(Na, {
+          D(ei, {
             id: r,
             modelValue: a.value,
             "onUpdate:modelValue": s[0] || (s[0] = (p) => a.value = p),
@@ -3090,12 +3233,12 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
             range: !1,
             disabled: u
           }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
-        ], 40, Ka)
+        ], 40, ti)
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), Ga = /* @__PURE__ */ D(Xa, [["__scopeId", "data-v-051e6d17"]]), qa = { class: "textarea" }, Ya = ["value", "placeholder", "disabled", "rows"], Ja = /* @__PURE__ */ T({
+}), oi = /* @__PURE__ */ O(ni, [["__scopeId", "data-v-051e6d17"]]), li = { class: "textarea" }, ai = ["value", "placeholder", "disabled", "rows"], ii = /* @__PURE__ */ R({
   __name: "textarea",
   props: /* @__PURE__ */ ee({
     icon: {},
@@ -3119,14 +3262,14 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       t("blur", r);
     }, s = C(() => !o.value);
     return (r, u) => {
-      const d = K("VjIcon");
-      return f(), g("div", qa, [
-        e.icon ? (f(), M(d, {
+      const d = X("VjIcon");
+      return v(), g("div", li, [
+        e.icon ? (v(), F(d, {
           key: 0,
           icon: e.icon,
-          size: S(q).S,
+          size: S(G).S,
           class: "textarea-icon"
-        }, null, 8, ["icon", "size"])) : L("", !0),
+        }, null, 8, ["icon", "size"])) : $("", !0),
         x("textarea", {
           value: o.value,
           onInput: l,
@@ -3135,18 +3278,18 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           placeholder: e.placeholder,
           disabled: e.disabled,
           rows: e.rows
-        }, null, 40, Ya),
-        e.clearable && !e.disabled ? (f(), M(d, {
+        }, null, 40, ai),
+        e.clearable && !e.disabled ? (v(), F(d, {
           key: 1,
-          class: z(["clear-icon", { invisible: s.value }]),
-          icon: S(F).CLOSE,
-          size: S(q).S,
+          class: I(["clear-icon", { invisible: s.value }]),
+          icon: S(H).CLOSE,
+          size: S(G).S,
           onClick: a
-        }, null, 8, ["class", "icon", "size"])) : L("", !0)
+        }, null, 8, ["class", "icon", "size"])) : $("", !0)
       ]);
     };
   }
-}), pn = /* @__PURE__ */ D(Ja, [["__scopeId", "data-v-2ea43716"]]), Qa = /* @__PURE__ */ T({
+}), pn = /* @__PURE__ */ O(ii, [["__scopeId", "data-v-2ea43716"]]), si = /* @__PURE__ */ R({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -3171,7 +3314,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       const u = t.modelValue;
       return u == null ? "" : String(u);
     });
-    return (u, d) => (f(), M(ze, {
+    return (u, d) => (v(), F(Ie, {
       modelValue: t.modelValue,
       "onUpdate:modelValue": l,
       onInput: a,
@@ -3189,9 +3332,9 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       helpText: t.helpText,
       appearance: t.appearance
     }, {
-      control: W(({ id: v, disabled: m, placeholder: p, onFocus: w, onBlur: h }) => [
-        O(pn, {
-          id: v,
+      control: U(({ id: f, disabled: m, placeholder: p, onFocus: w, onBlur: h }) => [
+        D(pn, {
+          id: f,
           modelValue: r.value,
           "onUpdate:modelValue": s,
           onFocus: (y) => {
@@ -3209,7 +3352,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "labelPosition", "error", "helpText", "appearance"]));
   }
-}), Za = { class: "input" }, ei = ["value", "type", "placeholder", "disabled"], ti = /* @__PURE__ */ T({
+}), ri = { class: "input" }, ci = ["value", "type", "placeholder", "disabled"], ui = /* @__PURE__ */ R({
   __name: "input",
   props: /* @__PURE__ */ ee({
     icon: {},
@@ -3233,13 +3376,13 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       t("blur", r);
     }, s = C(() => !o.value);
     return (r, u) => {
-      const d = K("VjIcon");
-      return f(), g("div", Za, [
-        e.icon ? (f(), M(d, {
+      const d = X("VjIcon");
+      return v(), g("div", ri, [
+        e.icon ? (v(), F(d, {
           key: 0,
           icon: e.icon,
-          size: S(q).S
-        }, null, 8, ["icon", "size"])) : L("", !0),
+          size: S(G).S
+        }, null, 8, ["icon", "size"])) : $("", !0),
         x("input", {
           value: o.value,
           onInput: l,
@@ -3248,18 +3391,18 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           type: e.type,
           placeholder: e.placeholder,
           disabled: e.disabled
-        }, null, 40, ei),
-        e.clearable && !e.disabled ? (f(), M(d, {
+        }, null, 40, ci),
+        e.clearable && !e.disabled ? (v(), F(d, {
           key: 1,
-          class: z(["clear-icon", { invisible: s.value }]),
-          icon: S(F).CLOSE,
-          size: S(q).S,
+          class: I(["clear-icon", { invisible: s.value }]),
+          icon: S(H).CLOSE,
+          size: S(G).S,
           onClick: a
-        }, null, 8, ["class", "icon", "size"])) : L("", !0)
+        }, null, 8, ["class", "icon", "size"])) : $("", !0)
       ]);
     };
   }
-}), hn = /* @__PURE__ */ D(ti, [["__scopeId", "data-v-3187d49c"]]), ni = /* @__PURE__ */ T({
+}), hn = /* @__PURE__ */ O(ui, [["__scopeId", "data-v-3187d49c"]]), di = /* @__PURE__ */ R({
   __name: "input-text",
   props: {
     modelValue: {},
@@ -3281,7 +3424,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     const t = e, o = n, l = (r) => o("update:modelValue", r), a = (r) => o("input", r), i = (r) => o("focus", r), c = (r) => o("blur", r), s = (r) => {
       l(r ?? "");
     };
-    return (r, u) => (f(), M(ze, {
+    return (r, u) => (v(), F(Ie, {
       modelValue: e.modelValue,
       "onUpdate:modelValue": l,
       onInput: a,
@@ -3299,8 +3442,8 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       labelPosition: e.labelPosition,
       appearance: e.appearance
     }, {
-      control: W(({ id: d, disabled: v, placeholder: m, onFocus: p, onBlur: w }) => [
-        O(hn, {
+      control: U(({ id: d, disabled: f, placeholder: m, onFocus: p, onBlur: w }) => [
+        D(hn, {
           id: d,
           modelValue: e.modelValue,
           type: e.type,
@@ -3312,17 +3455,17 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
             w(h), c(h);
           },
           placeholder: m,
-          disabled: v,
+          disabled: f,
           clearable: ""
         }, null, 8, ["id", "modelValue", "type", "onFocus", "onBlur", "placeholder", "disabled"])
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), oi = { class: "shell-navigation-item" }, li = { class: "shell-navigation-item-label" }, ai = {
+}), fi = { class: "shell-navigation-item" }, vi = { class: "shell-navigation-item-label" }, mi = {
   key: 1,
   class: "shell-navigation-item-link"
-}, ii = ["aria-expanded"], si = { class: "shell-navigation-item-label" }, ri = /* @__PURE__ */ T({
+}, pi = ["aria-expanded"], hi = { class: "shell-navigation-item-label" }, gi = /* @__PURE__ */ R({
   __name: "shell-navigation-item",
   props: {
     label: {},
@@ -3330,120 +3473,120 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     to: {}
   },
   setup(e) {
-    const n = Wt(), t = C(() => !!n.default), o = E(!1), l = E(null), a = E(null), { floatingStyles: i } = bt(l, a, {
+    const n = Ut(), t = C(() => !!n.default), o = E(!1), l = E(null), a = E(null), { floatingStyles: i } = bt(l, a, {
       placement: "right-start",
-      middleware: [Ze(8), tt(), et({ padding: 8 })],
-      whileElementsMounted: Qe
-    }), c = (v) => {
+      middleware: [et(8), nt(), tt({ padding: 8 })],
+      whileElementsMounted: Ze
+    }), c = (f) => {
       t.value && (o.value = !o.value);
     }, s = () => {
       o.value = !1;
-    }, r = (v) => {
+    }, r = (f) => {
       s();
-    }, u = (v) => {
-      (v.key === "Escape" || v.key === "Esc") && s();
-    }, d = (v) => {
-      const m = v.target;
+    }, u = (f) => {
+      (f.key === "Escape" || f.key === "Esc") && s();
+    }, d = (f) => {
+      const m = f.target;
       m && (l.value && l.value.contains(m) || a.value && a.value.contains(m) || s());
     };
-    return X(o, (v) => {
-      v ? (window.addEventListener("keydown", u), window.addEventListener("pointerdown", d)) : (window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d));
-    }), Re(() => {
+    return N(o, (f) => {
+      f ? (window.addEventListener("keydown", u), window.addEventListener("pointerdown", d)) : (window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d));
+    }), Te(() => {
       window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d);
-    }), (v, m) => {
-      const p = K("VjIcon"), w = K("RouterLink"), h = K("VjMenu");
-      return f(), g("li", oi, [
-        e.to ? (f(), M(w, {
+    }), (f, m) => {
+      const p = X("VjIcon"), w = X("RouterLink"), h = X("VjMenu");
+      return v(), g("li", fi, [
+        e.to ? (v(), F(w, {
           key: 0,
           to: e.to,
           class: "shell-navigation-item-link"
         }, {
-          default: W(() => [
-            O(p, {
+          default: U(() => [
+            D(p, {
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            x("label", li, B(e.label), 1)
+            x("label", vi, B(e.label), 1)
           ]),
           _: 1
-        }, 8, ["to"])) : (f(), g("div", ai, [
+        }, 8, ["to"])) : (v(), g("div", mi, [
           x("button", {
             ref_key: "buttonRef",
             ref: l,
             class: "shell-navigation-item-button",
-            onClick: N(c, ["stop"]),
+            onClick: K(c, ["stop"]),
             "aria-expanded": o.value,
             type: "button"
           }, [
-            O(p, {
+            D(p, {
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            x("label", si, B(e.label), 1)
-          ], 8, ii),
-          O(Oe, { name: "menu" }, {
-            default: W(() => [
-              o.value ? (f(), M(h, {
+            x("label", hi, B(e.label), 1)
+          ], 8, pi),
+          D(De, { name: "menu" }, {
+            default: U(() => [
+              o.value ? (v(), F(h, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: a,
-                style: G(S(i)),
+                style: q(S(i)),
                 class: "shell-navigation-item-menu",
                 onClose: s,
-                onClick: N(r, ["stop"])
+                onClick: K(r, ["stop"])
               }, {
-                default: W(() => [
-                  j(v.$slots, "default", {}, void 0, !0)
+                default: U(() => [
+                  M(f.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["style"])) : L("", !0)
+              }, 8, ["style"])) : $("", !0)
             ]),
             _: 3
           }),
-          (f(), M(Pe, { to: "body" }, [
-            o.value ? (f(), g("div", {
+          (v(), F(Pe, { to: "body" }, [
+            o.value ? (v(), g("div", {
               key: 0,
               class: "menu-backdrop",
               onClick: s
-            })) : L("", !0)
+            })) : $("", !0)
           ]))
         ]))
       ]);
     };
   }
-}), ci = /* @__PURE__ */ D(ri, [["__scopeId", "data-v-3a50d1c2"]]), ui = { class: "navigation-top" }, di = {
+}), bi = /* @__PURE__ */ O(gi, [["__scopeId", "data-v-3a50d1c2"]]), yi = { class: "navigation-top" }, wi = {
   key: 0,
   class: "navigation-bottom"
-}, fi = /* @__PURE__ */ T({
+}, _i = /* @__PURE__ */ R({
   __name: "shell-navigation",
   setup(e) {
-    const n = ut(ki, Ci()), t = C(() => n.showLabels);
+    const n = ut(Ai, Di()), t = C(() => n.showLabels);
     return (o, l) => {
-      const a = K("VjShellNavigationItem");
-      return f(), g("nav", {
-        class: z(["shell-navigation", { "with-labels": t.value }])
+      const a = X("VjShellNavigationItem");
+      return v(), g("nav", {
+        class: I(["shell-navigation", { "with-labels": t.value }])
       }, [
-        x("ul", ui, [
-          S(n).hasParent && S(n).backRoute.value ? (f(), M(a, {
+        x("ul", yi, [
+          S(n).hasParent && S(n).backRoute.value ? (v(), F(a, {
             key: 0,
             to: S(n).backRoute.value,
             label: "BACK",
-            icon: S(F).HOME
-          }, null, 8, ["to", "icon"])) : L("", !0),
-          (f(!0), g(Z, null, ge(S(n).childRoutes.value, (i) => (f(), M(a, {
+            icon: S(H).HOME
+          }, null, 8, ["to", "icon"])) : $("", !0),
+          (v(!0), g(Z, null, ge(S(n).childRoutes.value, (i) => (v(), F(a, {
             key: i.name,
             to: { name: i.name },
             label: i.meta.label,
-            icon: i.meta.icon ?? S(F).HOME
+            icon: i.meta.icon ?? S(H).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
-        o.$slots.fixed ? (f(), g("ul", di, [
-          j(o.$slots, "fixed", {}, void 0, !0)
-        ])) : L("", !0)
+        o.$slots.fixed ? (v(), g("ul", wi, [
+          M(o.$slots, "fixed", {}, void 0, !0)
+        ])) : $("", !0)
       ], 2);
     };
   }
-}), gn = /* @__PURE__ */ D(fi, [["__scopeId", "data-v-306cfc22"]]), vi = { class: "shell" }, mi = { class: "shell-title" }, pi = ["src"], hi = { class: "header-actions" }, gi = /* @__PURE__ */ T({
+}), gn = /* @__PURE__ */ O(_i, [["__scopeId", "data-v-306cfc22"]]), xi = { class: "shell" }, ki = { class: "shell-title" }, Vi = ["src"], Ci = { class: "header-actions" }, Ei = /* @__PURE__ */ R({
   __name: "shell",
   props: {
     title: {},
@@ -3451,55 +3594,55 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     showNavigation: { type: Boolean }
   },
   setup(e) {
-    const n = Ri(), t = nt(n, "asideComponent"), o = nt(n, "hasAside"), l = nt(n, "asideData"), a = C(() => {
+    const n = Fi(), t = ot(n, "asideComponent"), o = ot(n, "hasAside"), l = ot(n, "asideData"), a = C(() => {
       const i = l.value;
       return i && typeof i == "object" ? i : {};
     });
     return (i, c) => {
-      const s = K("router-view");
-      return f(), g("div", vi, [
+      const s = X("router-view");
+      return v(), g("div", xi, [
         x("header", null, [
-          x("span", mi, [
-            e.icon ? (f(), g("img", {
+          x("span", ki, [
+            e.icon ? (v(), g("img", {
               key: 0,
               src: e.icon,
               alt: "Shell Icon"
-            }, null, 8, pi)) : L("", !0),
+            }, null, 8, Vi)) : $("", !0),
             x("h1", null, B(e.title), 1)
           ]),
-          x("div", hi, [
-            j(i.$slots, "header-actions", {}, void 0, !0)
+          x("div", Ci, [
+            M(i.$slots, "header-actions", {}, void 0, !0)
           ])
         ]),
         x("div", {
-          class: z(["shell-content", { "with-navigation": e.showNavigation }])
+          class: I(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (f(), M(S(gn), { key: 0 }, rt({ _: 2 }, [
+          e.showNavigation ? (v(), F(S(gn), { key: 0 }, rt({ _: 2 }, [
             i.$slots?.["navigation-fixed"] ? {
               name: "fixed",
-              fn: W(() => [
-                j(i.$slots, "navigation-fixed", {}, void 0, !0)
+              fn: U(() => [
+                M(i.$slots, "navigation-fixed", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
-          ]), 1024)) : L("", !0),
+          ]), 1024)) : $("", !0),
           x("main", null, [
-            j(i.$slots, "default", {}, () => [
-              O(s)
+            M(i.$slots, "default", {}, () => [
+              D(s)
             ], !0)
           ]),
           x("aside", {
-            class: z({ "aside-visible": o.value })
+            class: I({ "aside-visible": o.value })
           }, [
-            (f(), M(Kt(t.value), Vn(Cn(a.value)), null, 16))
+            (v(), F(Nt(t.value), Cn(En(a.value)), null, 16))
           ], 2)
         ], 2),
         c[0] || (c[0] = x("footer", null, null, -1))
       ]);
     };
   }
-}), bi = /* @__PURE__ */ D(gi, [["__scopeId", "data-v-4dfd0097"]]);
-class yi {
+}), Li = /* @__PURE__ */ O(Ei, [["__scopeId", "data-v-4dfd0097"]]);
+class $i {
   notifications = E([]);
   notificationIdCounter = 0;
   /**
@@ -3565,15 +3708,15 @@ class yi {
     this.notifications.value = [];
   }
 }
-const Ut = new yi(), wi = { class: "notifications" }, _i = /* @__PURE__ */ T({
+const Wt = new $i(), Si = { class: "notifications" }, Ri = /* @__PURE__ */ R({
   __name: "notifications",
   setup(e) {
-    const n = Ut.getNotifications(), t = (o) => Ut.remove(o);
-    return (o, l) => (f(), M(Pe, { to: "body" }, [
-      x("div", wi, [
-        O(En, { name: "notification" }, {
-          default: W(() => [
-            (f(!0), g(Z, null, ge(S(n), (a) => (f(), M(wt, {
+    const n = Wt.getNotifications(), t = (o) => Wt.remove(o);
+    return (o, l) => (v(), F(Pe, { to: "body" }, [
+      x("div", Si, [
+        D(Ln, { name: "notification" }, {
+          default: U(() => [
+            (v(!0), g(Z, null, ge(S(n), (a) => (v(), F(wt, {
               key: a.id,
               type: a.type,
               title: a.title,
@@ -3586,14 +3729,14 @@ const Ut = new yi(), wi = { class: "notifications" }, _i = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), xi = /* @__PURE__ */ D(_i, [["__scopeId", "data-v-543c499f"]]), ki = "navigationProvider";
-function Vi(e) {
+}), Ti = /* @__PURE__ */ O(Ri, [["__scopeId", "data-v-543c499f"]]), Ai = "navigationProvider";
+function Oi(e) {
   return !!e.meta && "icon" in e.meta && "label" in e.meta;
 }
-const Ci = () => {
-  const e = Rn(), n = Tn(), t = !0, o = C(() => {
+const Di = () => {
+  const e = Tn(), n = An(), t = !0, o = C(() => {
     const u = e.getRoutes();
-    return u.filter((d) => d.path !== "/" && !u.some((v) => v.children?.some((m) => m.name === d.name)));
+    return u.filter((d) => d.path !== "/" && !u.some((f) => f.children?.some((m) => m.name === d.name)));
   }), l = C(() => {
     const u = n.matched;
     return u.length ? u[u.length - 1] : null;
@@ -3602,11 +3745,11 @@ const Ci = () => {
     return u.length > 1 ? u[u.length - 2] : null;
   }), i = C(() => !!(l.value?.children?.length || a.value)), c = C(() => l.value?.children?.length ? l.value : a.value?.children?.length ? a.value : null), s = C(() => {
     if (!c.value) return null;
-    const d = e.getRoutes().find((v) => v.children?.some((m) => m.name === c.value.name));
+    const d = e.getRoutes().find((f) => f.children?.some((m) => m.name === c.value.name));
     return d ? { name: d.name } : { path: "/" };
   }), r = C(() => {
     let u = [];
-    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : a.value?.children?.length ? u = a.value.children : u = o.value, u.filter(Vi);
+    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : a.value?.children?.length ? u = a.value.children : u = o.value, u.filter(Oi);
   });
   return {
     hasParent: i,
@@ -3614,8 +3757,8 @@ const Ci = () => {
     childRoutes: r,
     showLabels: t
   };
-}, Ii = (e, n = !0, t = void 0) => {
-  const o = Ln(e) ? e : E(e), l = !!t, a = E(t || null);
+}, Yi = (e, n = !0, t = void 0) => {
+  const o = $n(e) ? e : E(e), l = !!t, a = E(t || null);
   return {
     hasParent: l,
     backRoute: a,
@@ -3626,9 +3769,9 @@ const Ci = () => {
 let Le = [];
 const bn = (e) => (Le.push(e), () => {
   Le = Le.filter((n) => n !== e);
-}), Ei = (e, n) => (Le = [], xt.value = e, kt.value = n ?? null, _t.value = !0, {
+}), ji = (e, n) => (Le = [], xt.value = e, kt.value = n ?? null, _t.value = !0, {
   onClose: (t) => bn(t)
-}), Li = (e) => {
+}), Bi = (e) => {
   try {
     Le.forEach((n) => {
       try {
@@ -3638,18 +3781,18 @@ const bn = (e) => (Le.push(e), () => {
       }
     });
   } finally {
-    _t.value = !1, setTimeout($i, 1e3);
+    _t.value = !1, setTimeout(Pi, 1e3);
   }
-}, $i = () => {
+}, Pi = () => {
   Le = [], xt.value = null, kt.value = null;
-}, Si = {
+}, Mi = {
   asideComponent: xt,
   asideData: kt,
-  showAside: Ei,
-  closeAside: Li,
+  showAside: ji,
+  closeAside: Bi,
   onAsideClose: bn,
   hasAside: _t
-}, Ri = () => Si, Hi = (e, n) => {
+}, Fi = () => Mi, Ji = (e, n) => {
   let t = null;
   return (...l) => {
     t && clearTimeout(t), t = setTimeout(() => {
@@ -3657,7 +3800,7 @@ const bn = (e) => (Le.push(e), () => {
     }, n);
   };
 };
-class Ti {
+class zi {
   containerElement = null;
   apps = [];
   mainApp = null;
@@ -3667,6 +3810,9 @@ class Ti {
   ensureContainer() {
     return this.containerElement || (this.containerElement = document.createElement("div"), this.containerElement.id = "vj-dialog-container", document.body.appendChild(this.containerElement)), this.containerElement;
   }
+  inheritAppContext(n) {
+    this.mainApp && (Object.assign(n.config.globalProperties, this.mainApp.config.globalProperties), Object.assign(n._context.provides, this.mainApp._context.provides), Object.assign(n._context.components, this.mainApp._context.components), Object.assign(n._context.directives, this.mainApp._context.directives), Object.assign(n.config.compilerOptions, this.mainApp.config.compilerOptions), n.config.errorHandler = this.mainApp.config.errorHandler, n.config.warnHandler = this.mainApp.config.warnHandler, n.config.performance = this.mainApp.config.performance, n.config.optionMergeStrategies = this.mainApp.config.optionMergeStrategies, n._context.mixins.push(...this.mainApp._context.mixins));
+  }
   open(n) {
     return new Promise((t) => {
       const o = this.ensureContainer(), l = document.createElement("div");
@@ -3677,9 +3823,9 @@ class Ti {
           const s = this.apps.find((r) => r.element === l);
           s && (s.app.unmount(), this.apps = this.apps.filter((r) => r !== s)), l.remove();
         }, 300));
-      }, c = $n({
+      }, c = Sn({
         setup() {
-          return () => Sn(ft, {
+          return () => Rn(ft, {
             modelValue: !0,
             title: n.title,
             message: n.message,
@@ -3706,7 +3852,7 @@ class Ti {
           });
         }
       });
-      this.mainApp && (Object.assign(c.config.globalProperties, this.mainApp.config.globalProperties), Object.assign(c._context.provides, this.mainApp._context.provides)), c.component("VjCard", at), c.component("VjIcon", be), c.component("VjButton", dt), c.mount(l), this.apps.push({ app: c, element: l });
+      this.inheritAppContext(c), c.component("VjCard", at), c.component("VjIcon", be), c.component("VjButton", dt), c.mount(l), this.apps.push({ app: c, element: l });
     });
   }
   confirm(n) {
@@ -3734,17 +3880,17 @@ class Ti {
     }), this.apps = [];
   }
 }
-const Ai = new Ti();
-function Ui() {
-  return Ai;
+const Ii = new zi();
+function Qi() {
+  return Ii;
 }
-function Wi() {
+function Zi() {
   const e = ut(Yt, null);
   if (!e)
     throw new Error("useDialogController must be used inside a dialog component.");
   return e;
 }
-const Ni = () => {
+const es = () => {
   const e = E(!1), n = E(null), t = () => {
     n.value = null;
   };
@@ -3784,72 +3930,73 @@ const Ni = () => {
     return new o(a, i);
   }
   return { run: l, running: e, error: n, clearError: t };
-}, Ki = {
+}, ts = {
   install(e) {
-    e.component("VjAmountBar", xa), e.component("VjButton", dt), e.component("VjButtonBar", jn), e.component("VjCard", at), e.component("VjChip", Gt), e.component("VjChipGroup", qt), e.component("VjChipSelector", _o), e.component("VjCarousel", at), e.component("VjCheckbox", Yn), e.component("VjDotMenu", ml), e.component("VjDialog", ft), e.component("VjIcon", be), e.component("VjLinkButton", hl), e.component("VjMenu", Vl), e.component("VjMenuAction", wl), e.component("VjPage", Ql), e.component("VjPaginator", ta), e.component("VjTab", pa), e.component("VjTabView", va), e.component("VjSkeleton", wa), e.component("VjSpinner", dn), e.component("VjNotifications", xi), e.component("VjNotification", wt), e.component("VjInput", hn), e.component("VjSelect", mn), e.component("VjTextArea", pn), e.component("VjFormField", ze), e.component("VjFormLayout", Ta), e.component("VjFormSection", Da), e.component("VjInputText", ni), e.component("VjInputTextArea", Qa), e.component("VjInputSelect", Ia), e.component("VjInputSlider", Ga), e.component("VjShellNavigation", gn), e.component("VjShellNavigationItem", ci), e.component("VjShell", bi), e.component("VjSearchField", aa), e.component("VjSeparator", sa), e.directive("focus", Ll), e.directive("resize", $l), e.directive("compact", Cl), e.directive("tooltip", fn);
+    e.component("VjAmountBar", Ta), e.component("VjButton", dt), e.component("VjButtonBar", Mn), e.component("VjCard", at), e.component("VjChip", qt), e.component("VjChipGroup", Gt), e.component("VjChipSelector", xo), e.component("VjCarousel", at), e.component("VjCheckbox", Jn), e.component("VjDotMenu", pl), e.component("VjDialog", ft), e.component("VjIcon", be), e.component("VjLinkButton", gl), e.component("VjMenu", Cl), e.component("VjMenuAction", _l), e.component("VjPage", Zl), e.component("VjPaginator", na), e.component("VjTab", ua), e.component("VjTabView", ha), e.component("VjTimer", Va), e.component("VjSkeleton", Sa), e.component("VjSpinner", dn), e.component("VjNotifications", Ti), e.component("VjNotification", wt), e.component("VjInput", hn), e.component("VjSelect", mn), e.component("VjTextArea", pn), e.component("VjFormField", Ie), e.component("VjFormLayout", za), e.component("VjFormSection", Wa), e.component("VjInputText", di), e.component("VjInputTextArea", si), e.component("VjInputSelect", Ya), e.component("VjInputSlider", oi), e.component("VjShellNavigation", gn), e.component("VjShellNavigationItem", bi), e.component("VjShell", Li), e.component("VjSearchField", ia), e.component("VjSeparator", ra), e.directive("focus", $l), e.directive("resize", Sl), e.directive("compact", El), e.directive("tooltip", fn);
   }
 };
 export {
-  xa as AmountBar,
+  Ta as AmountBar,
   dt as Button,
-  jn as ButtonBar,
+  Mn as ButtonBar,
   at as Card,
-  Pi as Carousel,
-  Yn as Checkbox,
-  Gt as Chip,
-  qt as ChipGroup,
-  _o as ChipSelector,
+  Ki as Carousel,
+  Jn as Checkbox,
+  qt as Chip,
+  Gt as ChipGroup,
+  xo as ChipSelector,
   ft as Dialog,
-  ml as DotMenu,
-  Mi as EditableLabel,
-  Ll as FocusFirstDirective,
-  ze as FormField,
-  Ta as FormLayout,
-  Da as FormSection,
+  pl as DotMenu,
+  Xi as EditableLabel,
+  $l as FocusFirstDirective,
+  Ie as FormField,
+  za as FormLayout,
+  Wa as FormSection,
   be as Icon,
-  F as IconNames,
-  q as IconSize,
+  H as IconNames,
+  G as IconSize,
   hn as Input,
-  Ia as InputSelect,
-  Ga as InputSlider,
-  ni as InputText,
-  Qa as InputTextArea,
-  hl as LinkButton,
-  Dl as LoadingDirective,
-  Vl as Menu,
-  wl as MenuAction,
+  Ya as InputSelect,
+  oi as InputSlider,
+  di as InputText,
+  si as InputTextArea,
+  gl as LinkButton,
+  jl as LoadingDirective,
+  Cl as Menu,
+  _l as MenuAction,
   wt as NotificationComponent,
-  xi as Notifications,
-  Ql as Page,
-  ta as Paginator,
-  ji as Radio,
-  $l as ResizeDirective,
-  aa as SearchField,
+  Ti as Notifications,
+  Zl as Page,
+  na as Paginator,
+  Ni as Radio,
+  Sl as ResizeDirective,
+  ia as SearchField,
   mn as Select,
-  sa as Separator,
-  bi as Shell,
+  ra as Separator,
+  Li as Shell,
   gn as ShellNavigation,
-  ci as ShellNavigationItem,
-  wa as Skeleton,
+  bi as ShellNavigationItem,
+  Sa as Skeleton,
   dn as Spinner,
-  pa as Tab,
-  va as TabView,
+  ua as Tab,
+  ha as TabView,
   pn as TextArea,
+  Va as Timer,
   fn as TooltipDirective,
-  Ki as VjComponents,
+  ts as VjComponents,
   Yt as VjDialogControllerKey,
-  ki as VjNavigationProviderKey,
-  Cl as compactDirective,
-  Fi as configureVueUI,
-  Ai as dialogService,
+  Ai as VjNavigationProviderKey,
+  El as compactDirective,
+  qi as configureVueUI,
+  Ii as dialogService,
   Ht as getVueUIConfig,
-  Ut as notificationService,
-  zi as resetVueUIConfig,
-  Ri as useAsideService,
-  Hi as useDebounce,
-  Ui as useDialog,
-  Wi as useDialogController,
-  Ni as useFlow,
-  Ci as useRouterNavigationProvider,
-  Ii as useStaticNavigationProvider
+  Wt as notificationService,
+  Gi as resetVueUIConfig,
+  Fi as useAsideService,
+  Ji as useDebounce,
+  Qi as useDialog,
+  Zi as useDialogController,
+  es as useFlow,
+  Di as useRouterNavigationProvider,
+  Yi as useStaticNavigationProvider
 };