@vanjana/vue-ui 0.1.134 → 0.1.135

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

@@ -1,7 +1,7 @@
-import { defineComponent as R, computed as k, createElementBlock as g, openBlock as f, normalizeClass as I, unref as S, createBlock as P, createCommentVNode as L, resolveDynamicComponent as ut, mergeModels as G, useModel as ne, createElementVNode as _, createVNode as T, toDisplayString as O, Transition as Se, withCtx as N, renderSlot as M, createTextVNode as Ue, useSlots as Xt, ref as $, onMounted as Re, nextTick as he, onBeforeUnmount as Ae, watch as K, resolveComponent as q, normalizeStyle as Y, Fragment as Q, renderList as pe, withModifiers as U, provide as qt, Teleport as je, createSlots as dt, mergeProps as ft, shallowRef as _n, getCurrentScope as xn, onScopeDispose as kn, shallowReadonly as Ce, render as At, resolveDirective as Gt, withDirectives as vt, withKeys as Be, inject as mt, onUnmounted as Cn, vModelText as Vn, toRef as lt, normalizeProps as En, guardReactiveProps as $n, TransitionGroup as Sn, isRef as Ln, createApp as Tn, h as Rn } from "vue";
-import { useRouter as An, useRoute as On } from "vue-router";
-var z = /* @__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))(z || {}), X = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(X || {});
-class Dn {
+import { defineComponent as R, computed as k, createElementBlock as b, openBlock as f, normalizeClass as I, unref as L, createBlock as j, createCommentVNode as S, resolveDynamicComponent as Qe, mergeModels as Y, useModel as ne, createElementVNode as _, createVNode as T, toDisplayString as O, Transition as we, withCtx as N, renderSlot as M, createTextVNode as Xe, useSlots as en, ref as E, onMounted as ke, nextTick as _e, onBeforeUnmount as Ce, watch as X, resolveComponent as q, normalizeStyle as G, Fragment as Q, renderList as pe, withModifiers as U, provide as tn, Teleport as ze, createSlots as pt, mergeProps as ht, shallowRef as An, getCurrentScope as On, onScopeDispose as Dn, shallowReadonly as $e, toRef as Le, normalizeProps as nn, guardReactiveProps as on, render as Pt, resolveDirective as ln, withDirectives as gt, withKeys as je, inject as bt, onUnmounted as Bn, vModelText as Mn, TransitionGroup as jn, isRef as Pn, createApp as Fn, h as zn } from "vue";
+import { useRouter as In, useRoute as Hn } from "vue-router";
+var z = /* @__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.CLEAR = "fa-solid fa-x", e))(z || {}), K = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(K || {});
+class Wn {
   icons = /* @__PURE__ */ new Map();
   /**
    * Register an icon component
@@ -47,29 +47,29 @@ class Dn {
     return Array.from(this.icons.keys());
   }
 }
-const at = new Dn(), Bn = /* @__PURE__ */ R({
+const rt = new Wn(), Un = /* @__PURE__ */ R({
   __name: "icon",
   props: {
     icon: {},
     size: {}
   },
   setup(e) {
-    const n = e, t = X.M, o = k(() => n.icon.startsWith("fa-") ? !0 : at.getIcon(n.icon)?.type === "string"), l = k(() => {
+    const n = e, t = K.M, o = k(() => n.icon.startsWith("fa-") ? !0 : rt.getIcon(n.icon)?.type === "string"), l = k(() => {
       if (n.icon.startsWith("fa-"))
         return n.icon;
-      const a = at.getIcon(n.icon);
+      const a = rt.getIcon(n.icon);
       return a?.type === "string" ? a.value : "";
     }), i = k(() => {
-      const a = at.getIcon(n.icon);
+      const a = rt.getIcon(n.icon);
       return a?.type === "component" ? a.value : null;
     });
-    return (a, c) => (f(), g("div", {
-      class: I(["icon-wrapper", n.size ?? S(t)])
+    return (a, c) => (f(), b("div", {
+      class: I(["icon-wrapper", n.size ?? L(t)])
     }, [
-      o.value ? (f(), g("i", {
+      o.value ? (f(), b("i", {
         key: 0,
         class: I(l.value)
-      }, null, 2)) : i.value ? (f(), P(ut(i.value), { key: 1 })) : L("", !0)
+      }, null, 2)) : i.value ? (f(), j(Qe(i.value), { key: 1 })) : S("", !0)
     ], 2));
   }
 }), A = (e, n) => {
@@ -77,14 +77,14 @@ const at = new Dn(), Bn = /* @__PURE__ */ R({
   for (const [o, l] of n)
     t[o] = l;
   return t;
-}, te = /* @__PURE__ */ A(Bn, [["__scopeId", "data-v-64e345f0"]]), Mn = ["aria-expanded", "disabled"], jn = { class: "accordion-title" }, Pn = {
+}, te = /* @__PURE__ */ A(Un, [["__scopeId", "data-v-64e345f0"]]), Nn = ["aria-expanded", "disabled"], Kn = { class: "accordion-title" }, Xn = {
   key: 0,
   id: "accordion-panel",
   class: "accordion-content",
   role: "region"
-}, Fn = { class: "accordion-body" }, zn = /* @__PURE__ */ R({
+}, qn = { class: "accordion-body" }, Gn = /* @__PURE__ */ R({
   __name: "accordion",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     title: {},
     disabled: { type: Boolean }
   }, {
@@ -102,7 +102,7 @@ const at = new Dn(), Bn = /* @__PURE__ */ R({
       const a = i;
       a.style.height = `${a.scrollHeight}px`, a.offsetHeight, a.style.height = "0";
     };
-    return (i, a) => (f(), g("div", {
+    return (i, a) => (f(), b("div", {
       class: I(["accordion", { "accordion--open": n.value, "accordion--disabled": e.disabled }])
     }, [
       _("button", {
@@ -113,41 +113,41 @@ const at = new Dn(), Bn = /* @__PURE__ */ R({
         disabled: e.disabled,
         "aria-controls": "accordion-panel"
       }, [
-        _("span", jn, O(e.title), 1),
+        _("span", Kn, O(e.title), 1),
         T(te, {
-          icon: S(z).CHEVRON_DOWN,
-          size: S(X).S,
+          icon: L(z).CHEVRON_DOWN,
+          size: L(K).S,
           class: "accordion-icon"
         }, null, 8, ["icon", "size"])
-      ], 8, Mn),
-      T(Se, {
+      ], 8, Nn),
+      T(we, {
         name: "accordion",
         onEnter: o,
         onLeave: l
       }, {
         default: N(() => [
-          n.value ? (f(), g("div", Pn, [
-            _("div", Fn, [
+          n.value ? (f(), b("div", Xn, [
+            _("div", qn, [
               M(i.$slots, "default", {}, void 0, !0)
             ])
-          ])) : L("", !0)
+          ])) : S("", !0)
         ]),
         _: 3
       })
     ], 2));
   }
-}), In = /* @__PURE__ */ A(zn, [["__scopeId", "data-v-06b86067"]]), Hn = {}, Wn = { class: "button-bar" }, Un = { class: "left" }, Nn = { class: "right" };
-function Kn(e, n) {
-  return f(), g("div", Wn, [
-    _("div", Un, [
+}), Yn = /* @__PURE__ */ A(Gn, [["__scopeId", "data-v-06b86067"]]), Jn = {}, Qn = { class: "button-bar" }, Zn = { class: "left" }, eo = { class: "right" };
+function to(e, n) {
+  return f(), b("div", Qn, [
+    _("div", Zn, [
       M(e.$slots, "left", {}, void 0, !0)
     ]),
-    _("div", Nn, [
+    _("div", eo, [
       M(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a"]]), qn = ["disabled"], Gn = /* @__PURE__ */ R({
+const no = /* @__PURE__ */ A(Jn, [["render", to], ["__scopeId", "data-v-45a6ed1a"]]), oo = ["disabled"], lo = /* @__PURE__ */ R({
   __name: "button",
   props: {
     label: {},
@@ -158,53 +158,53 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = X.S, o = k(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = k(() => !n.label && !!n.icon);
-    return (i, a) => (f(), g("button", {
+    const n = e, t = K.S, o = k(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = k(() => !n.label && !!n.icon);
+    return (i, a) => (f(), b("button", {
       class: I(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
     }, [
-      e.icon ? (f(), P(te, {
+      e.icon ? (f(), j(te, {
         key: 0,
         icon: e.icon,
-        size: S(t)
-      }, null, 8, ["icon", "size"])) : L("", !0),
-      Ue(" " + O(e.label), 1)
-    ], 10, qn));
+        size: L(t)
+      }, null, 8, ["icon", "size"])) : S("", !0),
+      Xe(" " + O(e.label), 1)
+    ], 10, oo));
   }
-}), Ge = /* @__PURE__ */ A(Gn, [["__scopeId", "data-v-f31c33cf"]]), Yn = {
+}), Ze = /* @__PURE__ */ A(lo, [["__scopeId", "data-v-f31c33cf"]]), ao = {
   key: 0,
   class: "header-actions"
-}, Jn = { key: 0 }, Qn = /* @__PURE__ */ R({
+}, io = { key: 0 }, so = /* @__PURE__ */ R({
   __name: "card",
   props: {
     header: {},
     scrollable: { type: Boolean }
   },
   setup(e) {
-    const n = Xt();
-    return (t, o) => (f(), g("div", {
+    const n = en();
+    return (t, o) => (f(), b("div", {
       class: I(["card", { scrollable: e.scrollable }])
     }, [
       _("header", null, [
         M(t.$slots, "header", {}, () => [
           _("h3", null, O(e.header), 1),
-          S(n).headerActions ? (f(), g("span", Yn, [
+          L(n).headerActions ? (f(), b("span", ao, [
             M(t.$slots, "headerActions", {}, void 0, !0)
-          ])) : L("", !0)
+          ])) : S("", !0)
         ], !0)
       ]),
       _("main", null, [
         M(t.$slots, "default", {}, void 0, !0)
       ]),
-      S(n).footer ? (f(), g("footer", Jn, [
+      L(n).footer ? (f(), b("footer", io, [
         M(t.$slots, "footer", {}, void 0, !0)
-      ])) : L("", !0)
+      ])) : S("", !0)
     ], 2));
   }
-}), st = /* @__PURE__ */ A(Qn, [["__scopeId", "data-v-a9d2d365"]]), Zn = ["aria-label"], eo = {
+}), ut = /* @__PURE__ */ A(so, [["__scopeId", "data-v-a9d2d365"]]), ro = ["aria-label"], co = {
   key: 0,
   class: "carousel-indicators"
-}, to = /* @__PURE__ */ R({
+}, uo = /* @__PURE__ */ R({
   __name: "carousel",
   props: {
     autoplay: { type: Boolean },
@@ -215,21 +215,21 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     ariaLabel: {}
   },
   setup(e) {
-    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, i = n.pauseOnHover ?? !0, a = n.startIndex ?? 0, c = n.ariaLabel ?? "Carousel", r = $(Math.max(0, a)), s = $(null), u = $(null), d = $(0), v = $(0);
+    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, i = n.pauseOnHover ?? !0, a = n.startIndex ?? 0, c = n.ariaLabel ?? "Carousel", r = E(Math.max(0, a)), s = E(null), u = E(null), d = E(0), v = E(0);
     let p = !1;
-    const h = $(0), y = $(!1);
-    let m = null, b = null;
-    const x = $(null), w = $(null), E = () => {
+    const h = E(0), g = E(!1);
+    let m = null, y = null;
+    const x = E(null), w = E(null), $ = () => {
       h.value = s.value ? s.value.children.length : 0, h.value === 0 ? r.value = 0 : r.value >= h.value && (r.value = l ? 0 : h.value - 1), H();
-    }, j = k(() => d.value > 0 ? { transform: `translateX(${-r.value * d.value + v.value}px)` } : { transform: `translateX(-${r.value * 100}%)` }), H = () => {
-      s.value && Array.from(s.value.children).forEach((B, ye) => {
+    }, P = k(() => d.value > 0 ? { transform: `translateX(${-r.value * d.value + v.value}px)` } : { transform: `translateX(-${r.value * 100}%)` }), H = () => {
+      s.value && Array.from(s.value.children).forEach((B, be) => {
         try {
-          ye === r.value ? B.removeAttribute("aria-hidden") : B.setAttribute("aria-hidden", "true");
+          be === r.value ? B.removeAttribute("aria-hidden") : B.setAttribute("aria-hidden", "true");
         } catch {
         }
       });
     }, C = () => {
-      V(), !(!t || h.value <= 1) && (i && y.value || (m = setTimeout(() => {
+      V(), !(!t || h.value <= 1) && (i && g.value || (m = setTimeout(() => {
         F(), C();
       }, o)));
     }, V = () => {
@@ -241,73 +241,73 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     }, W = (B) => {
       B < 0 || B >= h.value || (r.value = B);
     }, oe = () => {
-      y.value = !0, i && V();
+      g.value = !0, i && V();
     }, fe = () => {
-      y.value = !1, C();
+      g.value = !1, C();
     }, ve = (B) => {
       B.key === "ArrowLeft" ? D() : B.key === "ArrowRight" && F();
     };
-    let ke = 0, le = 0;
+    let Ee = 0, le = 0;
     const re = (B) => {
-      ke = B.touches[0].clientX, le = 0;
+      Ee = B.touches[0].clientX, le = 0;
     }, J = (B) => {
-      le = B.touches[0].clientX - ke;
+      le = B.touches[0].clientX - Ee;
     }, ae = () => {
       le > 50 ? D() : le < -50 && F(), le = 0;
     };
-    let He = 0;
-    const $t = (B) => {
+    let Ne = 0;
+    const Ot = (B) => {
       if (B.isPrimary !== !1 && !(B.pointerType === "mouse" && B.button !== 0)) {
-        p = !0, He = B.clientX, v.value = 0, V();
+        p = !0, Ne = B.clientX, v.value = 0, V();
         try {
           B.target?.setPointerCapture?.(B.pointerId);
         } catch {
         }
       }
-    }, St = (B) => {
-      p && (v.value = B.clientX - He, B.preventDefault());
-    }, Lt = () => {
+    }, Dt = (B) => {
+      p && (v.value = B.clientX - Ne, B.preventDefault());
+    }, Bt = () => {
       if (!p) return;
       p = !1;
       const B = Math.max(50, d.value * 0.15);
       v.value > B ? D() : v.value < -B && F(), v.value = 0, C();
-    }, Tt = (B) => {
+    }, Mt = (B) => {
       try {
         B.target?.releasePointerCapture?.(B.pointerId);
       } catch {
       }
-      Lt();
-    }, Rt = () => Lt();
-    return Re(() => {
-      he(() => {
-        if (E(), s.value && (b = new MutationObserver(E), b.observe(s.value, { childList: !0 }), s.value.addEventListener("touchstart", re, { passive: !0 }), s.value.addEventListener("touchmove", J, { passive: !0 }), s.value.addEventListener("touchend", ae)), u.value) {
+      Bt();
+    }, jt = () => Bt();
+    return ke(() => {
+      _e(() => {
+        if ($(), s.value && (y = new MutationObserver($), y.observe(s.value, { childList: !0 }), s.value.addEventListener("touchstart", re, { passive: !0 }), s.value.addEventListener("touchmove", J, { passive: !0 }), s.value.addEventListener("touchend", ae)), u.value) {
           const B = () => {
             d.value = u.value ? u.value.clientWidth : 0;
           };
           B();
-          const ye = window.ResizeObserver;
-          if (ye && u.value) {
-            const we = new ye(() => B());
-            we.observe(u.value), x.value = we;
+          const be = window.ResizeObserver;
+          if (be && u.value) {
+            const ye = new be(() => B());
+            ye.observe(u.value), x.value = ye;
           } else
             window.addEventListener("resize", B), w.value = B;
-          u.value && (u.value.addEventListener("pointerdown", $t), u.value.addEventListener("pointermove", St), u.value.addEventListener("pointerup", Tt), u.value.addEventListener("pointercancel", Rt));
+          u.value && (u.value.addEventListener("pointerdown", Ot), u.value.addEventListener("pointermove", Dt), u.value.addEventListener("pointerup", Mt), u.value.addEventListener("pointercancel", jt));
         }
         H(), C();
       });
-    }), Ae(() => {
-      V(), b && s.value && b.disconnect(), s.value && (s.value.removeEventListener("touchstart", re), s.value.removeEventListener("touchmove", J), s.value.removeEventListener("touchend", ae)), u.value && (x.value && x.value.disconnect && x.value.disconnect(), w.value && window.removeEventListener("resize", w.value), u.value.removeEventListener("pointerdown", $t), u.value.removeEventListener("pointermove", St), u.value.removeEventListener("pointerup", Tt), u.value.removeEventListener("pointercancel", Rt));
-    }), K([r, () => h.value], () => {
+    }), Ce(() => {
+      V(), y && s.value && y.disconnect(), s.value && (s.value.removeEventListener("touchstart", re), s.value.removeEventListener("touchmove", J), s.value.removeEventListener("touchend", ae)), u.value && (x.value && x.value.disconnect && x.value.disconnect(), w.value && window.removeEventListener("resize", w.value), u.value.removeEventListener("pointerdown", Ot), u.value.removeEventListener("pointermove", Dt), u.value.removeEventListener("pointerup", Mt), u.value.removeEventListener("pointercancel", jt));
+    }), X([r, () => h.value], () => {
       H();
-    }), K([() => y.value, r], () => {
+    }), X([() => g.value, r], () => {
       C();
-    }), (B, ye) => {
-      const we = q("VjButton");
-      return f(), g("div", {
+    }), (B, be) => {
+      const ye = q("VjButton");
+      return f(), b("div", {
         class: "carousel",
         role: "region",
         "aria-roledescription": "carousel",
-        "aria-label": S(c),
+        "aria-label": L(c),
         tabindex: "0",
         onKeydown: ve,
         onMouseenter: oe,
@@ -322,44 +322,44 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
             class: "carousel-track",
             ref_key: "track",
             ref: s,
-            style: Y(j.value)
+            style: G(P.value)
           }, [
             M(B.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 512),
-        T(we, {
+        T(ye, {
           class: "carousel-btn prev",
-          icon: S(z).PREVIOUS,
+          icon: L(z).PREVIOUS,
           onClick: D,
           type: "button",
           "aria-label": "Previous slide"
         }, null, 8, ["icon"]),
-        T(we, {
+        T(ye, {
           class: "carousel-btn next",
-          icon: S(z).NEXT,
+          icon: L(z).NEXT,
           onClick: F,
           type: "button",
           "aria-label": "Next slide"
         }, null, 8, ["icon"]),
-        h.value > 1 ? (f(), g("div", eo, [
-          (f(!0), g(Q, null, pe(h.value, (Oe) => (f(), P(we, {
-            key: Oe - 1,
-            class: I(["indicator", { active: Oe - 1 === r.value }]),
-            onClick: (ds) => W(Oe - 1),
-            "aria-current": Oe - 1 === r.value,
-            "aria-label": `Go to slide ${Oe}`,
+        h.value > 1 ? (f(), b("div", co, [
+          (f(!0), b(Q, null, pe(h.value, (De) => (f(), j(ye, {
+            key: De - 1,
+            class: I(["indicator", { active: De - 1 === r.value }]),
+            onClick: (Cs) => W(De - 1),
+            "aria-current": De - 1 === r.value,
+            "aria-label": `Go to slide ${De}`,
             type: "button"
           }, null, 8, ["class", "onClick", "aria-current", "aria-label"]))), 128))
-        ])) : L("", !0)
-      ], 40, Zn);
+        ])) : S("", !0)
+      ], 40, ro);
     };
   }
-}), ms = /* @__PURE__ */ A(to, [["__scopeId", "data-v-232abca2"]]), no = { class: "checkbox" }, oo = ["checked", "disabled"], lo = {
+}), $s = /* @__PURE__ */ A(uo, [["__scopeId", "data-v-232abca2"]]), fo = { class: "checkbox" }, vo = ["checked", "disabled"], mo = {
   key: 0,
   class: "checkbox-label"
-}, ao = /* @__PURE__ */ R({
+}, po = /* @__PURE__ */ R({
   __name: "checkbox",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     label: {},
     disabled: { type: Boolean }
   }, {
@@ -372,14 +372,14 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (f(), g("label", no, [
+    return (o, l) => (f(), b("label", fo, [
       _("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "checkbox-input"
-      }, null, 40, oo),
+      }, null, 40, vo),
       l[0] || (l[0] = _("span", { class: "checkbox-box" }, [
         _("svg", {
           class: "checkbox-icon",
@@ -397,15 +397,15 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
           })
         ])
       ], -1)),
-      e.label ? (f(), g("span", lo, O(e.label), 1)) : L("", !0)
+      e.label ? (f(), b("span", mo, O(e.label), 1)) : S("", !0)
     ]));
   }
-}), io = /* @__PURE__ */ A(ao, [["__scopeId", "data-v-d44b45ff"]]), so = { class: "radio" }, ro = ["checked", "disabled"], co = {
+}), ho = /* @__PURE__ */ A(po, [["__scopeId", "data-v-d44b45ff"]]), go = { class: "radio" }, bo = ["checked", "disabled"], yo = {
   key: 0,
   class: "radio-label"
-}, uo = /* @__PURE__ */ R({
+}, wo = /* @__PURE__ */ R({
   __name: "radio",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     label: {},
     disabled: { type: Boolean }
   }, {
@@ -418,34 +418,35 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (f(), g("label", so, [
+    return (o, l) => (f(), b("label", go, [
       _("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "radio-input"
-      }, null, 40, ro),
+      }, null, 40, bo),
       l[0] || (l[0] = _("span", { class: "radio-box" }, [
         _("span", {
           class: "radio-dot",
           "aria-hidden": "true"
         })
       ], -1)),
-      e.label ? (f(), g("span", co, O(e.label), 1)) : L("", !0)
+      e.label ? (f(), b("span", yo, O(e.label), 1)) : S("", !0)
     ]));
   }
-}), ps = /* @__PURE__ */ A(uo, [["__scopeId", "data-v-f9e4bb65"]]), fo = { class: "chip__label" }, vo = /* @__PURE__ */ R({
+}), Ss = /* @__PURE__ */ A(wo, [["__scopeId", "data-v-f9e4bb65"]]), _o = { class: "chip__label" }, xo = /* @__PURE__ */ R({
   __name: "chip",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     label: {},
     dismissable: { type: Boolean },
-    color: {}
+    color: {},
+    size: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["update:modelValue", "dismiss", "click"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["update:modelValue", "dismiss", "click"], ["update:modelValue"]),
   setup(e, { emit: n }) {
     const t = e, o = ne(e, "modelValue"), l = n, i = t.dismissable ?? !1, a = k(() => {
       const r = {};
@@ -453,13 +454,13 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     }), c = () => {
       l("dismiss", o.value);
     };
-    return (r, s) => (f(), g("div", {
-      class: I(["chip", { "chip--dismissable": S(i) }]),
-      style: Y(a.value),
+    return (r, s) => (f(), b("div", {
+      class: I(["chip", { "chip--dismissable": L(i), "chip--small": t.size === "small", "chip--medium": t.size === "medium" }]),
+      style: G(a.value),
       onClick: s[0] || (s[0] = (u) => r.$emit("click"))
     }, [
-      _("span", fo, O(e.label), 1),
-      S(i) ? (f(), g("button", {
+      _("span", _o, O(e.label), 1),
+      L(i) ? (f(), b("button", {
         key: 0,
         class: "chip__close",
         type: "button",
@@ -467,19 +468,19 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
         "aria-label": "Dismiss"
       }, [
         T(te, {
-          icon: S(z).CLOSE,
-          size: S(X).S
+          icon: L(z).CLOSE,
+          size: L(K).S
         }, null, 8, ["icon", "size"])
-      ])) : L("", !0)
+      ])) : S("", !0)
     ], 6));
   }
-}), Yt = /* @__PURE__ */ A(vo, [["__scopeId", "data-v-c2014a3b"]]), mo = { class: "chip-group" }, po = {
+}), an = /* @__PURE__ */ A(xo, [["__scopeId", "data-v-a3d954cb"]]), ko = { class: "chip-group" }, Co = {
   key: 0,
   class: "chip-group__label"
-}, ho = { class: "chip-group__container" }, go = ["onDragover", "onDrop"], bo = ["onDragstart", "onDragover", "onDragenter", "onDrop"], yo = ["onDragover", "onDrop"], wo = {
+}, Vo = { class: "chip-group__container" }, Eo = ["onDragover", "onDrop"], $o = ["onDragstart", "onDragover", "onDragenter", "onDrop"], So = ["onDragover", "onDrop"], Lo = {
   key: 1,
   class: "chip-group__hint"
-}, _o = /* @__PURE__ */ R({
+}, To = /* @__PURE__ */ R({
   __name: "chip-group",
   props: {
     items: { default: () => [] },
@@ -492,29 +493,29 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   },
   emits: ["update:items", "reorder", "dismiss", "chip-click"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = $(null), i = $(null);
-    function a(m, b) {
-      return typeof m == "string" ? `${m}-${b}` : m[t.itemKey] !== void 0 ? String(m[t.itemKey]) : `item-${b}`;
+    const t = e, o = n, l = E(null), i = E(null);
+    function a(m, y) {
+      return typeof m == "string" ? `${m}-${y}` : m[t.itemKey] !== void 0 ? String(m[t.itemKey]) : `item-${y}`;
     }
     function c(m) {
       return typeof m == "string" ? m : m[t.itemLabel] !== void 0 ? String(m[t.itemLabel]) : String(m.value || "");
     }
-    function r(m, b) {
-      l.value = m, b.dataTransfer && (b.dataTransfer.effectAllowed = "move", b.dataTransfer.setData("text/plain", String(m)));
+    function r(m, y) {
+      l.value = m, y.dataTransfer && (y.dataTransfer.effectAllowed = "move", y.dataTransfer.setData("text/plain", String(m)));
     }
-    function s(m, b) {
-      l.value === null || l.value === m || (b.preventDefault(), b.dataTransfer && (b.dataTransfer.dropEffect = "move"));
+    function s(m, y) {
+      l.value === null || l.value === m || (y.preventDefault(), y.dataTransfer && (y.dataTransfer.dropEffect = "move"));
     }
     function u(m) {
       l.value === null || l.value === m || (i.value = m);
     }
     function d() {
     }
-    function v(m, b) {
-      return l.value === null || i.value === null || l.value === m ? !1 : b === "before" && i.value === m && l.value > m || b === "after" && i.value === m && l.value < m;
+    function v(m, y) {
+      return l.value === null || i.value === null || l.value === m ? !1 : y === "before" && i.value === m && l.value > m || y === "after" && i.value === m && l.value < m;
     }
-    function p(m, b) {
-      if (b.preventDefault(), l.value === null || l.value === m)
+    function p(m, y) {
+      if (y.preventDefault(), l.value === null || l.value === m)
         return;
       const x = [...t.items], w = x[l.value];
       x.splice(l.value, 1), x.splice(m, 0, w), o("update:items", x), o("reorder", x);
@@ -522,52 +523,52 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     function h() {
       l.value = null, i.value = null;
     }
-    function y(m) {
-      const b = t.items[m], x = t.items.filter((w, E) => E !== m);
-      o("update:items", x), o("dismiss", b, m);
+    function g(m) {
+      const y = t.items[m], x = t.items.filter((w, $) => $ !== m);
+      o("update:items", x), o("dismiss", y, m);
     }
-    return (m, b) => (f(), g("div", mo, [
-      e.label ? (f(), g("label", po, O(e.label), 1)) : L("", !0),
-      _("div", ho, [
-        (f(!0), g(Q, null, pe(e.items, (x, w) => (f(), g(Q, {
+    return (m, y) => (f(), b("div", ko, [
+      e.label ? (f(), b("label", Co, O(e.label), 1)) : S("", !0),
+      _("div", Vo, [
+        (f(!0), b(Q, null, pe(e.items, (x, w) => (f(), b(Q, {
           key: a(x, w)
         }, [
-          v(w, "before") ? (f(), g("div", {
+          v(w, "before") ? (f(), b("div", {
             key: 0,
             class: "chip-group__drop-indicator",
-            onDragover: U((E) => s(w, E), ["prevent"]),
-            onDrop: (E) => p(w, E)
-          }, null, 40, go)) : L("", !0),
+            onDragover: U(($) => s(w, $), ["prevent"]),
+            onDrop: ($) => p(w, $)
+          }, null, 40, Eo)) : S("", !0),
           _("div", {
             class: I(["chip-group__item", { "chip-group__item--dragging": l.value === w }]),
             draggable: "true",
-            onDragstart: (E) => r(w, E),
-            onDragover: U((E) => s(w, E), ["prevent"]),
-            onDragenter: U((E) => u(w), ["prevent"]),
+            onDragstart: ($) => r(w, $),
+            onDragover: U(($) => s(w, $), ["prevent"]),
+            onDragenter: U(($) => u(w), ["prevent"]),
             onDragleave: d,
-            onDrop: (E) => p(w, E),
+            onDrop: ($) => p(w, $),
             onDragend: h
           }, [
-            T(Yt, {
+            T(an, {
               label: c(x),
               dismissable: typeof x == "string" ? e.dismissable : x.dismissable ?? e.dismissable,
               color: typeof x == "string" ? e.color : x.color ?? e.color,
-              onDismiss: (E) => y(w),
-              onClick: (E) => m.$emit("chip-click", x, w)
+              onDismiss: ($) => g(w),
+              onClick: ($) => m.$emit("chip-click", x, w)
             }, null, 8, ["label", "dismissable", "color", "onDismiss", "onClick"])
-          ], 42, bo),
-          v(w, "after") ? (f(), g("div", {
+          ], 42, $o),
+          v(w, "after") ? (f(), b("div", {
             key: 1,
             class: "chip-group__drop-indicator",
-            onDragover: U((E) => s(w, E), ["prevent"]),
-            onDrop: (E) => p(w, E)
-          }, null, 40, yo)) : L("", !0)
+            onDragover: U(($) => s(w, $), ["prevent"]),
+            onDrop: ($) => p(w, $)
+          }, null, 40, So)) : S("", !0)
         ], 64))), 128))
       ]),
-      e.hint ? (f(), g("div", wo, O(e.hint), 1)) : L("", !0)
+      e.hint ? (f(), b("div", Lo, O(e.hint), 1)) : S("", !0)
     ]));
   }
-}), Jt = /* @__PURE__ */ A(_o, [["__scopeId", "data-v-66199d19"]]), Qt = /* @__PURE__ */ Symbol("VjDialogController"), xo = { class: "dialog-content" }, ko = { key: 1 }, Co = { class: "dialog-footer" }, Vo = /* @__PURE__ */ R({
+}), sn = /* @__PURE__ */ A(To, [["__scopeId", "data-v-66199d19"]]), rn = /* @__PURE__ */ Symbol("VjDialogController"), Ro = { class: "dialog-content" }, Ao = { key: 1 }, Oo = { class: "dialog-footer" }, Do = /* @__PURE__ */ R({
   __name: "dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -584,8 +585,8 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   },
   emits: ["update:modelValue", "confirm", "cancel", "close", "resolve"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = $(t.modelValue);
-    K(
+    const t = e, o = n, l = E(t.modelValue);
+    X(
       () => t.modelValue,
       (d) => l.value = d
     );
@@ -598,7 +599,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     }, r = () => {
       o("cancel"), i();
     };
-    qt(Qt, {
+    tn(rn, {
       close: i,
       resolve: a,
       cancel: r
@@ -608,48 +609,48 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     }, u = (d) => {
       d.key === "Escape" && t.closeOnEscape && l.value && i();
     };
-    return Re(() => {
+    return ke(() => {
       document.addEventListener("keydown", u);
-    }), Ae(() => {
+    }), Ce(() => {
       document.removeEventListener("keydown", u);
     }), (d, v) => {
-      const p = q("VjIcon"), h = q("VjButton"), y = q("VjCard");
-      return f(), P(je, { to: "body" }, [
-        T(Se, { name: "dialog-fade" }, {
+      const p = q("VjIcon"), h = q("VjButton"), g = q("VjCard");
+      return f(), j(ze, { to: "body" }, [
+        T(we, { name: "dialog-fade" }, {
           default: N(() => [
-            l.value ? (f(), g("div", {
+            l.value ? (f(), b("div", {
               key: 0,
               class: "dialog-backdrop",
               onClick: s
             }, [
-              T(Se, { name: "dialog-scale" }, {
+              T(we, { name: "dialog-scale" }, {
                 default: N(() => [
-                  l.value ? (f(), g("div", {
+                  l.value ? (f(), b("div", {
                     key: 0,
                     class: "dialog-wrapper",
                     onClick: v[0] || (v[0] = U(() => {
                     }, ["stop"]))
                   }, [
-                    T(y, {
+                    T(g, {
                       class: "dialog-card",
                       header: e.title || ""
-                    }, dt({
+                    }, pt({
                       headerActions: N(() => [
                         T(p, {
-                          icon: S(z).CLOSE,
-                          size: S(X).S,
+                          icon: L(z).CLOSE,
+                          size: L(K).S,
                           class: "dialog-close",
                           onClick: i
                         }, null, 8, ["icon", "size"])
                       ]),
                       default: N(() => [
-                        _("div", xo, [
-                          e.component ? (f(), P(ut(e.component), ft({ key: 0 }, e.componentProps, {
+                        _("div", Ro, [
+                          e.component ? (f(), j(Qe(e.component), ht({ key: 0 }, e.componentProps, {
                             onCancel: r,
                             onClose: i,
                             onConfirm: c,
                             onResolve: a
-                          }), null, 16)) : e.message ? (f(), g("div", ko, O(e.message), 1)) : M(d.$slots, "default", { key: 2 }, void 0, !0)
+                          }), null, 16)) : e.message ? (f(), b("div", Ao, O(e.message), 1)) : M(d.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
@@ -657,14 +658,14 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
                       e.showFooter ? {
                         name: "footer",
                         fn: N(() => [
-                          _("div", Co, [
+                          _("div", Oo, [
                             M(d.$slots, "footer", {}, () => [
-                              e.showCancel ? (f(), P(h, {
+                              e.showCancel ? (f(), j(h, {
                                 key: 0,
                                 secondary: "",
                                 onClick: r,
                                 label: e.cancelText
-                              }, null, 8, ["label"])) : L("", !0),
+                              }, null, 8, ["label"])) : S("", !0),
                               T(h, {
                                 primary: "",
                                 onClick: c,
@@ -676,21 +677,21 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
                         key: "0"
                       } : void 0
                     ]), 1032, ["header"])
-                  ])) : L("", !0)
+                  ])) : S("", !0)
                 ]),
                 _: 3
               })
-            ])) : L("", !0)
+            ])) : S("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}), pt = /* @__PURE__ */ A(Vo, [["__scopeId", "data-v-29d1729b"]]), Eo = { class: "vj-chip-selector" }, $o = { class: "options-grid" }, So = ["onClick"], Lo = {
+}), yt = /* @__PURE__ */ A(Do, [["__scopeId", "data-v-29d1729b"]]), Bo = { class: "vj-chip-selector" }, Mo = { class: "options-grid" }, jo = ["onClick"], Po = {
   key: 0,
   class: "no-options"
-}, To = /* @__PURE__ */ R({
+}, Fo = /* @__PURE__ */ R({
   __name: "chip-selector",
   props: {
     items: { default: () => [] },
@@ -702,7 +703,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   },
   emits: ["update:items"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = $([...t.items]), i = $(!1), a = k(() => t.options.filter((s) => !l.value.includes(s.value)));
+    const t = e, o = n, l = E([...t.items]), i = E(!1), a = k(() => t.options.filter((s) => !l.value.includes(s.value)));
     function c(s) {
       const u = s;
       l.value = u, o("update:items", u);
@@ -713,14 +714,14 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
         l.value = u, o("update:items", u);
       }
     }
-    return K(
+    return X(
       () => t.items,
       (s) => {
         JSON.stringify(s) !== JSON.stringify(l.value) && (l.value = [...s]);
       },
       { deep: !0 }
-    ), (s, u) => (f(), g("div", Eo, [
-      T(Jt, {
+    ), (s, u) => (f(), b("div", Bo, [
+      T(sn, {
         items: l.value,
         "onUpdate:items": [
           u[0] || (u[0] = (d) => l.value = d),
@@ -734,99 +735,99 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
         class: "add-button",
         onClick: u[1] || (u[1] = (d) => i.value = !0)
       }, O(e.addButtonText), 1),
-      T(pt, {
+      T(yt, {
         modelValue: i.value,
         "onUpdate:modelValue": u[2] || (u[2] = (d) => i.value = d),
         title: e.dialogTitle || `Add ${e.label}`,
         "close-on-backdrop": ""
       }, {
         default: N(() => [
-          _("div", $o, [
-            (f(!0), g(Q, null, pe(a.value, (d) => (f(), g("button", {
+          _("div", Mo, [
+            (f(!0), b(Q, null, pe(a.value, (d) => (f(), b("button", {
               key: d.value,
               type: "button",
               class: "option-btn",
               onClick: (v) => r(d.value)
-            }, "+ " + O(d.label), 9, So))), 128))
+            }, "+ " + O(d.label), 9, jo))), 128))
           ]),
-          a.value.length === 0 ? (f(), g("div", Lo, "All options already selected")) : L("", !0)
+          a.value.length === 0 ? (f(), b("div", Po, "All options already selected")) : S("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), Ro = /* @__PURE__ */ A(To, [["__scopeId", "data-v-f2e1b880"]]), Le = Math.min, Z = Math.max, Ne = Math.round, We = Math.floor, ce = (e) => ({
+}), zo = /* @__PURE__ */ A(Fo, [["__scopeId", "data-v-f2e1b880"]]), Ae = Math.min, Z = Math.max, qe = Math.round, Ke = Math.floor, ce = (e) => ({
   x: e,
   y: e
-}), Ao = {
+}), Io = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Oo = {
+}, Ho = {
   start: "end",
   end: "start"
 };
-function Ot(e, n, t) {
-  return Z(e, Le(n, t));
+function Ft(e, n, t) {
+  return Z(e, Ae(n, t));
 }
-function Pe(e, n) {
+function Ie(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
-function ge(e) {
+function he(e) {
   return e.split("-")[0];
 }
-function Fe(e) {
+function He(e) {
   return e.split("-")[1];
 }
-function Zt(e) {
+function cn(e) {
   return e === "x" ? "y" : "x";
 }
-function en(e) {
+function un(e) {
   return e === "y" ? "height" : "width";
 }
-const Do = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Wo = /* @__PURE__ */ new Set(["top", "bottom"]);
 function me(e) {
-  return Do.has(ge(e)) ? "y" : "x";
+  return Wo.has(he(e)) ? "y" : "x";
 }
-function tn(e) {
-  return Zt(me(e));
+function dn(e) {
+  return cn(me(e));
 }
-function Bo(e, n, t) {
+function Uo(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Fe(e), l = tn(e), i = en(l);
+  const o = He(e), l = dn(e), i = un(l);
   let a = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return n.reference[i] > n.floating[i] && (a = Ke(a)), [a, Ke(a)];
+  return n.reference[i] > n.floating[i] && (a = Ge(a)), [a, Ge(a)];
 }
-function Mo(e) {
-  const n = Ke(e);
-  return [rt(e), n, rt(n)];
+function No(e) {
+  const n = Ge(e);
+  return [dt(e), n, dt(n)];
 }
-function rt(e) {
-  return e.replace(/start|end/g, (n) => Oo[n]);
+function dt(e) {
+  return e.replace(/start|end/g, (n) => Ho[n]);
 }
-const Dt = ["left", "right"], Bt = ["right", "left"], jo = ["top", "bottom"], Po = ["bottom", "top"];
-function Fo(e, n, t) {
+const zt = ["left", "right"], It = ["right", "left"], Ko = ["top", "bottom"], Xo = ["bottom", "top"];
+function qo(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
-      return t ? n ? Bt : Dt : n ? Dt : Bt;
+      return t ? n ? It : zt : n ? zt : It;
     case "left":
     case "right":
-      return n ? jo : Po;
+      return n ? Ko : Xo;
     default:
       return [];
   }
 }
-function zo(e, n, t, o) {
-  const l = Fe(e);
-  let i = Fo(ge(e), t === "start", o);
-  return l && (i = i.map((a) => a + "-" + l), n && (i = i.concat(i.map(rt)))), i;
+function Go(e, n, t, o) {
+  const l = He(e);
+  let i = qo(he(e), t === "start", o);
+  return l && (i = i.map((a) => a + "-" + l), n && (i = i.concat(i.map(dt)))), i;
 }
-function Ke(e) {
-  return e.replace(/left|right|bottom|top/g, (n) => Ao[n]);
+function Ge(e) {
+  return e.replace(/left|right|bottom|top/g, (n) => Io[n]);
 }
-function Io(e) {
+function Yo(e) {
   return {
     top: 0,
     right: 0,
@@ -835,15 +836,15 @@ function Io(e) {
     ...e
   };
 }
-function Ho(e) {
-  return typeof e != "number" ? Io(e) : {
+function Jo(e) {
+  return typeof e != "number" ? Yo(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function Xe(e) {
+function Ye(e) {
   const {
     x: n,
     y: t,
@@ -861,12 +862,12 @@ function Xe(e) {
     y: t
   };
 }
-function Mt(e, n, t) {
+function Ht(e, n, t) {
   let {
     reference: o,
     floating: l
   } = e;
-  const i = me(n), a = tn(n), c = en(a), r = ge(n), s = i === "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 i = me(n), a = dn(n), c = un(a), r = he(n), s = i === "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;
   let p;
   switch (r) {
     case "top":
@@ -899,7 +900,7 @@ function Mt(e, n, t) {
         y: o.y
       };
   }
-  switch (Fe(n)) {
+  switch (He(n)) {
     case "start":
       p[a] -= v * (t && s ? -1 : 1);
       break;
@@ -909,7 +910,7 @@ function Mt(e, n, t) {
   }
   return p;
 }
-const Wo = async (e, n, t) => {
+const Qo = async (e, n, t) => {
   const {
     placement: o = "bottom",
     strategy: l = "absolute",
@@ -923,17 +924,17 @@ const Wo = async (e, n, t) => {
   }), {
     x: u,
     y: d
-  } = Mt(s, o, r), v = o, p = {}, h = 0;
-  for (let y = 0; y < c.length; y++) {
+  } = Ht(s, o, r), v = o, p = {}, h = 0;
+  for (let g = 0; g < c.length; g++) {
     const {
       name: m,
-      fn: b
-    } = c[y], {
+      fn: y
+    } = c[g], {
       x,
       y: w,
-      data: E,
-      reset: j
-    } = await b({
+      data: $,
+      reset: P
+    } = await y({
       x: u,
       y: d,
       initialPlacement: o,
@@ -951,16 +952,16 @@ const Wo = async (e, n, t) => {
       ...p,
       [m]: {
         ...p[m],
-        ...E
+        ...$
       }
-    }, j && h <= 50 && (h++, typeof j == "object" && (j.placement && (v = j.placement), j.rects && (s = j.rects === !0 ? await a.getElementRects({
+    }, P && h <= 50 && (h++, typeof P == "object" && (P.placement && (v = P.placement), P.rects && (s = P.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: n,
       strategy: l
-    }) : j.rects), {
+    }) : P.rects), {
       x: u,
       y: d
-    } = Mt(s, v, r)), y = -1);
+    } = Ht(s, v, r)), g = -1);
   }
   return {
     x: u,
@@ -970,7 +971,7 @@ const Wo = async (e, n, t) => {
     middlewareData: p
   };
 };
-async function ht(e, n) {
+async function wt(e, n) {
   var t;
   n === void 0 && (n = {});
   const {
@@ -986,7 +987,7 @@ async function ht(e, n) {
     elementContext: d = "floating",
     altBoundary: v = !1,
     padding: p = 0
-  } = Pe(n, e), h = Ho(p), m = c[v ? d === "floating" ? "reference" : "floating" : d], b = Xe(await i.getClippingRect({
+  } = Ie(n, e), h = Jo(p), m = c[v ? d === "floating" ? "reference" : "floating" : d], y = Ye(await i.getClippingRect({
     element: (t = await (i.isElement == null ? void 0 : i.isElement(m))) == null || t ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
     boundary: s,
     rootBoundary: u,
@@ -996,26 +997,26 @@ async function ht(e, n) {
     y: l,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), E = await (i.isElement == null ? void 0 : i.isElement(w)) ? await (i.getScale == null ? void 0 : i.getScale(w)) || {
+  } : a.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), $ = await (i.isElement == null ? void 0 : i.isElement(w)) ? await (i.getScale == null ? void 0 : i.getScale(w)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, j = Xe(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, P = Ye(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
     rect: x,
     offsetParent: w,
     strategy: r
   }) : x);
   return {
-    top: (b.top - j.top + h.top) / E.y,
-    bottom: (j.bottom - b.bottom + h.bottom) / E.y,
-    left: (b.left - j.left + h.left) / E.x,
-    right: (j.right - b.right + h.right) / E.x
+    top: (y.top - P.top + h.top) / $.y,
+    bottom: (P.bottom - y.bottom + h.bottom) / $.y,
+    left: (y.left - P.left + h.left) / $.x,
+    right: (P.right - y.right + h.right) / $.x
   };
 }
-const Uo = function(e) {
+const Zo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1034,17 +1035,17 @@ const Uo = function(e) {
         fallbackPlacements: v,
         fallbackStrategy: p = "bestFit",
         fallbackAxisSideDirection: h = "none",
-        flipAlignment: y = !0,
+        flipAlignment: g = !0,
         ...m
-      } = Pe(e, n);
+      } = Ie(e, n);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const b = ge(l), x = me(c), w = ge(c) === c, E = await (r.isRTL == null ? void 0 : r.isRTL(s.floating)), j = v || (w || !y ? [Ke(c)] : Mo(c)), H = h !== "none";
-      !v && H && j.push(...zo(c, y, h, E));
-      const C = [c, ...j], V = await ht(n, m), D = [];
+      const y = he(l), x = me(c), w = he(c) === c, $ = await (r.isRTL == null ? void 0 : r.isRTL(s.floating)), P = v || (w || !g ? [Ge(c)] : No(c)), H = h !== "none";
+      !v && H && P.push(...Go(c, g, h, $));
+      const C = [c, ...P], V = await wt(n, m), D = [];
       let F = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (u && D.push(V[b]), d) {
-        const ve = Bo(l, a, E);
+      if (u && D.push(V[y]), d) {
+        const ve = Uo(l, a, $);
         D.push(V[ve[0]], V[ve[1]]);
       }
       if (F = [...F, {
@@ -1052,8 +1053,8 @@ const Uo = function(e) {
         overflows: D
       }], !D.every((ve) => ve <= 0)) {
         var W, oe;
-        const ve = (((W = i.flip) == null ? void 0 : W.index) || 0) + 1, ke = C[ve];
-        if (ke && (!(d === "alignment" ? x !== me(ke) : !1) || // We leave the current main axis only if every placement on that axis
+        const ve = (((W = i.flip) == null ? void 0 : W.index) || 0) + 1, Ee = C[ve];
+        if (Ee && (!(d === "alignment" ? x !== me(Ee) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         F.every((J) => me(J.placement) === x ? J.overflows[0] > 0 : !0)))
           return {
@@ -1062,7 +1063,7 @@ const Uo = function(e) {
               overflows: F
             },
             reset: {
-              placement: ke
+              placement: Ee
             }
           };
         let le = (oe = F.filter((re) => re.overflows[0] <= 0).sort((re, J) => re.overflows[1] - J.overflows[1])[0]) == null ? void 0 : oe.placement;
@@ -1078,7 +1079,7 @@ const Uo = function(e) {
                   ae === "y";
                 }
                 return !0;
-              }).map((J) => [J.placement, J.overflows.filter((ae) => ae > 0).reduce((ae, He) => ae + He, 0)]).sort((J, ae) => J[1] - ae[1])[0]) == null ? void 0 : fe[0];
+              }).map((J) => [J.placement, J.overflows.filter((ae) => ae > 0).reduce((ae, Ne) => ae + Ne, 0)]).sort((J, ae) => J[1] - ae[1])[0]) == null ? void 0 : fe[0];
               re && (le = re);
               break;
             }
@@ -1096,13 +1097,13 @@ const Uo = function(e) {
       return {};
     }
   };
-}, No = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ko(e, n) {
+}, el = /* @__PURE__ */ new Set(["left", "top"]);
+async function tl(e, n) {
   const {
     placement: t,
     platform: o,
     elements: l
-  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), a = ge(t), c = Fe(t), r = me(t) === "y", s = No.has(a) ? -1 : 1, u = i && r ? -1 : 1, d = Pe(n, e);
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), a = he(t), c = He(t), r = me(t) === "y", s = el.has(a) ? -1 : 1, u = i && r ? -1 : 1, d = Ie(n, e);
   let {
     mainAxis: v,
     crossAxis: p,
@@ -1124,7 +1125,7 @@ async function Ko(e, n) {
     y: p * u
   };
 }
-const Xo = function(e) {
+const nl = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1135,7 +1136,7 @@ const Xo = function(e) {
         y: i,
         placement: a,
         middlewareData: c
-      } = n, r = await Ko(n, e);
+      } = n, r = await tl(n, e);
       return a === ((t = c.offset) == null ? void 0 : t.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
         x: l + r.x,
         y: i + r.y,
@@ -1146,7 +1147,7 @@ const Xo = function(e) {
       };
     }
   };
-}, qo = function(e) {
+}, ol = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1161,39 +1162,39 @@ const Xo = function(e) {
         limiter: c = {
           fn: (m) => {
             let {
-              x: b,
+              x: y,
               y: x
             } = m;
             return {
-              x: b,
+              x: y,
               y: x
             };
           }
         },
         ...r
-      } = Pe(e, n), s = {
+      } = Ie(e, n), s = {
         x: t,
         y: o
-      }, u = await ht(n, r), d = me(ge(l)), v = Zt(d);
+      }, u = await wt(n, r), d = me(he(l)), v = cn(d);
       let p = s[v], h = s[d];
       if (i) {
-        const m = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", x = p + u[m], w = p - u[b];
-        p = Ot(x, p, w);
+        const m = v === "y" ? "top" : "left", y = v === "y" ? "bottom" : "right", x = p + u[m], w = p - u[y];
+        p = Ft(x, p, w);
       }
       if (a) {
-        const m = d === "y" ? "top" : "left", b = d === "y" ? "bottom" : "right", x = h + u[m], w = h - u[b];
-        h = Ot(x, h, w);
+        const m = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", x = h + u[m], w = h - u[y];
+        h = Ft(x, h, w);
       }
-      const y = c.fn({
+      const g = c.fn({
         ...n,
         [v]: p,
         [d]: h
       });
       return {
-        ...y,
+        ...g,
         data: {
-          x: y.x - t,
-          y: y.y - o,
+          x: g.x - t,
+          y: g.y - o,
           enabled: {
             [v]: i,
             [d]: a
@@ -1202,7 +1203,7 @@ const Xo = function(e) {
       };
     }
   };
-}, Go = function(e) {
+}, ll = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -1217,17 +1218,17 @@ const Xo = function(e) {
         apply: r = () => {
         },
         ...s
-      } = Pe(e, n), u = await ht(n, s), d = ge(l), v = Fe(l), p = me(l) === "y", {
+      } = Ie(e, n), u = await wt(n, s), d = he(l), v = He(l), p = me(l) === "y", {
         width: h,
-        height: y
+        height: g
       } = i.floating;
-      let m, b;
-      d === "top" || d === "bottom" ? (m = d, b = v === (await (a.isRTL == null ? void 0 : a.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (b = d, m = v === "end" ? "top" : "bottom");
-      const x = y - u.top - u.bottom, w = h - u.left - u.right, E = Le(y - u[m], x), j = Le(h - u[b], w), H = !n.middlewareData.shift;
-      let C = E, V = j;
+      let m, y;
+      d === "top" || d === "bottom" ? (m = d, y = v === (await (a.isRTL == null ? void 0 : a.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (y = d, m = v === "end" ? "top" : "bottom");
+      const x = g - u.top - u.bottom, w = h - u.left - u.right, $ = Ae(g - u[m], x), P = Ae(h - u[y], w), H = !n.middlewareData.shift;
+      let C = $, V = P;
       if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = w), (o = n.middlewareData.shift) != null && o.enabled.y && (C = x), H && !v) {
         const F = Z(u.left, 0), W = Z(u.right, 0), oe = Z(u.top, 0), fe = Z(u.bottom, 0);
-        p ? V = h - 2 * (F !== 0 || W !== 0 ? F + W : Z(u.left, u.right)) : C = y - 2 * (oe !== 0 || fe !== 0 ? oe + fe : Z(u.top, u.bottom));
+        p ? V = h - 2 * (F !== 0 || W !== 0 ? F + W : Z(u.left, u.right)) : C = g - 2 * (oe !== 0 || fe !== 0 ? oe + fe : Z(u.top, u.bottom));
       }
       await r({
         ...n,
@@ -1235,7 +1236,7 @@ const Xo = function(e) {
         availableHeight: C
       });
       const D = await a.getDimensions(c.floating);
-      return h !== D.width || y !== D.height ? {
+      return h !== D.width || g !== D.height ? {
         reset: {
           rects: !0
         }
@@ -1243,11 +1244,11 @@ const Xo = function(e) {
     }
   };
 };
-function Ye() {
+function et() {
   return typeof window < "u";
 }
-function xe(e) {
-  return gt(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function Ve(e) {
+  return _t(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function ee(e) {
   var n;
@@ -1255,37 +1256,37 @@ function ee(e) {
 }
 function de(e) {
   var n;
-  return (n = (gt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
+  return (n = (_t(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
-function gt(e) {
-  return Ye() ? e instanceof Node || e instanceof ee(e).Node : !1;
+function _t(e) {
+  return et() ? e instanceof Node || e instanceof ee(e).Node : !1;
 }
 function ie(e) {
-  return Ye() ? e instanceof Element || e instanceof ee(e).Element : !1;
+  return et() ? e instanceof Element || e instanceof ee(e).Element : !1;
 }
 function ue(e) {
-  return Ye() ? e instanceof HTMLElement || e instanceof ee(e).HTMLElement : !1;
+  return et() ? e instanceof HTMLElement || e instanceof ee(e).HTMLElement : !1;
 }
-function jt(e) {
-  return !Ye() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ee(e).ShadowRoot;
+function Wt(e) {
+  return !et() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ee(e).ShadowRoot;
 }
-const Yo = /* @__PURE__ */ new Set(["inline", "contents"]);
-function ze(e) {
+const al = /* @__PURE__ */ new Set(["inline", "contents"]);
+function We(e) {
   const {
     overflow: n,
     overflowX: t,
     overflowY: o,
     display: l
   } = se(e);
-  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !Yo.has(l);
+  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !al.has(l);
 }
-const Jo = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Qo(e) {
-  return Jo.has(xe(e));
+const il = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function sl(e) {
+  return il.has(Ve(e));
 }
-const Zo = [":popover-open", ":modal"];
-function Je(e) {
-  return Zo.some((n) => {
+const rl = [":popover-open", ":modal"];
+function tt(e) {
+  return rl.some((n) => {
     try {
       return e.matches(n);
     } catch {
@@ -1293,33 +1294,33 @@ function Je(e) {
     }
   });
 }
-const el = ["transform", "translate", "scale", "rotate", "perspective"], tl = ["transform", "translate", "scale", "rotate", "perspective", "filter"], nl = ["paint", "layout", "strict", "content"];
-function bt(e) {
-  const n = yt(), t = ie(e) ? se(e) : e;
-  return el.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) || tl.some((o) => (t.willChange || "").includes(o)) || nl.some((o) => (t.contain || "").includes(o));
+const cl = ["transform", "translate", "scale", "rotate", "perspective"], ul = ["transform", "translate", "scale", "rotate", "perspective", "filter"], dl = ["paint", "layout", "strict", "content"];
+function xt(e) {
+  const n = kt(), t = ie(e) ? se(e) : e;
+  return cl.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) || ul.some((o) => (t.willChange || "").includes(o)) || dl.some((o) => (t.contain || "").includes(o));
 }
-function ol(e) {
-  let n = be(e);
-  for (; ue(n) && !Te(n); ) {
-    if (bt(n))
+function fl(e) {
+  let n = ge(e);
+  for (; ue(n) && !Oe(n); ) {
+    if (xt(n))
       return n;
-    if (Je(n))
+    if (tt(n))
       return null;
-    n = be(n);
+    n = ge(n);
   }
   return null;
 }
-function yt() {
+function kt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const ll = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function Te(e) {
-  return ll.has(xe(e));
+const vl = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Oe(e) {
+  return vl.has(Ve(e));
 }
 function se(e) {
   return ee(e).getComputedStyle(e);
 }
-function Qe(e) {
+function nt(e) {
   return ie(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -1328,115 +1329,115 @@ function Qe(e) {
     scrollTop: e.scrollY
   };
 }
-function be(e) {
-  if (xe(e) === "html")
+function ge(e) {
+  if (Ve(e) === "html")
     return e;
   const n = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    jt(e) && e.host || // Fallback.
+    Wt(e) && e.host || // Fallback.
     de(e)
   );
-  return jt(n) ? n.host : n;
+  return Wt(n) ? n.host : n;
 }
-function nn(e) {
-  const n = be(e);
-  return Te(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ue(n) && ze(n) ? n : nn(n);
+function fn(e) {
+  const n = ge(e);
+  return Oe(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ue(n) && We(n) ? n : fn(n);
 }
-function Me(e, n, t) {
+function Pe(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const l = nn(e), i = l === ((o = e.ownerDocument) == null ? void 0 : o.body), a = ee(l);
+  const l = fn(e), i = l === ((o = e.ownerDocument) == null ? void 0 : o.body), a = ee(l);
   if (i) {
-    const c = ct(a);
-    return n.concat(a, a.visualViewport || [], ze(l) ? l : [], c && t ? Me(c) : []);
+    const c = ft(a);
+    return n.concat(a, a.visualViewport || [], We(l) ? l : [], c && t ? Pe(c) : []);
   }
-  return n.concat(l, Me(l, [], t));
+  return n.concat(l, Pe(l, [], t));
 }
-function ct(e) {
+function ft(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function on(e) {
+function vn(e) {
   const n = se(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
-  const l = ue(e), i = l ? e.offsetWidth : t, a = l ? e.offsetHeight : o, c = Ne(t) !== i || Ne(o) !== a;
+  const l = ue(e), i = l ? e.offsetWidth : t, a = l ? e.offsetHeight : o, c = qe(t) !== i || qe(o) !== a;
   return c && (t = i, o = a), {
     width: t,
     height: o,
     $: c
   };
 }
-function wt(e) {
+function Ct(e) {
   return ie(e) ? e : e.contextElement;
 }
-function Ee(e) {
-  const n = wt(e);
+function Te(e) {
+  const n = Ct(e);
   if (!ue(n))
     return ce(1);
   const t = n.getBoundingClientRect(), {
     width: o,
     height: l,
     $: i
-  } = on(n);
-  let a = (i ? Ne(t.width) : t.width) / o, c = (i ? Ne(t.height) : t.height) / l;
+  } = vn(n);
+  let a = (i ? qe(t.width) : t.width) / o, c = (i ? qe(t.height) : t.height) / l;
   return (!a || !Number.isFinite(a)) && (a = 1), (!c || !Number.isFinite(c)) && (c = 1), {
     x: a,
     y: c
   };
 }
-const al = /* @__PURE__ */ ce(0);
-function ln(e) {
+const ml = /* @__PURE__ */ ce(0);
+function mn(e) {
   const n = ee(e);
-  return !yt() || !n.visualViewport ? al : {
+  return !kt() || !n.visualViewport ? ml : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
 }
-function il(e, n, t) {
+function pl(e, n, t) {
   return n === void 0 && (n = !1), !t || n && t !== ee(e) ? !1 : n;
 }
-function _e(e, n, t, o) {
+function xe(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
-  const l = e.getBoundingClientRect(), i = wt(e);
+  const l = e.getBoundingClientRect(), i = Ct(e);
   let a = ce(1);
-  n && (o ? ie(o) && (a = Ee(o)) : a = Ee(e));
-  const c = il(i, t, o) ? ln(i) : ce(0);
+  n && (o ? ie(o) && (a = Te(o)) : a = Te(e));
+  const c = pl(i, t, o) ? mn(i) : ce(0);
   let r = (l.left + c.x) / a.x, s = (l.top + c.y) / a.y, u = l.width / a.x, d = l.height / a.y;
   if (i) {
     const v = ee(i), p = o && ie(o) ? ee(o) : o;
-    let h = v, y = ct(h);
-    for (; y && o && p !== h; ) {
-      const m = Ee(y), b = y.getBoundingClientRect(), x = se(y), w = b.left + (y.clientLeft + parseFloat(x.paddingLeft)) * m.x, E = b.top + (y.clientTop + parseFloat(x.paddingTop)) * m.y;
-      r *= m.x, s *= m.y, u *= m.x, d *= m.y, r += w, s += E, h = ee(y), y = ct(h);
+    let h = v, g = ft(h);
+    for (; g && o && p !== h; ) {
+      const m = Te(g), y = g.getBoundingClientRect(), x = se(g), w = y.left + (g.clientLeft + parseFloat(x.paddingLeft)) * m.x, $ = y.top + (g.clientTop + parseFloat(x.paddingTop)) * m.y;
+      r *= m.x, s *= m.y, u *= m.x, d *= m.y, r += w, s += $, h = ee(g), g = ft(h);
     }
   }
-  return Xe({
+  return Ye({
     width: u,
     height: d,
     x: r,
     y: s
   });
 }
-function Ze(e, n) {
-  const t = Qe(e).scrollLeft;
-  return n ? n.left + t : _e(de(e)).left + t;
+function ot(e, n) {
+  const t = nt(e).scrollLeft;
+  return n ? n.left + t : xe(de(e)).left + t;
 }
-function an(e, n) {
-  const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Ze(e, t), l = t.top + n.scrollTop;
+function pn(e, n) {
+  const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - ot(e, t), l = t.top + n.scrollTop;
   return {
     x: o,
     y: l
   };
 }
-function sl(e) {
+function hl(e) {
   let {
     elements: n,
     rect: t,
     offsetParent: o,
     strategy: l
   } = e;
-  const i = l === "fixed", a = de(o), c = n ? Je(n.floating) : !1;
+  const i = l === "fixed", a = de(o), c = n ? tt(n.floating) : !1;
   if (o === a || c && i)
     return t;
   let r = {
@@ -1444,11 +1445,11 @@ function sl(e) {
     scrollTop: 0
   }, s = ce(1);
   const u = ce(0), d = ue(o);
-  if ((d || !d && !i) && ((xe(o) !== "body" || ze(a)) && (r = Qe(o)), ue(o))) {
-    const p = _e(o);
-    s = Ee(o), u.x = p.x + o.clientLeft, u.y = p.y + o.clientTop;
+  if ((d || !d && !i) && ((Ve(o) !== "body" || We(a)) && (r = nt(o)), ue(o))) {
+    const p = xe(o);
+    s = Te(o), u.x = p.x + o.clientLeft, u.y = p.y + o.clientTop;
   }
-  const v = a && !d && !i ? an(a, r) : ce(0);
+  const v = a && !d && !i ? pn(a, r) : ce(0);
   return {
     width: t.width * s.x,
     height: t.height * s.y,
@@ -1456,12 +1457,12 @@ function sl(e) {
     y: t.y * s.y - r.scrollTop * s.y + u.y + v.y
   };
 }
-function rl(e) {
+function gl(e) {
   return Array.from(e.getClientRects());
 }
-function cl(e) {
-  const n = de(e), t = Qe(e), o = e.ownerDocument.body, l = Z(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), i = Z(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
-  let a = -t.scrollLeft + Ze(e);
+function bl(e) {
+  const n = de(e), t = nt(e), o = e.ownerDocument.body, l = Z(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), i = Z(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
+  let a = -t.scrollLeft + ot(e);
   const c = -t.scrollTop;
   return se(o).direction === "rtl" && (a += Z(n.clientWidth, o.clientWidth) - l), {
     width: l,
@@ -1470,20 +1471,20 @@ function cl(e) {
     y: c
   };
 }
-const Pt = 25;
-function ul(e, n) {
+const Ut = 25;
+function yl(e, n) {
   const t = ee(e), o = de(e), l = t.visualViewport;
   let i = o.clientWidth, a = o.clientHeight, c = 0, r = 0;
   if (l) {
     i = l.width, a = l.height;
-    const u = yt();
+    const u = kt();
     (!u || u && n === "fixed") && (c = l.offsetLeft, r = l.offsetTop);
   }
-  const s = Ze(o);
+  const s = ot(o);
   if (s <= 0) {
     const u = o.ownerDocument, d = u.body, v = getComputedStyle(d), p = u.compatMode === "CSS1Compat" && parseFloat(v.marginLeft) + parseFloat(v.marginRight) || 0, h = Math.abs(o.clientWidth - d.clientWidth - p);
-    h <= Pt && (i -= h);
-  } else s <= Pt && (i += s);
+    h <= Ut && (i -= h);
+  } else s <= Ut && (i += s);
   return {
     width: i,
     height: a,
@@ -1491,9 +1492,9 @@ function ul(e, n) {
     y: r
   };
 }
-const dl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function fl(e, n) {
-  const t = _e(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, i = ue(e) ? Ee(e) : ce(1), a = e.clientWidth * i.x, c = e.clientHeight * i.y, r = l * i.x, s = o * i.y;
+const wl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function _l(e, n) {
+  const t = xe(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, i = ue(e) ? Te(e) : ce(1), a = e.clientWidth * i.x, c = e.clientHeight * i.y, r = l * i.x, s = o * i.y;
   return {
     width: a,
     height: c,
@@ -1501,16 +1502,16 @@ function fl(e, n) {
     y: s
   };
 }
-function Ft(e, n, t) {
+function Nt(e, n, t) {
   let o;
   if (n === "viewport")
-    o = ul(e, t);
+    o = yl(e, t);
   else if (n === "document")
-    o = cl(de(e));
+    o = bl(de(e));
   else if (ie(n))
-    o = fl(n, t);
+    o = _l(n, t);
   else {
-    const l = ln(e);
+    const l = mn(e);
     o = {
       x: n.x - l.x,
       y: n.y - l.y,
@@ -1518,36 +1519,36 @@ function Ft(e, n, t) {
       height: n.height
     };
   }
-  return Xe(o);
+  return Ye(o);
 }
-function sn(e, n) {
-  const t = be(e);
-  return t === n || !ie(t) || Te(t) ? !1 : se(t).position === "fixed" || sn(t, n);
+function hn(e, n) {
+  const t = ge(e);
+  return t === n || !ie(t) || Oe(t) ? !1 : se(t).position === "fixed" || hn(t, n);
 }
-function vl(e, n) {
+function xl(e, n) {
   const t = n.get(e);
   if (t)
     return t;
-  let o = Me(e, [], !1).filter((c) => ie(c) && xe(c) !== "body"), l = null;
+  let o = Pe(e, [], !1).filter((c) => ie(c) && Ve(c) !== "body"), l = null;
   const i = se(e).position === "fixed";
-  let a = i ? be(e) : e;
-  for (; ie(a) && !Te(a); ) {
-    const c = se(a), r = bt(a);
-    !r && c.position === "fixed" && (l = null), (i ? !r && !l : !r && c.position === "static" && !!l && dl.has(l.position) || ze(a) && !r && sn(e, a)) ? o = o.filter((u) => u !== a) : l = c, a = be(a);
+  let a = i ? ge(e) : e;
+  for (; ie(a) && !Oe(a); ) {
+    const c = se(a), r = xt(a);
+    !r && c.position === "fixed" && (l = null), (i ? !r && !l : !r && c.position === "static" && !!l && wl.has(l.position) || We(a) && !r && hn(e, a)) ? o = o.filter((u) => u !== a) : l = c, a = ge(a);
   }
   return n.set(e, o), o;
 }
-function ml(e) {
+function kl(e) {
   let {
     element: n,
     boundary: t,
     rootBoundary: o,
     strategy: l
   } = e;
-  const a = [...t === "clippingAncestors" ? Je(n) ? [] : vl(n, this._c) : [].concat(t), o], c = a[0], r = a.reduce((s, u) => {
-    const d = Ft(n, u, l);
-    return s.top = Z(d.top, s.top), s.right = Le(d.right, s.right), s.bottom = Le(d.bottom, s.bottom), s.left = Z(d.left, s.left), s;
-  }, Ft(n, c, l));
+  const a = [...t === "clippingAncestors" ? tt(n) ? [] : xl(n, this._c) : [].concat(t), o], c = a[0], r = a.reduce((s, u) => {
+    const d = Nt(n, u, l);
+    return s.top = Z(d.top, s.top), s.right = Ae(d.right, s.right), s.bottom = Ae(d.bottom, s.bottom), s.left = Z(d.left, s.left), s;
+  }, Nt(n, c, l));
   return {
     width: r.right - r.left,
     height: r.bottom - r.top,
@@ -1555,33 +1556,33 @@ function ml(e) {
     y: r.top
   };
 }
-function pl(e) {
+function Cl(e) {
   const {
     width: n,
     height: t
-  } = on(e);
+  } = vn(e);
   return {
     width: n,
     height: t
   };
 }
-function hl(e, n, t) {
-  const o = ue(n), l = de(n), i = t === "fixed", a = _e(e, !0, i, n);
+function Vl(e, n, t) {
+  const o = ue(n), l = de(n), i = t === "fixed", a = xe(e, !0, i, n);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const r = ce(0);
   function s() {
-    r.x = Ze(l);
+    r.x = ot(l);
   }
   if (o || !o && !i)
-    if ((xe(n) !== "body" || ze(l)) && (c = Qe(n)), o) {
-      const p = _e(n, !0, i, n);
+    if ((Ve(n) !== "body" || We(l)) && (c = nt(n)), o) {
+      const p = xe(n, !0, i, n);
       r.x = p.x + n.clientLeft, r.y = p.y + n.clientTop;
     } else l && s();
   i && !o && l && s();
-  const u = l && !o && !i ? an(l, c) : ce(0), d = a.left + c.scrollLeft - r.x - u.x, v = a.top + c.scrollTop - r.y - u.y;
+  const u = l && !o && !i ? pn(l, c) : ce(0), d = a.left + c.scrollLeft - r.x - u.x, v = a.top + c.scrollTop - r.y - u.y;
   return {
     x: d,
     y: v,
@@ -1589,10 +1590,10 @@ function hl(e, n, t) {
     height: a.height
   };
 }
-function it(e) {
+function ct(e) {
   return se(e).position === "static";
 }
-function zt(e, n) {
+function Kt(e, n) {
   if (!ue(e) || se(e).position === "fixed")
     return null;
   if (n)
@@ -1600,28 +1601,28 @@ function zt(e, n) {
   let t = e.offsetParent;
   return de(e) === t && (t = t.ownerDocument.body), t;
 }
-function rn(e, n) {
+function gn(e, n) {
   const t = ee(e);
-  if (Je(e))
+  if (tt(e))
     return t;
   if (!ue(e)) {
-    let l = be(e);
-    for (; l && !Te(l); ) {
-      if (ie(l) && !it(l))
+    let l = ge(e);
+    for (; l && !Oe(l); ) {
+      if (ie(l) && !ct(l))
         return l;
-      l = be(l);
+      l = ge(l);
     }
     return t;
   }
-  let o = zt(e, n);
-  for (; o && Qo(o) && it(o); )
-    o = zt(o, n);
-  return o && Te(o) && it(o) && !bt(o) ? t : o || ol(e) || t;
+  let o = Kt(e, n);
+  for (; o && sl(o) && ct(o); )
+    o = Kt(o, n);
+  return o && Oe(o) && ct(o) && !xt(o) ? t : o || fl(e) || t;
 }
-const gl = async function(e) {
-  const n = this.getOffsetParent || rn, t = this.getDimensions, o = await t(e.floating);
+const El = async function(e) {
+  const n = this.getOffsetParent || gn, t = this.getDimensions, o = await t(e.floating);
   return {
-    reference: hl(e.reference, await n(e.floating), e.strategy),
+    reference: Vl(e.reference, await n(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1630,25 +1631,25 @@ const gl = async function(e) {
     }
   };
 };
-function bl(e) {
+function $l(e) {
   return se(e).direction === "rtl";
 }
-const yl = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: sl,
+const Sl = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: hl,
   getDocumentElement: de,
-  getClippingRect: ml,
-  getOffsetParent: rn,
-  getElementRects: gl,
-  getClientRects: rl,
-  getDimensions: pl,
-  getScale: Ee,
+  getClippingRect: kl,
+  getOffsetParent: gn,
+  getElementRects: El,
+  getClientRects: gl,
+  getDimensions: Cl,
+  getScale: Te,
   isElement: ie,
-  isRTL: bl
+  isRTL: $l
 };
-function cn(e, n) {
+function bn(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
-function wl(e, n) {
+function Ll(e, n) {
   let t = null, o;
   const l = de(e);
   function i() {
@@ -1665,36 +1666,36 @@ function wl(e, n) {
     } = s;
     if (c || n(), !v || !p)
       return;
-    const h = We(d), y = We(l.clientWidth - (u + v)), m = We(l.clientHeight - (d + p)), b = We(u), w = {
-      rootMargin: -h + "px " + -y + "px " + -m + "px " + -b + "px",
-      threshold: Z(0, Le(1, r)) || 1
+    const h = Ke(d), g = Ke(l.clientWidth - (u + v)), m = Ke(l.clientHeight - (d + p)), y = Ke(u), w = {
+      rootMargin: -h + "px " + -g + "px " + -m + "px " + -y + "px",
+      threshold: Z(0, Ae(1, r)) || 1
     };
-    let E = !0;
-    function j(H) {
+    let $ = !0;
+    function P(H) {
       const C = H[0].intersectionRatio;
       if (C !== r) {
-        if (!E)
+        if (!$)
           return a();
         C ? a(!1, C) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      C === 1 && !cn(s, e.getBoundingClientRect()) && a(), E = !1;
+      C === 1 && !bn(s, e.getBoundingClientRect()) && a(), $ = !1;
     }
     try {
-      t = new IntersectionObserver(j, {
+      t = new IntersectionObserver(P, {
         ...w,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(j, w);
+      t = new IntersectionObserver(P, w);
     }
     t.observe(e);
   }
   return a(!0), i;
 }
-function et(e, n, t, o) {
+function lt(e, n, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: l = !0,
@@ -1702,82 +1703,82 @@ function et(e, n, t, o) {
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: r = !1
-  } = o, s = wt(e), u = l || i ? [...s ? Me(s) : [], ...Me(n)] : [];
-  u.forEach((b) => {
-    l && b.addEventListener("scroll", t, {
+  } = o, s = Ct(e), u = l || i ? [...s ? Pe(s) : [], ...Pe(n)] : [];
+  u.forEach((y) => {
+    l && y.addEventListener("scroll", t, {
       passive: !0
-    }), i && b.addEventListener("resize", t);
+    }), i && y.addEventListener("resize", t);
   });
-  const d = s && c ? wl(s, t) : null;
+  const d = s && c ? Ll(s, t) : null;
   let v = -1, p = null;
-  a && (p = new ResizeObserver((b) => {
-    let [x] = b;
+  a && (p = new ResizeObserver((y) => {
+    let [x] = y;
     x && x.target === s && p && (p.unobserve(n), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
       var w;
       (w = p) == null || w.observe(n);
     })), t();
   }), s && !r && p.observe(s), p.observe(n));
-  let h, y = r ? _e(e) : null;
+  let h, g = r ? xe(e) : null;
   r && m();
   function m() {
-    const b = _e(e);
-    y && !cn(y, b) && t(), y = b, h = requestAnimationFrame(m);
+    const y = xe(e);
+    g && !bn(g, y) && t(), g = y, h = requestAnimationFrame(m);
   }
   return t(), () => {
-    var b;
+    var y;
     u.forEach((x) => {
       l && x.removeEventListener("scroll", t), i && x.removeEventListener("resize", t);
-    }), d?.(), (b = p) == null || b.disconnect(), p = null, r && cancelAnimationFrame(h);
+    }), d?.(), (y = p) == null || y.disconnect(), p = null, r && cancelAnimationFrame(h);
   };
 }
-const tt = Xo, nt = qo, ot = Uo, _l = Go, un = (e, n, t) => {
+const at = nl, it = ol, st = Zo, Tl = ll, yn = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
-    platform: yl,
+    platform: Sl,
     ...t
   }, i = {
     ...l.platform,
     _c: o
   };
-  return Wo(e, n, {
+  return Qo(e, n, {
     ...l,
     platform: i
   });
 };
-function xl(e) {
+function Rl(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function It(e) {
-  if (xl(e)) {
+function Xt(e) {
+  if (Rl(e)) {
     const n = e.$el;
-    return gt(n) && xe(n) === "#comment" ? null : n;
+    return _t(n) && Ve(n) === "#comment" ? null : n;
   }
   return e;
 }
-function De(e) {
-  return typeof e == "function" ? e() : S(e);
+function Be(e) {
+  return typeof e == "function" ? e() : L(e);
 }
-function dn(e) {
+function wn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Ht(e, n) {
-  const t = dn(e);
+function qt(e, n) {
+  const t = wn(e);
   return Math.round(n * t) / t;
 }
-function _t(e, n, t) {
+function Vt(e, n, t) {
   t === void 0 && (t = {});
   const o = t.whileElementsMounted, l = k(() => {
     var C;
-    return (C = De(t.open)) != null ? C : !0;
-  }), i = k(() => De(t.middleware)), a = k(() => {
+    return (C = Be(t.open)) != null ? C : !0;
+  }), i = k(() => Be(t.middleware)), a = k(() => {
     var C;
-    return (C = De(t.placement)) != null ? C : "bottom";
+    return (C = Be(t.placement)) != null ? C : "bottom";
   }), c = k(() => {
     var C;
-    return (C = De(t.strategy)) != null ? C : "absolute";
+    return (C = Be(t.strategy)) != null ? C : "absolute";
   }), r = k(() => {
     var C;
-    return (C = De(t.transform)) != null ? C : !0;
-  }), s = k(() => It(e.value)), u = k(() => It(n.value)), d = $(0), v = $(0), p = $(c.value), h = $(a.value), y = _n({}), m = $(!1), b = k(() => {
+    return (C = Be(t.transform)) != null ? C : !0;
+  }), s = k(() => Xt(e.value)), u = k(() => Xt(n.value)), d = E(0), v = E(0), p = E(c.value), h = E(a.value), g = An({}), m = E(!1), y = k(() => {
     const C = {
       position: p.value,
       left: "0",
@@ -1785,11 +1786,11 @@ function _t(e, n, t) {
     };
     if (!u.value)
       return C;
-    const V = Ht(u.value, d.value), D = Ht(u.value, v.value);
+    const V = qt(u.value, d.value), D = qt(u.value, v.value);
     return r.value ? {
       ...C,
       transform: "translate(" + V + "px, " + D + "px)",
-      ...dn(u.value) >= 1.5 && {
+      ...wn(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -1803,19 +1804,19 @@ function _t(e, n, t) {
     if (s.value == null || u.value == null)
       return;
     const C = l.value;
-    un(s.value, u.value, {
+    yn(s.value, u.value, {
       middleware: i.value,
       placement: a.value,
       strategy: c.value
     }).then((V) => {
-      d.value = V.x, v.value = V.y, p.value = V.strategy, h.value = V.placement, y.value = V.middlewareData, m.value = C !== !1;
+      d.value = V.x, v.value = V.y, p.value = V.strategy, h.value = V.placement, g.value = V.middlewareData, m.value = C !== !1;
     });
   }
-  function E() {
+  function $() {
     typeof x == "function" && (x(), x = void 0);
   }
-  function j() {
-    if (E(), o === void 0) {
+  function P() {
+    if ($(), o === void 0) {
       w();
       return;
     }
@@ -1827,34 +1828,34 @@ function _t(e, n, t) {
   function H() {
     l.value || (m.value = !1);
   }
-  return K([i, a, c, l], w, {
+  return X([i, a, c, l], w, {
     flush: "sync"
-  }), K([s, u], j, {
+  }), X([s, u], P, {
     flush: "sync"
-  }), K(l, H, {
+  }), X(l, H, {
     flush: "sync"
-  }), xn() && kn(E), {
-    x: Ce(d),
-    y: Ce(v),
-    strategy: Ce(p),
-    placement: Ce(h),
-    middlewareData: Ce(y),
-    isPositioned: Ce(m),
-    floatingStyles: b,
+  }), On() && Dn($), {
+    x: $e(d),
+    y: $e(v),
+    strategy: $e(p),
+    placement: $e(h),
+    middlewareData: $e(g),
+    isPositioned: $e(m),
+    floatingStyles: y,
     update: w
   };
 }
-const kl = /* @__PURE__ */ R({
+const Al = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "dot-menu",
   props: {
     icon: {}
   },
   setup(e) {
-    const n = e, t = $(!1), o = $(null), l = $(null), i = k(() => n.icon ?? z.DOT_MENU), { floatingStyles: a } = _t(o, l, {
+    const n = e, t = E(!1), o = E(null), l = E(null), i = k(() => n.icon ?? z.DOT_MENU), { floatingStyles: a } = Vt(o, l, {
       placement: "bottom-end",
-      middleware: [tt(8), ot(), nt({ padding: 8 })],
-      whileElementsMounted: et
+      middleware: [at(8), st(), it({ padding: 8 })],
+      whileElementsMounted: lt
     }), c = () => {
       t.value = !t.value;
     }, r = () => {
@@ -1865,8 +1866,8 @@ const kl = /* @__PURE__ */ R({
     };
     return (u, d) => {
       const v = q("VjButton"), p = q("VjMenu");
-      return f(), g(Q, null, [
-        _("div", ft({ class: "dot-menu-container" }, u.$attrs), [
+      return f(), b(Q, null, [
+        _("div", ht({ class: "dot-menu-container" }, u.$attrs), [
           T(v, {
             ref_key: "buttonRef",
             ref: o,
@@ -1875,13 +1876,13 @@ const kl = /* @__PURE__ */ R({
             icon: i.value,
             onClick: c
           }, null, 8, ["icon"]),
-          T(Se, { name: "menu" }, {
+          T(we, { name: "menu" }, {
             default: N(() => [
-              t.value ? (f(), P(p, {
+              t.value ? (f(), j(p, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
-                style: Y(S(a)),
+                style: G(L(a)),
                 class: "menu-dropdown",
                 onClose: r,
                 onClickCapture: s
@@ -1890,22 +1891,22 @@ const kl = /* @__PURE__ */ R({
                   M(u.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["style"])) : L("", !0)
+              }, 8, ["style"])) : S("", !0)
             ]),
             _: 3
           })
         ], 16),
-        (f(), P(je, { to: "body" }, [
-          t.value ? (f(), g("div", {
+        (f(), j(ze, { to: "body" }, [
+          t.value ? (f(), b("div", {
             key: 0,
             class: "menu-backdrop",
             onClick: r
-          })) : L("", !0)
+          })) : S("", !0)
         ]))
       ], 64);
     };
   }
-}), Cl = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-d744e938"]]), Vl = /* @__PURE__ */ R({
+}), Ol = /* @__PURE__ */ A(Al, [["__scopeId", "data-v-d744e938"]]), Dl = /* @__PURE__ */ R({
   __name: "link-button",
   props: {
     label: {},
@@ -1917,27 +1918,27 @@ const kl = /* @__PURE__ */ R({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = X.S, o = k(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
+    const n = e, t = K.S, o = k(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
     return (l, i) => {
       const a = q("router-link");
-      return f(), P(a, {
+      return f(), j(a, {
         to: e.to,
         class: I(["button", o.value]),
         disabled: e.disabled
       }, {
         default: N(() => [
-          e.icon ? (f(), P(te, {
+          e.icon ? (f(), j(te, {
             key: 0,
             icon: e.icon,
-            size: S(t)
-          }, null, 8, ["icon", "size"])) : L("", !0),
-          Ue(" " + O(e.label), 1)
+            size: L(t)
+          }, null, 8, ["icon", "size"])) : S("", !0),
+          Xe(" " + O(e.label), 1)
         ]),
         _: 1
       }, 8, ["to", "class", "disabled"]);
     };
   }
-}), El = /* @__PURE__ */ A(Vl, [["__scopeId", "data-v-bd3cf2f5"]]), $l = ["disabled"], Sl = { class: "menu-action--icon" }, Ll = /* @__PURE__ */ R({
+}), Bl = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-bd3cf2f5"]]), Ml = ["disabled"], jl = { class: "menu-action--icon" }, Pl = /* @__PURE__ */ R({
   __name: "menu-action",
   props: {
     label: {},
@@ -1945,35 +1946,115 @@ const kl = /* @__PURE__ */ R({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = X.S;
-    return (t, o) => (f(), g("button", {
+    const n = K.S;
+    return (t, o) => (f(), b("button", {
       class: "menu-action button tertiary",
       disabled: e.disabled
     }, [
-      _("span", Sl, [
-        e.icon ? (f(), P(te, {
+      _("span", jl, [
+        e.icon ? (f(), j(te, {
           key: 0,
           icon: e.icon,
-          size: S(n)
-        }, null, 8, ["icon", "size"])) : L("", !0)
+          size: L(n)
+        }, null, 8, ["icon", "size"])) : S("", !0)
       ]),
       _("span", null, O(e.label), 1)
-    ], 8, $l));
+    ], 8, Ml));
   }
-}), Tl = /* @__PURE__ */ A(Ll, [["__scopeId", "data-v-07850995"]]), Rl = {}, Al = { class: "menu" };
-function Ol(e, n) {
-  return f(), g("div", Al, [
+}), Fl = /* @__PURE__ */ A(Pl, [["__scopeId", "data-v-07850995"]]), zl = {}, Il = { class: "menu" };
+function Hl(e, n) {
+  return f(), b("div", Il, [
     M(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Dl = /* @__PURE__ */ A(Rl, [["render", Ol], ["__scopeId", "data-v-259fec08"]]), Bl = {
+const Wl = /* @__PURE__ */ A(zl, [["render", Hl], ["__scopeId", "data-v-259fec08"]]), Fe = E(!1), Et = E(null), $t = E({});
+let Me = [], vt, Gt = 0;
+const _n = (e) => (Me.push(e), () => {
+  Me = Me.filter((n) => n !== e);
+}), Ul = (e, n = {}) => (Fe.value && mt(void 0, "replace"), clearTimeout(vt), Et.value = e, $t.value = n, Fe.value = !0, {
+  onClose: (t) => _n(t),
+  close: (t) => mt(t)
+}), mt = (e, n = "close") => {
+  const t = Me;
+  Me = [], Fe.value = !1;
+  try {
+    t.forEach((o) => {
+      try {
+        o(e, n);
+      } catch (l) {
+        console.error("overlay onClose callback error", l);
+      }
+    });
+  } finally {
+    const o = ++Gt;
+    clearTimeout(vt), vt = setTimeout(() => {
+      o === Gt && !Fe.value && (Et.value = null, $t.value = {});
+    }, 300);
+  }
+}, Nl = {
+  hasOverlay: Fe,
+  overlayComponent: Et,
+  overlayOptions: $t,
+  showOverlay: Ul,
+  closeOverlay: mt,
+  onOverlayClose: _n
+}, Kl = () => Nl, Xl = /* @__PURE__ */ R({
+  __name: "overlay-host",
+  props: {
+    scope: { default: "global" }
+  },
+  setup(e) {
+    const n = e, t = Kl(), o = Le(t, "hasOverlay"), l = Le(t, "overlayComponent"), i = Le(t, "overlayOptions"), a = k(() => i.value.position ?? "right"), c = k(() => {
+      const g = i.value.size;
+      return g ? a.value === "left" || a.value === "right" ? { width: g } : { height: g } : {};
+    }), r = k(() => o.value && (i.value.scope ?? "global") === n.scope), s = k(() => i.value.closeOnBackdrop ?? !0), u = k(() => i.value.closeOnEscape ?? !0), d = k(() => i.value.props ?? {}), v = (g) => {
+      if (!i.value.autoFocus)
+        return;
+      g.querySelector(
+        'input:not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"])'
+      )?.focus();
+    }, p = (g) => {
+      t.closeOverlay(void 0, g);
+    }, h = (g) => {
+      g.key === "Escape" && r.value && u.value && p("escape");
+    };
+    return ke(() => document.addEventListener("keydown", h)), Ce(() => document.removeEventListener("keydown", h)), (g, m) => (f(), j(we, {
+      name: `overlay-${a.value}`,
+      onAfterEnter: v
+    }, {
+      default: N(() => [
+        r.value ? (f(), b("div", {
+          key: 0,
+          class: I(["overlay-host", `overlay-host--${a.value}`])
+        }, [
+          s.value ? (f(), b("div", {
+            key: 0,
+            class: "overlay-backdrop",
+            onClick: m[0] || (m[0] = (y) => p("backdrop"))
+          })) : S("", !0),
+          _("div", {
+            class: "overlay-panel",
+            style: G(c.value),
+            role: "dialog",
+            "aria-modal": "true",
+            onClick: m[1] || (m[1] = U(() => {
+            }, ["stop"]))
+          }, [
+            (f(), j(Qe(l.value), nn(on(d.value)), null, 16))
+          ], 4)
+        ], 2)) : S("", !0)
+      ]),
+      _: 1
+    }, 8, ["name"]));
+  }
+}), xn = /* @__PURE__ */ A(Xl, [["__scopeId", "data-v-dd001b5b"]]), ql = {
   mounted(e) {
     e.classList.add("compact");
   },
   unmounted(e) {
     e.classList.remove("compact");
   }
-}, fn = [
+}, kn = [
   'input:not([disabled]):not([type="hidden"])',
   "select:not([disabled])",
   "textarea:not([disabled])",
@@ -1982,27 +2063,27 @@ const Dl = /* @__PURE__ */ A(Rl, [["render", Ol], ["__scopeId", "data-v-259fec08
   '[tabindex]:not([tabindex="-1"])',
   '[contenteditable="true"]'
 ].join(", ");
-function Ml(e) {
-  const n = e.querySelectorAll(fn);
+function Gl(e) {
+  const n = e.querySelectorAll(kn);
   for (const t of Array.from(n))
     if (t.offsetParent !== null || t.getClientRects().length > 0)
       return t;
   return null;
 }
-const jl = {
+const Yl = {
   mounted(e, n) {
     const t = typeof n.value == "number" ? n.value : 0, o = () => {
-      if (e.matches(fn)) {
+      if (e.matches(kn)) {
         e.focus();
         return;
       }
-      const l = Ml(e);
+      const l = Gl(e);
       l && l.focus();
     };
     t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
   }
 };
-class xt {
+class St {
   static _instance = null;
   observer = null;
   targets = /* @__PURE__ */ new Map();
@@ -2010,7 +2091,7 @@ class xt {
     this.init();
   }
   static get instance() {
-    return this._instance || (this._instance = new xt()), this._instance;
+    return this._instance || (this._instance = new St()), this._instance;
   }
   init() {
     typeof window < "u" && "ResizeObserver" in window ? this.observer = new ResizeObserver((n) => {
@@ -2065,37 +2146,37 @@ class xt {
     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 Ve = xt.instance, Pl = {
+const Se = St.instance, Jl = {
   mounted(e, n) {
     const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, i = typeof t == "object" && !!t?.immediate, a = e;
-    a.__resize_cb = o, a.__resize_breakpoints = l, o && Ve.observe(e, o, { breakpoints: l, immediate: i });
+    a.__resize_cb = o, a.__resize_breakpoints = l, o && Se.observe(e, o, { breakpoints: l, immediate: i });
   },
   updated(e, n) {
     const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, i = n.value, a = typeof i == "function" ? i : i?.onResize, c = typeof i == "object" && i?.breakpoints ? i.breakpoints : void 0;
     if (o !== a) {
-      o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: c, immediate: !!(i && typeof i == "object" && i.immediate) }), t.__resize_cb = a, t.__resize_breakpoints = c;
+      o && Se.unobserve(e, o), a && Se.observe(e, a, { breakpoints: c, immediate: !!(i && typeof i == "object" && i.immediate) }), t.__resize_cb = a, t.__resize_breakpoints = c;
       return;
     }
-    JSON.stringify(l || {}) !== JSON.stringify(c || {}) && (o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: c, immediate: !0 }), t.__resize_breakpoints = c);
+    JSON.stringify(l || {}) !== JSON.stringify(c || {}) && (o && Se.unobserve(e, o), a && Se.observe(e, a, { breakpoints: c, immediate: !0 }), t.__resize_breakpoints = c);
   },
   unmounted(e) {
     const n = e, t = n.__resize_cb;
-    t && Ve.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
+    t && Se.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
   }
-}, Fl = {}, zl = { class: "spinner" };
-function Il(e, n) {
-  return f(), g("div", zl);
+}, Ql = {}, Zl = { class: "spinner" };
+function ea(e, n) {
+  return f(), b("div", Zl);
 }
-const vn = /* @__PURE__ */ A(Fl, [["render", Il], ["__scopeId", "data-v-b957fb82"]]), Hl = 200, Wl = 120;
-function Wt(e, n) {
+const Cn = /* @__PURE__ */ A(Ql, [["render", ea], ["__scopeId", "data-v-b957fb82"]]), ta = 200, na = 120;
+function Yt(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 <= Wl ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= Hl && t.classList.add("vj-loading-inner--small");
+  l && l.classList.remove("vj-loading-text--hidden"), o <= na ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= ta && t.classList.add("vj-loading-inner--small");
 }
-const Ul = {
+const oa = {
   mounted(e, n) {
     let t, o;
     if (typeof n.value == "object" && n.value !== null) {
@@ -2110,9 +2191,9 @@ const Ul = {
     const c = document.createElement("div"), r = document.createElement("div");
     r.className = "vj-loading-inner", r.appendChild(c);
     let s;
-    o && (s = document.createElement("div"), s.className = "vj-loading-text", s.textContent = o, r.appendChild(s)), a.appendChild(r), Wt(e, a);
-    const u = T(vn);
-    At(u, c), i.spinnerVnode = u, i.spinnerContainer = c, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(a);
+    o && (s = document.createElement("div"), s.className = "vj-loading-text", s.textContent = o, r.appendChild(s)), a.appendChild(r), Yt(e, a);
+    const u = T(Cn);
+    Pt(u, c), i.spinnerVnode = u, i.spinnerContainer = c, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(a);
     const d = e;
     d.__vjLoading = i;
   },
@@ -2137,44 +2218,44 @@ const Ul = {
         s.className = "vj-loading-text", s.textContent = a, c.appendChild(s);
       }
     }
-    Wt(e, l);
+    Yt(e, l);
   },
   unmounted(e) {
     const n = e, t = n.__vjLoading;
     if (!t) return;
     const { overlay: o, originalPosition: l } = t;
     try {
-      t.spinnerContainer && At(null, t.spinnerContainer);
+      t.spinnerContainer && Pt(null, t.spinnerContainer);
     } catch {
     }
     o && o.parentElement === e && e.removeChild(o), l !== void 0 && (e.style.position = l), n.__vjLoading = void 0;
   }
-}, Nl = (e) => {
+}, la = (e) => {
   const n = document.createElement("div");
   return n.className = "vj-tooltip", n.setAttribute("role", "tooltip"), n.style.position = "absolute", n.style.top = "0", n.style.left = "0", n.style.pointerEvents = "none", n.style.zIndex = "10000", n.textContent = e, n;
 };
-function Ut(e) {
+function Jt(e) {
   if (!e) return { content: "", placement: "top", delay: 200 };
   if (typeof e.value == "string") return { content: e.value, placement: "top", delay: 200 };
   const t = e.value || {}, o = t.placement ?? "top";
   return { content: t.content ?? "", placement: o, delay: t.delay ?? 200 };
 }
-const mn = {
+const Vn = {
   mounted(e, n) {
-    const t = Ut(n), o = Nl(t.content);
+    const t = Jt(n), o = la(t.content);
     document.body.appendChild(o);
     const l = { tooltip: o, cleanup: void 0, showTimer: null, hideTimer: null }, i = async () => {
-      const p = await un(e, o, {
+      const p = await yn(e, o, {
         placement: t.placement,
-        middleware: [tt(6), ot(), nt({ padding: 8 })]
-      }), { x: h, y } = p;
+        middleware: [at(6), st(), it({ padding: 8 })]
+      }), { x: h, y: g } = p;
       Object.assign(o.style, {
         left: `${h}px`,
-        top: `${y}px`
+        top: `${g}px`
       });
     }, a = () => {
       l.hideTimer && window.clearTimeout(l.hideTimer), l.showTimer = window.setTimeout(() => {
-        o.classList.add("vj-tooltip--visible"), i(), l.cleanup = et(e, o, i);
+        o.classList.add("vj-tooltip--visible"), i(), l.cleanup = lt(e, o, i);
       }, t.delay);
     }, c = () => {
       l.showTimer && window.clearTimeout(l.showTimer), l.hideTimer = window.setTimeout(() => {
@@ -2200,7 +2281,7 @@ const mn = {
   updated(e, n) {
     const t = e.__vjTooltip;
     if (!t) return;
-    const o = Ut(n);
+    const o = Jt(n);
     t.tooltip.textContent = o.content;
   },
   unmounted(e) {
@@ -2213,7 +2294,7 @@ const mn = {
       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;
     }
   }
-}, Kl = { class: "notification__container" }, Xl = { class: "notification__icon" }, ql = { class: "notification__message" }, Gl = { class: "notification__title" }, Yl = { class: "notification__text" }, Jl = { class: "notification__action" }, Ql = /* @__PURE__ */ R({
+}, aa = { class: "notification__container" }, ia = { class: "notification__icon" }, sa = { class: "notification__message" }, ra = { class: "notification__title" }, ca = { class: "notification__text" }, ua = { class: "notification__action" }, da = /* @__PURE__ */ R({
   __name: "notification",
   props: {
     type: {},
@@ -2236,45 +2317,45 @@ const mn = {
     }), i = () => {
       o("close");
     };
-    return (a, c) => (f(), g("div", {
+    return (a, c) => (f(), b("div", {
       class: I(["notification", `notification--${e.type}`]),
       onClick: i
     }, [
-      _("div", Kl, [
+      _("div", aa, [
         M(a.$slots, "default", {}, () => [
-          _("div", Xl, [
+          _("div", ia, [
             T(te, { icon: l.value }, null, 8, ["icon"])
           ]),
-          _("div", ql, [
-            _("div", Gl, O(e.title), 1),
-            _("div", Yl, O(e.message), 1)
+          _("div", sa, [
+            _("div", ra, O(e.title), 1),
+            _("div", ca, O(e.message), 1)
           ])
         ], !0)
       ]),
-      _("div", Jl, [
-        T(Ge, {
+      _("div", ua, [
+        T(Ze, {
           class: "notification__close compact",
-          icon: S(z).CLOSE,
+          icon: L(z).CLOSE,
           onClick: U(i, ["stop"]),
           tertiary: ""
         }, null, 8, ["icon"])
       ])
     ], 2));
   }
-}), kt = /* @__PURE__ */ A(Ql, [["__scopeId", "data-v-f9ee0c98"]]), Zl = { class: "page" }, ea = {
+}), Lt = /* @__PURE__ */ A(da, [["__scopeId", "data-v-f9ee0c98"]]), fa = { class: "page" }, va = {
   key: 0,
   class: "page-header"
-}, ta = { class: "header-left" }, na = { class: "header-titles" }, oa = { key: 0 }, la = { class: "header-actions" }, aa = {
+}, ma = { class: "header-left" }, pa = { class: "header-titles" }, ha = { key: 0 }, ga = { class: "header-actions" }, ba = {
   key: 0,
   class: "page-error"
-}, ia = {
+}, ya = {
   key: 1,
   class: "contents"
-}, sa = {
+}, wa = {
   key: 2,
   class: "actions"
-}, ra = { key: 3 }, ca = { key: 1 }, ua = /* @__PURE__ */ R({
-  directives: { loading: Ul },
+}, _a = { key: 3 }, xa = { key: 1 }, ka = /* @__PURE__ */ R({
+  directives: { loading: oa },
   __name: "page",
   props: {
     title: {},
@@ -2289,62 +2370,63 @@ const mn = {
   setup(e, { emit: n }) {
     const t = e, o = k(() => t.flow?.running?.value ?? !1), l = k(() => t.flow?.error?.value ?? null), i = k(() => t.errorMessage ?? (l.value ? String(l.value) : null));
     return (a, c) => {
-      const r = q("VjButton"), s = Gt("loading");
-      return vt((f(), g("div", Zl, [
-        e.title || e.subTitle || e.backLabel || a.$slots.headerActions ? (f(), g("header", ea, [
-          _("div", ta, [
-            e.backLabel ? (f(), P(r, {
+      const r = q("VjButton"), s = ln("loading");
+      return gt((f(), b("div", fa, [
+        T(xn, { scope: "parent" }),
+        e.title || e.subTitle || e.backLabel || a.$slots.headerActions ? (f(), b("header", va, [
+          _("div", ma, [
+            e.backLabel ? (f(), j(r, {
               key: 0,
               tertiary: "",
-              icon: S(z).BACK,
+              icon: L(z).BACK,
               onClick: c[0] || (c[0] = (u) => a.$emit("back")),
               size: "small"
-            }, null, 8, ["icon"])) : L("", !0),
-            _("div", na, [
+            }, null, 8, ["icon"])) : S("", !0),
+            _("div", pa, [
               _("h1", null, O(e.title), 1),
-              e.subTitle ? (f(), g("h2", oa, O(e.subTitle), 1)) : L("", !0)
+              e.subTitle ? (f(), b("h2", ha, O(e.subTitle), 1)) : S("", !0)
             ])
           ]),
-          _("div", la, [
+          _("div", ga, [
             M(a.$slots, "headerActions", {}, void 0, !0)
           ])
-        ])) : L("", !0),
+        ])) : S("", !0),
         _("main", {
           class: I({ scrollable: e.scrollable })
         }, [
-          i.value ? (f(), g("div", aa, [
+          i.value ? (f(), b("div", ba, [
             M(a.$slots, "error", {}, () => [
-              T(kt, {
+              T(Lt, {
                 type: "error",
                 title: i.value,
                 message: i.value
               }, null, 8, ["title", "message"])
             ], !0)
-          ])) : L("", !0),
-          i.value ? L("", !0) : (f(), g("div", ia, [
+          ])) : S("", !0),
+          i.value ? S("", !0) : (f(), b("div", ya, [
             M(a.$slots, "default", {}, void 0, !0)
           ])),
-          i.value ? L("", !0) : (f(), g("div", sa, [
+          i.value ? S("", !0) : (f(), b("div", wa, [
             M(a.$slots, "actions", {}, void 0, !0)
           ])),
-          a.$slots.flexFooter ? (f(), g("footer", ra, [
+          a.$slots.flexFooter ? (f(), b("footer", _a, [
             M(a.$slots, "flexFooter", {}, void 0, !0)
-          ])) : L("", !0)
+          ])) : S("", !0)
         ], 2),
-        a.$slots.footer ? (f(), g("footer", ca, [
+        a.$slots.footer ? (f(), b("footer", xa, [
           M(a.$slots, "footer", {}, void 0, !0)
-        ])) : L("", !0)
+        ])) : S("", !0)
       ])), [
         [s, { active: o.value, text: t.loadingMessage }]
       ]);
     };
   }
-}), da = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-1f4253d2"]]), fa = {
+}), Ca = /* @__PURE__ */ A(ka, [["__scopeId", "data-v-c52433f6"]]), Va = {
   class: "paginator-info",
   "aria-live": "polite"
-}, va = /* @__PURE__ */ R({
+}, Ea = /* @__PURE__ */ R({
   __name: "paginator",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     totalItems: {},
     pageSize: {},
     labels: {}
@@ -2352,26 +2434,26 @@ const mn = {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = ne(e, "modelValue"), l = n, i = k(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), a = k(() => Math.min(Math.max(1, o.value ?? 1), i.value)), c = k(() => a.value), r = k(() => a.value <= 1), s = k(() => a.value >= i.value), u = k(() => t.labels?.item ?? "Eintrag"), d = k(() => t.labels?.of ?? "von"), v = (b) => {
-      const x = Math.min(Math.max(1, Math.floor(b)), i.value);
+    const t = e, o = ne(e, "modelValue"), l = n, i = k(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), a = k(() => Math.min(Math.max(1, o.value ?? 1), i.value)), c = k(() => a.value), r = k(() => a.value <= 1), s = k(() => a.value >= i.value), u = k(() => t.labels?.item ?? "Eintrag"), d = k(() => t.labels?.of ?? "von"), v = (y) => {
+      const x = Math.min(Math.max(1, Math.floor(y)), i.value);
       x !== o.value && (o.value = x, l("change", x));
-    }, p = () => v(1), h = () => v(a.value - 1), y = () => v(a.value + 1), m = () => v(i.value);
-    return K([() => t.totalItems, () => t.pageSize], () => {
+    }, p = () => v(1), h = () => v(a.value - 1), g = () => v(a.value + 1), m = () => v(i.value);
+    return X([() => t.totalItems, () => t.pageSize], () => {
       o.value > i.value && v(i.value);
-    }), (b, x) => {
+    }), (y, x) => {
       const w = q("VjButton");
-      return f(), g("nav", {
+      return f(), b("nav", {
         class: "paginator",
         "aria-label": "Pagination",
-        onKeydown: x[0] || (x[0] = Be(U(() => {
+        onKeydown: x[0] || (x[0] = je(U(() => {
         }, ["prevent"]), ["enter"]))
       }, [
         T(w, {
           tertiary: "",
           class: "paginator-btn",
-          icon: S(z).FIRST,
+          icon: L(z).FIRST,
           disabled: r.value,
           onClick: p,
           "aria-label": "First page"
@@ -2379,30 +2461,30 @@ const mn = {
         T(w, {
           tertiary: "",
           class: "paginator-btn",
-          icon: S(z).PREVIOUS,
+          icon: L(z).PREVIOUS,
           disabled: r.value,
           onClick: h,
           "aria-label": "Previous page"
         }, null, 8, ["icon", "disabled"]),
-        M(b.$slots, "info", {
+        M(y.$slots, "info", {
           current: a.value,
           totalPages: i.value,
           goTo: v
         }, () => [
-          _("div", fa, O(u.value) + " " + O(c.value) + " " + O(d.value) + " " + O(i.value), 1)
+          _("div", Va, O(u.value) + " " + O(c.value) + " " + O(d.value) + " " + O(i.value), 1)
         ], !0),
         T(w, {
           tertiary: "",
           class: "paginator-btn",
-          icon: S(z).NEXT,
+          icon: L(z).NEXT,
           disabled: s.value,
-          onClick: y,
+          onClick: g,
           "aria-label": "Next page"
         }, null, 8, ["icon", "disabled"]),
         T(w, {
           tertiary: "",
           class: "paginator-btn",
-          icon: S(z).LAST,
+          icon: L(z).LAST,
           disabled: s.value,
           onClick: m,
           "aria-label": "Last page"
@@ -2410,9 +2492,9 @@ const mn = {
       ], 32);
     };
   }
-}), ma = /* @__PURE__ */ A(va, [["__scopeId", "data-v-b6fa8efe"]]), pa = { class: "search-field" }, ha = ["value", "placeholder"], ga = /* @__PURE__ */ R({
+}), $a = /* @__PURE__ */ A(Ea, [["__scopeId", "data-v-b6fa8efe"]]), Sa = { class: "search-field" }, La = ["value", "placeholder"], Ta = /* @__PURE__ */ R({
   __name: "search-field",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     placeholder: { default: "Search..." }
   }, {
     modelValue: {},
@@ -2427,57 +2509,57 @@ const mn = {
     }, l = k(() => !n.value);
     return (i, a) => {
       const c = q("VjIcon");
-      return f(), g("div", pa, [
+      return f(), b("div", Sa, [
         T(c, {
-          icon: S(z).SEARCH,
-          size: S(X).S
+          icon: L(z).SEARCH,
+          size: L(K).S
         }, null, 8, ["icon", "size"]),
         _("input", {
           value: n.value,
           onInput: t,
           type: "text",
           placeholder: e.placeholder
-        }, null, 40, ha),
+        }, null, 40, La),
         T(c, {
           class: I(["reset", { invisible: l.value }]),
-          icon: S(z).CLOSE,
-          size: S(X).S,
+          icon: L(z).CLOSE,
+          size: L(K).S,
           onClick: o
         }, null, 8, ["class", "icon", "size"])
       ]);
     };
   }
-}), ba = /* @__PURE__ */ A(ga, [["__scopeId", "data-v-2771c8ed"]]), ya = /* @__PURE__ */ R({
+}), Ra = /* @__PURE__ */ A(Ta, [["__scopeId", "data-v-2771c8ed"]]), Aa = /* @__PURE__ */ R({
   __name: "separator",
   props: {
     vertical: { type: Boolean }
   },
   setup(e) {
-    return (n, t) => (f(), g("div", {
+    return (n, t) => (f(), b("div", {
       class: I(["separator", { vertical: e.vertical }])
     }, null, 2));
   }
-}), wa = /* @__PURE__ */ A(ya, [["__scopeId", "data-v-e354bb4e"]]), _a = {
+}), Oa = /* @__PURE__ */ A(Aa, [["__scopeId", "data-v-e354bb4e"]]), Da = {
   key: 0,
   class: "tab"
-}, xa = /* @__PURE__ */ R({
+}, Ba = /* @__PURE__ */ R({
   __name: "tab",
   props: {
     name: {},
     label: {}
   },
   setup(e) {
-    const n = e, t = mt("tabView"), o = k(() => t?.activeTab() === n.name);
-    return Re(() => {
+    const n = e, t = bt("tabView"), o = k(() => t?.activeTab() === n.name);
+    return ke(() => {
       t?.registerTab(n.name, n.label);
-    }), (l, i) => o.value ? (f(), g("div", _a, [
+    }), (l, i) => o.value ? (f(), b("div", Da, [
       M(l.$slots, "default")
-    ])) : L("", !0);
+    ])) : S("", !0);
   }
-}), ka = { class: "tab-view" }, Ca = {
+}), Ma = { class: "tab-view" }, ja = {
   ref: "headerRef",
   class: "tab-view-header"
-}, Va = ["onClick"], Ea = { class: "tab-view-content" }, $a = /* @__PURE__ */ R({
+}, Pa = ["onClick"], Fa = { class: "tab-view-content" }, za = /* @__PURE__ */ R({
   __name: "tab-view",
   props: {
     modelValue: {},
@@ -2485,7 +2567,7 @@ const mn = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ne(e, "modelValue"), t = $([]), o = $([]), l = $({
+    const n = ne(e, "modelValue"), t = E([]), o = E([]), l = E({
       width: "0px",
       transform: "translateX(0px)"
     }), i = (s, u) => {
@@ -2500,40 +2582,40 @@ const mn = {
         };
       }
     }, c = (s, u) => {
-      t.value.find((d) => d.name === s) || (t.value.push({ name: s, label: u }), he(() => {
+      t.value.find((d) => d.name === s) || (t.value.push({ name: s, label: u }), _e(() => {
         !n.value && t.value.length === 1 && (n.value = s), a();
       }));
     }, r = (s) => {
       n.value = s;
     };
-    return K(n, () => {
-      he(() => {
+    return X(n, () => {
+      _e(() => {
         a();
       });
-    }), qt("tabView", {
+    }), tn("tabView", {
       activeTab: () => n.value,
       registerTab: c
-    }), (s, u) => (f(), g("div", ka, [
-      _("div", Ca, [
-        (f(!0), g(Q, null, pe(t.value, (d, v) => (f(), g("div", {
+    }), (s, u) => (f(), b("div", Ma, [
+      _("div", ja, [
+        (f(!0), b(Q, null, pe(t.value, (d, v) => (f(), b("div", {
           key: d.name,
           ref_for: !0,
           ref: (p) => i(p, v),
           class: I(["tab-button", { active: n.value === d.name }]),
           onClick: (p) => r(d.name)
-        }, O(d.label), 11, Va))), 128)),
+        }, O(d.label), 11, Pa))), 128)),
         u[0] || (u[0] = _("div", { class: "tab-line" }, null, -1)),
         _("div", {
           class: "tab-indicator",
-          style: Y(l.value)
+          style: G(l.value)
         }, null, 4)
       ], 512),
-      _("div", Ea, [
+      _("div", Fa, [
         M(s.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), Sa = /* @__PURE__ */ A($a, [["__scopeId", "data-v-3d4ee454"]]), La = ["width", "height", "role", "tabindex", "aria-label", "onKeydown"], Ta = ["cx", "cy", "r", "stroke-width"], Ra = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Aa = ["transform"], Oa = ["x", "y", "width", "height", "rx"], Da = ["x", "y", "width", "height", "rx"], Ba = /* @__PURE__ */ R({
+}), Ia = /* @__PURE__ */ A(za, [["__scopeId", "data-v-3d4ee454"]]), Ha = ["width", "height", "role", "tabindex", "aria-label", "onKeydown"], Wa = ["cx", "cy", "r", "stroke-width"], Ua = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Na = ["transform"], Ka = ["x", "y", "width", "height", "rx"], Xa = ["x", "y", "width", "height", "rx"], qa = /* @__PURE__ */ R({
   __name: "timer",
   props: {
     duration: { default: 5e3 },
@@ -2550,32 +2632,32 @@ const mn = {
       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, i = k(() => t[o.timerSize].size), a = k(() => t[o.timerSize].strokeWidth), c = k(() => t[o.timerSize].innerStrokeWidth), r = $(!1), s = $(100), u = $(!1), d = $(o.paused);
+    }, o = e, l = n, i = k(() => t[o.timerSize].size), a = k(() => t[o.timerSize].strokeWidth), c = k(() => t[o.timerSize].innerStrokeWidth), r = E(!1), s = E(100), u = E(!1), d = E(o.paused);
     let v = null, p = null, h = 0;
-    const y = k(() => (i.value - Math.max(a.value, c.value)) / 2), m = k(() => 2 * Math.PI * y.value), b = k(() => m.value * (1 - s.value / 100));
-    K(
+    const g = k(() => (i.value - Math.max(a.value, c.value)) / 2), m = k(() => 2 * Math.PI * g.value), y = k(() => m.value * (1 - s.value / 100));
+    X(
       () => o.paused,
       (F) => {
         d.value = F, F ? C() : V();
       }
-    ), Re(() => {
+    ), ke(() => {
       w();
-    }), Cn(() => {
+    }), Bn(() => {
       D();
     });
     function x() {
       o.pausable && (d.value = !d.value, l("update:paused", d.value));
     }
     function w() {
-      d.value || (p = performance.now() - h, E());
+      d.value || (p = performance.now() - h, $());
     }
-    function E() {
+    function $() {
       if (!p || d.value) return;
       h = performance.now() - p;
       const W = Math.max(0, o.duration - h), oe = W / o.duration * 100;
-      s.value = oe, W > 0 ? v = requestAnimationFrame(E) : j();
+      s.value = oe, W > 0 ? v = requestAnimationFrame($) : P();
     }
-    async function j() {
+    async function P() {
       if (!o.action) {
         H();
         return;
@@ -2605,7 +2687,7 @@ const mn = {
     function D() {
       v !== null && (cancelAnimationFrame(v), v = null);
     }
-    return (F, W) => (f(), g("svg", {
+    return (F, W) => (f(), b("svg", {
       width: i.value,
       height: i.value,
       class: I([
@@ -2622,29 +2704,29 @@ const mn = {
       "aria-label": e.pausable ? d.value ? "Resume timer" : "Pause timer" : void 0,
       onClick: x,
       onKeydown: [
-        Be(U(x, ["prevent"]), ["space"]),
-        Be(x, ["enter"])
+        je(U(x, ["prevent"]), ["space"]),
+        je(x, ["enter"])
       ]
     }, [
       _("circle", {
         cx: i.value / 2,
         cy: i.value / 2,
-        r: y.value,
+        r: g.value,
         "stroke-width": a.value,
         class: "vj-timer__outer-ring",
         fill: "none"
-      }, null, 8, Ta),
+      }, null, 8, Wa),
       _("circle", {
         cx: i.value / 2,
         cy: i.value / 2,
-        r: y.value,
+        r: g.value,
         "stroke-width": c.value,
         "stroke-dasharray": m.value,
-        "stroke-dashoffset": b.value,
+        "stroke-dashoffset": y.value,
         class: "vj-timer__progress-ring",
         fill: "none"
-      }, null, 8, Ra),
-      d.value ? (f(), g("g", {
+      }, null, 8, Ua),
+      d.value ? (f(), b("g", {
         key: 0,
         class: "vj-timer__pause-icon",
         transform: `translate(${i.value / 2},${i.value / 2}) rotate(-90) scale(-1, 1)`
@@ -2656,7 +2738,7 @@ const mn = {
           height: i.value * 0.3,
           rx: i.value * 0.015,
           class: "vj-timer__pause-bar"
-        }, null, 8, Oa),
+        }, null, 8, Ka),
         _("rect", {
           x: i.value * 0.04,
           y: -i.value * 0.15,
@@ -2664,11 +2746,11 @@ const mn = {
           height: i.value * 0.3,
           rx: i.value * 0.015,
           class: "vj-timer__pause-bar"
-        }, null, 8, Da)
-      ], 8, Aa)) : L("", !0)
-    ], 42, La));
+        }, null, 8, Xa)
+      ], 8, Na)) : S("", !0)
+    ], 42, Ha));
   }
-}), Ma = /* @__PURE__ */ A(Ba, [["__scopeId", "data-v-49a33853"]]), ja = ["onKeydown"], Pa = /* @__PURE__ */ R({
+}), Ga = /* @__PURE__ */ A(qa, [["__scopeId", "data-v-49a33853"]]), Ya = ["onKeydown"], Ja = /* @__PURE__ */ R({
   __name: "editable-label",
   props: {
     modelValue: {},
@@ -2676,12 +2758,12 @@ const mn = {
   },
   emits: ["update:modelValue", "edit"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = k(() => t.modelValue ?? ""), i = $(l.value), a = $(!1), c = $(!1), r = $(null), s = k(() => !!t.showIcon);
-    K(l, (p) => {
+    const t = e, o = n, l = k(() => t.modelValue ?? ""), i = E(l.value), a = E(!1), c = E(!1), r = E(null), s = k(() => !!t.showIcon);
+    X(l, (p) => {
       i.value = p;
     });
     function u() {
-      a.value = !0, he(() => r.value?.focus());
+      a.value = !0, _e(() => r.value?.focus());
     }
     function d() {
       a.value = !1, i.value !== l.value && (o("update:modelValue", i.value), o("edit", i.value));
@@ -2689,43 +2771,43 @@ const mn = {
     function v() {
       i.value = l.value, a.value = !1;
     }
-    return (p, h) => (f(), g("span", {
+    return (p, h) => (f(), b("span", {
       class: I(["vj-editable-label", { editing: a.value }]),
-      onMouseenter: h[1] || (h[1] = (y) => c.value = !0),
-      onMouseleave: h[2] || (h[2] = (y) => c.value = !1)
+      onMouseenter: h[1] || (h[1] = (g) => c.value = !0),
+      onMouseleave: h[2] || (h[2] = (g) => c.value = !1)
     }, [
-      a.value ? vt((f(), g("input", {
+      a.value ? gt((f(), b("input", {
         key: 1,
         ref_key: "inputRef",
         ref: r,
         class: "edit-input",
-        "onUpdate:modelValue": h[0] || (h[0] = (y) => i.value = y),
+        "onUpdate:modelValue": h[0] || (h[0] = (g) => i.value = g),
         onKeydown: [
-          Be(U(d, ["prevent"]), ["enter"]),
-          Be(U(v, ["prevent"]), ["esc"])
+          je(U(d, ["prevent"]), ["enter"]),
+          je(U(v, ["prevent"]), ["esc"])
         ],
         onBlur: d
-      }, null, 40, ja)), [
-        [Vn, i.value]
-      ]) : (f(), g(Q, { key: 0 }, [
+      }, null, 40, Ya)), [
+        [Mn, i.value]
+      ]) : (f(), b(Q, { key: 0 }, [
         _("span", {
           class: "label-text",
           onClick: u,
           title: "Click to edit"
         }, O(l.value), 1),
-        c.value || s.value ? (f(), g("span", {
+        c.value || s.value ? (f(), b("span", {
           key: 0,
           class: "edit-icon",
           onClick: U(u, ["stop"])
         }, [
           T(te, {
-            icon: S(z).EDIT
+            icon: L(z).EDIT
           }, null, 8, ["icon"])
-        ])) : L("", !0)
+        ])) : S("", !0)
       ], 64))
     ], 34));
   }
-}), hs = /* @__PURE__ */ A(Pa, [["__scopeId", "data-v-cdc52c5b"]]), Fa = "200% 200%", za = /* @__PURE__ */ R({
+}), Ls = /* @__PURE__ */ A(Ja, [["__scopeId", "data-v-cdc52c5b"]]), Qa = "200% 200%", Za = /* @__PURE__ */ R({
   __name: "skeleton",
   props: {
     width: {},
@@ -2734,18 +2816,18 @@ const mn = {
   },
   setup(e) {
     const n = e, t = k(() => n.width ?? "100%"), o = k(() => n.height ?? "16px"), l = k(() => n.borderRadius ?? "4px");
-    return (i, a) => (f(), g("div", {
+    return (i, a) => (f(), b("div", {
       class: "vj-skeleton",
-      style: Y({
+      style: G({
         width: t.value,
         height: o.value,
         borderRadius: l.value,
-        backgroundSize: Fa
+        backgroundSize: Qa
       }),
       "aria-hidden": "true"
     }, null, 4));
   }
-}), Ia = /* @__PURE__ */ A(za, [["__scopeId", "data-v-ac05e016"]]), Ha = /* @__PURE__ */ R({
+}), ei = /* @__PURE__ */ A(Za, [["__scopeId", "data-v-ac05e016"]]), ti = /* @__PURE__ */ R({
   __name: "amount-bar",
   props: {
     amount: {},
@@ -2759,7 +2841,7 @@ const mn = {
       const a = 100 / n.segments, c = i * a;
       return t.value > c;
     }, l = (i) => (160 - i / (n.segments - 1 || 1) * 160).toString();
-    return (i, a) => (f(), g("div", {
+    return (i, a) => (f(), b("div", {
       class: I([
         "amount-bar",
         {
@@ -2769,23 +2851,23 @@ const mn = {
         }
       ])
     }, [
-      e.segments ? (f(!0), g(Q, { key: 0 }, pe(Array.from({ length: e.segments }), (c, r) => (f(), g("div", {
+      e.segments ? (f(!0), b(Q, { key: 0 }, pe(Array.from({ length: e.segments }), (c, r) => (f(), b("div", {
         key: r,
         class: I(["amount-bar__segment", { "amount-bar__segment--filled": o(r) }]),
-        style: Y(o(r) && e.colorMode === "hue-gradient" ? { backgroundColor: `hsl(${l(r)}, 100%, 45%)` } : {})
-      }, null, 6))), 128)) : (f(), g("div", {
+        style: G(o(r) && e.colorMode === "hue-gradient" ? { backgroundColor: `hsl(${l(r)}, 100%, 45%)` } : {})
+      }, null, 6))), 128)) : (f(), b("div", {
         key: 1,
         class: "amount-bar__fill",
-        style: Y({ width: `${e.amount / e.maxAmount * 100}%` })
+        style: G({ width: `${e.amount / e.maxAmount * 100}%` })
       }, null, 4))
     ], 2));
   }
-}), Wa = /* @__PURE__ */ A(Ha, [["__scopeId", "data-v-7e89d03f"]]), Ua = ["multiple", "accept", "disabled"], Na = { class: "upload-text" }, Ka = { class: "upload-title" }, Xa = { class: "upload-subtitle" }, qa = {
+}), ni = /* @__PURE__ */ A(ti, [["__scopeId", "data-v-7e89d03f"]]), oi = ["multiple", "accept", "disabled"], li = { class: "upload-text" }, ai = { class: "upload-title" }, ii = { class: "upload-subtitle" }, si = {
   key: 0,
   class: "upload-files"
-}, Ga = { class: "file-info" }, Ya = { class: "file-details" }, Ja = { class: "file-name" }, Qa = { class: "file-size" }, Za = /* @__PURE__ */ R({
+}, ri = { class: "file-info" }, ci = { class: "file-details" }, ui = { class: "file-name" }, di = { class: "file-size" }, fi = /* @__PURE__ */ R({
   __name: "upload",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     multiple: { type: Boolean, default: !0 },
     accept: { default: "*" },
     disabled: { type: Boolean, default: !1 },
@@ -2800,34 +2882,34 @@ const mn = {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["update:modelValue", "file-added", "file-removed"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["update:modelValue", "file-added", "file-removed"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = n, l = ne(e, "modelValue"), i = $(), a = $(!1), c = $(!1), r = (y) => {
-      const m = y.target, b = Array.from(m.files || []);
-      v(b), i.value && (i.value.value = "");
+    const t = e, o = n, l = ne(e, "modelValue"), i = E(), a = E(!1), c = E(!1), r = (g) => {
+      const m = g.target, y = Array.from(m.files || []);
+      v(y), i.value && (i.value.value = "");
     }, s = () => {
       t.disabled || (a.value = !0, c.value = !0);
     }, u = () => {
       a.value = !1, c.value = !1;
-    }, d = (y) => {
+    }, d = (g) => {
       if (t.disabled) return;
       a.value = !1, c.value = !1;
-      const m = Array.from(y.dataTransfer?.files || []);
+      const m = Array.from(g.dataTransfer?.files || []);
       v(m);
-    }, v = (y) => {
-      const m = y.filter((b) => !(b.size > t.maxSize));
-      t.multiple ? l.value = [...l.value, ...m] : l.value = m.slice(0, 1), m.forEach((b) => {
-        o("file-added", b);
+    }, v = (g) => {
+      const m = g.filter((y) => !(y.size > t.maxSize));
+      t.multiple ? l.value = [...l.value, ...m] : l.value = m.slice(0, 1), m.forEach((y) => {
+        o("file-added", y);
       });
-    }, p = (y) => {
-      const m = l.value[y];
-      l.value.splice(y, 1), o("file-removed", m);
-    }, h = (y) => {
-      if (y === 0) return "0 Bytes";
-      const m = 1024, b = ["Bytes", "KB", "MB", "GB"], x = Math.floor(Math.log(y) / Math.log(m));
-      return Math.round(y / Math.pow(m, x) * 100) / 100 + " " + b[x];
+    }, p = (g) => {
+      const m = l.value[g];
+      l.value.splice(g, 1), o("file-removed", m);
+    }, h = (g) => {
+      if (g === 0) return "0 Bytes";
+      const m = 1024, y = ["Bytes", "KB", "MB", "GB"], x = Math.floor(Math.log(g) / Math.log(m));
+      return Math.round(g / Math.pow(m, x) * 100) / 100 + " " + y[x];
     };
-    return (y, m) => (f(), g("div", {
+    return (g, m) => (f(), b("div", {
       class: I(["upload", { dragging: a.value, disabled: e.disabled }])
     }, [
       _("input", {
@@ -2842,94 +2924,94 @@ const mn = {
         onDragover: s,
         onDragleave: u,
         onDrop: d
-      }, null, 40, Ua),
+      }, null, 40, oi),
       _("div", {
         class: "upload-content",
-        onClick: m[1] || (m[1] = (b) => i.value?.click()),
+        onClick: m[1] || (m[1] = (y) => i.value?.click()),
         onDragover: U(s, ["prevent"]),
         onDragleave: U(u, ["prevent"]),
         onDrop: U(d, ["prevent"])
       }, [
         T(te, {
-          icon: S(z).UPLOAD,
-          size: S(X).L,
+          icon: L(z).UPLOAD,
+          size: L(K).L,
           class: "upload-icon"
         }, null, 8, ["icon", "size"]),
-        _("div", Na, [
-          _("p", Ka, O(c.value ? e.dropText : e.uploadText), 1),
-          _("p", Xa, O(e.subtitleText), 1)
+        _("div", li, [
+          _("p", ai, O(c.value ? e.dropText : e.uploadText), 1),
+          _("p", ii, O(e.subtitleText), 1)
         ]),
-        T(Ge, {
+        T(Ze, {
           label: e.browseText,
           primary: !0,
           disabled: e.disabled,
-          onClick: m[0] || (m[0] = U((b) => i.value?.click(), ["stop"]))
+          onClick: m[0] || (m[0] = U((y) => i.value?.click(), ["stop"]))
         }, null, 8, ["label", "disabled"])
       ], 32),
-      l.value.length > 0 ? (f(), g("div", qa, [
-        (f(!0), g(Q, null, pe(l.value, (b, x) => (f(), g("div", {
+      l.value.length > 0 ? (f(), b("div", si, [
+        (f(!0), b(Q, null, pe(l.value, (y, x) => (f(), b("div", {
           key: x,
           class: "upload-file-item"
         }, [
-          _("div", Ga, [
+          _("div", ri, [
             T(te, {
-              icon: S(z).ATTACHMENT,
-              size: S(X).S
+              icon: L(z).ATTACHMENT,
+              size: L(K).S
             }, null, 8, ["icon", "size"]),
-            _("div", Ya, [
-              _("p", Ja, O(b.name), 1),
-              _("p", Qa, O(h(b.size)), 1)
+            _("div", ci, [
+              _("p", ui, O(y.name), 1),
+              _("p", di, O(h(y.size)), 1)
             ])
           ]),
-          e.disabled ? L("", !0) : (f(), P(te, {
+          e.disabled ? S("", !0) : (f(), j(te, {
             key: 0,
-            icon: S(z).CLOSE,
-            size: S(X).S,
+            icon: L(z).CLOSE,
+            size: L(K).S,
             class: "remove-icon",
             onClick: (w) => p(x)
           }, null, 8, ["icon", "size", "onClick"]))
         ]))), 128))
-      ])) : L("", !0)
+      ])) : S("", !0)
     ], 2));
   }
-}), ei = /* @__PURE__ */ A(Za, [["__scopeId", "data-v-2f7be5e5"]]), pn = {
+}), vi = /* @__PURE__ */ A(fi, [["__scopeId", "data-v-2f7be5e5"]]), En = {
   form: {
     labelPosition: "inline",
     appearance: "bordered"
   }
 };
-let qe = {};
-function gs(e) {
-  qe = {
-    ...qe,
+let Je = {};
+function Ts(e) {
+  Je = {
+    ...Je,
     ...e,
     form: {
-      ...pn.form,
+      ...En.form,
       ...e.form
     }
   };
 }
-function Nt() {
+function Qt() {
   return {
     form: {
-      ...pn.form,
-      ...qe.form
+      ...En.form,
+      ...Je.form
     }
   };
 }
-function bs() {
-  qe = {};
+function Rs() {
+  Je = {};
 }
-const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-field__wrapper" }, li = ["for"], ai = {
+const mi = ["data-colspan", "data-newline"], pi = ["for"], hi = { class: "form-field__wrapper" }, gi = ["for"], bi = {
   key: 1,
   class: "form-field__error"
-}, ii = {
+}, yi = {
   key: 2,
   class: "form-field__help",
   type: "button",
   "aria-label": "Hilfe"
-}, si = /* @__PURE__ */ R({
-  directives: { tooltip: mn },
+}, wi = /* @__PURE__ */ R({
+  directives: { tooltip: Vn },
   __name: "form-field",
   props: {
     modelValue: {},
@@ -2947,8 +3029,8 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = $(t.modelValue), i = $(!1), a = k(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), c = k(() => t.labelPosition ?? Nt().form.labelPosition), r = k(() => t.appearance ?? Nt().form.appearance);
-    K(
+    const t = e, o = n, l = E(t.modelValue), i = E(!1), a = k(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), c = k(() => t.labelPosition ?? Qt().form.labelPosition), r = k(() => t.appearance ?? Qt().form.appearance);
+    X(
       () => t.modelValue,
       (h) => l.value = h
     );
@@ -2968,9 +3050,9 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     function p(h) {
       i.value = !1, o("blur", h);
     }
-    return (h, y) => {
-      const m = q("VjIcon"), b = Gt("tooltip");
-      return f(), g("div", {
+    return (h, g) => {
+      const m = q("VjIcon"), y = ln("tooltip");
+      return f(), b("div", {
         class: I([
           "form-field",
           `form-field--${c.value}`,
@@ -2981,14 +3063,14 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
         ]),
         "data-colspan": t.spanRow ? void 0 : t.colspan,
         "data-newline": t.spanRow || t.newLine ? "true" : void 0,
-        style: Y(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
+        style: G(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
       }, [
-        e.label && c.value === "outline" ? (f(), g("label", {
+        e.label && c.value === "outline" ? (f(), b("label", {
           key: 0,
           for: a.value,
           class: "form-field__label-outline"
-        }, O(e.label), 9, ni)) : L("", !0),
-        _("div", oi, [
+        }, O(e.label), 9, pi)) : S("", !0),
+        _("div", hi, [
           M(h.$slots, "control", {
             id: a.value,
             value: l.value,
@@ -2998,31 +3080,30 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
             disabled: e.disabled,
             placeholder: u.value
           }, void 0, !0),
-          e.label && c.value === "inline" ? (f(), g("label", {
+          e.label && c.value === "inline" ? (f(), b("label", {
             key: 0,
             for: a.value,
             class: I(["form-field__label", { "form-field__label--float": s.value }])
-          }, O(e.label), 11, li)) : L("", !0)
+          }, O(e.label), 11, gi)) : S("", !0)
         ]),
-        e.error ? (f(), g("div", ai, O(e.error), 1)) : L("", !0),
-        t.helpText ? vt((f(), g("button", ii, [
+        e.error ? (f(), b("div", bi, O(e.error), 1)) : S("", !0),
+        t.helpText ? gt((f(), b("button", yi, [
           T(m, {
-            icon: S(z).HELP
+            icon: L(z).HELP
           }, null, 8, ["icon"])
         ])), [
-          [b, t.helpText]
-        ]) : L("", !0)
-      ], 14, ti);
+          [y, t.helpText]
+        ]) : S("", !0)
+      ], 14, mi);
     };
   }
-}), Ie = /* @__PURE__ */ A(si, [["__scopeId", "data-v-19959d5e"]]), ri = /* @__PURE__ */ R({
+}), Ue = /* @__PURE__ */ A(wi, [["__scopeId", "data-v-19959d5e"]]), _i = /* @__PURE__ */ R({
   __name: "form-layout",
   props: {
-    columns: { type: Number, default: 4 },
-    gap: { type: String, default: "0.75rem" }
+    columns: { type: Number, default: 4 }
   },
   setup(e) {
-    const n = e, t = $(null);
+    const n = e, t = E(null);
     let o = null;
     function l() {
       if (!t.value) return;
@@ -3031,49 +3112,46 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
         s !== null && s !== "false" ? a.style.gridColumn = "1 / -1" : a.style.gridColumn = `span ${r}`;
       });
     }
-    return Re(() => {
-      he(() => {
+    return ke(() => {
+      _e(() => {
         l(), t.value && (o = new MutationObserver(() => l()), o.observe(t.value, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["data-colspan", "data-newline"] }));
       });
-    }), Ae(() => {
+    }), Ce(() => {
       o?.disconnect();
-    }), K(
+    }), X(
       () => n.columns,
-      () => he(l)
-    ), K(
-      () => n.gap,
-      () => he(l)
-    ), (i, a) => (f(), g("div", {
+      () => _e(l)
+    ), (i, a) => (f(), b("div", {
       ref_key: "container",
       ref: t,
       class: "form-layout",
-      style: Y({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
+      style: G({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))` })
     }, [
       M(i.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), ci = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-96f62ab7"]]), ui = {
+}), xi = /* @__PURE__ */ A(_i, [["__scopeId", "data-v-6dfad6e4"]]), ki = {
   key: 0,
   class: "form-section__title",
   "data-newline": ""
-}, di = /* @__PURE__ */ R({
+}, Ci = /* @__PURE__ */ R({
   __name: "form-section",
   props: {
     title: {}
   },
   setup(e) {
-    return (n, t) => (f(), g(Q, null, [
-      e.title ? (f(), g("h3", ui, O(e.title), 1)) : L("", !0),
+    return (n, t) => (f(), b(Q, null, [
+      e.title ? (f(), b("h3", ki, O(e.title), 1)) : S("", !0),
       M(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), fi = /* @__PURE__ */ A(di, [["__scopeId", "data-v-69cff1d0"]]), vi = ["id", "disabled"], mi = { class: "select-value" }, pi = {
+}), Vi = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-69cff1d0"]]), Ei = ["id", "disabled"], $i = { class: "select-value" }, Si = {
   key: 1,
   class: "select-placeholder"
-}, hi = { class: "select-options" }, gi = ["onClick", "onMouseenter"], bi = /* @__PURE__ */ R({
+}, Li = { class: "select-options" }, Ti = ["onClick", "onMouseenter"], Ri = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "select",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     options: {
       type: Array,
       required: !0
@@ -3112,51 +3190,51 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = e, o = ne(e, "modelValue"), l = $(!1), i = $(-1), a = $(null), c = $(null), r = $(null), { floatingStyles: s } = _t(c, r, {
+    const t = e, o = ne(e, "modelValue"), l = E(!1), i = E(-1), a = E(null), c = E(null), r = E(null), { floatingStyles: s } = Vt(c, r, {
       placement: "bottom-start",
       middleware: [
-        tt(4),
-        ot(),
-        nt({ padding: 8 }),
-        _l({
-          apply({ rects: w, elements: E }) {
-            Object.assign(E.floating.style, {
+        at(4),
+        st(),
+        it({ padding: 8 }),
+        Tl({
+          apply({ rects: w, elements: $ }) {
+            Object.assign($.floating.style, {
               minWidth: `${w.reference.width}px`
             });
           }
         })
       ],
-      whileElementsMounted: et
+      whileElementsMounted: lt
     }), u = (w) => {
-      const E = t.optionLabel;
-      return E ? typeof E == "function" ? E(w) : String(w[E]) : String(w);
+      const $ = t.optionLabel;
+      return $ ? typeof $ == "function" ? $(w) : String(w[$]) : String(w);
     }, d = (w) => {
-      const E = t.optionValue;
-      return E ? typeof E == "function" ? E(w) : w[E] : w;
+      const $ = t.optionValue;
+      return $ ? typeof $ == "function" ? $(w) : w[$] : w;
     }, v = k(() => t.options.find((w) => d(w) === o.value)), p = (w) => d(w) === o.value, h = () => {
       t.disabled || (l.value = !l.value);
-    }, y = () => {
+    }, g = () => {
       l.value = !1, i.value = -1;
     }, m = (w) => {
-      o.value = d(w), y();
-    }, b = () => {
+      o.value = d(w), g();
+    }, y = () => {
       o.value = void 0;
     }, x = (w) => {
-      l.value && a.value && !a.value.contains(w.target) && y();
+      l.value && a.value && !a.value.contains(w.target) && g();
     };
-    return Re(() => {
+    return ke(() => {
       document.addEventListener("click", x);
-    }), Ae(() => {
+    }), Ce(() => {
       document.removeEventListener("click", x);
-    }), K(l, (w) => {
-      w && v.value && (i.value = t.options.findIndex((E) => p(E)));
+    }), X(l, (w) => {
+      w && v.value && (i.value = t.options.findIndex(($) => p($)));
     }), n({
       focus: () => c.value?.focus(),
       blur: () => c.value?.blur()
-    }), (w, E) => {
-      const j = q("VjIcon");
-      return f(), g(Q, null, [
-        _("div", ft({
+    }), (w, $) => {
+      const P = q("VjIcon");
+      return f(), b(Q, null, [
+        _("div", ht({
           ref_key: "selectRef",
           ref: a,
           class: "select"
@@ -3170,46 +3248,46 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
             onClick: h,
             disabled: e.disabled
           }, [
-            t.icon ? (f(), P(j, {
+            t.icon ? (f(), j(P, {
               key: 0,
               icon: t.icon,
-              size: S(X).S,
+              size: L(K).S,
               class: "select-icon-left"
-            }, null, 8, ["icon", "size"])) : L("", !0),
-            _("span", mi, [
+            }, null, 8, ["icon", "size"])) : S("", !0),
+            _("span", $i, [
               v.value ? M(w.$slots, "selected", {
                 key: 0,
                 option: v.value
               }, () => [
-                Ue(O(u(v.value)), 1)
-              ], !0) : (f(), g("span", pi, O(e.placeholder), 1))
+                Xe(O(u(v.value)), 1)
+              ], !0) : (f(), b("span", Si, O(e.placeholder), 1))
             ]),
-            t.clearable && v.value && !e.disabled ? (f(), P(j, {
+            t.clearable && v.value && !e.disabled ? (f(), j(P, {
               key: 1,
-              icon: S(z).CLOSE,
-              size: S(X).S,
+              icon: L(z).CLEAR,
+              size: L(K).S,
               class: "select-clear-icon",
-              onClick: U(b, ["stop"])
-            }, null, 8, ["icon", "size"])) : L("", !0),
-            T(j, {
-              icon: S(z).CHEVRON_DOWN,
-              size: S(X).S,
+              onClick: U(y, ["stop"])
+            }, null, 8, ["icon", "size"])) : S("", !0),
+            T(P, {
+              icon: L(z).CHEVRON_DOWN,
+              size: L(K).S,
               class: I(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
-          ], 8, vi)
+          ], 8, Ei)
         ], 16),
-        (f(), P(je, { to: "body" }, [
-          T(Se, { name: "dropdown" }, {
+        (f(), j(ze, { to: "body" }, [
+          T(we, { name: "dropdown" }, {
             default: N(() => [
-              l.value ? (f(), g("div", {
+              l.value ? (f(), b("div", {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: r,
-                style: Y(S(s)),
+                style: G(L(s)),
                 class: "select-dropdown"
               }, [
-                _("div", hi, [
-                  (f(!0), g(Q, null, pe(e.options, (H, C) => (f(), g("div", {
+                _("div", Li, [
+                  (f(!0), b(Q, null, pe(e.options, (H, C) => (f(), b("div", {
                     key: String(d(H)),
                     class: I(["select-option", { selected: p(H), highlighted: i.value === C }]),
                     onClick: (V) => m(H),
@@ -3219,24 +3297,24 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
                       option: H,
                       selected: p(H)
                     }, () => [
-                      Ue(O(u(H)), 1)
+                      Xe(O(u(H)), 1)
                     ], !0)
-                  ], 42, gi))), 128))
+                  ], 42, Ti))), 128))
                 ])
-              ], 4)) : L("", !0)
+              ], 4)) : S("", !0)
             ]),
             _: 3
           }),
-          l.value ? (f(), g("div", {
+          l.value ? (f(), b("div", {
             key: 0,
             class: "select-backdrop",
-            onClick: y
-          })) : L("", !0)
+            onClick: g
+          })) : S("", !0)
         ]))
       ], 64);
     };
   }
-}), hn = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-95354f61"]]), yi = /* @__PURE__ */ R({
+}), $n = /* @__PURE__ */ A(Ri, [["__scopeId", "data-v-163529b2"]]), Ai = /* @__PURE__ */ R({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -3255,8 +3333,8 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = $(t.modelValue);
-    K(
+    const t = e, o = n, l = E(t.modelValue);
+    X(
       () => t.modelValue,
       (a) => {
         l.value = a;
@@ -3265,7 +3343,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     const i = (a) => {
       l.value = a, o("update:modelValue", a);
     };
-    return (a, c) => (f(), P(Ie, {
+    return (a, c) => (f(), j(Ue, {
       modelValue: l.value,
       "onUpdate:modelValue": i,
       label: t.label,
@@ -3281,7 +3359,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       appearance: t.appearance
     }, {
       control: N(({ id: r, disabled: s, placeholder: u }) => [
-        T(hn, {
+        T($n, {
           id: r,
           modelValue: l.value,
           "onUpdate:modelValue": [
@@ -3294,7 +3372,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           "option-label": (d) => d.label,
           "option-value": (d) => d.value,
           clearable: ""
-        }, dt({ _: 2 }, [
+        }, pt({ _: 2 }, [
           a.$slots.selected ? {
             name: "selected",
             fn: N(({ option: d }) => [
@@ -3314,7 +3392,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       _: 3
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], _i = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], xi = /* @__PURE__ */ R({
+}), Oi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], Di = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Bi = /* @__PURE__ */ R({
   __name: "slider",
   props: {
     modelValue: { default: void 0 },
@@ -3325,10 +3403,10 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = $(null), i = $(!1), a = $(!1), c = (C, V, D) => Math.min(Math.max(C, V), D), r = $(
+    const t = e, o = n, l = E(null), i = E(!1), a = E(!1), c = (C, V, D) => Math.min(Math.max(C, V), D), r = E(
       t.range ? Array.isArray(t.modelValue) ? t.modelValue[0] : t.min : typeof t.modelValue == "number" ? t.modelValue : t.min
-    ), s = $(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
-    K(
+    ), s = E(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
+    X(
       () => t.modelValue,
       (C) => {
         t.range ? Array.isArray(C) && (r.value = c(C[0], t.min, t.max), s.value = c(C[1], t.min, t.max)) : typeof C == "number" && (r.value = c(C, t.min, t.max));
@@ -3340,21 +3418,21 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       const C = u(r.value), V = u(s.value);
       return { left: `${C}%`, width: `${Math.max(0, V - C)}%` };
     });
-    let h = null, y = null;
+    let h = null, g = null;
     const m = async (C, V) => {
-      h = C, y = V.pointerId, C === "low" ? i.value = !0 : a.value = !0;
+      h = C, g = V.pointerId, C === "low" ? i.value = !0 : a.value = !0;
       try {
         V.target.setPointerCapture(V.pointerId);
       } catch {
       }
-      window.addEventListener("pointermove", x), window.addEventListener("pointerup", b);
-    }, b = (C) => {
-      if (y != null && C)
+      window.addEventListener("pointermove", x), window.addEventListener("pointerup", y);
+    }, y = (C) => {
+      if (g != null && C)
         try {
           C.target.releasePointerCapture(C.pointerId);
         } catch {
         }
-      h = null, y = null, i.value = !1, a.value = !1, window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", b), j();
+      h = null, g = null, i.value = !1, a.value = !1, window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", y), P();
     }, x = (C) => {
       if (!h || !l.value) return;
       const V = l.value.getBoundingClientRect(), D = c(C.clientX - V.left, 0, V.width), F = t.min + D / V.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
@@ -3367,8 +3445,8 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
         oe <= fe ? r.value = Math.min(W, s.value) : s.value = Math.max(W, r.value);
       } else
         r.value = c(W, t.min, t.max);
-      j();
-    }, E = (C, V) => {
+      P();
+    }, $ = (C, V) => {
       const D = t.step, F = V.key === "ArrowLeft" || V.key === "ArrowDown" ? -1 : V.key === "ArrowRight" || V.key === "ArrowUp" ? 1 : 0;
       if (F) {
         if (C === "low") {
@@ -3378,20 +3456,20 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           const W = c(s.value + F * D, t.range ? r.value : t.max, t.max);
           s.value = W, a.value = !0, setTimeout(() => a.value = !1, 800);
         }
-        j();
+        P();
       }
-    }, j = () => {
+    }, P = () => {
       t.range ? (o("update:modelValue", [r.value, s.value]), o("change", [r.value, s.value])) : (o("update:modelValue", r.value), o("change", r.value));
     };
-    Ae(() => {
-      window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", b);
-    }), K([() => t.min, () => t.max], () => {
+    Ce(() => {
+      window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", y);
+    }), X([() => t.min, () => t.max], () => {
       r.value = c(r.value, t.min, t.max), s.value = c(s.value, t.min, t.max);
     });
     const H = k(() => t.range);
-    return he(() => {
+    return _e(() => {
       t.modelValue === void 0 && (t.range ? o("update:modelValue", [r.value, s.value]) : o("update:modelValue", r.value));
-    }), (C, V) => (f(), g("div", {
+    }), (C, V) => (f(), b("div", {
       class: "vj-slider",
       onPointerdown: V[8] || (V[8] = U(() => {
       }, ["stop"]))
@@ -3404,16 +3482,16 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       }, [
         _("div", {
           class: "range",
-          style: Y(p.value)
+          style: G(p.value)
         }, null, 4),
-        i.value ? (f(), g("div", {
+        i.value ? (f(), b("div", {
           key: 0,
           class: "tooltip",
-          style: Y({ left: d.value.left })
-        }, O(r.value), 5)) : L("", !0),
+          style: G({ left: d.value.left })
+        }, O(r.value), 5)) : S("", !0),
         _("button", {
           class: "handle low",
-          style: Y(d.value),
+          style: G(d.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
           "aria-valuenow": r.value,
@@ -3421,19 +3499,19 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           onPointerdown: V[0] || (V[0] = U((D) => m("low", D), ["prevent"])),
           onFocus: V[1] || (V[1] = (D) => i.value = !0),
           onBlur: V[2] || (V[2] = (D) => i.value = !1),
-          onKeydown: V[3] || (V[3] = U((D) => E("low", D), ["stop", "prevent"])),
+          onKeydown: V[3] || (V[3] = U((D) => $("low", D), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, wi),
-        H.value && a.value ? (f(), g("div", {
+        }, null, 44, Oi),
+        H.value && a.value ? (f(), b("div", {
           key: 1,
           class: "tooltip",
-          style: Y({ left: v.value.left })
-        }, O(s.value), 5)) : L("", !0),
-        H.value ? (f(), g("button", {
+          style: G({ left: v.value.left })
+        }, O(s.value), 5)) : S("", !0),
+        H.value ? (f(), b("button", {
           key: 2,
           class: "handle high",
-          style: Y(v.value),
+          style: G(v.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
           "aria-valuenow": s.value,
@@ -3441,16 +3519,16 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           onPointerdown: V[4] || (V[4] = U((D) => m("high", D), ["prevent"])),
           onFocus: V[5] || (V[5] = (D) => a.value = !0),
           onBlur: V[6] || (V[6] = (D) => a.value = !1),
-          onKeydown: V[7] || (V[7] = U((D) => E("high", D), ["stop", "prevent"])),
+          onKeydown: V[7] || (V[7] = U((D) => $("high", D), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, _i)) : L("", !0)
+        }, null, 44, Di)) : S("", !0)
       ], 512)
     ], 32));
   }
-}), ki = /* @__PURE__ */ A(xi, [["__scopeId", "data-v-d47c7475"]]), Ci = ["onFocusin", "onFocusout"], Vi = /* @__PURE__ */ R({
+}), Mi = /* @__PURE__ */ A(Bi, [["__scopeId", "data-v-d47c7475"]]), ji = ["onFocusin", "onFocusout"], Pi = /* @__PURE__ */ R({
   __name: "input-slider",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     modelValue: {},
     label: {},
     id: {},
@@ -3470,10 +3548,10 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["update:modelValue", "input", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["update:modelValue", "input", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = ne(e, "modelValue"), l = n, i = o.value === void 0 ? 0 : Number(o.value), a = $(Number.isNaN(i) ? 0 : i);
-    K(o, (r) => {
+    const t = e, o = ne(e, "modelValue"), l = n, i = o.value === void 0 ? 0 : Number(o.value), a = E(Number.isNaN(i) ? 0 : i);
+    X(o, (r) => {
       const s = r === void 0 ? 0 : Number(r);
       a.value = Number.isNaN(s) ? 0 : s;
     });
@@ -3482,7 +3560,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       const s = typeof r == "number" ? r : Number(r ?? 0);
       a.value = Number.isNaN(s) ? 0 : s, l("update:modelValue", a.value), l("input", a.value);
     };
-    return (r, s) => (f(), P(Ie, {
+    return (r, s) => (f(), j(Ue, {
       modelValue: a.value,
       "onUpdate:modelValue": [
         s[1] || (s[1] = (u) => a.value = u),
@@ -3503,11 +3581,11 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           onFocusin: p,
           onFocusout: h
         }, [
-          T(ki, {
+          T(Mi, {
             id: u,
             modelValue: a.value,
             "onUpdate:modelValue": [
-              s[0] || (s[0] = (y) => a.value = y),
+              s[0] || (s[0] = (g) => a.value = g),
               c
             ],
             min: t.min,
@@ -3516,14 +3594,14 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
             range: !1,
             disabled: d
           }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
-        ], 40, Ci)
+        ], 40, ji)
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), Ei = /* @__PURE__ */ A(Vi, [["__scopeId", "data-v-8f16d318"]]), $i = { class: "textarea" }, Si = ["value", "placeholder", "disabled", "rows"], Li = /* @__PURE__ */ R({
+}), Fi = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-8f16d318"]]), zi = { class: "textarea" }, Ii = ["value", "placeholder", "disabled", "rows"], Hi = /* @__PURE__ */ R({
   __name: "textarea",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     icon: {},
     placeholder: {},
     disabled: { type: Boolean },
@@ -3533,7 +3611,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
     const t = n, o = ne(e, "modelValue"), l = (s) => {
       o.value = s.target.value;
@@ -3546,13 +3624,13 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     }, r = k(() => !o.value);
     return (s, u) => {
       const d = q("VjIcon");
-      return f(), g("div", $i, [
-        e.icon ? (f(), P(d, {
+      return f(), b("div", zi, [
+        e.icon ? (f(), j(d, {
           key: 0,
           icon: e.icon,
-          size: S(X).S,
+          size: L(K).S,
           class: "textarea-icon"
-        }, null, 8, ["icon", "size"])) : L("", !0),
+        }, null, 8, ["icon", "size"])) : S("", !0),
         _("textarea", {
           value: o.value,
           onInput: l,
@@ -3561,18 +3639,18 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           placeholder: e.placeholder,
           disabled: e.disabled,
           rows: e.rows
-        }, null, 40, Si),
-        e.clearable && !e.disabled ? (f(), P(d, {
+        }, null, 40, Ii),
+        e.clearable && !e.disabled ? (f(), j(d, {
           key: 1,
           class: I(["clear-icon", { invisible: r.value }]),
-          icon: S(z).CLOSE,
-          size: S(X).S,
+          icon: L(z).CLEAR,
+          size: L(K).S,
           onClick: i
-        }, null, 8, ["class", "icon", "size"])) : L("", !0)
+        }, null, 8, ["class", "icon", "size"])) : S("", !0)
       ]);
     };
   }
-}), gn = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-2ea43716"]]), Ti = /* @__PURE__ */ R({
+}), Sn = /* @__PURE__ */ A(Hi, [["__scopeId", "data-v-a4c11cbb"]]), Wi = /* @__PURE__ */ R({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -3597,7 +3675,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       const u = t.modelValue;
       return u == null ? "" : String(u);
     });
-    return (u, d) => (f(), P(Ie, {
+    return (u, d) => (f(), j(Ue, {
       modelValue: t.modelValue,
       "onUpdate:modelValue": l,
       onInput: i,
@@ -3615,16 +3693,16 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       helpText: t.helpText,
       appearance: t.appearance
     }, {
-      control: N(({ id: v, disabled: p, placeholder: h, onFocus: y, onBlur: m }) => [
-        T(gn, {
+      control: N(({ id: v, disabled: p, placeholder: h, onFocus: g, onBlur: m }) => [
+        T(Sn, {
           id: v,
           modelValue: s.value,
           "onUpdate:modelValue": r,
-          onFocus: (b) => {
-            y(b), a(b);
+          onFocus: (y) => {
+            g(y), a(y);
           },
-          onBlur: (b) => {
-            m(b), c(b);
+          onBlur: (y) => {
+            m(y), c(y);
           },
           placeholder: h,
           disabled: p,
@@ -3635,9 +3713,9 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "labelPosition", "error", "helpText", "appearance"]));
   }
-}), Ri = { class: "input" }, Ai = ["value", "type", "placeholder", "disabled"], Oi = /* @__PURE__ */ R({
+}), Ui = { class: "input" }, Ni = ["value", "type", "placeholder", "disabled"], Ki = /* @__PURE__ */ R({
   __name: "input",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     icon: {},
     type: {},
     placeholder: {},
@@ -3647,7 +3725,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
     const t = n, o = ne(e, "modelValue"), l = (s) => {
       o.value = s.target.value;
@@ -3660,12 +3738,12 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     }, r = k(() => !o.value);
     return (s, u) => {
       const d = q("VjIcon");
-      return f(), g("div", Ri, [
-        e.icon ? (f(), P(d, {
+      return f(), b("div", Ui, [
+        e.icon ? (f(), j(d, {
           key: 0,
           icon: e.icon,
-          size: S(X).S
-        }, null, 8, ["icon", "size"])) : L("", !0),
+          size: L(K).S
+        }, null, 8, ["icon", "size"])) : S("", !0),
         _("input", {
           value: o.value,
           onInput: l,
@@ -3674,18 +3752,18 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           type: e.type,
           placeholder: e.placeholder,
           disabled: e.disabled
-        }, null, 40, Ai),
-        e.clearable && !e.disabled ? (f(), P(d, {
+        }, null, 40, Ni),
+        e.clearable && !e.disabled ? (f(), j(d, {
           key: 1,
           class: I(["clear-icon", { invisible: r.value }]),
-          icon: S(z).CLOSE,
-          size: S(X).S,
+          icon: L(z).CLEAR,
+          size: L(K).S,
           onClick: i
-        }, null, 8, ["class", "icon", "size"])) : L("", !0)
+        }, null, 8, ["class", "icon", "size"])) : S("", !0)
       ]);
     };
   }
-}), bn = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-3187d49c"]]), Di = /* @__PURE__ */ R({
+}), Ln = /* @__PURE__ */ A(Ki, [["__scopeId", "data-v-22d2c998"]]), Xi = /* @__PURE__ */ R({
   __name: "input-text",
   props: {
     modelValue: {},
@@ -3707,7 +3785,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     const t = e, o = n, l = (s) => o("update:modelValue", s), i = (s) => o("input", s), a = (s) => o("focus", s), c = (s) => o("blur", s), r = (s) => {
       l(s ?? "");
     };
-    return (s, u) => (f(), P(Ie, {
+    return (s, u) => (f(), j(Ue, {
       modelValue: e.modelValue,
       "onUpdate:modelValue": l,
       onInput: i,
@@ -3725,8 +3803,8 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       labelPosition: e.labelPosition,
       appearance: e.appearance
     }, {
-      control: N(({ id: d, disabled: v, placeholder: p, onFocus: h, onBlur: y }) => [
-        T(bn, {
+      control: N(({ id: d, disabled: v, placeholder: p, onFocus: h, onBlur: g }) => [
+        T(Ln, {
           id: d,
           modelValue: e.modelValue,
           type: e.type,
@@ -3735,7 +3813,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
             h(m), a(m);
           },
           onBlur: (m) => {
-            y(m), c(m);
+            g(m), c(m);
           },
           placeholder: p,
           disabled: v,
@@ -3745,10 +3823,10 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), Bi = { class: "shell-navigation-item" }, Mi = { class: "shell-navigation-item-label" }, ji = {
+}), qi = { class: "shell-navigation-item" }, Gi = { class: "shell-navigation-item-label" }, Yi = {
   key: 1,
   class: "shell-navigation-item-link"
-}, Pi = ["aria-expanded"], Fi = { class: "shell-navigation-item-label" }, zi = /* @__PURE__ */ R({
+}, Ji = ["aria-expanded"], Qi = { class: "shell-navigation-item-label" }, Zi = /* @__PURE__ */ R({
   __name: "shell-navigation-item",
   props: {
     label: {},
@@ -3756,10 +3834,10 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     to: {}
   },
   setup(e) {
-    const n = Xt(), t = k(() => !!n.default), o = $(!1), l = $(null), i = $(null), { floatingStyles: a } = _t(l, i, {
+    const n = en(), t = k(() => !!n.default), o = E(!1), l = E(null), i = E(null), { floatingStyles: a } = Vt(l, i, {
       placement: "right-start",
-      middleware: [tt(8), ot(), nt({ padding: 8 })],
-      whileElementsMounted: et
+      middleware: [at(8), st(), it({ padding: 8 })],
+      whileElementsMounted: lt
     }), c = (v) => {
       t.value && (o.value = !o.value);
     }, r = () => {
@@ -3772,14 +3850,14 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       const p = v.target;
       p && (l.value && l.value.contains(p) || i.value && i.value.contains(p) || r());
     };
-    return K(o, (v) => {
+    return X(o, (v) => {
       v ? (window.addEventListener("keydown", u), window.addEventListener("pointerdown", d)) : (window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d));
-    }), Ae(() => {
+    }), Ce(() => {
       window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d);
     }), (v, p) => {
-      const h = q("VjIcon"), y = q("RouterLink"), m = q("VjMenu");
-      return f(), g("li", Bi, [
-        e.to ? (f(), P(y, {
+      const h = q("VjIcon"), g = q("RouterLink"), m = q("VjMenu");
+      return f(), b("li", qi, [
+        e.to ? (f(), j(g, {
           key: 0,
           to: e.to,
           class: "shell-navigation-item-link"
@@ -3789,10 +3867,10 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            _("label", Mi, O(e.label), 1)
+            _("label", Gi, O(e.label), 1)
           ]),
           _: 1
-        }, 8, ["to"])) : (f(), g("div", ji, [
+        }, 8, ["to"])) : (f(), b("div", Yi, [
           _("button", {
             ref_key: "buttonRef",
             ref: l,
@@ -3805,15 +3883,15 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            _("label", Fi, O(e.label), 1)
-          ], 8, Pi),
-          T(Se, { name: "menu" }, {
+            _("label", Qi, O(e.label), 1)
+          ], 8, Ji),
+          T(we, { name: "menu" }, {
             default: N(() => [
-              o.value ? (f(), P(m, {
+              o.value ? (f(), j(m, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: i,
-                style: Y(S(a)),
+                style: G(L(a)),
                 class: "shell-navigation-item-menu",
                 onClose: r,
                 onClick: U(s, ["stop"])
@@ -3822,54 +3900,54 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
                   M(v.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["style"])) : L("", !0)
+              }, 8, ["style"])) : S("", !0)
             ]),
             _: 3
           }),
-          (f(), P(je, { to: "body" }, [
-            o.value ? (f(), g("div", {
+          (f(), j(ze, { to: "body" }, [
+            o.value ? (f(), b("div", {
               key: 0,
               class: "menu-backdrop",
               onClick: r
-            })) : L("", !0)
+            })) : S("", !0)
           ]))
         ]))
       ]);
     };
   }
-}), Ii = /* @__PURE__ */ A(zi, [["__scopeId", "data-v-3a50d1c2"]]), Hi = { class: "navigation-top" }, Wi = {
+}), es = /* @__PURE__ */ A(Zi, [["__scopeId", "data-v-3a50d1c2"]]), ts = { class: "navigation-top" }, ns = {
   key: 0,
   class: "navigation-bottom"
-}, Ui = /* @__PURE__ */ R({
+}, os = /* @__PURE__ */ R({
   __name: "shell-navigation",
   setup(e) {
-    const n = mt(ts, os()), t = k(() => n.showLabels);
+    const n = bt(ms, hs()), t = k(() => n.showLabels);
     return (o, l) => {
       const i = q("VjShellNavigationItem");
-      return f(), g("nav", {
+      return f(), b("nav", {
         class: I(["shell-navigation", { "with-labels": t.value }])
       }, [
-        _("ul", Hi, [
-          S(n).hasParent && S(n).backRoute.value ? (f(), P(i, {
+        _("ul", ts, [
+          L(n).hasParent && L(n).backRoute.value ? (f(), j(i, {
             key: 0,
-            to: S(n).backRoute.value,
+            to: L(n).backRoute.value,
             label: "BACK",
-            icon: S(z).HOME
-          }, null, 8, ["to", "icon"])) : L("", !0),
-          (f(!0), g(Q, null, pe(S(n).childRoutes.value, (a) => (f(), P(i, {
+            icon: L(z).HOME
+          }, null, 8, ["to", "icon"])) : S("", !0),
+          (f(!0), b(Q, null, pe(L(n).childRoutes.value, (a) => (f(), j(i, {
             key: a.name,
             to: { name: a.name },
             label: a.meta.label,
-            icon: a.meta.icon ?? S(z).HOME
+            icon: a.meta.icon ?? L(z).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
-        o.$slots.fixed ? (f(), g("ul", Wi, [
+        o.$slots.fixed ? (f(), b("ul", ns, [
           M(o.$slots, "fixed", {}, void 0, !0)
-        ])) : L("", !0)
+        ])) : S("", !0)
       ], 2);
     };
   }
-}), yn = /* @__PURE__ */ A(Ui, [["__scopeId", "data-v-306cfc22"]]), Ni = { class: "shell" }, Ki = { class: "shell-title" }, Xi = ["src"], qi = { class: "header-actions" }, Gi = /* @__PURE__ */ R({
+}), Tn = /* @__PURE__ */ A(os, [["__scopeId", "data-v-306cfc22"]]), ls = { class: "shell" }, as = { class: "shell-title" }, is = ["src"], ss = { class: "header-actions" }, rs = /* @__PURE__ */ R({
   __name: "shell",
   props: {
     title: {},
@@ -3877,24 +3955,25 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     showNavigation: { type: Boolean }
   },
   setup(e) {
-    const n = rs(), t = lt(n, "asideComponent"), o = lt(n, "hasAside"), l = lt(n, "asideData"), i = k(() => {
+    const n = _s(), t = Le(n, "asideComponent"), o = Le(n, "hasAside"), l = Le(n, "asideData"), i = k(() => {
       const a = l.value;
       return a && typeof a == "object" ? a : {};
     });
     return (a, c) => {
       const r = q("router-view");
-      return f(), g("div", Ni, [
+      return f(), b("div", ls, [
+        T(xn, { scope: "global" }),
         _("header", null, [
           M(a.$slots, "header", {}, () => [
-            _("span", Ki, [
-              e.icon ? (f(), g("img", {
+            _("span", as, [
+              e.icon ? (f(), b("img", {
                 key: 0,
                 src: e.icon,
                 alt: "Shell Icon"
-              }, null, 8, Xi)) : L("", !0),
+              }, null, 8, is)) : S("", !0),
               _("h1", null, O(e.title), 1)
             ]),
-            _("div", qi, [
+            _("div", ss, [
               M(a.$slots, "header-actions", {}, void 0, !0)
             ])
           ], !0)
@@ -3902,7 +3981,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
         _("div", {
           class: I(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (f(), P(S(yn), { key: 0 }, dt({ _: 2 }, [
+          e.showNavigation ? (f(), j(L(Tn), { key: 0 }, pt({ _: 2 }, [
             a.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: N(() => [
@@ -3910,7 +3989,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
               ]),
               key: "0"
             } : void 0
-          ]), 1024)) : L("", !0),
+          ]), 1024)) : S("", !0),
           _("main", null, [
             M(a.$slots, "default", {}, () => [
               T(r)
@@ -3919,16 +3998,16 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           _("aside", {
             class: I({ "aside-visible": o.value })
           }, [
-            (f(), P(ut(t.value), En($n(i.value)), null, 16))
+            (f(), j(Qe(t.value), nn(on(i.value)), null, 16))
           ], 2)
         ], 2),
         c[0] || (c[0] = _("footer", null, null, -1))
       ]);
     };
   }
-}), Yi = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-6a20620c"]]);
-class Ji {
-  notifications = $([]);
+}), cs = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-59eb443c"]]);
+class us {
+  notifications = E([]);
   notificationIdCounter = 0;
   /**
    * Gibt die reaktive Liste der Notifications zurück
@@ -3993,15 +4072,15 @@ class Ji {
     this.notifications.value = [];
   }
 }
-const Kt = new Ji(), Qi = { class: "notifications" }, Zi = /* @__PURE__ */ R({
+const Zt = new us(), ds = { class: "notifications" }, fs = /* @__PURE__ */ R({
   __name: "notifications",
   setup(e) {
-    const n = Kt.getNotifications(), t = (o) => Kt.remove(o);
-    return (o, l) => (f(), P(je, { to: "body" }, [
-      _("div", Qi, [
-        T(Sn, { name: "notification" }, {
+    const n = Zt.getNotifications(), t = (o) => Zt.remove(o);
+    return (o, l) => (f(), j(ze, { to: "body" }, [
+      _("div", ds, [
+        T(jn, { name: "notification" }, {
           default: N(() => [
-            (f(!0), g(Q, null, pe(S(n), (i) => (f(), P(kt, {
+            (f(!0), b(Q, null, pe(L(n), (i) => (f(), j(Lt, {
               key: i.id,
               type: i.type,
               title: i.title,
@@ -4014,12 +4093,12 @@ const Kt = new Ji(), Qi = { class: "notifications" }, Zi = /* @__PURE__ */ R({
       ])
     ]));
   }
-}), es = /* @__PURE__ */ A(Zi, [["__scopeId", "data-v-543c499f"]]), ts = "navigationProvider";
-function ns(e) {
+}), vs = /* @__PURE__ */ A(fs, [["__scopeId", "data-v-543c499f"]]), ms = "navigationProvider";
+function ps(e) {
   return !!e.meta && "icon" in e.meta && "label" in e.meta;
 }
-const os = () => {
-  const e = An(), n = On(), t = !0, o = k(() => {
+const hs = () => {
+  const e = In(), n = Hn(), t = !0, o = k(() => {
     const u = e.getRoutes();
     return u.filter((d) => d.path !== "/" && !u.some((v) => v.children?.some((p) => p.name === d.name)));
   }), l = k(() => {
@@ -4034,7 +4113,7 @@ const os = () => {
     return d ? { name: d.name } : { path: "/" };
   }), s = k(() => {
     let u = [];
-    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : i.value?.children?.length ? u = i.value.children : u = o.value, u.filter(ns);
+    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : i.value?.children?.length ? u = i.value.children : u = o.value, u.filter(ps);
   });
   return {
     hasParent: a,
@@ -4042,23 +4121,23 @@ const os = () => {
     childRoutes: s,
     showLabels: t
   };
-}, ys = (e, n = !0, t = void 0) => {
-  const o = Ln(e) ? e : $(e), l = !!t, i = $(t || null);
+}, As = (e, n = !0, t = void 0) => {
+  const o = Pn(e) ? e : E(e), l = !!t, i = E(t || null);
   return {
     hasParent: l,
     backRoute: i,
     childRoutes: o,
     showLabels: n
   };
-}, Ct = $(!1), Vt = $(null), Et = $(null);
-let $e = [];
-const wn = (e) => ($e.push(e), () => {
-  $e = $e.filter((n) => n !== e);
-}), ls = (e, n) => ($e = [], Vt.value = e, Et.value = n ?? null, Ct.value = !0, {
-  onClose: (t) => wn(t)
-}), as = (e) => {
+}, Tt = E(!1), Rt = E(null), At = E(null);
+let Re = [];
+const Rn = (e) => (Re.push(e), () => {
+  Re = Re.filter((n) => n !== e);
+}), gs = (e, n) => (Re = [], Rt.value = e, At.value = n ?? null, Tt.value = !0, {
+  onClose: (t) => Rn(t)
+}), bs = (e) => {
   try {
-    $e.forEach((n) => {
+    Re.forEach((n) => {
       try {
         n(e);
       } catch (t) {
@@ -4066,18 +4145,18 @@ const wn = (e) => ($e.push(e), () => {
       }
     });
   } finally {
-    Ct.value = !1, setTimeout(is, 1e3);
+    Tt.value = !1, setTimeout(ys, 1e3);
   }
-}, is = () => {
-  $e = [], Vt.value = null, Et.value = null;
-}, ss = {
-  asideComponent: Vt,
-  asideData: Et,
-  showAside: ls,
-  closeAside: as,
-  onAsideClose: wn,
-  hasAside: Ct
-}, rs = () => ss, ws = (e, n) => {
+}, ys = () => {
+  Re = [], Rt.value = null, At.value = null;
+}, ws = {
+  asideComponent: Rt,
+  asideData: At,
+  showAside: gs,
+  closeAside: bs,
+  onAsideClose: Rn,
+  hasAside: Tt
+}, _s = () => ws, Os = (e, n) => {
   let t = null;
   return (...l) => {
     t && clearTimeout(t), t = setTimeout(() => {
@@ -4085,7 +4164,7 @@ const wn = (e) => ($e.push(e), () => {
     }, n);
   };
 };
-class cs {
+class xs {
   containerElement = null;
   apps = [];
   mainApp = null;
@@ -4108,9 +4187,9 @@ class cs {
           const r = this.apps.find((s) => s.element === l);
           r && (r.app.unmount(), this.apps = this.apps.filter((s) => s !== r)), l.remove();
         }, 300));
-      }, c = Tn({
+      }, c = Fn({
         setup() {
-          return () => Rn(pt, {
+          return () => zn(yt, {
             modelValue: !0,
             title: n.title,
             message: n.message,
@@ -4137,7 +4216,7 @@ class cs {
           });
         }
       });
-      this.inheritAppContext(c), c.component("VjCard", st), c.component("VjIcon", te), c.component("VjButton", Ge), c.mount(l), this.apps.push({ app: c, element: l });
+      this.inheritAppContext(c), c.component("VjCard", ut), c.component("VjIcon", te), c.component("VjButton", Ze), c.mount(l), this.apps.push({ app: c, element: l });
     });
   }
   confirm(n) {
@@ -4165,18 +4244,18 @@ class cs {
     }), this.apps = [];
   }
 }
-const us = new cs();
-function _s() {
-  return us;
+const ks = new xs();
+function Ds() {
+  return ks;
 }
-function xs() {
-  const e = mt(Qt, null);
+function Bs() {
+  const e = bt(rn, null);
   if (!e)
     throw new Error("useDialogController must be used inside a dialog component.");
   return e;
 }
-const ks = () => {
-  const e = $(!1), n = $(null), t = () => {
+const Ms = () => {
+  const e = E(!1), n = E(null), t = () => {
     n.value = null;
   };
   class o {
@@ -4215,76 +4294,82 @@ const ks = () => {
     return new o(i, a);
   }
   return { run: l, running: e, error: n, clearError: t };
-}, Cs = {
+}, js = {
   install(e) {
-    e.component("VjAccordion", In), e.component("VjAmountBar", Wa), e.component("VjButton", Ge), e.component("VjButtonBar", Xn), e.component("VjCard", st), e.component("VjChip", Yt), e.component("VjChipGroup", Jt), e.component("VjChipSelector", Ro), e.component("VjCarousel", st), e.component("VjCheckbox", io), e.component("VjDotMenu", Cl), e.component("VjDialog", pt), e.component("VjIcon", te), e.component("VjLinkButton", El), e.component("VjMenu", Dl), e.component("VjMenuAction", Tl), e.component("VjPage", da), e.component("VjPaginator", ma), e.component("VjTab", xa), e.component("VjTabView", Sa), e.component("VjTimer", Ma), e.component("VjSkeleton", Ia), e.component("VjSpinner", vn), e.component("VjNotifications", es), e.component("VjNotification", kt), e.component("VjUpload", ei), e.component("VjInput", bn), e.component("VjSelect", hn), e.component("VjTextArea", gn), e.component("VjFormField", Ie), e.component("VjFormLayout", ci), e.component("VjFormSection", fi), e.component("VjInputText", Di), e.component("VjInputTextArea", Ti), e.component("VjInputSelect", yi), e.component("VjInputSlider", Ei), e.component("VjShellNavigation", yn), e.component("VjShellNavigationItem", Ii), e.component("VjShell", Yi), e.component("VjSearchField", ba), e.component("VjSeparator", wa), e.directive("focus", jl), e.directive("resize", Pl), e.directive("compact", Bl), e.directive("tooltip", mn);
+    e.component("VjAccordion", Yn), e.component("VjAmountBar", ni), e.component("VjButton", Ze), e.component("VjButtonBar", no), e.component("VjCard", ut), e.component("VjChip", an), e.component("VjChipGroup", sn), e.component("VjChipSelector", zo), e.component("VjCarousel", ut), e.component("VjCheckbox", ho), e.component("VjDotMenu", Ol), e.component("VjDialog", yt), e.component("VjIcon", te), e.component("VjLinkButton", Bl), e.component("VjMenu", Wl), e.component("VjMenuAction", Fl), e.component("VjPage", Ca), e.component("VjPaginator", $a), e.component("VjTab", Ba), e.component("VjTabView", Ia), e.component("VjTimer", Ga), e.component("VjSkeleton", ei), e.component("VjSpinner", Cn), e.component("VjNotifications", vs), e.component("VjNotification", Lt), e.component("VjUpload", vi), e.component("VjInput", Ln), e.component("VjSelect", $n), e.component("VjTextArea", Sn), e.component("VjFormField", Ue), e.component("VjFormLayout", xi), e.component("VjFormSection", Vi), e.component("VjInputText", Xi), e.component("VjInputTextArea", Wi), e.component("VjInputSelect", Ai), e.component("VjInputSlider", Fi), e.component("VjShellNavigation", Tn), e.component("VjShellNavigationItem", es), e.component("VjShell", cs), e.component("VjSearchField", Ra), e.component("VjSeparator", Oa), e.directive("focus", Yl), e.directive("resize", Jl), e.directive("compact", ql), e.directive("tooltip", Vn);
   }
 };
 export {
-  In as Accordion,
-  Wa as AmountBar,
-  Ge as Button,
-  Xn as ButtonBar,
-  st as Card,
-  ms as Carousel,
-  io as Checkbox,
-  Yt as Chip,
-  Jt as ChipGroup,
-  Ro as ChipSelector,
-  pt as Dialog,
-  Cl as DotMenu,
-  hs as EditableLabel,
-  jl as FocusFirstDirective,
-  Ie as FormField,
-  ci as FormLayout,
-  fi as FormSection,
+  Yn as Accordion,
+  ni as AmountBar,
+  Ze as Button,
+  no as ButtonBar,
+  ut as Card,
+  $s as Carousel,
+  ho as Checkbox,
+  an as Chip,
+  sn as ChipGroup,
+  zo as ChipSelector,
+  yt as Dialog,
+  Ol as DotMenu,
+  Ls as EditableLabel,
+  Yl as FocusFirstDirective,
+  Ue as FormField,
+  xi as FormLayout,
+  Vi as FormSection,
   te as Icon,
   z as IconNames,
-  X as IconSize,
-  bn as Input,
-  yi as InputSelect,
-  Ei as InputSlider,
-  Di as InputText,
-  Ti as InputTextArea,
-  El as LinkButton,
-  Ul as LoadingDirective,
-  Dl as Menu,
-  Tl as MenuAction,
-  kt as NotificationComponent,
-  es as Notifications,
-  da as Page,
-  ma as Paginator,
-  ps as Radio,
-  Pl as ResizeDirective,
-  ba as SearchField,
-  hn as Select,
-  wa as Separator,
-  Yi as Shell,
-  yn as ShellNavigation,
-  Ii as ShellNavigationItem,
-  Ia as Skeleton,
-  vn as Spinner,
-  xa as Tab,
-  Sa as TabView,
-  gn as TextArea,
-  Ma as Timer,
-  mn as TooltipDirective,
-  ei as Upload,
-  Cs as VjComponents,
-  Qt as VjDialogControllerKey,
-  ts as VjNavigationProviderKey,
-  Bl as compactDirective,
-  gs as configureVueUI,
-  us as dialogService,
-  Nt as getVueUIConfig,
-  at as iconRegistry,
-  Kt as notificationService,
-  bs as resetVueUIConfig,
-  rs as useAsideService,
-  ws as useDebounce,
-  _s as useDialog,
-  xs as useDialogController,
-  ks as useFlow,
-  os as useRouterNavigationProvider,
-  ys as useStaticNavigationProvider
+  K as IconSize,
+  Ln as Input,
+  Ai as InputSelect,
+  Fi as InputSlider,
+  Xi as InputText,
+  Wi as InputTextArea,
+  Bl as LinkButton,
+  oa as LoadingDirective,
+  Wl as Menu,
+  Fl as MenuAction,
+  Lt as NotificationComponent,
+  vs as Notifications,
+  xn as OverlayHost,
+  Ca as Page,
+  $a as Paginator,
+  Ss as Radio,
+  Jl as ResizeDirective,
+  Ra as SearchField,
+  $n as Select,
+  Oa as Separator,
+  cs as Shell,
+  Tn as ShellNavigation,
+  es as ShellNavigationItem,
+  ei as Skeleton,
+  Cn as Spinner,
+  Ba as Tab,
+  Ia as TabView,
+  Sn as TextArea,
+  Ga as Timer,
+  Vn as TooltipDirective,
+  vi as Upload,
+  js as VjComponents,
+  rn as VjDialogControllerKey,
+  ms as VjNavigationProviderKey,
+  mt as closeOverlay,
+  ql as compactDirective,
+  Ts as configureVueUI,
+  ks as dialogService,
+  Qt as getVueUIConfig,
+  rt as iconRegistry,
+  Zt as notificationService,
+  _n as onOverlayClose,
+  Nl as overlayStore,
+  Rs as resetVueUIConfig,
+  Ul as showOverlay,
+  _s as useAsideService,
+  Os as useDebounce,
+  Ds as useDialog,
+  Bs as useDialogController,
+  Ms as useFlow,
+  Kl as useOverlayService,
+  hs as useRouterNavigationProvider,
+  As as useStaticNavigationProvider
 };