@vanjana/vue-ui 0.1.95 → 0.1.99

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

@@ -1,24 +1,24 @@
-import { createElementBlock as g, openBlock as v, createElementVNode as x, renderSlot as M, defineComponent as A, computed as E, normalizeClass as I, createBlock as j, createCommentVNode as L, createTextVNode as He, unref as R, toDisplayString as D, useSlots as It, ref as C, onMounted as Be, nextTick as me, onBeforeUnmount as Re, watch as X, resolveComponent as N, createVNode as O, normalizeStyle as Y, Fragment as ne, renderList as Se, mergeModels as Z, useModel as ve, withModifiers as K, Teleport as Xe, Transition as Oe, withCtx as W, createSlots as rt, resolveDynamicComponent as Ht, mergeProps as pn, shallowRef as hn, getCurrentScope as gn, onScopeDispose as bn, shallowReadonly as ke, render as Lt, resolveDirective as Ut, withDirectives as ct, withKeys as lt, provide as yn, inject as Wt, vModelText as wn, toRef as nt, normalizeProps as _n, guardReactiveProps as xn, isRef as kn, createApp as Vn, h as En } from "vue";
-import { useRouter as Cn, useRoute as Ln } from "vue-router";
+import { createElementBlock as g, openBlock as f, createElementVNode as x, renderSlot as M, defineComponent as T, computed as E, normalizeClass as z, createBlock as j, createCommentVNode as L, createTextVNode as Ue, unref as S, toDisplayString as D, useSlots as Ut, ref as C, onMounted as De, nextTick as me, onBeforeUnmount as Re, watch as X, resolveComponent as K, createVNode as O, normalizeStyle as G, Fragment as Z, renderList as ge, mergeModels as ee, useModel as ve, withModifiers as N, Teleport as Pe, Transition as Oe, withCtx as W, createSlots as rt, resolveDynamicComponent as Wt, mergeProps as gn, shallowRef as bn, getCurrentScope as yn, onScopeDispose as wn, shallowReadonly as Ve, render as $t, resolveDirective as Nt, withDirectives as ct, withKeys as lt, provide as _n, inject as Kt, vModelText as xn, toRef as nt, normalizeProps as kn, guardReactiveProps as Vn, TransitionGroup as En, isRef as Cn, createApp as Ln, h as $n } from "vue";
+import { useRouter as Sn, useRoute as Rn } from "vue-router";
 const B = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, l] of n)
     t[o] = l;
   return t;
-}, $n = {}, Rn = { class: "button-bar" }, Sn = { class: "left" }, Tn = { class: "right" };
-function An(e, n) {
-  return v(), g("div", Rn, [
-    x("div", Sn, [
+}, Tn = {}, An = { class: "button-bar" }, On = { class: "left" }, Bn = { class: "right" };
+function Dn(e, n) {
+  return f(), g("div", An, [
+    x("div", On, [
       M(e.$slots, "left", {}, void 0, !0)
     ]),
-    x("div", Tn, [
+    x("div", Bn, [
       M(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const On = /* @__PURE__ */ B($n, [["render", An], ["__scopeId", "data-v-45a6ed1a"]]);
+const Pn = /* @__PURE__ */ B(Tn, [["render", Dn], ["__scopeId", "data-v-45a6ed1a"]]);
 var F = /* @__PURE__ */ ((e) => (e.HOME = "fa-regular fa-house", e.DASHBOARD = "fa-solid fa-gauge", e.MENU = "fa-solid fa-bars", e.DOT_MENU = "fa-solid fa-ellipsis-vertical", e.BACK = "fa-regular fa-hand-point-left", e.LOGOUT = "fa-solid fa-right-from-bracket", e.CHEVRON_LEFT = "fa-solid fa-chevron-left", e.CHEVRON_RIGHT = "fa-solid fa-chevron-right", e.CHEVRON_UP = "fa-solid fa-chevron-up", e.CHEVRON_DOWN = "fa-solid fa-chevron-down", e.PREVIOUS = "fa-solid fa-angle-left", e.FIRST = "fa-solid fa-angles-left", e.NEXT = "fa-solid fa-angle-right", e.LAST = "fa-solid fa-angles-right", e.USER = "fa-regular fa-user-circle", e.CHARACTER = "fa-solid fa-person", e.SETTINGS = "fa-solid fa-gear", e.ADD = "fa-regular fa-plus", e.EDIT = "fa-solid fa-pen", e.REMOVE = "fa-regular fa-trash-can", e.DELETE = "fa-regular fa-trash-can", e.SHARE = "fa-solid fa-share-nodes", e.SORT = "fa-regular fa-arrow-up-arrow-down", e.CLOSE = "fa-regular fa-circle-xmark", e.SAVE = "fa-regular fa-floppy-disk", e.COPY = "fa-regular fa-copy", e.DUPLICATE = "fa-regular fa-clone", e.CUT = "fa-solid fa-scissors", e.PASTE = "fa-regular fa-clipboard", e.REFRESH = "fa-solid fa-rotate-right", e.RELOAD = "fa-solid fa-arrows-rotate", e.PRINT = "fa-solid fa-print", e.FILTER = "fa-solid fa-filter", e.UNDO = "fa-solid fa-rotate-left", e.REDO = "fa-solid fa-rotate-right", e.PIN = "fa-solid fa-thumbtack", e.EXPAND = "fa-solid fa-expand", e.COLLAPSE = "fa-solid fa-compress", e.EXTERNAL_LINK = "fa-solid fa-arrow-up-right-from-square", e.INFO = "fa-solid fa-circle-info", e.WARNING = "fa-solid fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.STAR = "fa-regular fa-star", e.STAR_FILLED = "fa-solid fa-star", e.HELP = "fa-regular fa-circle-question", e.QUESTION = "fa-solid fa-question", e.PROJECT = "fa-regular fa-folder-open", e.FOLDER = "fa-regular fa-folder", e.FILE_TEXT = "fa-regular fa-file-lines", e.UPLOAD = "fa-solid fa-cloud-arrow-up", e.DOWNLOAD = "fa-solid fa-cloud-arrow-down", e.ATTACHMENT = "fa-solid fa-paperclip", e.LINK = "fa-solid fa-link", e.TAG = "fa-solid fa-tag", e.TAGS = "fa-solid fa-tags", e.SEARCH = "fa-solid fa-magnifying-glass", e.MESSAGE_SQUARE = "fa-regular fa-message", e.MAIL = "fa-regular fa-envelope", e.SHOPPING_BAG = "fa-regular fa-bag-shopping", e.COMMENT = "fa-regular fa-comment", e.COMMENTS = "fa-regular fa-comments", e.CALENDAR = "fa-regular fa-calendar", e.CALENDAR_DAY = "fa-solid fa-calendar-day", e.CLOCK = "fa-regular fa-clock", e.HISTORY = "fa-solid fa-clock-rotate-left", e.LOCK = "fa-solid fa-lock", e.UNLOCK = "fa-solid fa-lock-open", e.EYE = "fa-regular fa-eye", e.EYE_SLASH = "fa-regular fa-eye-slash", e.SHIELD = "fa-solid fa-shield", e.LIST = "fa-solid fa-list", e.GRID = "fa-solid fa-grid", e.TABLE = "fa-solid fa-table", e.COLUMNS = "fa-solid fa-columns", e.BELL = "fa-regular fa-bell", e.IMAGE = "fa-regular fa-image", e))(F || {}), q = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(q || {});
-const ge = /* @__PURE__ */ A({
+const be = /* @__PURE__ */ T({
   __name: "icon",
   props: {
     icon: {},
@@ -26,11 +26,11 @@ const ge = /* @__PURE__ */ A({
   },
   setup(e) {
     const n = e, t = q.M, o = E(() => `${n.icon} ${n.size ?? t}`);
-    return (l, i) => (v(), g("i", {
-      class: I(o.value)
+    return (l, a) => (f(), g("i", {
+      class: z(o.value)
     }, null, 2));
   }
-}), Dn = ["disabled"], Bn = /* @__PURE__ */ A({
+}), Mn = ["disabled"], jn = /* @__PURE__ */ T({
   __name: "button",
   props: {
     label: {},
@@ -42,50 +42,50 @@ const ge = /* @__PURE__ */ A({
   },
   setup(e) {
     const n = e, t = q.S, o = E(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = E(() => !n.label && !!n.icon);
-    return (i, a) => (v(), g("button", {
-      class: I(["button", o.value, { "icon-only": l.value }]),
+    return (a, i) => (f(), g("button", {
+      class: z(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
     }, [
-      e.icon ? (v(), j(ge, {
+      e.icon ? (f(), j(be, {
         key: 0,
         icon: e.icon,
-        size: R(t)
+        size: S(t)
       }, null, 8, ["icon", "size"])) : L("", !0),
-      He(" " + D(e.label), 1)
-    ], 10, Dn));
+      Ue(" " + D(e.label), 1)
+    ], 10, Mn));
   }
-}), ut = /* @__PURE__ */ B(Bn, [["__scopeId", "data-v-f31c33cf"]]), Pn = {
+}), ut = /* @__PURE__ */ B(jn, [["__scopeId", "data-v-f31c33cf"]]), Fn = {
   key: 0,
   class: "header-actions"
-}, Mn = { key: 0 }, jn = /* @__PURE__ */ A({
+}, zn = { key: 0 }, In = /* @__PURE__ */ T({
   __name: "card",
   props: {
     header: {},
     scrollable: { type: Boolean }
   },
   setup(e) {
-    const n = It();
-    return (t, o) => (v(), g("div", {
-      class: I(["card", { scrollable: e.scrollable }])
+    const n = Ut();
+    return (t, o) => (f(), g("div", {
+      class: z(["card", { scrollable: e.scrollable }])
     }, [
       x("header", null, [
         x("h3", null, D(e.header), 1),
-        R(n).headerActions ? (v(), g("span", Pn, [
+        S(n).headerActions ? (f(), g("span", Fn, [
           M(t.$slots, "headerActions", {}, void 0, !0)
         ])) : L("", !0)
       ]),
       x("main", null, [
         M(t.$slots, "default", {}, void 0, !0)
       ]),
-      R(n).footer ? (v(), g("footer", Mn, [
+      S(n).footer ? (f(), g("footer", zn, [
         M(t.$slots, "footer", {}, void 0, !0)
       ])) : L("", !0)
     ], 2));
   }
-}), at = /* @__PURE__ */ B(jn, [["__scopeId", "data-v-ec6ab562"]]), Fn = ["aria-label"], zn = {
+}), at = /* @__PURE__ */ B(In, [["__scopeId", "data-v-ec6ab562"]]), Hn = ["aria-label"], Un = {
   key: 0,
   class: "carousel-indicators"
-}, In = /* @__PURE__ */ A({
+}, Wn = /* @__PURE__ */ T({
   __name: "carousel",
   props: {
     autoplay: { type: Boolean },
@@ -96,99 +96,99 @@ const ge = /* @__PURE__ */ A({
     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, r = n.ariaLabel ?? "Carousel", c = C(Math.max(0, a)), s = C(null), u = C(null), d = C(0), f = C(0);
+    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, a = n.pauseOnHover ?? !0, i = n.startIndex ?? 0, r = n.ariaLabel ?? "Carousel", c = C(Math.max(0, i)), s = C(null), u = C(null), d = C(0), v = C(0);
     let m = !1;
     const p = C(0), _ = C(!1);
     let h = null, y = null;
     const w = C(null), b = C(null), $ = () => {
-      p.value = s.value ? s.value.children.length : 0, p.value === 0 ? c.value = 0 : c.value >= p.value && (c.value = l ? 0 : p.value - 1), z();
-    }, P = E(() => d.value > 0 ? { transform: `translateX(${-c.value * d.value + f.value}px)` } : { transform: `translateX(-${c.value * 100}%)` }), z = () => {
-      s.value && Array.from(s.value.children).forEach((S, be) => {
+      p.value = s.value ? s.value.children.length : 0, p.value === 0 ? c.value = 0 : c.value >= p.value && (c.value = l ? 0 : p.value - 1), I();
+    }, P = E(() => d.value > 0 ? { transform: `translateX(${-c.value * d.value + v.value}px)` } : { transform: `translateX(-${c.value * 100}%)` }), I = () => {
+      s.value && Array.from(s.value.children).forEach((R, ye) => {
         try {
-          be === c.value ? S.removeAttribute("aria-hidden") : S.setAttribute("aria-hidden", "true");
+          ye === c.value ? R.removeAttribute("aria-hidden") : R.setAttribute("aria-hidden", "true");
         } catch {
         }
       });
     }, k = () => {
-      V(), !(!t || p.value <= 1) && (i && _.value || (h = setTimeout(() => {
+      V(), !(!t || p.value <= 1) && (a && _.value || (h = setTimeout(() => {
         H(), k();
       }, o)));
     }, V = () => {
       h && (clearTimeout(h), h = null);
-    }, T = () => {
+    }, A = () => {
       p.value !== 0 && (c.value <= 0 ? c.value = l ? p.value - 1 : 0 : c.value--);
     }, H = () => {
       p.value !== 0 && (c.value >= p.value - 1 ? c.value = l ? 0 : p.value - 1 : c.value++);
-    }, U = (S) => {
-      S < 0 || S >= p.value || (c.value = S);
+    }, U = (R) => {
+      R < 0 || R >= p.value || (c.value = R);
     }, ce = () => {
-      _.value = !0, i && V();
+      _.value = !0, a && V();
     }, ue = () => {
       _.value = !1, k();
-    }, de = (S) => {
-      S.key === "ArrowLeft" ? T() : S.key === "ArrowRight" && H();
+    }, de = (R) => {
+      R.key === "ArrowLeft" ? A() : R.key === "ArrowRight" && H();
     };
-    let xe = 0, ee = 0;
-    const ae = (S) => {
-      xe = S.touches[0].clientX, ee = 0;
-    }, G = (S) => {
-      ee = S.touches[0].clientX - xe;
-    }, te = () => {
-      ee > 50 ? T() : ee < -50 && H(), ee = 0;
+    let ke = 0, te = 0;
+    const ae = (R) => {
+      ke = R.touches[0].clientX, te = 0;
+    }, Y = (R) => {
+      te = R.touches[0].clientX - ke;
+    }, ne = () => {
+      te > 50 ? A() : te < -50 && H(), te = 0;
     };
-    let ze = 0;
-    const xt = (S) => {
-      if (S.isPrimary !== !1 && !(S.pointerType === "mouse" && S.button !== 0)) {
-        m = !0, ze = S.clientX, f.value = 0, V();
+    let Ie = 0;
+    const kt = (R) => {
+      if (R.isPrimary !== !1 && !(R.pointerType === "mouse" && R.button !== 0)) {
+        m = !0, Ie = R.clientX, v.value = 0, V();
         try {
-          S.target?.setPointerCapture?.(S.pointerId);
+          R.target?.setPointerCapture?.(R.pointerId);
         } catch {
         }
       }
-    }, kt = (S) => {
-      m && (f.value = S.clientX - ze, S.preventDefault());
-    }, Vt = () => {
+    }, Vt = (R) => {
+      m && (v.value = R.clientX - Ie, R.preventDefault());
+    }, Et = () => {
       if (!m) return;
       m = !1;
-      const S = Math.max(50, d.value * 0.15);
-      f.value > S ? T() : f.value < -S && H(), f.value = 0, k();
-    }, Et = (S) => {
+      const R = Math.max(50, d.value * 0.15);
+      v.value > R ? A() : v.value < -R && H(), v.value = 0, k();
+    }, Ct = (R) => {
       try {
-        S.target?.releasePointerCapture?.(S.pointerId);
+        R.target?.releasePointerCapture?.(R.pointerId);
       } catch {
       }
-      Vt();
-    }, Ct = () => Vt();
-    return Be(() => {
+      Et();
+    }, Lt = () => Et();
+    return De(() => {
       me(() => {
-        if ($(), s.value && (y = new MutationObserver($), y.observe(s.value, { childList: !0 }), s.value.addEventListener("touchstart", ae, { passive: !0 }), s.value.addEventListener("touchmove", G, { passive: !0 }), s.value.addEventListener("touchend", te)), u.value) {
-          const S = () => {
+        if ($(), s.value && (y = new MutationObserver($), y.observe(s.value, { childList: !0 }), s.value.addEventListener("touchstart", ae, { passive: !0 }), s.value.addEventListener("touchmove", Y, { passive: !0 }), s.value.addEventListener("touchend", ne)), u.value) {
+          const R = () => {
             d.value = u.value ? u.value.clientWidth : 0;
           };
-          S();
-          const be = window.ResizeObserver;
-          if (be && u.value) {
-            const ye = new be(() => S());
-            ye.observe(u.value), w.value = ye;
+          R();
+          const ye = window.ResizeObserver;
+          if (ye && u.value) {
+            const we = new ye(() => R());
+            we.observe(u.value), w.value = we;
           } else
-            window.addEventListener("resize", S), b.value = S;
-          u.value && (u.value.addEventListener("pointerdown", xt), u.value.addEventListener("pointermove", kt), u.value.addEventListener("pointerup", Et), u.value.addEventListener("pointercancel", Ct));
+            window.addEventListener("resize", R), b.value = R;
+          u.value && (u.value.addEventListener("pointerdown", kt), u.value.addEventListener("pointermove", Vt), u.value.addEventListener("pointerup", Ct), u.value.addEventListener("pointercancel", Lt));
         }
-        z(), k();
+        I(), k();
       });
     }), Re(() => {
-      V(), y && s.value && y.disconnect(), s.value && (s.value.removeEventListener("touchstart", ae), s.value.removeEventListener("touchmove", G), s.value.removeEventListener("touchend", te)), u.value && (w.value && w.value.disconnect && w.value.disconnect(), b.value && window.removeEventListener("resize", b.value), u.value.removeEventListener("pointerdown", xt), u.value.removeEventListener("pointermove", kt), u.value.removeEventListener("pointerup", Et), u.value.removeEventListener("pointercancel", Ct));
+      V(), y && s.value && y.disconnect(), s.value && (s.value.removeEventListener("touchstart", ae), s.value.removeEventListener("touchmove", Y), s.value.removeEventListener("touchend", ne)), u.value && (w.value && w.value.disconnect && w.value.disconnect(), b.value && window.removeEventListener("resize", b.value), u.value.removeEventListener("pointerdown", kt), u.value.removeEventListener("pointermove", Vt), u.value.removeEventListener("pointerup", Ct), u.value.removeEventListener("pointercancel", Lt));
     }), X([c, () => p.value], () => {
-      z();
+      I();
     }), X([() => _.value, c], () => {
       k();
-    }), (S, be) => {
-      const ye = N("VjButton");
-      return v(), g("div", {
+    }), (R, ye) => {
+      const we = K("VjButton");
+      return f(), g("div", {
         class: "carousel",
         role: "region",
         "aria-roledescription": "carousel",
-        "aria-label": R(r),
+        "aria-label": S(r),
         tabindex: "0",
         onKeydown: de,
         onMouseenter: ce,
@@ -203,44 +203,44 @@ const ge = /* @__PURE__ */ A({
             class: "carousel-track",
             ref_key: "track",
             ref: s,
-            style: Y(P.value)
+            style: G(P.value)
           }, [
-            M(S.$slots, "default", {}, void 0, !0)
+            M(R.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 512),
-        O(ye, {
+        O(we, {
           class: "carousel-btn prev",
-          icon: R(F).PREVIOUS,
-          onClick: T,
+          icon: S(F).PREVIOUS,
+          onClick: A,
           type: "button",
           "aria-label": "Previous slide"
         }, null, 8, ["icon"]),
-        O(ye, {
+        O(we, {
           class: "carousel-btn next",
-          icon: R(F).NEXT,
+          icon: S(F).NEXT,
           onClick: H,
           type: "button",
           "aria-label": "Next slide"
         }, null, 8, ["icon"]),
-        p.value > 1 ? (v(), g("div", zn, [
-          (v(!0), g(ne, null, Se(p.value, (Te) => (v(), j(ye, {
+        p.value > 1 ? (f(), g("div", Un, [
+          (f(!0), g(Z, null, ge(p.value, (Te) => (f(), j(we, {
             key: Te - 1,
-            class: I(["indicator", { active: Te - 1 === c.value }]),
-            onClick: (Ei) => U(Te - 1),
+            class: z(["indicator", { active: Te - 1 === c.value }]),
+            onClick: (Ai) => U(Te - 1),
             "aria-current": Te - 1 === c.value,
             "aria-label": `Go to slide ${Te}`,
             type: "button"
           }, null, 8, ["class", "onClick", "aria-current", "aria-label"]))), 128))
         ])) : L("", !0)
-      ], 40, Fn);
+      ], 40, Hn);
     };
   }
-}), $i = /* @__PURE__ */ B(In, [["__scopeId", "data-v-232abca2"]]), Hn = { class: "checkbox" }, Un = ["checked", "disabled"], Wn = {
+}), Di = /* @__PURE__ */ B(Wn, [["__scopeId", "data-v-232abca2"]]), Nn = { class: "checkbox" }, Kn = ["checked", "disabled"], Xn = {
   key: 0,
   class: "checkbox-label"
-}, Kn = /* @__PURE__ */ A({
+}, Gn = /* @__PURE__ */ T({
   __name: "checkbox",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ ee({
     label: {},
     disabled: { type: Boolean }
   }, {
@@ -253,14 +253,14 @@ const ge = /* @__PURE__ */ A({
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (v(), g("label", Hn, [
+    return (o, l) => (f(), g("label", Nn, [
       x("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "checkbox-input"
-      }, null, 40, Un),
+      }, null, 40, Kn),
       l[0] || (l[0] = x("span", { class: "checkbox-box" }, [
         x("svg", {
           class: "checkbox-icon",
@@ -278,15 +278,15 @@ const ge = /* @__PURE__ */ A({
           })
         ])
       ], -1)),
-      e.label ? (v(), g("span", Wn, D(e.label), 1)) : L("", !0)
+      e.label ? (f(), g("span", Xn, D(e.label), 1)) : L("", !0)
     ]));
   }
-}), Nn = /* @__PURE__ */ B(Kn, [["__scopeId", "data-v-d44b45ff"]]), Xn = { class: "radio" }, qn = ["checked", "disabled"], Gn = {
+}), qn = /* @__PURE__ */ B(Gn, [["__scopeId", "data-v-d44b45ff"]]), Yn = { class: "radio" }, Jn = ["checked", "disabled"], Qn = {
   key: 0,
   class: "radio-label"
-}, Yn = /* @__PURE__ */ A({
+}, Zn = /* @__PURE__ */ T({
   __name: "radio",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ ee({
     label: {},
     disabled: { type: Boolean }
   }, {
@@ -299,26 +299,26 @@ const ge = /* @__PURE__ */ A({
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (v(), g("label", Xn, [
+    return (o, l) => (f(), g("label", Yn, [
       x("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "radio-input"
-      }, null, 40, qn),
+      }, null, 40, Jn),
       l[0] || (l[0] = x("span", { class: "radio-box" }, [
         x("span", {
           class: "radio-dot",
           "aria-hidden": "true"
         })
       ], -1)),
-      e.label ? (v(), g("span", Gn, D(e.label), 1)) : L("", !0)
+      e.label ? (f(), g("span", Qn, D(e.label), 1)) : L("", !0)
     ]));
   }
-}), Ri = /* @__PURE__ */ B(Yn, [["__scopeId", "data-v-f9e4bb65"]]), Jn = { class: "chip__label" }, Qn = /* @__PURE__ */ A({
+}), Pi = /* @__PURE__ */ B(Zn, [["__scopeId", "data-v-f9e4bb65"]]), eo = { class: "chip__label" }, to = /* @__PURE__ */ T({
   __name: "chip",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ ee({
     label: {},
     dismissable: { type: Boolean },
     color: {}
@@ -326,41 +326,41 @@ const ge = /* @__PURE__ */ A({
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["update:modelValue", "dismiss", "click"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ee(["update:modelValue", "dismiss", "click"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = ve(e, "modelValue"), l = n, i = t.dismissable ?? !1, a = E(() => {
+    const t = e, o = ve(e, "modelValue"), l = n, a = t.dismissable ?? !1, i = E(() => {
       const c = {};
       return t.color && (c.color = `var(--on-surface-${t.color})`, c.background = `var(--surface-${t.color})`), c;
     }), r = () => {
       l("dismiss", o.value);
     };
-    return (c, s) => (v(), g("div", {
-      class: I(["chip", { "chip--dismissable": R(i) }]),
-      style: Y(a.value),
+    return (c, s) => (f(), g("div", {
+      class: z(["chip", { "chip--dismissable": S(a) }]),
+      style: G(i.value),
       onClick: s[0] || (s[0] = (u) => c.$emit("click"))
     }, [
-      x("span", Jn, D(e.label), 1),
-      R(i) ? (v(), g("button", {
+      x("span", eo, D(e.label), 1),
+      S(a) ? (f(), g("button", {
         key: 0,
         class: "chip__close",
         type: "button",
-        onClick: K(r, ["stop"]),
+        onClick: N(r, ["stop"]),
         "aria-label": "Dismiss"
       }, [
-        O(ge, {
-          icon: R(F).CLOSE,
-          size: R(q).S
+        O(be, {
+          icon: S(F).CLOSE,
+          size: S(q).S
         }, null, 8, ["icon", "size"])
       ])) : L("", !0)
     ], 6));
   }
-}), Kt = /* @__PURE__ */ B(Qn, [["__scopeId", "data-v-c2014a3b"]]), Zn = { class: "chip-group" }, eo = {
+}), Xt = /* @__PURE__ */ B(to, [["__scopeId", "data-v-c2014a3b"]]), no = { class: "chip-group" }, oo = {
   key: 0,
   class: "chip-group__label"
-}, to = { class: "chip-group__container" }, no = ["onDragover", "onDrop"], oo = ["onDragstart", "onDragover", "onDragenter", "onDrop"], lo = ["onDragover", "onDrop"], ao = {
+}, lo = { class: "chip-group__container" }, ao = ["onDragover", "onDrop"], io = ["onDragstart", "onDragover", "onDragenter", "onDrop"], so = ["onDragover", "onDrop"], ro = {
   key: 1,
   class: "chip-group__hint"
-}, io = /* @__PURE__ */ A({
+}, co = /* @__PURE__ */ T({
   __name: "chip-group",
   props: {
     items: { default: () => [] },
@@ -373,8 +373,8 @@ const ge = /* @__PURE__ */ A({
   },
   emits: ["update:items", "reorder", "dismiss", "chip-click"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C(null), i = C(null);
-    function a(h, y) {
+    const t = e, o = n, l = C(null), a = C(null);
+    function i(h, y) {
       return typeof h == "string" ? `${h}-${y}` : h[t.itemKey] !== void 0 ? String(h[t.itemKey]) : `item-${y}`;
     }
     function r(h) {
@@ -387,12 +387,12 @@ const ge = /* @__PURE__ */ A({
       l.value === null || l.value === h || (y.preventDefault(), y.dataTransfer && (y.dataTransfer.dropEffect = "move"));
     }
     function u(h) {
-      l.value === null || l.value === h || (i.value = h);
+      l.value === null || l.value === h || (a.value = h);
     }
     function d() {
     }
-    function f(h, y) {
-      return l.value === null || i.value === null || l.value === h ? !1 : y === "before" && i.value === h && l.value > h || y === "after" && i.value === h && l.value < h;
+    function v(h, y) {
+      return l.value === null || a.value === null || l.value === h ? !1 : y === "before" && a.value === h && l.value > h || y === "after" && a.value === h && l.value < h;
     }
     function m(h, y) {
       if (y.preventDefault(), l.value === null || l.value === h)
@@ -401,54 +401,54 @@ const ge = /* @__PURE__ */ A({
       w.splice(l.value, 1), w.splice(h, 0, b), o("update:items", w), o("reorder", w);
     }
     function p() {
-      l.value = null, i.value = null;
+      l.value = null, a.value = null;
     }
     function _(h) {
       const y = t.items[h], w = t.items.filter((b, $) => $ !== h);
       o("update:items", w), o("dismiss", y, h);
     }
-    return (h, y) => (v(), g("div", Zn, [
-      e.label ? (v(), g("label", eo, D(e.label), 1)) : L("", !0),
-      x("div", to, [
-        (v(!0), g(ne, null, Se(e.items, (w, b) => (v(), g(ne, {
-          key: a(w, b)
+    return (h, y) => (f(), g("div", no, [
+      e.label ? (f(), g("label", oo, D(e.label), 1)) : L("", !0),
+      x("div", lo, [
+        (f(!0), g(Z, null, ge(e.items, (w, b) => (f(), g(Z, {
+          key: i(w, b)
         }, [
-          f(b, "before") ? (v(), g("div", {
+          v(b, "before") ? (f(), g("div", {
             key: 0,
             class: "chip-group__drop-indicator",
-            onDragover: K(($) => s(b, $), ["prevent"]),
+            onDragover: N(($) => s(b, $), ["prevent"]),
             onDrop: ($) => m(b, $)
-          }, null, 40, no)) : L("", !0),
+          }, null, 40, ao)) : L("", !0),
           x("div", {
-            class: I(["chip-group__item", { "chip-group__item--dragging": l.value === b }]),
+            class: z(["chip-group__item", { "chip-group__item--dragging": l.value === b }]),
             draggable: "true",
             onDragstart: ($) => c(b, $),
-            onDragover: K(($) => s(b, $), ["prevent"]),
-            onDragenter: K(($) => u(b), ["prevent"]),
+            onDragover: N(($) => s(b, $), ["prevent"]),
+            onDragenter: N(($) => u(b), ["prevent"]),
             onDragleave: d,
             onDrop: ($) => m(b, $),
             onDragend: p
           }, [
-            O(Kt, {
+            O(Xt, {
               label: r(w),
               dismissable: typeof w == "string" ? e.dismissable : w.dismissable ?? e.dismissable,
               color: typeof w == "string" ? e.color : w.color ?? e.color,
               onDismiss: ($) => _(b),
               onClick: ($) => h.$emit("chip-click", w, b)
             }, null, 8, ["label", "dismissable", "color", "onDismiss", "onClick"])
-          ], 42, oo),
-          f(b, "after") ? (v(), g("div", {
+          ], 42, io),
+          v(b, "after") ? (f(), g("div", {
             key: 1,
             class: "chip-group__drop-indicator",
-            onDragover: K(($) => s(b, $), ["prevent"]),
+            onDragover: N(($) => s(b, $), ["prevent"]),
             onDrop: ($) => m(b, $)
-          }, null, 40, lo)) : L("", !0)
+          }, null, 40, so)) : L("", !0)
         ], 64))), 128))
       ]),
-      e.hint ? (v(), g("div", ao, D(e.hint), 1)) : L("", !0)
+      e.hint ? (f(), g("div", ro, D(e.hint), 1)) : L("", !0)
     ]));
   }
-}), Nt = /* @__PURE__ */ B(io, [["__scopeId", "data-v-66199d19"]]), so = { class: "dialog-content" }, ro = { key: 1 }, co = { class: "dialog-footer" }, uo = /* @__PURE__ */ A({
+}), Gt = /* @__PURE__ */ B(co, [["__scopeId", "data-v-66199d19"]]), uo = { class: "dialog-content" }, fo = { key: 1 }, vo = { class: "dialog-footer" }, mo = /* @__PURE__ */ T({
   __name: "dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -470,37 +470,37 @@ const ge = /* @__PURE__ */ A({
       () => t.modelValue,
       (u) => l.value = u
     );
-    const i = () => {
+    const a = () => {
       l.value = !1, o("update:modelValue", !1), o("close");
-    }, a = () => {
-      o("confirm"), i();
+    }, i = () => {
+      o("confirm"), a();
     }, r = () => {
-      o("cancel"), i();
+      o("cancel"), a();
     }, c = () => {
-      t.closeOnBackdrop && i();
+      t.closeOnBackdrop && a();
     }, s = (u) => {
-      u.key === "Escape" && t.closeOnEscape && l.value && i();
+      u.key === "Escape" && t.closeOnEscape && l.value && a();
     };
-    return Be(() => {
+    return De(() => {
       document.addEventListener("keydown", s);
     }), Re(() => {
       document.removeEventListener("keydown", s);
     }), (u, d) => {
-      const f = N("VjIcon"), m = N("VjButton"), p = N("VjCard");
-      return v(), j(Xe, { to: "body" }, [
+      const v = K("VjIcon"), m = K("VjButton"), p = K("VjCard");
+      return f(), j(Pe, { to: "body" }, [
         O(Oe, { name: "dialog-fade" }, {
           default: W(() => [
-            l.value ? (v(), g("div", {
+            l.value ? (f(), g("div", {
               key: 0,
               class: "dialog-backdrop",
               onClick: c
             }, [
               O(Oe, { name: "dialog-scale" }, {
                 default: W(() => [
-                  l.value ? (v(), g("div", {
+                  l.value ? (f(), g("div", {
                     key: 0,
                     class: "dialog-wrapper",
-                    onClick: d[0] || (d[0] = K(() => {
+                    onClick: d[0] || (d[0] = N(() => {
                     }, ["stop"]))
                   }, [
                     O(p, {
@@ -508,16 +508,16 @@ const ge = /* @__PURE__ */ A({
                       header: e.title || ""
                     }, rt({
                       headerActions: W(() => [
-                        O(f, {
-                          icon: R(F).CLOSE,
-                          size: R(q).S,
+                        O(v, {
+                          icon: S(F).CLOSE,
+                          size: S(q).S,
                           class: "dialog-close",
-                          onClick: i
+                          onClick: a
                         }, null, 8, ["icon", "size"])
                       ]),
                       default: W(() => [
-                        x("div", so, [
-                          e.component ? (v(), j(Ht(e.component), pn({ key: 0 }, e.componentProps, { onClose: i }), null, 16)) : e.message ? (v(), g("div", ro, D(e.message), 1)) : M(u.$slots, "default", { key: 2 }, void 0, !0)
+                        x("div", uo, [
+                          e.component ? (f(), j(Wt(e.component), gn({ key: 0 }, e.componentProps, { onClose: a }), null, 16)) : e.message ? (f(), g("div", fo, D(e.message), 1)) : M(u.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
@@ -525,9 +525,9 @@ const ge = /* @__PURE__ */ A({
                       e.showFooter ? {
                         name: "footer",
                         fn: W(() => [
-                          x("div", co, [
+                          x("div", vo, [
                             M(u.$slots, "footer", {}, () => [
-                              e.showCancel ? (v(), j(m, {
+                              e.showCancel ? (f(), j(m, {
                                 key: 0,
                                 secondary: "",
                                 onClick: r,
@@ -535,7 +535,7 @@ const ge = /* @__PURE__ */ A({
                               }, null, 8, ["label"])) : L("", !0),
                               O(m, {
                                 primary: "",
-                                onClick: a,
+                                onClick: i,
                                 label: e.confirmText
                               }, null, 8, ["label"])
                             ], !0)
@@ -555,10 +555,10 @@ const ge = /* @__PURE__ */ A({
       ]);
     };
   }
-}), dt = /* @__PURE__ */ B(uo, [["__scopeId", "data-v-6af510b3"]]), fo = { class: "vj-chip-selector" }, vo = { class: "options-grid" }, mo = ["onClick"], po = {
+}), dt = /* @__PURE__ */ B(mo, [["__scopeId", "data-v-6af510b3"]]), po = { class: "vj-chip-selector" }, ho = { class: "options-grid" }, go = ["onClick"], bo = {
   key: 0,
   class: "no-options"
-}, ho = /* @__PURE__ */ A({
+}, yo = /* @__PURE__ */ T({
   __name: "chip-selector",
   props: {
     items: { default: () => [] },
@@ -570,7 +570,7 @@ const ge = /* @__PURE__ */ A({
   },
   emits: ["update:items"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C([...t.items]), i = C(!1), a = E(() => t.options.filter((s) => !l.value.includes(s.value)));
+    const t = e, o = n, l = C([...t.items]), a = C(!1), i = E(() => t.options.filter((s) => !l.value.includes(s.value)));
     function r(s) {
       const u = s;
       l.value = u, o("update:items", u);
@@ -587,8 +587,8 @@ const ge = /* @__PURE__ */ A({
         JSON.stringify(s) !== JSON.stringify(l.value) && (l.value = [...s]);
       },
       { deep: !0 }
-    ), (s, u) => (v(), g("div", fo, [
-      O(Nt, {
+    ), (s, u) => (f(), g("div", po, [
+      O(Gt, {
         items: l.value,
         "onUpdate:items": [
           u[0] || (u[0] = (d) => l.value = d),
@@ -600,101 +600,101 @@ const ge = /* @__PURE__ */ A({
       x("button", {
         type: "button",
         class: "add-button",
-        onClick: u[1] || (u[1] = (d) => i.value = !0)
+        onClick: u[1] || (u[1] = (d) => a.value = !0)
       }, D(e.addButtonText), 1),
       O(dt, {
-        modelValue: i.value,
-        "onUpdate:modelValue": u[2] || (u[2] = (d) => i.value = d),
+        modelValue: a.value,
+        "onUpdate:modelValue": u[2] || (u[2] = (d) => a.value = d),
         title: e.dialogTitle || `Add ${e.label}`,
         "close-on-backdrop": ""
       }, {
         default: W(() => [
-          x("div", vo, [
-            (v(!0), g(ne, null, Se(a.value, (d) => (v(), g("button", {
+          x("div", ho, [
+            (f(!0), g(Z, null, ge(i.value, (d) => (f(), g("button", {
               key: d.value,
               type: "button",
               class: "option-btn",
-              onClick: (f) => c(d.value)
-            }, "+ " + D(d.label), 9, mo))), 128))
+              onClick: (v) => c(d.value)
+            }, "+ " + D(d.label), 9, go))), 128))
           ]),
-          a.value.length === 0 ? (v(), g("div", po, "All options already selected")) : L("", !0)
+          i.value.length === 0 ? (f(), g("div", bo, "All options already selected")) : L("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), go = /* @__PURE__ */ B(ho, [["__scopeId", "data-v-f2e1b880"]]), Le = Math.min, J = Math.max, Ue = Math.round, Ie = Math.floor, ie = (e) => ({
+}), wo = /* @__PURE__ */ B(yo, [["__scopeId", "data-v-f2e1b880"]]), $e = Math.min, J = Math.max, We = Math.round, He = Math.floor, ie = (e) => ({
   x: e,
   y: e
-}), bo = {
+}), _o = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, yo = {
+}, xo = {
   start: "end",
   end: "start"
 };
-function $t(e, n, t) {
-  return J(e, Le(n, t));
+function St(e, n, t) {
+  return J(e, $e(n, t));
 }
-function Pe(e, n) {
+function Me(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
 function pe(e) {
   return e.split("-")[0];
 }
-function Me(e) {
+function je(e) {
   return e.split("-")[1];
 }
-function Xt(e) {
+function qt(e) {
   return e === "x" ? "y" : "x";
 }
-function qt(e) {
+function Yt(e) {
   return e === "y" ? "height" : "width";
 }
-const wo = /* @__PURE__ */ new Set(["top", "bottom"]);
+const ko = /* @__PURE__ */ new Set(["top", "bottom"]);
 function fe(e) {
-  return wo.has(pe(e)) ? "y" : "x";
+  return ko.has(pe(e)) ? "y" : "x";
 }
-function Gt(e) {
-  return Xt(fe(e));
+function Jt(e) {
+  return qt(fe(e));
 }
-function _o(e, n, t) {
+function Vo(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Me(e), l = Gt(e), i = qt(l);
-  let a = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return n.reference[i] > n.floating[i] && (a = We(a)), [a, We(a)];
+  const o = je(e), l = Jt(e), a = Yt(l);
+  let i = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return n.reference[a] > n.floating[a] && (i = Ne(i)), [i, Ne(i)];
 }
-function xo(e) {
-  const n = We(e);
+function Eo(e) {
+  const n = Ne(e);
   return [it(e), n, it(n)];
 }
 function it(e) {
-  return e.replace(/start|end/g, (n) => yo[n]);
+  return e.replace(/start|end/g, (n) => xo[n]);
 }
-const Rt = ["left", "right"], St = ["right", "left"], ko = ["top", "bottom"], Vo = ["bottom", "top"];
-function Eo(e, n, t) {
+const Rt = ["left", "right"], Tt = ["right", "left"], Co = ["top", "bottom"], Lo = ["bottom", "top"];
+function $o(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
-      return t ? n ? St : Rt : n ? Rt : St;
+      return t ? n ? Tt : Rt : n ? Rt : Tt;
     case "left":
     case "right":
-      return n ? ko : Vo;
+      return n ? Co : Lo;
     default:
       return [];
   }
 }
-function Co(e, n, t, o) {
-  const l = Me(e);
-  let i = Eo(pe(e), t === "start", o);
-  return l && (i = i.map((a) => a + "-" + l), n && (i = i.concat(i.map(it)))), i;
+function So(e, n, t, o) {
+  const l = je(e);
+  let a = $o(pe(e), t === "start", o);
+  return l && (a = a.map((i) => i + "-" + l), n && (a = a.concat(a.map(it)))), a;
 }
-function We(e) {
-  return e.replace(/left|right|bottom|top/g, (n) => bo[n]);
+function Ne(e) {
+  return e.replace(/left|right|bottom|top/g, (n) => _o[n]);
 }
-function Lo(e) {
+function Ro(e) {
   return {
     top: 0,
     right: 0,
@@ -703,8 +703,8 @@ function Lo(e) {
     ...e
   };
 }
-function $o(e) {
-  return typeof e != "number" ? Lo(e) : {
+function To(e) {
+  return typeof e != "number" ? Ro(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -729,12 +729,12 @@ function Ke(e) {
     y: t
   };
 }
-function Tt(e, n, t) {
+function At(e, n, t) {
   let {
     reference: o,
     floating: l
   } = e;
-  const i = fe(n), a = Gt(n), r = qt(a), c = pe(n), s = i === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, f = o[r] / 2 - l[r] / 2;
+  const a = fe(n), i = Jt(n), r = Yt(i), c = pe(n), s = a === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, v = o[r] / 2 - l[r] / 2;
   let m;
   switch (c) {
     case "top":
@@ -767,31 +767,31 @@ function Tt(e, n, t) {
         y: o.y
       };
   }
-  switch (Me(n)) {
+  switch (je(n)) {
     case "start":
-      m[a] -= f * (t && s ? -1 : 1);
+      m[i] -= v * (t && s ? -1 : 1);
       break;
     case "end":
-      m[a] += f * (t && s ? -1 : 1);
+      m[i] += v * (t && s ? -1 : 1);
       break;
   }
   return m;
 }
-const Ro = async (e, n, t) => {
+const Ao = async (e, n, t) => {
   const {
     placement: o = "bottom",
     strategy: l = "absolute",
-    middleware: i = [],
-    platform: a
-  } = t, r = i.filter(Boolean), c = await (a.isRTL == null ? void 0 : a.isRTL(n));
-  let s = await a.getElementRects({
+    middleware: a = [],
+    platform: i
+  } = t, r = a.filter(Boolean), c = await (i.isRTL == null ? void 0 : i.isRTL(n));
+  let s = await i.getElementRects({
     reference: e,
     floating: n,
     strategy: l
   }), {
     x: u,
     y: d
-  } = Tt(s, o, c), f = o, m = {}, p = 0;
+  } = At(s, o, c), v = o, m = {}, p = 0;
   for (let _ = 0; _ < r.length; _++) {
     const {
       name: h,
@@ -805,11 +805,11 @@ const Ro = async (e, n, t) => {
       x: u,
       y: d,
       initialPlacement: o,
-      placement: f,
+      placement: v,
       strategy: l,
       middlewareData: m,
       rects: s,
-      platform: a,
+      platform: i,
       elements: {
         reference: e,
         floating: n
@@ -821,19 +821,19 @@ const Ro = async (e, n, t) => {
         ...m[h],
         ...$
       }
-    }, P && p <= 50 && (p++, typeof P == "object" && (P.placement && (f = P.placement), P.rects && (s = P.rects === !0 ? await a.getElementRects({
+    }, P && p <= 50 && (p++, typeof P == "object" && (P.placement && (v = P.placement), P.rects && (s = P.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: n,
       strategy: l
     }) : P.rects), {
       x: u,
       y: d
-    } = Tt(s, f, c)), _ = -1);
+    } = At(s, v, c)), _ = -1);
   }
   return {
     x: u,
     y: d,
-    placement: f,
+    placement: v,
     strategy: l,
     middlewareData: m
   };
@@ -844,33 +844,33 @@ async function ft(e, n) {
   const {
     x: o,
     y: l,
-    platform: i,
-    rects: a,
+    platform: a,
+    rects: i,
     elements: r,
     strategy: c
   } = e, {
     boundary: s = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: d = "floating",
-    altBoundary: f = !1,
+    altBoundary: v = !1,
     padding: m = 0
-  } = Pe(n, e), p = $o(m), h = r[f ? d === "floating" ? "reference" : "floating" : d], y = Ke(await i.getClippingRect({
-    element: (t = await (i.isElement == null ? void 0 : i.isElement(h))) == null || t ? h : h.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
+  } = Me(n, e), p = To(m), h = r[v ? d === "floating" ? "reference" : "floating" : d], y = Ke(await a.getClippingRect({
+    element: (t = await (a.isElement == null ? void 0 : a.isElement(h))) == null || t ? h : h.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(r.floating)),
     boundary: s,
     rootBoundary: u,
     strategy: c
   })), w = d === "floating" ? {
     x: o,
     y: l,
-    width: a.floating.width,
-    height: a.floating.height
-  } : a.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), $ = await (i.isElement == null ? void 0 : i.isElement(b)) ? await (i.getScale == null ? void 0 : i.getScale(b)) || {
+    width: i.floating.width,
+    height: i.floating.height
+  } : i.reference, b = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(r.floating)), $ = await (a.isElement == null ? void 0 : a.isElement(b)) ? await (a.getScale == null ? void 0 : a.getScale(b)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, P = Ke(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, P = Ke(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: w,
     offsetParent: b,
@@ -883,7 +883,7 @@ async function ft(e, n) {
     right: (P.right - y.right + p.right) / $.x
   };
 }
-const So = function(e) {
+const Oo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -891,88 +891,88 @@ const So = function(e) {
       var t, o;
       const {
         placement: l,
-        middlewareData: i,
-        rects: a,
+        middlewareData: a,
+        rects: i,
         initialPlacement: r,
         platform: c,
         elements: s
       } = n, {
         mainAxis: u = !0,
         crossAxis: d = !0,
-        fallbackPlacements: f,
+        fallbackPlacements: v,
         fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: p = "none",
         flipAlignment: _ = !0,
         ...h
-      } = Pe(e, n);
-      if ((t = i.arrow) != null && t.alignmentOffset)
+      } = Me(e, n);
+      if ((t = a.arrow) != null && t.alignmentOffset)
         return {};
-      const y = pe(l), w = fe(r), b = pe(r) === r, $ = await (c.isRTL == null ? void 0 : c.isRTL(s.floating)), P = f || (b || !_ ? [We(r)] : xo(r)), z = p !== "none";
-      !f && z && P.push(...Co(r, _, p, $));
-      const k = [r, ...P], V = await ft(n, h), T = [];
-      let H = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (u && T.push(V[y]), d) {
-        const de = _o(l, a, $);
-        T.push(V[de[0]], V[de[1]]);
+      const y = pe(l), w = fe(r), b = pe(r) === r, $ = await (c.isRTL == null ? void 0 : c.isRTL(s.floating)), P = v || (b || !_ ? [Ne(r)] : Eo(r)), I = p !== "none";
+      !v && I && P.push(...So(r, _, p, $));
+      const k = [r, ...P], V = await ft(n, h), A = [];
+      let H = ((o = a.flip) == null ? void 0 : o.overflows) || [];
+      if (u && A.push(V[y]), d) {
+        const de = Vo(l, i, $);
+        A.push(V[de[0]], V[de[1]]);
       }
       if (H = [...H, {
         placement: l,
-        overflows: T
-      }], !T.every((de) => de <= 0)) {
+        overflows: A
+      }], !A.every((de) => de <= 0)) {
         var U, ce;
-        const de = (((U = i.flip) == null ? void 0 : U.index) || 0) + 1, xe = k[de];
-        if (xe && (!(d === "alignment" ? w !== fe(xe) : !1) || // We leave the current main axis only if every placement on that axis
+        const de = (((U = a.flip) == null ? void 0 : U.index) || 0) + 1, ke = k[de];
+        if (ke && (!(d === "alignment" ? w !== fe(ke) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        H.every((G) => fe(G.placement) === w ? G.overflows[0] > 0 : !0)))
+        H.every((Y) => fe(Y.placement) === w ? Y.overflows[0] > 0 : !0)))
           return {
             data: {
               index: de,
               overflows: H
             },
             reset: {
-              placement: xe
+              placement: ke
             }
           };
-        let ee = (ce = H.filter((ae) => ae.overflows[0] <= 0).sort((ae, G) => ae.overflows[1] - G.overflows[1])[0]) == null ? void 0 : ce.placement;
-        if (!ee)
+        let te = (ce = H.filter((ae) => ae.overflows[0] <= 0).sort((ae, Y) => ae.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : ce.placement;
+        if (!te)
           switch (m) {
             case "bestFit": {
               var ue;
-              const ae = (ue = H.filter((G) => {
-                if (z) {
-                  const te = fe(G.placement);
-                  return te === w || // Create a bias to the `y` side axis due to horizontal
+              const ae = (ue = H.filter((Y) => {
+                if (I) {
+                  const ne = fe(Y.placement);
+                  return ne === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  te === "y";
+                  ne === "y";
                 }
                 return !0;
-              }).map((G) => [G.placement, G.overflows.filter((te) => te > 0).reduce((te, ze) => te + ze, 0)]).sort((G, te) => G[1] - te[1])[0]) == null ? void 0 : ue[0];
-              ae && (ee = ae);
+              }).map((Y) => [Y.placement, Y.overflows.filter((ne) => ne > 0).reduce((ne, Ie) => ne + Ie, 0)]).sort((Y, ne) => Y[1] - ne[1])[0]) == null ? void 0 : ue[0];
+              ae && (te = ae);
               break;
             }
             case "initialPlacement":
-              ee = r;
+              te = r;
               break;
           }
-        if (l !== ee)
+        if (l !== te)
           return {
             reset: {
-              placement: ee
+              placement: te
             }
           };
       }
       return {};
     }
   };
-}, To = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ao(e, n) {
+}, Bo = /* @__PURE__ */ new Set(["left", "top"]);
+async function Do(e, n) {
   const {
     placement: t,
     platform: o,
     elements: l
-  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), a = pe(t), r = Me(t), c = fe(t) === "y", s = To.has(a) ? -1 : 1, u = i && c ? -1 : 1, d = Pe(n, e);
+  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), r = je(t), c = fe(t) === "y", s = Bo.has(i) ? -1 : 1, u = a && c ? -1 : 1, d = Me(n, e);
   let {
-    mainAxis: f,
+    mainAxis: v,
     crossAxis: m,
     alignmentAxis: p
   } = typeof d == "number" ? {
@@ -986,13 +986,13 @@ async function Ao(e, n) {
   };
   return r && typeof p == "number" && (m = r === "end" ? p * -1 : p), c ? {
     x: m * u,
-    y: f * s
+    y: v * s
   } : {
-    x: f * s,
+    x: v * s,
     y: m * u
   };
 }
-const Oo = function(e) {
+const Po = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1000,21 +1000,21 @@ const Oo = function(e) {
       var t, o;
       const {
         x: l,
-        y: i,
-        placement: a,
+        y: a,
+        placement: i,
         middlewareData: r
-      } = n, c = await Ao(n, e);
-      return a === ((t = r.offset) == null ? void 0 : t.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
+      } = n, c = await Do(n, e);
+      return i === ((t = r.offset) == null ? void 0 : t.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
         x: l + c.x,
-        y: i + c.y,
+        y: a + c.y,
         data: {
           ...c,
-          placement: a
+          placement: i
         }
       };
     }
   };
-}, Do = function(e) {
+}, Mo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1024,8 +1024,8 @@ const Oo = function(e) {
         y: o,
         placement: l
       } = n, {
-        mainAxis: i = !0,
-        crossAxis: a = !1,
+        mainAxis: a = !0,
+        crossAxis: i = !1,
         limiter: r = {
           fn: (h) => {
             let {
@@ -1039,22 +1039,22 @@ const Oo = function(e) {
           }
         },
         ...c
-      } = Pe(e, n), s = {
+      } = Me(e, n), s = {
         x: t,
         y: o
-      }, u = await ft(n, c), d = fe(pe(l)), f = Xt(d);
-      let m = s[f], p = s[d];
-      if (i) {
-        const h = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", w = m + u[h], b = m - u[y];
-        m = $t(w, m, b);
-      }
+      }, u = await ft(n, c), d = fe(pe(l)), v = qt(d);
+      let m = s[v], p = s[d];
       if (a) {
+        const h = v === "y" ? "top" : "left", y = v === "y" ? "bottom" : "right", w = m + u[h], b = m - u[y];
+        m = St(w, m, b);
+      }
+      if (i) {
         const h = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", w = p + u[h], b = p - u[y];
-        p = $t(w, p, b);
+        p = St(w, p, b);
       }
       const _ = r.fn({
         ...n,
-        [f]: m,
+        [v]: m,
         [d]: p
       });
       return {
@@ -1063,14 +1063,14 @@ const Oo = function(e) {
           x: _.x - t,
           y: _.y - o,
           enabled: {
-            [f]: i,
-            [d]: a
+            [v]: a,
+            [d]: i
           }
         }
       };
     }
   };
-}, Bo = function(e) {
+}, jo = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -1078,22 +1078,22 @@ const Oo = function(e) {
       var t, o;
       const {
         placement: l,
-        rects: i,
-        platform: a,
+        rects: a,
+        platform: i,
         elements: r
       } = n, {
         apply: c = () => {
         },
         ...s
-      } = Pe(e, n), u = await ft(n, s), d = pe(l), f = Me(l), m = fe(l) === "y", {
+      } = Me(e, n), u = await ft(n, s), d = pe(l), v = je(l), m = fe(l) === "y", {
         width: p,
         height: _
-      } = i.floating;
+      } = a.floating;
       let h, y;
-      d === "top" || d === "bottom" ? (h = d, y = f === (await (a.isRTL == null ? void 0 : a.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (y = d, h = f === "end" ? "top" : "bottom");
-      const w = _ - u.top - u.bottom, b = p - u.left - u.right, $ = Le(_ - u[h], w), P = Le(p - u[y], b), z = !n.middlewareData.shift;
+      d === "top" || d === "bottom" ? (h = d, y = v === (await (i.isRTL == null ? void 0 : i.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (y = d, h = v === "end" ? "top" : "bottom");
+      const w = _ - u.top - u.bottom, b = p - u.left - u.right, $ = $e(_ - u[h], w), P = $e(p - u[y], b), I = !n.middlewareData.shift;
       let k = $, V = P;
-      if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = b), (o = n.middlewareData.shift) != null && o.enabled.y && (k = w), z && !f) {
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = b), (o = n.middlewareData.shift) != null && o.enabled.y && (k = w), I && !v) {
         const H = J(u.left, 0), U = J(u.right, 0), ce = J(u.top, 0), ue = J(u.bottom, 0);
         m ? V = p - 2 * (H !== 0 || U !== 0 ? H + U : J(u.left, u.right)) : k = _ - 2 * (ce !== 0 || ue !== 0 ? ce + ue : J(u.top, u.bottom));
       }
@@ -1102,8 +1102,8 @@ const Oo = function(e) {
         availableWidth: V,
         availableHeight: k
       });
-      const T = await a.getDimensions(r.floating);
-      return p !== T.width || _ !== T.height ? {
+      const A = await i.getDimensions(r.floating);
+      return p !== A.width || _ !== A.height ? {
         reset: {
           rects: !0
         }
@@ -1111,10 +1111,10 @@ const Oo = function(e) {
     }
   };
 };
-function qe() {
+function Ge() {
   return typeof window < "u";
 }
-function _e(e) {
+function xe(e) {
   return vt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function Q(e) {
@@ -1126,34 +1126,34 @@ function re(e) {
   return (n = (vt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
 function vt(e) {
-  return qe() ? e instanceof Node || e instanceof Q(e).Node : !1;
+  return Ge() ? e instanceof Node || e instanceof Q(e).Node : !1;
 }
 function oe(e) {
-  return qe() ? e instanceof Element || e instanceof Q(e).Element : !1;
+  return Ge() ? e instanceof Element || e instanceof Q(e).Element : !1;
 }
 function se(e) {
-  return qe() ? e instanceof HTMLElement || e instanceof Q(e).HTMLElement : !1;
+  return Ge() ? e instanceof HTMLElement || e instanceof Q(e).HTMLElement : !1;
 }
-function At(e) {
-  return !qe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Q(e).ShadowRoot;
+function Ot(e) {
+  return !Ge() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Q(e).ShadowRoot;
 }
-const Po = /* @__PURE__ */ new Set(["inline", "contents"]);
-function je(e) {
+const Fo = /* @__PURE__ */ new Set(["inline", "contents"]);
+function Fe(e) {
   const {
     overflow: n,
     overflowX: t,
     overflowY: o,
     display: l
   } = le(e);
-  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !Po.has(l);
+  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !Fo.has(l);
 }
-const Mo = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function jo(e) {
-  return Mo.has(_e(e));
+const zo = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Io(e) {
+  return zo.has(xe(e));
 }
-const Fo = [":popover-open", ":modal"];
-function Ge(e) {
-  return Fo.some((n) => {
+const Ho = [":popover-open", ":modal"];
+function qe(e) {
+  return Ho.some((n) => {
     try {
       return e.matches(n);
     } catch {
@@ -1161,17 +1161,17 @@ function Ge(e) {
     }
   });
 }
-const zo = ["transform", "translate", "scale", "rotate", "perspective"], Io = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ho = ["paint", "layout", "strict", "content"];
+const Uo = ["transform", "translate", "scale", "rotate", "perspective"], Wo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], No = ["paint", "layout", "strict", "content"];
 function mt(e) {
   const n = pt(), t = oe(e) ? le(e) : e;
-  return zo.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) || Io.some((o) => (t.willChange || "").includes(o)) || Ho.some((o) => (t.contain || "").includes(o));
+  return Uo.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) || Wo.some((o) => (t.willChange || "").includes(o)) || No.some((o) => (t.contain || "").includes(o));
 }
-function Uo(e) {
+function Ko(e) {
   let n = he(e);
-  for (; se(n) && !$e(n); ) {
+  for (; se(n) && !Se(n); ) {
     if (mt(n))
       return n;
-    if (Ge(n))
+    if (qe(n))
       return null;
     n = he(n);
   }
@@ -1180,9 +1180,9 @@ function Uo(e) {
 function pt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Wo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function $e(e) {
-  return Wo.has(_e(e));
+const Xo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Se(e) {
+  return Xo.has(xe(e));
 }
 function le(e) {
   return Q(e).getComputedStyle(e);
@@ -1197,39 +1197,39 @@ function Ye(e) {
   };
 }
 function he(e) {
-  if (_e(e) === "html")
+  if (xe(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.
-    At(e) && e.host || // Fallback.
+    Ot(e) && e.host || // Fallback.
     re(e)
   );
-  return At(n) ? n.host : n;
+  return Ot(n) ? n.host : n;
 }
-function Yt(e) {
+function Qt(e) {
   const n = he(e);
-  return $e(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : se(n) && je(n) ? n : Yt(n);
+  return Se(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : se(n) && Fe(n) ? n : Qt(n);
 }
-function De(e, n, t) {
+function Be(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const l = Yt(e), i = l === ((o = e.ownerDocument) == null ? void 0 : o.body), a = Q(l);
-  if (i) {
-    const r = st(a);
-    return n.concat(a, a.visualViewport || [], je(l) ? l : [], r && t ? De(r) : []);
+  const l = Qt(e), a = l === ((o = e.ownerDocument) == null ? void 0 : o.body), i = Q(l);
+  if (a) {
+    const r = st(i);
+    return n.concat(i, i.visualViewport || [], Fe(l) ? l : [], r && t ? Be(r) : []);
   }
-  return n.concat(l, De(l, [], t));
+  return n.concat(l, Be(l, [], t));
 }
 function st(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Jt(e) {
+function Zt(e) {
   const n = le(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
-  const l = se(e), i = l ? e.offsetWidth : t, a = l ? e.offsetHeight : o, r = Ue(t) !== i || Ue(o) !== a;
-  return r && (t = i, o = a), {
+  const l = se(e), a = l ? e.offsetWidth : t, i = l ? e.offsetHeight : o, r = We(t) !== a || We(o) !== i;
+  return r && (t = a, o = i), {
     width: t,
     height: o,
     $: r
@@ -1238,44 +1238,44 @@ function Jt(e) {
 function ht(e) {
   return oe(e) ? e : e.contextElement;
 }
-function Ee(e) {
+function Ce(e) {
   const n = ht(e);
   if (!se(n))
     return ie(1);
   const t = n.getBoundingClientRect(), {
     width: o,
     height: l,
-    $: i
-  } = Jt(n);
-  let a = (i ? Ue(t.width) : t.width) / o, r = (i ? Ue(t.height) : t.height) / l;
-  return (!a || !Number.isFinite(a)) && (a = 1), (!r || !Number.isFinite(r)) && (r = 1), {
-    x: a,
+    $: a
+  } = Zt(n);
+  let i = (a ? We(t.width) : t.width) / o, r = (a ? We(t.height) : t.height) / l;
+  return (!i || !Number.isFinite(i)) && (i = 1), (!r || !Number.isFinite(r)) && (r = 1), {
+    x: i,
     y: r
   };
 }
-const Ko = /* @__PURE__ */ ie(0);
-function Qt(e) {
+const Go = /* @__PURE__ */ ie(0);
+function en(e) {
   const n = Q(e);
-  return !pt() || !n.visualViewport ? Ko : {
+  return !pt() || !n.visualViewport ? Go : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
 }
-function No(e, n, t) {
+function qo(e, n, t) {
   return n === void 0 && (n = !1), !t || n && t !== Q(e) ? !1 : n;
 }
-function we(e, n, t, o) {
+function _e(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
-  const l = e.getBoundingClientRect(), i = ht(e);
-  let a = ie(1);
-  n && (o ? oe(o) && (a = Ee(o)) : a = Ee(e));
-  const r = No(i, t, o) ? Qt(i) : ie(0);
-  let c = (l.left + r.x) / a.x, s = (l.top + r.y) / a.y, u = l.width / a.x, d = l.height / a.y;
-  if (i) {
-    const f = Q(i), m = o && oe(o) ? Q(o) : o;
-    let p = f, _ = st(p);
+  const l = e.getBoundingClientRect(), a = ht(e);
+  let i = ie(1);
+  n && (o ? oe(o) && (i = Ce(o)) : i = Ce(e));
+  const r = qo(a, t, o) ? en(a) : ie(0);
+  let c = (l.left + r.x) / i.x, s = (l.top + r.y) / i.y, u = l.width / i.x, d = l.height / i.y;
+  if (a) {
+    const v = Q(a), m = o && oe(o) ? Q(o) : o;
+    let p = v, _ = st(p);
     for (; _ && o && m !== p; ) {
-      const h = Ee(_), y = _.getBoundingClientRect(), w = le(_), b = y.left + (_.clientLeft + parseFloat(w.paddingLeft)) * h.x, $ = y.top + (_.clientTop + parseFloat(w.paddingTop)) * h.y;
+      const h = Ce(_), y = _.getBoundingClientRect(), w = le(_), b = y.left + (_.clientLeft + parseFloat(w.paddingLeft)) * h.x, $ = y.top + (_.clientTop + parseFloat(w.paddingTop)) * h.y;
       c *= h.x, s *= h.y, u *= h.x, d *= h.y, c += b, s += $, p = Q(_), _ = st(p);
     }
   }
@@ -1288,82 +1288,82 @@ function we(e, n, t, o) {
 }
 function Je(e, n) {
   const t = Ye(e).scrollLeft;
-  return n ? n.left + t : we(re(e)).left + t;
+  return n ? n.left + t : _e(re(e)).left + t;
 }
-function Zt(e, n) {
+function tn(e, n) {
   const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Je(e, t), l = t.top + n.scrollTop;
   return {
     x: o,
     y: l
   };
 }
-function Xo(e) {
+function Yo(e) {
   let {
     elements: n,
     rect: t,
     offsetParent: o,
     strategy: l
   } = e;
-  const i = l === "fixed", a = re(o), r = n ? Ge(n.floating) : !1;
-  if (o === a || r && i)
+  const a = l === "fixed", i = re(o), r = n ? qe(n.floating) : !1;
+  if (o === i || r && a)
     return t;
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   }, s = ie(1);
   const u = ie(0), d = se(o);
-  if ((d || !d && !i) && ((_e(o) !== "body" || je(a)) && (c = Ye(o)), se(o))) {
-    const m = we(o);
-    s = Ee(o), u.x = m.x + o.clientLeft, u.y = m.y + o.clientTop;
+  if ((d || !d && !a) && ((xe(o) !== "body" || Fe(i)) && (c = Ye(o)), se(o))) {
+    const m = _e(o);
+    s = Ce(o), u.x = m.x + o.clientLeft, u.y = m.y + o.clientTop;
   }
-  const f = a && !d && !i ? Zt(a, c) : ie(0);
+  const v = i && !d && !a ? tn(i, c) : ie(0);
   return {
     width: t.width * s.x,
     height: t.height * s.y,
-    x: t.x * s.x - c.scrollLeft * s.x + u.x + f.x,
-    y: t.y * s.y - c.scrollTop * s.y + u.y + f.y
+    x: t.x * s.x - c.scrollLeft * s.x + u.x + v.x,
+    y: t.y * s.y - c.scrollTop * s.y + u.y + v.y
   };
 }
-function qo(e) {
+function Jo(e) {
   return Array.from(e.getClientRects());
 }
-function Go(e) {
-  const n = re(e), t = Ye(e), o = e.ownerDocument.body, l = J(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), i = J(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
-  let a = -t.scrollLeft + Je(e);
+function Qo(e) {
+  const n = re(e), t = Ye(e), o = e.ownerDocument.body, l = J(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), a = J(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
+  let i = -t.scrollLeft + Je(e);
   const r = -t.scrollTop;
-  return le(o).direction === "rtl" && (a += J(n.clientWidth, o.clientWidth) - l), {
+  return le(o).direction === "rtl" && (i += J(n.clientWidth, o.clientWidth) - l), {
     width: l,
-    height: i,
-    x: a,
+    height: a,
+    x: i,
     y: r
   };
 }
-const Ot = 25;
-function Yo(e, n) {
+const Bt = 25;
+function Zo(e, n) {
   const t = Q(e), o = re(e), l = t.visualViewport;
-  let i = o.clientWidth, a = o.clientHeight, r = 0, c = 0;
+  let a = o.clientWidth, i = o.clientHeight, r = 0, c = 0;
   if (l) {
-    i = l.width, a = l.height;
+    a = l.width, i = l.height;
     const u = pt();
     (!u || u && n === "fixed") && (r = l.offsetLeft, c = l.offsetTop);
   }
   const s = Je(o);
   if (s <= 0) {
-    const u = o.ownerDocument, d = u.body, f = getComputedStyle(d), m = u.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - m);
-    p <= Ot && (i -= p);
-  } else s <= Ot && (i += s);
+    const u = o.ownerDocument, d = u.body, v = getComputedStyle(d), m = u.compatMode === "CSS1Compat" && parseFloat(v.marginLeft) + parseFloat(v.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - m);
+    p <= Bt && (a -= p);
+  } else s <= Bt && (a += s);
   return {
-    width: i,
-    height: a,
+    width: a,
+    height: i,
     x: r,
     y: c
   };
 }
-const Jo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Qo(e, n) {
-  const t = we(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, i = se(e) ? Ee(e) : ie(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, c = l * i.x, s = o * i.y;
+const el = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function tl(e, n) {
+  const t = _e(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, a = se(e) ? Ce(e) : ie(1), i = e.clientWidth * a.x, r = e.clientHeight * a.y, c = l * a.x, s = o * a.y;
   return {
-    width: a,
+    width: i,
     height: r,
     x: c,
     y: s
@@ -1372,13 +1372,13 @@ function Qo(e, n) {
 function Dt(e, n, t) {
   let o;
   if (n === "viewport")
-    o = Yo(e, t);
+    o = Zo(e, t);
   else if (n === "document")
-    o = Go(re(e));
+    o = Qo(re(e));
   else if (oe(n))
-    o = Qo(n, t);
+    o = tl(n, t);
   else {
-    const l = Qt(e);
+    const l = en(e);
     o = {
       x: n.x - l.x,
       y: n.y - l.y,
@@ -1388,33 +1388,33 @@ function Dt(e, n, t) {
   }
   return Ke(o);
 }
-function en(e, n) {
+function nn(e, n) {
   const t = he(e);
-  return t === n || !oe(t) || $e(t) ? !1 : le(t).position === "fixed" || en(t, n);
+  return t === n || !oe(t) || Se(t) ? !1 : le(t).position === "fixed" || nn(t, n);
 }
-function Zo(e, n) {
+function nl(e, n) {
   const t = n.get(e);
   if (t)
     return t;
-  let o = De(e, [], !1).filter((r) => oe(r) && _e(r) !== "body"), l = null;
-  const i = le(e).position === "fixed";
-  let a = i ? he(e) : e;
-  for (; oe(a) && !$e(a); ) {
-    const r = le(a), c = mt(a);
-    !c && r.position === "fixed" && (l = null), (i ? !c && !l : !c && r.position === "static" && !!l && Jo.has(l.position) || je(a) && !c && en(e, a)) ? o = o.filter((u) => u !== a) : l = r, a = he(a);
+  let o = Be(e, [], !1).filter((r) => oe(r) && xe(r) !== "body"), l = null;
+  const a = le(e).position === "fixed";
+  let i = a ? he(e) : e;
+  for (; oe(i) && !Se(i); ) {
+    const r = le(i), c = mt(i);
+    !c && r.position === "fixed" && (l = null), (a ? !c && !l : !c && r.position === "static" && !!l && el.has(l.position) || Fe(i) && !c && nn(e, i)) ? o = o.filter((u) => u !== i) : l = r, i = he(i);
   }
   return n.set(e, o), o;
 }
-function el(e) {
+function ol(e) {
   let {
     element: n,
     boundary: t,
     rootBoundary: o,
     strategy: l
   } = e;
-  const a = [...t === "clippingAncestors" ? Ge(n) ? [] : Zo(n, this._c) : [].concat(t), o], r = a[0], c = a.reduce((s, u) => {
+  const i = [...t === "clippingAncestors" ? qe(n) ? [] : nl(n, this._c) : [].concat(t), o], r = i[0], c = i.reduce((s, u) => {
     const d = Dt(n, u, l);
-    return s.top = J(d.top, s.top), s.right = Le(d.right, s.right), s.bottom = Le(d.bottom, s.bottom), s.left = J(d.left, s.left), s;
+    return s.top = J(d.top, s.top), s.right = $e(d.right, s.right), s.bottom = $e(d.bottom, s.bottom), s.left = J(d.left, s.left), s;
   }, Dt(n, r, l));
   return {
     width: c.right - c.left,
@@ -1423,18 +1423,18 @@ function el(e) {
     y: c.top
   };
 }
-function tl(e) {
+function ll(e) {
   const {
     width: n,
     height: t
-  } = Jt(e);
+  } = Zt(e);
   return {
     width: n,
     height: t
   };
 }
-function nl(e, n, t) {
-  const o = se(n), l = re(n), i = t === "fixed", a = we(e, !0, i, n);
+function al(e, n, t) {
+  const o = se(n), l = re(n), a = t === "fixed", i = _e(e, !0, a, n);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
@@ -1443,24 +1443,24 @@ function nl(e, n, t) {
   function s() {
     c.x = Je(l);
   }
-  if (o || !o && !i)
-    if ((_e(n) !== "body" || je(l)) && (r = Ye(n)), o) {
-      const m = we(n, !0, i, n);
+  if (o || !o && !a)
+    if ((xe(n) !== "body" || Fe(l)) && (r = Ye(n)), o) {
+      const m = _e(n, !0, a, n);
       c.x = m.x + n.clientLeft, c.y = m.y + n.clientTop;
     } else l && s();
-  i && !o && l && s();
-  const u = l && !o && !i ? Zt(l, r) : ie(0), d = a.left + r.scrollLeft - c.x - u.x, f = a.top + r.scrollTop - c.y - u.y;
+  a && !o && l && s();
+  const u = l && !o && !a ? tn(l, r) : ie(0), d = i.left + r.scrollLeft - c.x - u.x, v = i.top + r.scrollTop - c.y - u.y;
   return {
     x: d,
-    y: f,
-    width: a.width,
-    height: a.height
+    y: v,
+    width: i.width,
+    height: i.height
   };
 }
 function ot(e) {
   return le(e).position === "static";
 }
-function Bt(e, n) {
+function Pt(e, n) {
   if (!se(e) || le(e).position === "fixed")
     return null;
   if (n)
@@ -1468,28 +1468,28 @@ function Bt(e, n) {
   let t = e.offsetParent;
   return re(e) === t && (t = t.ownerDocument.body), t;
 }
-function tn(e, n) {
+function on(e, n) {
   const t = Q(e);
-  if (Ge(e))
+  if (qe(e))
     return t;
   if (!se(e)) {
     let l = he(e);
-    for (; l && !$e(l); ) {
+    for (; l && !Se(l); ) {
       if (oe(l) && !ot(l))
         return l;
       l = he(l);
     }
     return t;
   }
-  let o = Bt(e, n);
-  for (; o && jo(o) && ot(o); )
-    o = Bt(o, n);
-  return o && $e(o) && ot(o) && !mt(o) ? t : o || Uo(e) || t;
+  let o = Pt(e, n);
+  for (; o && Io(o) && ot(o); )
+    o = Pt(o, n);
+  return o && Se(o) && ot(o) && !mt(o) ? t : o || Ko(e) || t;
 }
-const ol = async function(e) {
-  const n = this.getOffsetParent || tn, t = this.getDimensions, o = await t(e.floating);
+const il = async function(e) {
+  const n = this.getOffsetParent || on, t = this.getDimensions, o = await t(e.floating);
   return {
-    reference: nl(e.reference, await n(e.floating), e.strategy),
+    reference: al(e.reference, await n(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1498,56 +1498,56 @@ const ol = async function(e) {
     }
   };
 };
-function ll(e) {
+function sl(e) {
   return le(e).direction === "rtl";
 }
-const al = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Xo,
+const rl = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Yo,
   getDocumentElement: re,
-  getClippingRect: el,
-  getOffsetParent: tn,
-  getElementRects: ol,
-  getClientRects: qo,
-  getDimensions: tl,
-  getScale: Ee,
+  getClippingRect: ol,
+  getOffsetParent: on,
+  getElementRects: il,
+  getClientRects: Jo,
+  getDimensions: ll,
+  getScale: Ce,
   isElement: oe,
-  isRTL: ll
+  isRTL: sl
 };
-function nn(e, n) {
+function ln(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
-function il(e, n) {
+function cl(e, n) {
   let t = null, o;
   const l = re(e);
-  function i() {
+  function a() {
     var r;
     clearTimeout(o), (r = t) == null || r.disconnect(), t = null;
   }
-  function a(r, c) {
-    r === void 0 && (r = !1), c === void 0 && (c = 1), i();
+  function i(r, c) {
+    r === void 0 && (r = !1), c === void 0 && (c = 1), a();
     const s = e.getBoundingClientRect(), {
       left: u,
       top: d,
-      width: f,
+      width: v,
       height: m
     } = s;
-    if (r || n(), !f || !m)
+    if (r || n(), !v || !m)
       return;
-    const p = Ie(d), _ = Ie(l.clientWidth - (u + f)), h = Ie(l.clientHeight - (d + m)), y = Ie(u), b = {
+    const p = He(d), _ = He(l.clientWidth - (u + v)), h = He(l.clientHeight - (d + m)), y = He(u), b = {
       rootMargin: -p + "px " + -_ + "px " + -h + "px " + -y + "px",
-      threshold: J(0, Le(1, c)) || 1
+      threshold: J(0, $e(1, c)) || 1
     };
     let $ = !0;
-    function P(z) {
-      const k = z[0].intersectionRatio;
+    function P(I) {
+      const k = I[0].intersectionRatio;
       if (k !== c) {
         if (!$)
-          return a();
-        k ? a(!1, k) : o = setTimeout(() => {
-          a(!1, 1e-7);
+          return i();
+        k ? i(!1, k) : o = setTimeout(() => {
+          i(!1, 1e-7);
         }, 1e3);
       }
-      k === 1 && !nn(s, e.getBoundingClientRect()) && a(), $ = !1;
+      k === 1 && !ln(s, e.getBoundingClientRect()) && i(), $ = !1;
     }
     try {
       t = new IntersectionObserver(P, {
@@ -1560,75 +1560,75 @@ function il(e, n) {
     }
     t.observe(e);
   }
-  return a(!0), i;
+  return i(!0), a;
 }
 function Qe(e, n, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: l = !0,
-    ancestorResize: i = !0,
-    elementResize: a = typeof ResizeObserver == "function",
+    ancestorResize: a = !0,
+    elementResize: i = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: c = !1
-  } = o, s = ht(e), u = l || i ? [...s ? De(s) : [], ...De(n)] : [];
+  } = o, s = ht(e), u = l || a ? [...s ? Be(s) : [], ...Be(n)] : [];
   u.forEach((y) => {
     l && y.addEventListener("scroll", t, {
       passive: !0
-    }), i && y.addEventListener("resize", t);
+    }), a && y.addEventListener("resize", t);
   });
-  const d = s && r ? il(s, t) : null;
-  let f = -1, m = null;
-  a && (m = new ResizeObserver((y) => {
+  const d = s && r ? cl(s, t) : null;
+  let v = -1, m = null;
+  i && (m = new ResizeObserver((y) => {
     let [w] = y;
-    w && w.target === s && m && (m.unobserve(n), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+    w && w.target === s && m && (m.unobserve(n), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
       var b;
       (b = m) == null || b.observe(n);
     })), t();
   }), s && !c && m.observe(s), m.observe(n));
-  let p, _ = c ? we(e) : null;
+  let p, _ = c ? _e(e) : null;
   c && h();
   function h() {
-    const y = we(e);
-    _ && !nn(_, y) && t(), _ = y, p = requestAnimationFrame(h);
+    const y = _e(e);
+    _ && !ln(_, y) && t(), _ = y, p = requestAnimationFrame(h);
   }
   return t(), () => {
     var y;
     u.forEach((w) => {
-      l && w.removeEventListener("scroll", t), i && w.removeEventListener("resize", t);
+      l && w.removeEventListener("scroll", t), a && w.removeEventListener("resize", t);
     }), d?.(), (y = m) == null || y.disconnect(), m = null, c && cancelAnimationFrame(p);
   };
 }
-const Ze = Oo, et = Do, tt = So, sl = Bo, on = (e, n, t) => {
+const Ze = Po, et = Mo, tt = Oo, ul = jo, an = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
-    platform: al,
+    platform: rl,
     ...t
-  }, i = {
+  }, a = {
     ...l.platform,
     _c: o
   };
-  return Ro(e, n, {
+  return Ao(e, n, {
     ...l,
-    platform: i
+    platform: a
   });
 };
-function rl(e) {
+function dl(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function Pt(e) {
-  if (rl(e)) {
+function Mt(e) {
+  if (dl(e)) {
     const n = e.$el;
-    return vt(n) && _e(n) === "#comment" ? null : n;
+    return vt(n) && xe(n) === "#comment" ? null : n;
   }
   return e;
 }
 function Ae(e) {
-  return typeof e == "function" ? e() : R(e);
+  return typeof e == "function" ? e() : S(e);
 }
-function ln(e) {
+function sn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Mt(e, n) {
-  const t = ln(e);
+function jt(e, n) {
+  const t = sn(e);
   return Math.round(n * t) / t;
 }
 function gt(e, n, t) {
@@ -1636,7 +1636,7 @@ function gt(e, n, t) {
   const o = t.whileElementsMounted, l = E(() => {
     var k;
     return (k = Ae(t.open)) != null ? k : !0;
-  }), i = E(() => Ae(t.middleware)), a = E(() => {
+  }), a = E(() => Ae(t.middleware)), i = E(() => {
     var k;
     return (k = Ae(t.placement)) != null ? k : "bottom";
   }), r = E(() => {
@@ -1645,7 +1645,7 @@ function gt(e, n, t) {
   }), c = E(() => {
     var k;
     return (k = Ae(t.transform)) != null ? k : !0;
-  }), s = E(() => Pt(e.value)), u = E(() => Pt(n.value)), d = C(0), f = C(0), m = C(r.value), p = C(a.value), _ = hn({}), h = C(!1), y = E(() => {
+  }), s = E(() => Mt(e.value)), u = E(() => Mt(n.value)), d = C(0), v = C(0), m = C(r.value), p = C(i.value), _ = bn({}), h = C(!1), y = E(() => {
     const k = {
       position: m.value,
       left: "0",
@@ -1653,17 +1653,17 @@ function gt(e, n, t) {
     };
     if (!u.value)
       return k;
-    const V = Mt(u.value, d.value), T = Mt(u.value, f.value);
+    const V = jt(u.value, d.value), A = jt(u.value, v.value);
     return c.value ? {
       ...k,
-      transform: "translate(" + V + "px, " + T + "px)",
-      ...ln(u.value) >= 1.5 && {
+      transform: "translate(" + V + "px, " + A + "px)",
+      ...sn(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: m.value,
       left: V + "px",
-      top: T + "px"
+      top: A + "px"
     };
   });
   let w;
@@ -1671,12 +1671,12 @@ function gt(e, n, t) {
     if (s.value == null || u.value == null)
       return;
     const k = l.value;
-    on(s.value, u.value, {
-      middleware: i.value,
-      placement: a.value,
+    an(s.value, u.value, {
+      middleware: a.value,
+      placement: i.value,
       strategy: r.value
     }).then((V) => {
-      d.value = V.x, f.value = V.y, m.value = V.strategy, p.value = V.placement, _.value = V.middlewareData, h.value = k !== !1;
+      d.value = V.x, v.value = V.y, m.value = V.strategy, p.value = V.placement, _.value = V.middlewareData, h.value = k !== !1;
     });
   }
   function $() {
@@ -1692,34 +1692,34 @@ function gt(e, n, t) {
       return;
     }
   }
-  function z() {
+  function I() {
     l.value || (h.value = !1);
   }
-  return X([i, a, r, l], b, {
+  return X([a, i, r, l], b, {
     flush: "sync"
   }), X([s, u], P, {
     flush: "sync"
-  }), X(l, z, {
+  }), X(l, I, {
     flush: "sync"
-  }), gn() && bn($), {
-    x: ke(d),
-    y: ke(f),
-    strategy: ke(m),
-    placement: ke(p),
-    middlewareData: ke(_),
-    isPositioned: ke(h),
+  }), yn() && wn($), {
+    x: Ve(d),
+    y: Ve(v),
+    strategy: Ve(m),
+    placement: Ve(p),
+    middlewareData: Ve(_),
+    isPositioned: Ve(h),
     floatingStyles: y,
     update: b
   };
 }
-const cl = /* @__PURE__ */ A({
+const fl = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "dot-menu",
   props: {
     icon: {}
   },
   setup(e) {
-    const n = e, t = C(!1), o = C(null), l = C(null), i = E(() => n.icon ?? F.DOT_MENU), { floatingStyles: a } = gt(o, l, {
+    const n = e, t = C(!1), o = C(null), l = C(null), a = E(() => n.icon ?? F.DOT_MENU), { floatingStyles: i } = gt(o, l, {
       placement: "bottom-end",
       middleware: [Ze(8), tt(), et({ padding: 8 })],
       whileElementsMounted: Qe
@@ -1732,29 +1732,29 @@ const cl = /* @__PURE__ */ A({
       d && (d.closest(".menu-action") || d.closest('[role="menuitem"]') || d.closest("a")) && c();
     };
     return (u, d) => {
-      const f = N("VjButton"), m = N("VjMenu");
-      return v(), g(ne, null, [
+      const v = K("VjButton"), m = K("VjMenu");
+      return f(), g(Z, null, [
         x("div", {
-          class: I(["dot-menu-container", u.$attrs.class])
+          class: z(["dot-menu-container", u.$attrs.class])
         }, [
-          O(f, {
+          O(v, {
             ref_key: "buttonRef",
             ref: o,
             class: "dot-menu",
             tertiary: "",
-            icon: i.value,
+            icon: a.value,
             onClick: r
           }, null, 8, ["icon"]),
           O(Oe, { name: "menu" }, {
             default: W(() => [
-              t.value ? (v(), j(m, {
+              t.value ? (f(), j(m, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
-                style: Y(R(a)),
+                style: G(S(i)),
                 class: "menu-dropdown",
                 onClose: c,
-                onClick: s
+                onClickCapture: s
               }, {
                 default: W(() => [
                   M(u.$slots, "default", {}, void 0, !0)
@@ -1765,8 +1765,8 @@ const cl = /* @__PURE__ */ A({
             _: 3
           })
         ], 2),
-        (v(), j(Xe, { to: "body" }, [
-          t.value ? (v(), g("div", {
+        (f(), j(Pe, { to: "body" }, [
+          t.value ? (f(), g("div", {
             key: 0,
             class: "menu-backdrop",
             onClick: c
@@ -1775,7 +1775,7 @@ const cl = /* @__PURE__ */ A({
       ], 64);
     };
   }
-}), ul = /* @__PURE__ */ B(cl, [["__scopeId", "data-v-67bd71e4"]]), dl = /* @__PURE__ */ A({
+}), vl = /* @__PURE__ */ B(fl, [["__scopeId", "data-v-3c400bfd"]]), ml = /* @__PURE__ */ T({
   __name: "link-button",
   props: {
     label: {},
@@ -1788,26 +1788,26 @@ const cl = /* @__PURE__ */ A({
   },
   setup(e) {
     const n = e, t = q.S, o = E(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
-    return (l, i) => {
-      const a = N("router-link");
-      return v(), j(a, {
+    return (l, a) => {
+      const i = K("router-link");
+      return f(), j(i, {
         to: e.to,
-        class: I(["button", o.value]),
+        class: z(["button", o.value]),
         disabled: e.disabled
       }, {
         default: W(() => [
-          e.icon ? (v(), j(ge, {
+          e.icon ? (f(), j(be, {
             key: 0,
             icon: e.icon,
-            size: R(t)
+            size: S(t)
           }, null, 8, ["icon", "size"])) : L("", !0),
-          He(" " + D(e.label), 1)
+          Ue(" " + D(e.label), 1)
         ]),
         _: 1
       }, 8, ["to", "class", "disabled"]);
     };
   }
-}), fl = /* @__PURE__ */ B(dl, [["__scopeId", "data-v-bd3cf2f5"]]), vl = ["disabled"], ml = { class: "menu-action--icon" }, pl = /* @__PURE__ */ A({
+}), pl = /* @__PURE__ */ B(ml, [["__scopeId", "data-v-bd3cf2f5"]]), hl = ["disabled"], gl = { class: "menu-action--icon" }, bl = /* @__PURE__ */ T({
   __name: "menu-action",
   props: {
     label: {},
@@ -1816,34 +1816,34 @@ const cl = /* @__PURE__ */ A({
   },
   setup(e) {
     const n = q.S;
-    return (t, o) => (v(), g("button", {
+    return (t, o) => (f(), g("button", {
       class: "menu-action button tertiary",
       disabled: e.disabled
     }, [
-      x("span", ml, [
-        e.icon ? (v(), j(ge, {
+      x("span", gl, [
+        e.icon ? (f(), j(be, {
           key: 0,
           icon: e.icon,
-          size: R(n)
+          size: S(n)
         }, null, 8, ["icon", "size"])) : L("", !0)
       ]),
       x("span", null, D(e.label), 1)
-    ], 8, vl));
+    ], 8, hl));
   }
-}), hl = /* @__PURE__ */ B(pl, [["__scopeId", "data-v-07850995"]]), gl = {}, bl = { class: "menu" };
-function yl(e, n) {
-  return v(), g("div", bl, [
+}), yl = /* @__PURE__ */ B(bl, [["__scopeId", "data-v-07850995"]]), wl = {}, _l = { class: "menu" };
+function xl(e, n) {
+  return f(), g("div", _l, [
     M(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const wl = /* @__PURE__ */ B(gl, [["render", yl], ["__scopeId", "data-v-259fec08"]]), _l = {
+const kl = /* @__PURE__ */ B(wl, [["render", xl], ["__scopeId", "data-v-259fec08"]]), Vl = {
   mounted(e) {
     e.classList.add("compact");
   },
   unmounted(e) {
     e.classList.remove("compact");
   }
-}, an = [
+}, rn = [
   'input:not([disabled]):not([type="hidden"])',
   "select:not([disabled])",
   "textarea:not([disabled])",
@@ -1852,21 +1852,21 @@ const wl = /* @__PURE__ */ B(gl, [["render", yl], ["__scopeId", "data-v-259fec08
   '[tabindex]:not([tabindex="-1"])',
   '[contenteditable="true"]'
 ].join(", ");
-function xl(e) {
-  const n = e.querySelectorAll(an);
+function El(e) {
+  const n = e.querySelectorAll(rn);
   for (const t of Array.from(n))
     if (t.offsetParent !== null || t.getClientRects().length > 0)
       return t;
   return null;
 }
-const kl = {
+const Cl = {
   mounted(e, n) {
     const t = typeof n.value == "number" ? n.value : 0, o = () => {
-      if (e.matches(an)) {
+      if (e.matches(rn)) {
         e.focus();
         return;
       }
-      const l = xl(e);
+      const l = El(e);
       l && l.focus();
     };
     t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
@@ -1899,17 +1899,17 @@ class bt {
   handleEntry(n) {
     const t = this.targets.get(n.target);
     if (!t) return;
-    const o = n.contentRect.width, l = n.contentRect.height, i = n.target;
-    for (const a of t.callbacks)
+    const o = n.contentRect.width, l = n.contentRect.height, a = n.target;
+    for (const i of t.callbacks)
       try {
-        a(o, l, i);
+        i(o, l, a);
       } catch (r) {
         console.error("resize callback error", r);
       }
     if (t.breakpoints) {
-      const a = Object.keys(t.breakpoints).map((c) => Number(c)).filter((c) => !Number.isNaN(c)).sort((c, s) => c - s);
+      const i = Object.keys(t.breakpoints).map((c) => Number(c)).filter((c) => !Number.isNaN(c)).sort((c, s) => c - s);
       let r;
-      for (const c of a)
+      for (const c of i)
         o >= c && (r = t.breakpoints[c]);
       r !== t.currentClass && (t.currentClass && n.target.classList.remove(t.currentClass), r && n.target.classList.add(r), t.currentClass = r);
     }
@@ -1919,13 +1919,13 @@ class bt {
     if (l)
       t && l.callbacks.add(t), o?.breakpoints && (l.breakpoints = o.breakpoints);
     else {
-      const i = /* @__PURE__ */ new Set();
-      t && i.add(t), this.targets.set(n, { callbacks: i, breakpoints: o?.breakpoints }), this.observer && this.observer.observe(n);
+      const a = /* @__PURE__ */ new Set();
+      t && a.add(t), this.targets.set(n, { callbacks: a, breakpoints: o?.breakpoints }), this.observer && this.observer.observe(n);
     }
     if (o?.immediate) {
-      const i = n.getBoundingClientRect(), a = { target: n, contentRect: i };
-      if (this.handleEntry(a), t) {
-        const r = i.width, c = i.height;
+      const a = n.getBoundingClientRect(), i = { target: n, contentRect: a };
+      if (this.handleEntry(i), t) {
+        const r = a.width, c = a.height;
         t(r, c, n);
       }
     }
@@ -1935,106 +1935,106 @@ class bt {
     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 = bt.instance, Vl = {
+const Ee = bt.instance, Ll = {
   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 });
+    const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, a = typeof t == "object" && !!t?.immediate, i = e;
+    i.__resize_cb = o, i.__resize_breakpoints = l, o && Ee.observe(e, o, { breakpoints: l, immediate: a });
   },
   updated(e, n) {
-    const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, i = n.value, a = typeof i == "function" ? i : i?.onResize, r = typeof i == "object" && i?.breakpoints ? i.breakpoints : void 0;
-    if (o !== a) {
-      o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: r, immediate: !!(i && typeof i == "object" && i.immediate) }), t.__resize_cb = a, t.__resize_breakpoints = r;
+    const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, a = n.value, i = typeof a == "function" ? a : a?.onResize, r = typeof a == "object" && a?.breakpoints ? a.breakpoints : void 0;
+    if (o !== i) {
+      o && Ee.unobserve(e, o), i && Ee.observe(e, i, { breakpoints: r, immediate: !!(a && typeof a == "object" && a.immediate) }), t.__resize_cb = i, t.__resize_breakpoints = r;
       return;
     }
-    JSON.stringify(l || {}) !== JSON.stringify(r || {}) && (o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: r, immediate: !0 }), t.__resize_breakpoints = r);
+    JSON.stringify(l || {}) !== JSON.stringify(r || {}) && (o && Ee.unobserve(e, o), i && Ee.observe(e, i, { breakpoints: r, immediate: !0 }), t.__resize_breakpoints = r);
   },
   unmounted(e) {
     const n = e, t = n.__resize_cb;
-    t && Ve.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
+    t && Ee.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
   }
-}, El = {}, Cl = { class: "spinner" };
-function Ll(e, n) {
-  return v(), g("div", Cl);
+}, $l = {}, Sl = { class: "spinner" };
+function Rl(e, n) {
+  return f(), g("div", Sl);
 }
-const sn = /* @__PURE__ */ B(El, [["render", Ll], ["__scopeId", "data-v-b957fb82"]]), $l = 200, Rl = 120;
-function jt(e, n) {
+const cn = /* @__PURE__ */ B($l, [["render", Rl], ["__scopeId", "data-v-b957fb82"]]), Tl = 200, Al = 120;
+function Ft(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 <= Rl ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= $l && t.classList.add("vj-loading-inner--small");
+  l && l.classList.remove("vj-loading-text--hidden"), o <= Al ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= Tl && t.classList.add("vj-loading-inner--small");
 }
-const Sl = {
+const Ol = {
   mounted(e, n) {
     let t, o;
     if (typeof n.value == "object" && n.value !== null) {
-      const f = n.value;
-      t = !!(f.active ?? !0), o = f.text;
+      const v = n.value;
+      t = !!(v.active ?? !0), o = v.text;
     } else
       t = !!n.value, o = void 0;
-    const l = getComputedStyle(e), i = { overlay: document.createElement("div") };
-    (l.position === "static" || !l.position) && (i.originalPosition = e.style.position, e.style.position = "relative");
-    const a = i.overlay;
-    a.className = "vj-loading-overlay", t || a.classList.add("vj-loading-overlay--hidden");
+    const l = getComputedStyle(e), a = { overlay: document.createElement("div") };
+    (l.position === "static" || !l.position) && (a.originalPosition = e.style.position, e.style.position = "relative");
+    const i = a.overlay;
+    i.className = "vj-loading-overlay", t || i.classList.add("vj-loading-overlay--hidden");
     const r = document.createElement("div"), c = document.createElement("div");
     c.className = "vj-loading-inner", c.appendChild(r);
     let s;
-    o && (s = document.createElement("div"), s.className = "vj-loading-text", s.textContent = o, c.appendChild(s)), a.appendChild(c), jt(e, a);
-    const u = O(sn);
-    Lt(u, r), i.spinnerVnode = u, i.spinnerContainer = r, 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, c.appendChild(s)), i.appendChild(c), Ft(e, i);
+    const u = O(cn);
+    $t(u, r), a.spinnerVnode = u, a.spinnerContainer = r, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(i);
     const d = e;
-    d.__vjLoading = i;
+    d.__vjLoading = a;
   },
   updated(e, n) {
     const o = e.__vjLoading;
     if (!o) return;
     const { overlay: l } = o;
-    let i, a;
+    let a, i;
     if (typeof n.value == "object" && n.value !== null) {
       const c = n.value;
-      i = !!(c.active ?? !0), a = c.text;
+      a = !!(c.active ?? !0), i = c.text;
     } else
-      i = !!n.value, a = void 0;
-    i ? (l.classList.remove("vj-loading-overlay--hidden"), e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none") : (l.classList.add("vj-loading-overlay--hidden"), e.removeAttribute("aria-busy"), e.style.pointerEvents = "");
+      a = !!n.value, i = void 0;
+    a ? (l.classList.remove("vj-loading-overlay--hidden"), e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none") : (l.classList.add("vj-loading-overlay--hidden"), e.removeAttribute("aria-busy"), e.style.pointerEvents = "");
     const r = l.querySelector(".vj-loading-inner");
     if (r) {
       const c = r.querySelector(".vj-loading-text");
       if (c)
-        a ? c.textContent = a : c.remove();
-      else if (a) {
+        i ? c.textContent = i : c.remove();
+      else if (i) {
         const s = document.createElement("div");
-        s.className = "vj-loading-text", s.textContent = a, r.appendChild(s);
+        s.className = "vj-loading-text", s.textContent = i, r.appendChild(s);
       }
     }
-    jt(e, l);
+    Ft(e, l);
   },
   unmounted(e) {
     const n = e, t = n.__vjLoading;
     if (!t) return;
     const { overlay: o, originalPosition: l } = t;
     try {
-      t.spinnerContainer && Lt(null, t.spinnerContainer);
+      t.spinnerContainer && $t(null, t.spinnerContainer);
     } catch {
     }
     o && o.parentElement === e && e.removeChild(o), l !== void 0 && (e.style.position = l), n.__vjLoading = void 0;
   }
-}, Tl = (e) => {
+}, Bl = (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 Ft(e) {
+function zt(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 rn = {
+const un = {
   mounted(e, n) {
-    const t = Ft(n), o = Tl(t.content);
+    const t = zt(n), o = Bl(t.content);
     document.body.appendChild(o);
-    const l = { tooltip: o, cleanup: void 0, showTimer: null, hideTimer: null }, i = async () => {
-      const m = await on(e, o, {
+    const l = { tooltip: o, cleanup: void 0, showTimer: null, hideTimer: null }, a = async () => {
+      const m = await an(e, o, {
         placement: t.placement,
         middleware: [Ze(6), tt(), et({ padding: 8 })]
       }), { x: p, y: _ } = m;
@@ -2042,9 +2042,9 @@ const rn = {
         left: `${p}px`,
         top: `${_}px`
       });
-    }, a = () => {
+    }, i = () => {
       l.hideTimer && window.clearTimeout(l.hideTimer), l.showTimer = window.setTimeout(() => {
-        o.classList.add("vj-tooltip--visible"), i(), l.cleanup = Qe(e, o, i);
+        o.classList.add("vj-tooltip--visible"), a(), l.cleanup = Qe(e, o, a);
       }, t.delay);
     }, r = () => {
       l.showTimer && window.clearTimeout(l.showTimer), l.hideTimer = window.setTimeout(() => {
@@ -2057,20 +2057,20 @@ const rn = {
         }
       }, 50);
     }, c = (m) => {
-      a();
+      i();
     }, s = (m) => {
       r();
-    }, u = () => a(), d = () => r(), f = (m) => {
-      m.pointerType === "touch" && (a(), l.docHandler = (p) => {
+    }, u = () => i(), d = () => r(), v = (m) => {
+      m.pointerType === "touch" && (i(), l.docHandler = (p) => {
         !o.contains(p.target) && !e.contains(p.target) && (r(), document.removeEventListener("pointerdown", l.docHandler), l.docHandler = void 0);
       }, document.addEventListener("pointerdown", l.docHandler));
     };
-    e.addEventListener("pointerenter", c), e.addEventListener("pointerleave", s), e.addEventListener("focus", u), e.addEventListener("blur", d), e.addEventListener("pointerdown", f), l.onPointerEnter = c, l.onPointerLeave = s, l.onFocus = u, l.onBlur = d, l.onPointerDown = f, e.__vjTooltip = l;
+    e.addEventListener("pointerenter", c), e.addEventListener("pointerleave", s), e.addEventListener("focus", u), e.addEventListener("blur", d), e.addEventListener("pointerdown", v), l.onPointerEnter = c, l.onPointerLeave = s, l.onFocus = u, l.onBlur = d, l.onPointerDown = v, e.__vjTooltip = l;
   },
   updated(e, n) {
     const t = e.__vjTooltip;
     if (!t) return;
-    const o = Ft(n);
+    const o = zt(n);
     t.tooltip.textContent = o.content;
   },
   unmounted(e) {
@@ -2083,7 +2083,7 @@ const rn = {
       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;
     }
   }
-}, Al = { class: "notification__icon" }, Ol = { class: "notification__message" }, Dl = { class: "notification__title" }, Bl = { class: "notification__text" }, Pl = /* @__PURE__ */ A({
+}, Dl = { class: "notification__icon" }, Pl = { class: "notification__message" }, Ml = { class: "notification__title" }, jl = { class: "notification__text" }, Fl = /* @__PURE__ */ T({
   __name: "notification",
   props: {
     type: {},
@@ -2103,39 +2103,39 @@ const rn = {
         default:
           return F.INFO;
       }
-    }), i = () => {
+    }), a = () => {
       o("close");
     };
-    return (a, r) => (v(), g("div", {
-      class: I(["notification", `notification--${e.type}`]),
-      onClick: i
+    return (i, r) => (f(), g("div", {
+      class: z(["notification", `notification--${e.type}`]),
+      onClick: a
     }, [
-      x("div", Al, [
-        O(ge, { icon: l.value }, null, 8, ["icon"])
+      x("div", Dl, [
+        O(be, { icon: l.value }, null, 8, ["icon"])
       ]),
-      x("div", Ol, [
-        x("div", Dl, D(e.title), 1),
-        x("div", Bl, D(e.message), 1)
+      x("div", Pl, [
+        x("div", Ml, D(e.title), 1),
+        x("div", jl, D(e.message), 1)
       ]),
       O(ut, {
         class: "notification__close compact",
-        icon: R(F).CLOSE,
-        onClick: K(i, ["stop"]),
+        icon: S(F).CLOSE,
+        onClick: N(a, ["stop"]),
         tertiary: ""
       }, null, 8, ["icon"])
     ], 2));
   }
-}), Ml = /* @__PURE__ */ B(Pl, [["__scopeId", "data-v-ca4451c0"]]), jl = { class: "page" }, Fl = { class: "header-left" }, zl = { class: "header-titles" }, Il = { key: 0 }, Hl = { class: "header-actions" }, Ul = {
+}), yt = /* @__PURE__ */ B(Fl, [["__scopeId", "data-v-ca4451c0"]]), zl = { class: "page" }, Il = { class: "header-left" }, Hl = { class: "header-titles" }, Ul = { key: 0 }, Wl = { class: "header-actions" }, Nl = {
   key: 0,
   class: "page-error"
-}, Wl = {
+}, Kl = {
   key: 1,
   class: "contents"
-}, Kl = {
+}, Xl = {
   key: 2,
   class: "actions"
-}, Nl = { key: 3 }, Xl = { key: 0 }, ql = /* @__PURE__ */ A({
-  directives: { loading: Sl },
+}, Gl = { key: 3 }, ql = { key: 0 }, Yl = /* @__PURE__ */ T({
+  directives: { loading: Ol },
   __name: "page",
   props: {
     title: {},
@@ -2148,64 +2148,64 @@ const rn = {
   },
   emits: ["back"],
   setup(e, { emit: n }) {
-    const t = e, o = E(() => t.flow?.running?.value ?? !1), l = E(() => t.flow?.error?.value ?? null), i = E(() => t.errorMessage ?? (l.value ? String(l.value) : null));
-    return (a, r) => {
-      const c = N("VjButton"), s = Ut("loading");
-      return ct((v(), g("div", jl, [
+    const t = e, o = E(() => t.flow?.running?.value ?? !1), l = E(() => t.flow?.error?.value ?? null), a = E(() => t.errorMessage ?? (l.value ? String(l.value) : null));
+    return (i, r) => {
+      const c = K("VjButton"), s = Nt("loading");
+      return ct((f(), g("div", zl, [
         x("header", null, [
-          x("div", Fl, [
-            e.backLabel ? (v(), j(c, {
+          x("div", Il, [
+            e.backLabel ? (f(), j(c, {
               key: 0,
               tertiary: "",
-              icon: R(F).BACK,
-              onClick: r[0] || (r[0] = (u) => a.$emit("back")),
+              icon: S(F).BACK,
+              onClick: r[0] || (r[0] = (u) => i.$emit("back")),
               size: "small"
             }, null, 8, ["icon"])) : L("", !0),
-            x("div", zl, [
+            x("div", Hl, [
               x("h1", null, D(e.title), 1),
-              e.subTitle ? (v(), g("h2", Il, D(e.subTitle), 1)) : L("", !0)
+              e.subTitle ? (f(), g("h2", Ul, D(e.subTitle), 1)) : L("", !0)
             ])
           ]),
-          x("div", Hl, [
-            M(a.$slots, "headerActions", {}, void 0, !0)
+          x("div", Wl, [
+            M(i.$slots, "headerActions", {}, void 0, !0)
           ])
         ]),
         x("main", {
-          class: I({ scrollable: e.scrollable })
+          class: z({ scrollable: e.scrollable })
         }, [
-          i.value ? (v(), g("div", Ul, [
-            M(a.$slots, "error", {}, () => [
-              O(Ml, {
+          a.value ? (f(), g("div", Nl, [
+            M(i.$slots, "error", {}, () => [
+              O(yt, {
                 type: "error",
-                title: i.value,
-                message: i.value
+                title: a.value,
+                message: a.value
               }, null, 8, ["title", "message"])
             ], !0)
           ])) : L("", !0),
-          i.value ? L("", !0) : (v(), g("div", Wl, [
-            M(a.$slots, "default", {}, void 0, !0)
+          a.value ? L("", !0) : (f(), g("div", Kl, [
+            M(i.$slots, "default", {}, void 0, !0)
           ])),
-          i.value ? L("", !0) : (v(), g("div", Kl, [
-            M(a.$slots, "actions", {}, void 0, !0)
+          a.value ? L("", !0) : (f(), g("div", Xl, [
+            M(i.$slots, "actions", {}, void 0, !0)
           ])),
-          a.$slots.flexFooter ? (v(), g("footer", Nl, [
-            M(a.$slots, "flexFooter", {}, void 0, !0)
+          i.$slots.flexFooter ? (f(), g("footer", Gl, [
+            M(i.$slots, "flexFooter", {}, void 0, !0)
           ])) : L("", !0)
         ], 2),
-        a.$slots.footer ? (v(), g("footer", Xl, [
-          M(a.$slots, "footer", {}, void 0, !0)
+        i.$slots.footer ? (f(), g("footer", ql, [
+          M(i.$slots, "footer", {}, void 0, !0)
         ])) : L("", !0)
       ])), [
         [s, { active: o.value, text: t.loadingMessage }]
       ]);
     };
   }
-}), Gl = /* @__PURE__ */ B(ql, [["__scopeId", "data-v-3e724555"]]), Yl = {
+}), Jl = /* @__PURE__ */ B(Yl, [["__scopeId", "data-v-3e724555"]]), Ql = {
   class: "paginator-info",
   "aria-live": "polite"
-}, Jl = /* @__PURE__ */ A({
+}, Zl = /* @__PURE__ */ T({
   __name: "paginator",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ ee({
     totalItems: {},
     pageSize: {},
     labels: {}
@@ -2213,26 +2213,26 @@ const rn = {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ee(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = ve(e, "modelValue"), l = n, i = E(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), a = E(() => Math.min(Math.max(1, o.value ?? 1), i.value)), r = E(() => a.value), c = E(() => a.value <= 1), s = E(() => a.value >= i.value), u = E(() => t.labels?.item ?? "Eintrag"), d = E(() => t.labels?.of ?? "von"), f = (y) => {
-      const w = Math.min(Math.max(1, Math.floor(y)), i.value);
+    const t = e, o = ve(e, "modelValue"), l = n, a = E(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), i = E(() => Math.min(Math.max(1, o.value ?? 1), a.value)), r = E(() => i.value), c = E(() => i.value <= 1), s = E(() => i.value >= a.value), u = E(() => t.labels?.item ?? "Eintrag"), d = E(() => t.labels?.of ?? "von"), v = (y) => {
+      const w = Math.min(Math.max(1, Math.floor(y)), a.value);
       w !== o.value && (o.value = w, l("change", w));
-    }, m = () => f(1), p = () => f(a.value - 1), _ = () => f(a.value + 1), h = () => f(i.value);
+    }, m = () => v(1), p = () => v(i.value - 1), _ = () => v(i.value + 1), h = () => v(a.value);
     return X([() => t.totalItems, () => t.pageSize], () => {
-      o.value > i.value && f(i.value);
+      o.value > a.value && v(a.value);
     }), (y, w) => {
-      const b = N("VjButton");
-      return v(), g("nav", {
+      const b = K("VjButton");
+      return f(), g("nav", {
         class: "paginator",
         "aria-label": "Pagination",
-        onKeydown: w[0] || (w[0] = lt(K(() => {
+        onKeydown: w[0] || (w[0] = lt(N(() => {
         }, ["prevent"]), ["enter"]))
       }, [
         O(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(F).FIRST,
+          icon: S(F).FIRST,
           disabled: c.value,
           onClick: m,
           "aria-label": "First page"
@@ -2240,22 +2240,22 @@ const rn = {
         O(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(F).PREVIOUS,
+          icon: S(F).PREVIOUS,
           disabled: c.value,
           onClick: p,
           "aria-label": "Previous page"
         }, null, 8, ["icon", "disabled"]),
         M(y.$slots, "info", {
-          current: a.value,
-          totalPages: i.value,
-          goTo: f
+          current: i.value,
+          totalPages: a.value,
+          goTo: v
         }, () => [
-          x("div", Yl, D(u.value) + " " + D(r.value) + " " + D(d.value) + " " + D(i.value), 1)
+          x("div", Ql, D(u.value) + " " + D(r.value) + " " + D(d.value) + " " + D(a.value), 1)
         ], !0),
         O(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(F).NEXT,
+          icon: S(F).NEXT,
           disabled: s.value,
           onClick: _,
           "aria-label": "Next page"
@@ -2263,7 +2263,7 @@ const rn = {
         O(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(F).LAST,
+          icon: S(F).LAST,
           disabled: s.value,
           onClick: h,
           "aria-label": "Last page"
@@ -2271,9 +2271,9 @@ const rn = {
       ], 32);
     };
   }
-}), Ql = /* @__PURE__ */ B(Jl, [["__scopeId", "data-v-b6fa8efe"]]), Zl = { class: "search-field" }, ea = ["value", "placeholder"], ta = /* @__PURE__ */ A({
+}), ea = /* @__PURE__ */ B(Zl, [["__scopeId", "data-v-b6fa8efe"]]), ta = { class: "search-field" }, na = ["value", "placeholder"], oa = /* @__PURE__ */ T({
   __name: "search-field",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ ee({
     placeholder: { default: "Search..." }
   }, {
     modelValue: {},
@@ -2281,47 +2281,47 @@ const rn = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ve(e, "modelValue"), t = (i) => {
-      n.value = i.target.value;
+    const n = ve(e, "modelValue"), t = (a) => {
+      n.value = a.target.value;
     }, o = () => {
       n.value = "";
     }, l = E(() => !n.value);
-    return (i, a) => {
-      const r = N("VjIcon");
-      return v(), g("div", Zl, [
+    return (a, i) => {
+      const r = K("VjIcon");
+      return f(), g("div", ta, [
         O(r, {
-          icon: R(F).SEARCH,
-          size: R(q).S
+          icon: S(F).SEARCH,
+          size: S(q).S
         }, null, 8, ["icon", "size"]),
         x("input", {
           value: n.value,
           onInput: t,
           type: "text",
           placeholder: e.placeholder
-        }, null, 40, ea),
+        }, null, 40, na),
         O(r, {
-          class: I(["reset", { invisible: l.value }]),
-          icon: R(F).CLOSE,
-          size: R(q).S,
+          class: z(["reset", { invisible: l.value }]),
+          icon: S(F).CLOSE,
+          size: S(q).S,
           onClick: o
         }, null, 8, ["class", "icon", "size"])
       ]);
     };
   }
-}), na = /* @__PURE__ */ B(ta, [["__scopeId", "data-v-2771c8ed"]]), oa = /* @__PURE__ */ A({
+}), la = /* @__PURE__ */ B(oa, [["__scopeId", "data-v-2771c8ed"]]), aa = /* @__PURE__ */ T({
   __name: "separator",
   props: {
     vertical: { type: Boolean }
   },
   setup(e) {
-    return (n, t) => (v(), g("div", {
-      class: I(["separator", { vertical: e.vertical }])
+    return (n, t) => (f(), g("div", {
+      class: z(["separator", { vertical: e.vertical }])
     }, null, 2));
   }
-}), la = /* @__PURE__ */ B(oa, [["__scopeId", "data-v-e354bb4e"]]), aa = { class: "tab-view" }, ia = {
+}), ia = /* @__PURE__ */ B(aa, [["__scopeId", "data-v-e354bb4e"]]), sa = { class: "tab-view" }, ra = {
   ref: "headerRef",
   class: "tab-view-header"
-}, sa = ["onClick"], ra = { class: "tab-view-content" }, ca = /* @__PURE__ */ A({
+}, ca = ["onClick"], ua = { class: "tab-view-content" }, da = /* @__PURE__ */ T({
   __name: "tab-view",
   props: {
     modelValue: {},
@@ -2332,69 +2332,69 @@ const rn = {
     const n = ve(e, "modelValue"), t = C([]), o = C([]), l = C({
       width: "0px",
       transform: "translateX(0px)"
-    }), i = (s, u) => {
+    }), a = (s, u) => {
       s && (o.value[u] = s);
-    }, a = () => {
+    }, i = () => {
       const s = t.value.findIndex((u) => u.name === n.value);
       if (s >= 0 && o.value[s]) {
-        const u = o.value[s], d = u.offsetWidth, f = u.offsetLeft;
+        const u = o.value[s], d = u.offsetWidth, v = u.offsetLeft;
         l.value = {
           width: `${d}px`,
-          transform: `translateX(${f}px)`
+          transform: `translateX(${v}px)`
         };
       }
     }, r = (s, u) => {
       t.value.find((d) => d.name === s) || (t.value.push({ name: s, label: u }), me(() => {
-        !n.value && t.value.length === 1 && (n.value = s), a();
+        !n.value && t.value.length === 1 && (n.value = s), i();
       }));
     }, c = (s) => {
       n.value = s;
     };
     return X(n, () => {
       me(() => {
-        a();
+        i();
       });
-    }), yn("tabView", {
+    }), _n("tabView", {
       activeTab: () => n.value,
       registerTab: r
-    }), (s, u) => (v(), g("div", aa, [
-      x("div", ia, [
-        (v(!0), g(ne, null, Se(t.value, (d, f) => (v(), g("div", {
+    }), (s, u) => (f(), g("div", sa, [
+      x("div", ra, [
+        (f(!0), g(Z, null, ge(t.value, (d, v) => (f(), g("div", {
           key: d.name,
           ref_for: !0,
-          ref: (m) => i(m, f),
-          class: I(["tab-button", { active: n.value === d.name }]),
+          ref: (m) => a(m, v),
+          class: z(["tab-button", { active: n.value === d.name }]),
           onClick: (m) => c(d.name)
-        }, D(d.label), 11, sa))), 128)),
+        }, D(d.label), 11, ca))), 128)),
         u[0] || (u[0] = x("div", { class: "tab-line" }, null, -1)),
         x("div", {
           class: "tab-indicator",
-          style: Y(l.value)
+          style: G(l.value)
         }, null, 4)
       ], 512),
-      x("div", ra, [
+      x("div", ua, [
         M(s.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), ua = /* @__PURE__ */ B(ca, [["__scopeId", "data-v-3d4ee454"]]), da = {
+}), fa = /* @__PURE__ */ B(da, [["__scopeId", "data-v-3d4ee454"]]), va = {
   key: 0,
   class: "tab"
-}, fa = /* @__PURE__ */ A({
+}, ma = /* @__PURE__ */ T({
   __name: "tab",
   props: {
     name: {},
     label: {}
   },
   setup(e) {
-    const n = e, t = Wt("tabView"), o = E(() => t?.activeTab() === n.name);
-    return Be(() => {
+    const n = e, t = Kt("tabView"), o = E(() => t?.activeTab() === n.name);
+    return De(() => {
       t?.registerTab(n.name, n.label);
-    }), (l, i) => o.value ? (v(), g("div", da, [
+    }), (l, a) => o.value ? (f(), g("div", va, [
       M(l.$slots, "default")
     ])) : L("", !0);
   }
-}), va = ["onKeydown"], ma = /* @__PURE__ */ A({
+}), pa = ["onKeydown"], ha = /* @__PURE__ */ T({
   __name: "editable-label",
   props: {
     modelValue: {},
@@ -2402,56 +2402,56 @@ const rn = {
   },
   emits: ["update:modelValue", "edit"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(() => t.modelValue ?? ""), i = C(l.value), a = C(!1), r = C(!1), c = C(null), s = E(() => !!t.showIcon);
+    const t = e, o = n, l = E(() => t.modelValue ?? ""), a = C(l.value), i = C(!1), r = C(!1), c = C(null), s = E(() => !!t.showIcon);
     X(l, (m) => {
-      i.value = m;
+      a.value = m;
     });
     function u() {
-      a.value = !0, me(() => c.value?.focus());
+      i.value = !0, me(() => c.value?.focus());
     }
     function d() {
-      a.value = !1, i.value !== l.value && (o("update:modelValue", i.value), o("edit", i.value));
+      i.value = !1, a.value !== l.value && (o("update:modelValue", a.value), o("edit", a.value));
     }
-    function f() {
-      i.value = l.value, a.value = !1;
+    function v() {
+      a.value = l.value, i.value = !1;
     }
-    return (m, p) => (v(), g("span", {
-      class: I(["vj-editable-label", { editing: a.value }]),
+    return (m, p) => (f(), g("span", {
+      class: z(["vj-editable-label", { editing: i.value }]),
       onMouseenter: p[1] || (p[1] = (_) => r.value = !0),
       onMouseleave: p[2] || (p[2] = (_) => r.value = !1)
     }, [
-      a.value ? ct((v(), g("input", {
+      i.value ? ct((f(), g("input", {
         key: 1,
         ref_key: "inputRef",
         ref: c,
         class: "edit-input",
-        "onUpdate:modelValue": p[0] || (p[0] = (_) => i.value = _),
+        "onUpdate:modelValue": p[0] || (p[0] = (_) => a.value = _),
         onKeydown: [
-          lt(K(d, ["prevent"]), ["enter"]),
-          lt(K(f, ["prevent"]), ["esc"])
+          lt(N(d, ["prevent"]), ["enter"]),
+          lt(N(v, ["prevent"]), ["esc"])
         ],
         onBlur: d
-      }, null, 40, va)), [
-        [wn, i.value]
-      ]) : (v(), g(ne, { key: 0 }, [
+      }, null, 40, pa)), [
+        [xn, a.value]
+      ]) : (f(), g(Z, { key: 0 }, [
         x("span", {
           class: "label-text",
           onClick: u,
           title: "Click to edit"
         }, D(l.value), 1),
-        r.value || s.value ? (v(), g("span", {
+        r.value || s.value ? (f(), g("span", {
           key: 0,
           class: "edit-icon",
-          onClick: K(u, ["stop"])
+          onClick: N(u, ["stop"])
         }, [
-          O(ge, {
-            icon: R(F).EDIT
+          O(be, {
+            icon: S(F).EDIT
           }, null, 8, ["icon"])
         ])) : L("", !0)
       ], 64))
     ], 34));
   }
-}), Si = /* @__PURE__ */ B(ma, [["__scopeId", "data-v-cdc52c5b"]]), pa = "200% 200%", ha = /* @__PURE__ */ A({
+}), Mi = /* @__PURE__ */ B(ha, [["__scopeId", "data-v-cdc52c5b"]]), ga = "200% 200%", ba = /* @__PURE__ */ T({
   __name: "skeleton",
   props: {
     width: {},
@@ -2460,55 +2460,82 @@ const rn = {
   },
   setup(e) {
     const n = e, t = E(() => n.width ?? "100%"), o = E(() => n.height ?? "16px"), l = E(() => n.borderRadius ?? "4px");
-    return (i, a) => (v(), g("div", {
+    return (a, i) => (f(), g("div", {
       class: "vj-skeleton",
-      style: Y({
+      style: G({
         width: t.value,
         height: o.value,
         borderRadius: l.value,
-        backgroundSize: pa
+        backgroundSize: ga
       }),
       "aria-hidden": "true"
     }, null, 4));
   }
-}), ga = /* @__PURE__ */ B(ha, [["__scopeId", "data-v-ac05e016"]]), cn = {
+}), ya = /* @__PURE__ */ B(ba, [["__scopeId", "data-v-ac05e016"]]), wa = /* @__PURE__ */ T({
+  __name: "amount-bar",
+  props: {
+    amount: {},
+    maxAmount: {},
+    segments: {}
+  },
+  setup(e) {
+    const n = e, t = E(() => n.amount / n.maxAmount * 100), o = (a) => {
+      if (!n.segments) return !1;
+      const i = 100 / n.segments, r = a * i;
+      return t.value > r;
+    }, l = (a) => (160 - a / (n.segments - 1 || 1) * 160).toString();
+    return (a, i) => (f(), g("div", {
+      class: z(["amount-bar", { "amount-bar--segmented": e.segments }])
+    }, [
+      e.segments ? (f(!0), g(Z, { key: 0 }, ge(Array.from({ length: e.segments }), (r, c) => (f(), g("div", {
+        key: c,
+        class: z(["amount-bar__segment", { "amount-bar__segment--filled": o(c) }]),
+        style: G({ "--segment-hue": l(c) })
+      }, null, 6))), 128)) : (f(), g("div", {
+        key: 1,
+        class: "amount-bar__fill",
+        style: G({ width: `${e.amount / e.maxAmount * 100}%` })
+      }, null, 4))
+    ], 2));
+  }
+}), _a = /* @__PURE__ */ B(wa, [["__scopeId", "data-v-f85c6d8c"]]), dn = {
   form: {
     labelPosition: "inline",
     appearance: "bordered"
   }
 };
-let Ne = {};
-function Ti(e) {
-  Ne = {
-    ...Ne,
+let Xe = {};
+function ji(e) {
+  Xe = {
+    ...Xe,
     ...e,
     form: {
-      ...cn.form,
+      ...dn.form,
       ...e.form
     }
   };
 }
-function zt() {
+function It() {
   return {
     form: {
-      ...cn.form,
-      ...Ne.form
+      ...dn.form,
+      ...Xe.form
     }
   };
 }
-function Ai() {
-  Ne = {};
+function Fi() {
+  Xe = {};
 }
-const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-field__wrapper" }, _a = ["for"], xa = {
+const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-field__wrapper" }, Ea = ["for"], Ca = {
   key: 1,
   class: "form-field__error"
-}, ka = {
+}, La = {
   key: 2,
   class: "form-field__help",
   type: "button",
   "aria-label": "Hilfe"
-}, Va = /* @__PURE__ */ A({
-  directives: { tooltip: rn },
+}, $a = /* @__PURE__ */ T({
+  directives: { tooltip: un },
   __name: "form-field",
   props: {
     modelValue: {},
@@ -2526,7 +2553,7 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C(t.modelValue), i = C(!1), a = E(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), r = E(() => t.labelPosition ?? zt().form.labelPosition), c = E(() => t.appearance ?? zt().form.appearance);
+    const t = e, o = n, l = C(t.modelValue), a = C(!1), i = E(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), r = E(() => t.labelPosition ?? It().form.labelPosition), c = E(() => t.appearance ?? It().form.appearance);
     X(
       () => t.modelValue,
       (p) => l.value = p
@@ -2535,22 +2562,22 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       if (r.value === "outline")
         return !0;
       const p = l.value !== "" && l.value !== null && l.value !== void 0;
-      return i.value || p;
+      return a.value || p;
     }), u = E(() => r.value === "outline" || s.value ? t.placeholder : "");
     function d(p) {
       const h = p.target.value;
       l.value = h, o("update:modelValue", h);
     }
-    function f(p) {
-      i.value = !0, o("focus", p);
+    function v(p) {
+      a.value = !0, o("focus", p);
     }
     function m(p) {
-      i.value = !1, o("blur", p);
+      a.value = !1, o("blur", p);
     }
     return (p, _) => {
-      const h = N("VjIcon"), y = Ut("tooltip");
-      return v(), g("div", {
-        class: I([
+      const h = K("VjIcon"), y = Nt("tooltip");
+      return f(), g("div", {
+        class: z([
           "form-field",
           `form-field--${r.value}`,
           `form-field--${c.value}`,
@@ -2560,41 +2587,41 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { 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 && r.value === "outline" ? (v(), g("label", {
+        e.label && r.value === "outline" ? (f(), g("label", {
           key: 0,
-          for: a.value,
+          for: i.value,
           class: "form-field__label-outline"
-        }, D(e.label), 9, ya)) : L("", !0),
-        x("div", wa, [
+        }, D(e.label), 9, ka)) : L("", !0),
+        x("div", Va, [
           M(p.$slots, "control", {
-            id: a.value,
+            id: i.value,
             value: l.value,
             onInput: d,
-            onFocus: f,
+            onFocus: v,
             onBlur: m,
             disabled: e.disabled,
             placeholder: u.value
           }, void 0, !0),
-          e.label && r.value === "inline" ? (v(), g("label", {
+          e.label && r.value === "inline" ? (f(), g("label", {
             key: 0,
-            for: a.value,
-            class: I(["form-field__label", { "form-field__label--float": s.value }])
-          }, D(e.label), 11, _a)) : L("", !0)
+            for: i.value,
+            class: z(["form-field__label", { "form-field__label--float": s.value }])
+          }, D(e.label), 11, Ea)) : L("", !0)
         ]),
-        e.error ? (v(), g("div", xa, D(e.error), 1)) : L("", !0),
-        t.helpText ? ct((v(), g("button", ka, [
+        e.error ? (f(), g("div", Ca, D(e.error), 1)) : L("", !0),
+        t.helpText ? ct((f(), g("button", La, [
           O(h, {
-            icon: R(F).HELP
+            icon: S(F).HELP
           }, null, 8, ["icon"])
         ])), [
           [y, t.helpText]
         ]) : L("", !0)
-      ], 14, ba);
+      ], 14, xa);
     };
   }
-}), Fe = /* @__PURE__ */ B(Va, [["__scopeId", "data-v-19959d5e"]]), Ea = /* @__PURE__ */ A({
+}), ze = /* @__PURE__ */ B($a, [["__scopeId", "data-v-19959d5e"]]), Sa = /* @__PURE__ */ T({
   __name: "form-layout",
   props: {
     columns: { type: Number, default: 4 },
@@ -2605,12 +2632,12 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
     let o = null;
     function l() {
       if (!t.value) return;
-      Array.from(t.value.children).forEach((a) => {
-        const r = a.getAttribute("data-colspan"), c = r ? Math.max(1, Number(r) || 1) : 1, s = a.getAttribute("data-newline");
-        s !== null && s !== "false" ? a.style.gridColumn = "1 / -1" : a.style.gridColumn = `span ${c}`;
+      Array.from(t.value.children).forEach((i) => {
+        const r = i.getAttribute("data-colspan"), c = r ? Math.max(1, Number(r) || 1) : 1, s = i.getAttribute("data-newline");
+        s !== null && s !== "false" ? i.style.gridColumn = "1 / -1" : i.style.gridColumn = `span ${c}`;
       });
     }
-    return Be(() => {
+    return De(() => {
       me(() => {
         l(), t.value && (o = new MutationObserver(() => l()), o.observe(t.value, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["data-colspan", "data-newline"] }));
       });
@@ -2622,37 +2649,37 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
     ), X(
       () => n.gap,
       () => me(l)
-    ), (i, a) => (v(), g("div", {
+    ), (a, i) => (f(), g("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))`, gap: e.gap })
     }, [
-      M(i.$slots, "default", {}, void 0, !0)
+      M(a.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Ca = /* @__PURE__ */ B(Ea, [["__scopeId", "data-v-96f62ab7"]]), La = {
+}), Ra = /* @__PURE__ */ B(Sa, [["__scopeId", "data-v-96f62ab7"]]), Ta = {
   key: 0,
   class: "form-section__title",
   "data-newline": ""
-}, $a = /* @__PURE__ */ A({
+}, Aa = /* @__PURE__ */ T({
   __name: "form-section",
   props: {
     title: {}
   },
   setup(e) {
-    return (n, t) => (v(), g(ne, null, [
-      e.title ? (v(), g("h3", La, D(e.title), 1)) : L("", !0),
+    return (n, t) => (f(), g(Z, null, [
+      e.title ? (f(), g("h3", Ta, D(e.title), 1)) : L("", !0),
       M(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), Ra = /* @__PURE__ */ B($a, [["__scopeId", "data-v-69cff1d0"]]), Sa = ["id", "disabled"], Ta = { class: "select-value" }, Aa = {
+}), Oa = /* @__PURE__ */ B(Aa, [["__scopeId", "data-v-69cff1d0"]]), Ba = ["id", "disabled"], Da = { class: "select-value" }, Pa = {
   key: 1,
   class: "select-placeholder"
-}, Oa = { class: "select-options" }, Da = ["onClick", "onMouseenter"], Ba = /* @__PURE__ */ A({
+}, Ma = { class: "select-options" }, ja = ["onClick", "onMouseenter"], Fa = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "select",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ ee({
     options: {},
     placeholder: {},
     disabled: { type: Boolean },
@@ -2667,13 +2694,13 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = e, o = ve(e, "modelValue"), l = C(!1), i = C(-1), a = C(null), r = C(null), c = C(null), { floatingStyles: s } = gt(r, c, {
+    const t = e, o = ve(e, "modelValue"), l = C(!1), a = C(-1), i = C(null), r = C(null), c = C(null), { floatingStyles: s } = gt(r, c, {
       placement: "bottom-start",
       middleware: [
         Ze(4),
         tt(),
         et({ padding: 8 }),
-        sl({
+        ul({
           apply({ rects: b, elements: $ }) {
             Object.assign($.floating.style, {
               minWidth: `${b.reference.width}px`
@@ -2682,33 +2709,33 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
         })
       ],
       whileElementsMounted: Qe
-    }), u = (b) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(b) : String(b[t.optionLabel]) : String(b), d = (b) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(b) : b[t.optionValue] : b, f = E(() => t.options.find((b) => d(b) === o.value)), m = (b) => d(b) === o.value, p = () => {
+    }), u = (b) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(b) : String(b[t.optionLabel]) : String(b), d = (b) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(b) : b[t.optionValue] : b, v = E(() => t.options.find((b) => d(b) === o.value)), m = (b) => d(b) === o.value, p = () => {
       t.disabled || (l.value = !l.value);
     }, _ = () => {
-      l.value = !1, i.value = -1;
+      l.value = !1, a.value = -1;
     }, h = (b) => {
       o.value = d(b), _();
     }, y = () => {
       o.value = void 0;
     }, w = (b) => {
-      l.value && a.value && !a.value.contains(b.target) && _();
+      l.value && i.value && !i.value.contains(b.target) && _();
     };
-    return Be(() => {
+    return De(() => {
       document.addEventListener("click", w);
     }), Re(() => {
       document.removeEventListener("click", w);
     }), X(l, (b) => {
-      b && f.value && (i.value = t.options.findIndex(($) => m($)));
+      b && v.value && (a.value = t.options.findIndex(($) => m($)));
     }), n({
       focus: () => r.value?.focus(),
       blur: () => r.value?.blur()
     }), (b, $) => {
-      const P = N("VjIcon");
-      return v(), g(ne, null, [
+      const P = K("VjIcon");
+      return f(), g(Z, null, [
         x("div", {
           ref_key: "selectRef",
-          ref: a,
-          class: I(["select", b.$attrs.class])
+          ref: i,
+          class: z(["select", b.$attrs.class])
         }, [
           x("button", {
             ref_key: "buttonRef",
@@ -2719,64 +2746,64 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
             onClick: p,
             disabled: e.disabled
           }, [
-            t.icon ? (v(), j(P, {
+            t.icon ? (f(), j(P, {
               key: 0,
               icon: t.icon,
-              size: R(q).S,
+              size: S(q).S,
               class: "select-icon-left"
             }, null, 8, ["icon", "size"])) : L("", !0),
-            x("span", Ta, [
-              f.value ? M(b.$slots, "selected", {
+            x("span", Da, [
+              v.value ? M(b.$slots, "selected", {
                 key: 0,
-                option: f.value
+                option: v.value
               }, () => [
-                He(D(u(f.value)), 1)
-              ], !0) : (v(), g("span", Aa, D(e.placeholder), 1))
+                Ue(D(u(v.value)), 1)
+              ], !0) : (f(), g("span", Pa, D(e.placeholder), 1))
             ]),
-            t.clearable && f.value && !e.disabled ? (v(), j(P, {
+            t.clearable && v.value && !e.disabled ? (f(), j(P, {
               key: 1,
-              icon: R(F).CLOSE,
-              size: R(q).S,
+              icon: S(F).CLOSE,
+              size: S(q).S,
               class: "select-clear-icon",
-              onClick: K(y, ["stop"])
+              onClick: N(y, ["stop"])
             }, null, 8, ["icon", "size"])) : L("", !0),
             O(P, {
-              icon: R(F).CHEVRON_DOWN,
-              size: R(q).S,
-              class: I(["select-icon-right", { open: l.value }])
+              icon: S(F).CHEVRON_DOWN,
+              size: S(q).S,
+              class: z(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
-          ], 8, Sa),
+          ], 8, Ba),
           O(Oe, { name: "dropdown" }, {
             default: W(() => [
-              l.value ? (v(), g("div", {
+              l.value ? (f(), g("div", {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: c,
-                style: Y(R(s)),
+                style: G(S(s)),
                 class: "select-dropdown"
               }, [
-                x("div", Oa, [
-                  (v(!0), g(ne, null, Se(e.options, (z, k) => (v(), g("div", {
-                    key: String(d(z)),
-                    class: I(["select-option", { selected: m(z), highlighted: i.value === k }]),
-                    onClick: (V) => h(z),
-                    onMouseenter: (V) => i.value = k
+                x("div", Ma, [
+                  (f(!0), g(Z, null, ge(e.options, (I, k) => (f(), g("div", {
+                    key: String(d(I)),
+                    class: z(["select-option", { selected: m(I), highlighted: a.value === k }]),
+                    onClick: (V) => h(I),
+                    onMouseenter: (V) => a.value = k
                   }, [
                     M(b.$slots, "option", {
-                      option: z,
-                      selected: m(z)
+                      option: I,
+                      selected: m(I)
                     }, () => [
-                      He(D(u(z)), 1)
+                      Ue(D(u(I)), 1)
                     ], !0)
-                  ], 42, Da))), 128))
+                  ], 42, ja))), 128))
                 ])
               ], 4)) : L("", !0)
             ]),
             _: 3
           })
         ], 2),
-        (v(), j(Xe, { to: "body" }, [
-          l.value ? (v(), g("div", {
+        (f(), j(Pe, { to: "body" }, [
+          l.value ? (f(), g("div", {
             key: 0,
             class: "select-backdrop",
             onClick: _
@@ -2785,7 +2812,7 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       ], 64);
     };
   }
-}), un = /* @__PURE__ */ B(Ba, [["__scopeId", "data-v-fc22f0e9"]]), Pa = /* @__PURE__ */ A({
+}), fn = /* @__PURE__ */ B(Fa, [["__scopeId", "data-v-fc22f0e9"]]), za = /* @__PURE__ */ T({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -2807,16 +2834,16 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
     const t = e, o = n, l = C(t.modelValue);
     X(
       () => t.modelValue,
-      (a) => {
-        l.value = a;
+      (i) => {
+        l.value = i;
       }
     );
-    const i = (a) => {
-      l.value = a, o("update:modelValue", a);
+    const a = (i) => {
+      l.value = i, o("update:modelValue", i);
     };
-    return (a, r) => (v(), j(Fe, {
+    return (i, r) => (f(), j(ze, {
       modelValue: l.value,
-      "onUpdate:modelValue": i,
+      "onUpdate:modelValue": a,
       label: t.label,
       id: t.id,
       placeholder: t.placeholder,
@@ -2830,12 +2857,12 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       appearance: t.appearance
     }, {
       control: W(({ id: c, disabled: s, placeholder: u }) => [
-        O(un, {
+        O(fn, {
           id: c,
           modelValue: l.value,
           "onUpdate:modelValue": [
             r[0] || (r[0] = (d) => l.value = d),
-            i
+            a
           ],
           options: t.options,
           placeholder: u,
@@ -2844,17 +2871,17 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
           "option-value": (d) => d.value,
           clearable: ""
         }, rt({ _: 2 }, [
-          a.$slots.selected ? {
+          i.$slots.selected ? {
             name: "selected",
             fn: W(({ option: d }) => [
-              M(a.$slots, "selected", { option: d })
+              M(i.$slots, "selected", { option: d })
             ]),
             key: "0"
           } : void 0,
-          a.$slots.option ? {
+          i.$slots.option ? {
             name: "option",
             fn: W(({ option: d }) => [
-              M(a.$slots, "option", { option: d })
+              M(i.$slots, "option", { option: d })
             ]),
             key: "1"
           } : void 0
@@ -2863,7 +2890,7 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       _: 3
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), Ma = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], ja = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Fa = /* @__PURE__ */ A({
+}), Ia = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], Ha = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Ua = /* @__PURE__ */ T({
   __name: "slider",
   props: {
     modelValue: { default: void 0 },
@@ -2874,7 +2901,7 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C(null), i = C(!1), a = C(!1), r = (k, V, T) => Math.min(Math.max(k, V), T), c = C(
+    const t = e, o = n, l = C(null), a = C(!1), i = C(!1), r = (k, V, A) => Math.min(Math.max(k, V), A), c = C(
       t.range ? Array.isArray(t.modelValue) ? t.modelValue[0] : t.min : typeof t.modelValue == "number" ? t.modelValue : t.min
     ), s = C(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
     X(
@@ -2884,14 +2911,14 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       },
       { immediate: !0 }
     );
-    const u = (k) => (k - t.min) / (t.max - t.min) * 100, d = E(() => ({ left: `${u(c.value)}%` })), f = E(() => ({ left: `${u(s.value)}%` })), m = E(() => {
+    const u = (k) => (k - t.min) / (t.max - t.min) * 100, d = E(() => ({ left: `${u(c.value)}%` })), v = E(() => ({ left: `${u(s.value)}%` })), m = E(() => {
       if (!t.range) return { width: `${u(c.value)}%`, left: "0%" };
       const k = u(c.value), V = u(s.value);
       return { left: `${k}%`, width: `${Math.max(0, V - k)}%` };
     });
     let p = null, _ = null;
     const h = async (k, V) => {
-      p = k, _ = V.pointerId, k === "low" ? i.value = !0 : a.value = !0;
+      p = k, _ = V.pointerId, k === "low" ? a.value = !0 : i.value = !0;
       try {
         V.target.setPointerCapture(V.pointerId);
       } catch {
@@ -2903,14 +2930,14 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
           k.target.releasePointerCapture(k.pointerId);
         } catch {
         }
-      p = null, _ = null, i.value = !1, a.value = !1, window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", y), P();
+      p = null, _ = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", y), P();
     }, w = (k) => {
       if (!p || !l.value) return;
-      const V = l.value.getBoundingClientRect(), T = r(k.clientX - V.left, 0, V.width), H = t.min + T / V.width * (t.max - t.min), U = Math.round(H / t.step) * t.step;
+      const V = l.value.getBoundingClientRect(), A = r(k.clientX - V.left, 0, V.width), H = t.min + A / V.width * (t.max - t.min), U = Math.round(H / t.step) * t.step;
       p === "low" ? t.range ? c.value = Math.min(U, s.value) : c.value = r(U, t.min, t.max) : p === "high" && (s.value = Math.max(U, c.value));
     }, b = (k) => {
       if (!l.value) return;
-      const V = l.value.getBoundingClientRect(), T = r(k.clientX - V.left, 0, V.width), H = t.min + T / V.width * (t.max - t.min), U = Math.round(H / t.step) * t.step;
+      const V = l.value.getBoundingClientRect(), A = r(k.clientX - V.left, 0, V.width), H = t.min + A / V.width * (t.max - t.min), U = Math.round(H / t.step) * t.step;
       if (t.range) {
         const ce = Math.abs(U - c.value), ue = Math.abs(U - s.value);
         ce <= ue ? c.value = Math.min(U, s.value) : s.value = Math.max(U, c.value);
@@ -2918,14 +2945,14 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
         c.value = r(U, t.min, t.max);
       P();
     }, $ = (k, V) => {
-      const T = t.step, H = V.key === "ArrowLeft" || V.key === "ArrowDown" ? -1 : V.key === "ArrowRight" || V.key === "ArrowUp" ? 1 : 0;
+      const A = t.step, H = V.key === "ArrowLeft" || V.key === "ArrowDown" ? -1 : V.key === "ArrowRight" || V.key === "ArrowUp" ? 1 : 0;
       if (H) {
         if (k === "low") {
-          const U = r(c.value + H * T, t.min, t.range ? s.value : t.max);
-          c.value = U, i.value = !0, setTimeout(() => i.value = !1, 800);
+          const U = r(c.value + H * A, t.min, t.range ? s.value : t.max);
+          c.value = U, a.value = !0, setTimeout(() => a.value = !1, 800);
         } else {
-          const U = r(s.value + H * T, t.range ? c.value : t.max, t.max);
-          s.value = U, a.value = !0, setTimeout(() => a.value = !1, 800);
+          const U = r(s.value + H * A, t.range ? c.value : t.max, t.max);
+          s.value = U, i.value = !0, setTimeout(() => i.value = !1, 800);
         }
         P();
       }
@@ -2937,12 +2964,12 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
     }), X([() => t.min, () => t.max], () => {
       c.value = r(c.value, t.min, t.max), s.value = r(s.value, t.min, t.max);
     });
-    const z = E(() => t.range);
+    const I = E(() => t.range);
     return me(() => {
       t.modelValue === void 0 && (t.range ? o("update:modelValue", [c.value, s.value]) : o("update:modelValue", c.value));
-    }), (k, V) => (v(), g("div", {
+    }), (k, V) => (f(), g("div", {
       class: "vj-slider",
-      onPointerdown: V[8] || (V[8] = K(() => {
+      onPointerdown: V[8] || (V[8] = N(() => {
       }, ["stop"]))
     }, [
       x("div", {
@@ -2953,51 +2980,51 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       }, [
         x("div", {
           class: "range",
-          style: Y(m.value)
+          style: G(m.value)
         }, null, 4),
-        i.value ? (v(), g("div", {
+        a.value ? (f(), g("div", {
           key: 0,
           class: "tooltip",
-          style: Y({ left: d.value.left })
+          style: G({ left: d.value.left })
         }, D(c.value), 5)) : L("", !0),
         x("button", {
           class: "handle low",
-          style: Y(d.value),
+          style: G(d.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
           "aria-valuenow": c.value,
-          "aria-label": z.value ? "Lower value" : "Value",
-          onPointerdown: V[0] || (V[0] = K((T) => h("low", T), ["prevent"])),
-          onFocus: V[1] || (V[1] = (T) => i.value = !0),
-          onBlur: V[2] || (V[2] = (T) => i.value = !1),
-          onKeydown: V[3] || (V[3] = K((T) => $("low", T), ["stop", "prevent"])),
+          "aria-label": I.value ? "Lower value" : "Value",
+          onPointerdown: V[0] || (V[0] = N((A) => h("low", A), ["prevent"])),
+          onFocus: V[1] || (V[1] = (A) => a.value = !0),
+          onBlur: V[2] || (V[2] = (A) => a.value = !1),
+          onKeydown: V[3] || (V[3] = N((A) => $("low", A), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, Ma),
-        z.value && a.value ? (v(), g("div", {
+        }, null, 44, Ia),
+        I.value && i.value ? (f(), g("div", {
           key: 1,
           class: "tooltip",
-          style: Y({ left: f.value.left })
+          style: G({ left: v.value.left })
         }, D(s.value), 5)) : L("", !0),
-        z.value ? (v(), g("button", {
+        I.value ? (f(), g("button", {
           key: 2,
           class: "handle high",
-          style: Y(f.value),
+          style: G(v.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
           "aria-valuenow": s.value,
           "aria-label": "Upper value",
-          onPointerdown: V[4] || (V[4] = K((T) => h("high", T), ["prevent"])),
-          onFocus: V[5] || (V[5] = (T) => a.value = !0),
-          onBlur: V[6] || (V[6] = (T) => a.value = !1),
-          onKeydown: V[7] || (V[7] = K((T) => $("high", T), ["stop", "prevent"])),
+          onPointerdown: V[4] || (V[4] = N((A) => h("high", A), ["prevent"])),
+          onFocus: V[5] || (V[5] = (A) => i.value = !0),
+          onBlur: V[6] || (V[6] = (A) => i.value = !1),
+          onKeydown: V[7] || (V[7] = N((A) => $("high", A), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, ja)) : L("", !0)
+        }, null, 44, Ha)) : L("", !0)
       ], 512)
     ], 32));
   }
-}), za = /* @__PURE__ */ B(Fa, [["__scopeId", "data-v-d47c7475"]]), Ia = ["onFocusin", "onFocusout"], Ha = /* @__PURE__ */ A({
+}), Wa = /* @__PURE__ */ B(Ua, [["__scopeId", "data-v-d47c7475"]]), Na = ["onFocusin", "onFocusout"], Ka = /* @__PURE__ */ T({
   __name: "input-slider",
   props: {
     modelValue: {},
@@ -3018,13 +3045,13 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = t.modelValue === void 0 ? 0 : Number(t.modelValue), i = C(Number.isNaN(l) ? 0 : l), a = (r) => {
+    const t = e, o = n, l = t.modelValue === void 0 ? 0 : Number(t.modelValue), a = C(Number.isNaN(l) ? 0 : l), i = (r) => {
       const c = typeof r == "number" ? r : Number(r ?? 0);
-      i.value = Number.isNaN(c) ? 0 : c, o("update:modelValue", i.value), o("input", i.value);
+      a.value = Number.isNaN(c) ? 0 : c, o("update:modelValue", a.value), o("input", a.value);
     };
-    return (r, c) => (v(), j(Fe, {
-      modelValue: i.value,
-      "onUpdate:modelValue": a,
+    return (r, c) => (f(), j(ze, {
+      modelValue: a.value,
+      "onUpdate:modelValue": i,
       label: t.label,
       id: t.id,
       placeholder: " ",
@@ -3034,30 +3061,30 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       spanRow: t.spanRow,
       error: t.error
     }, {
-      control: W(({ id: s, disabled: u, placeholder: d, onFocus: f, onBlur: m }) => [
+      control: W(({ id: s, disabled: u, placeholder: d, onFocus: v, onBlur: m }) => [
         x("div", {
           class: "input-slider__control",
-          onFocusin: f,
+          onFocusin: v,
           onFocusout: m
         }, [
-          O(za, {
+          O(Wa, {
             id: s,
-            modelValue: i.value,
-            "onUpdate:modelValue": c[0] || (c[0] = (p) => i.value = p),
+            modelValue: a.value,
+            "onUpdate:modelValue": c[0] || (c[0] = (p) => a.value = p),
             min: t.min,
             max: t.max,
             step: t.step,
             range: !1,
             disabled: u
           }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
-        ], 40, Ia)
+        ], 40, Na)
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), Ua = /* @__PURE__ */ B(Ha, [["__scopeId", "data-v-051e6d17"]]), Wa = { class: "textarea" }, Ka = ["value", "placeholder", "disabled", "rows"], Na = /* @__PURE__ */ A({
+}), Xa = /* @__PURE__ */ B(Ka, [["__scopeId", "data-v-051e6d17"]]), Ga = { class: "textarea" }, qa = ["value", "placeholder", "disabled", "rows"], Ya = /* @__PURE__ */ T({
   __name: "textarea",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ ee({
     icon: {},
     placeholder: {},
     disabled: { type: Boolean },
@@ -3067,46 +3094,46 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ee(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
     const t = n, o = ve(e, "modelValue"), l = (s) => {
       o.value = s.target.value;
-    }, i = () => {
+    }, a = () => {
       o.value = "";
-    }, a = (s) => {
+    }, i = (s) => {
       t("focus", s);
     }, r = (s) => {
       t("blur", s);
     }, c = E(() => !o.value);
     return (s, u) => {
-      const d = N("VjIcon");
-      return v(), g("div", Wa, [
-        e.icon ? (v(), j(d, {
+      const d = K("VjIcon");
+      return f(), g("div", Ga, [
+        e.icon ? (f(), j(d, {
           key: 0,
           icon: e.icon,
-          size: R(q).S,
+          size: S(q).S,
           class: "textarea-icon"
         }, null, 8, ["icon", "size"])) : L("", !0),
         x("textarea", {
           value: o.value,
           onInput: l,
-          onFocus: a,
+          onFocus: i,
           onBlur: r,
           placeholder: e.placeholder,
           disabled: e.disabled,
           rows: e.rows
-        }, null, 40, Ka),
-        e.clearable && !e.disabled ? (v(), j(d, {
+        }, null, 40, qa),
+        e.clearable && !e.disabled ? (f(), j(d, {
           key: 1,
-          class: I(["clear-icon", { invisible: c.value }]),
-          icon: R(F).CLOSE,
-          size: R(q).S,
-          onClick: i
+          class: z(["clear-icon", { invisible: c.value }]),
+          icon: S(F).CLOSE,
+          size: S(q).S,
+          onClick: a
         }, null, 8, ["class", "icon", "size"])) : L("", !0)
       ]);
     };
   }
-}), dn = /* @__PURE__ */ B(Na, [["__scopeId", "data-v-2ea43716"]]), Xa = /* @__PURE__ */ A({
+}), vn = /* @__PURE__ */ B(Ya, [["__scopeId", "data-v-2ea43716"]]), Ja = /* @__PURE__ */ T({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -3125,17 +3152,17 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = (u) => o("update:modelValue", u), i = (u) => o("input", u), a = (u) => o("focus", u), r = (u) => o("blur", u), c = (u) => {
+    const t = e, o = n, l = (u) => o("update:modelValue", u), a = (u) => o("input", u), i = (u) => o("focus", u), r = (u) => o("blur", u), c = (u) => {
       l(u ?? "");
     }, s = E(() => {
       const u = t.modelValue;
       return u == null ? "" : String(u);
     });
-    return (u, d) => (v(), j(Fe, {
+    return (u, d) => (f(), j(ze, {
       modelValue: t.modelValue,
       "onUpdate:modelValue": l,
-      onInput: i,
-      onFocus: a,
+      onInput: a,
+      onFocus: i,
       onBlur: r,
       label: t.label,
       id: t.id,
@@ -3149,13 +3176,13 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       helpText: t.helpText,
       appearance: t.appearance
     }, {
-      control: W(({ id: f, disabled: m, placeholder: p, onFocus: _, onBlur: h }) => [
-        O(dn, {
-          id: f,
+      control: W(({ id: v, disabled: m, placeholder: p, onFocus: _, onBlur: h }) => [
+        O(vn, {
+          id: v,
           modelValue: s.value,
           "onUpdate:modelValue": c,
           onFocus: (y) => {
-            _(y), a(y);
+            _(y), i(y);
           },
           onBlur: (y) => {
             h(y), r(y);
@@ -3169,9 +3196,9 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "labelPosition", "error", "helpText", "appearance"]));
   }
-}), qa = { class: "input" }, Ga = ["value", "type", "placeholder", "disabled"], Ya = /* @__PURE__ */ A({
+}), Qa = { class: "input" }, Za = ["value", "type", "placeholder", "disabled"], ei = /* @__PURE__ */ T({
   __name: "input",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ ee({
     icon: {},
     type: {},
     placeholder: {},
@@ -3181,45 +3208,45 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ee(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
     const t = n, o = ve(e, "modelValue"), l = (s) => {
       o.value = s.target.value;
-    }, i = () => {
+    }, a = () => {
       o.value = "";
-    }, a = (s) => {
+    }, i = (s) => {
       t("focus", s);
     }, r = (s) => {
       t("blur", s);
     }, c = E(() => !o.value);
     return (s, u) => {
-      const d = N("VjIcon");
-      return v(), g("div", qa, [
-        e.icon ? (v(), j(d, {
+      const d = K("VjIcon");
+      return f(), g("div", Qa, [
+        e.icon ? (f(), j(d, {
           key: 0,
           icon: e.icon,
-          size: R(q).S
+          size: S(q).S
         }, null, 8, ["icon", "size"])) : L("", !0),
         x("input", {
           value: o.value,
           onInput: l,
-          onFocus: a,
+          onFocus: i,
           onBlur: r,
           type: e.type,
           placeholder: e.placeholder,
           disabled: e.disabled
-        }, null, 40, Ga),
-        e.clearable && !e.disabled ? (v(), j(d, {
+        }, null, 40, Za),
+        e.clearable && !e.disabled ? (f(), j(d, {
           key: 1,
-          class: I(["clear-icon", { invisible: c.value }]),
-          icon: R(F).CLOSE,
-          size: R(q).S,
-          onClick: i
+          class: z(["clear-icon", { invisible: c.value }]),
+          icon: S(F).CLOSE,
+          size: S(q).S,
+          onClick: a
         }, null, 8, ["class", "icon", "size"])) : L("", !0)
       ]);
     };
   }
-}), fn = /* @__PURE__ */ B(Ya, [["__scopeId", "data-v-3187d49c"]]), Ja = /* @__PURE__ */ A({
+}), mn = /* @__PURE__ */ B(ei, [["__scopeId", "data-v-3187d49c"]]), ti = /* @__PURE__ */ T({
   __name: "input-text",
   props: {
     modelValue: {},
@@ -3238,14 +3265,14 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = (s) => o("update:modelValue", s), i = (s) => o("input", s), a = (s) => o("focus", s), r = (s) => o("blur", s), c = (s) => {
+    const t = e, o = n, l = (s) => o("update:modelValue", s), a = (s) => o("input", s), i = (s) => o("focus", s), r = (s) => o("blur", s), c = (s) => {
       l(s ?? "");
     };
-    return (s, u) => (v(), j(Fe, {
+    return (s, u) => (f(), j(ze, {
       modelValue: e.modelValue,
       "onUpdate:modelValue": l,
-      onInput: i,
-      onFocus: a,
+      onInput: a,
+      onFocus: i,
       onBlur: r,
       label: e.label,
       id: e.id,
@@ -3259,30 +3286,30 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       labelPosition: e.labelPosition,
       appearance: e.appearance
     }, {
-      control: W(({ id: d, disabled: f, placeholder: m, onFocus: p, onBlur: _ }) => [
-        O(fn, {
+      control: W(({ id: d, disabled: v, placeholder: m, onFocus: p, onBlur: _ }) => [
+        O(mn, {
           id: d,
           modelValue: e.modelValue,
           type: e.type,
           "onUpdate:modelValue": c,
           onFocus: (h) => {
-            p(h), a(h);
+            p(h), i(h);
           },
           onBlur: (h) => {
             _(h), r(h);
           },
           placeholder: m,
-          disabled: f,
+          disabled: v,
           clearable: ""
         }, null, 8, ["id", "modelValue", "type", "onFocus", "onBlur", "placeholder", "disabled"])
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), Qa = { class: "shell-navigation-item" }, Za = { class: "shell-navigation-item-label" }, ei = {
+}), ni = { class: "shell-navigation-item" }, oi = { class: "shell-navigation-item-label" }, li = {
   key: 1,
   class: "shell-navigation-item-link"
-}, ti = ["aria-expanded"], ni = { class: "shell-navigation-item-label" }, oi = /* @__PURE__ */ A({
+}, ai = ["aria-expanded"], ii = { class: "shell-navigation-item-label" }, si = /* @__PURE__ */ T({
   __name: "shell-navigation-item",
   props: {
     label: {},
@@ -3290,30 +3317,30 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
     to: {}
   },
   setup(e) {
-    const n = It(), t = E(() => !!n.default), o = C(!1), l = C(null), i = C(null), { floatingStyles: a } = gt(l, i, {
+    const n = Ut(), t = E(() => !!n.default), o = C(!1), l = C(null), a = C(null), { floatingStyles: i } = gt(l, a, {
       placement: "right-start",
       middleware: [Ze(8), tt(), et({ padding: 8 })],
       whileElementsMounted: Qe
-    }), r = (f) => {
+    }), r = (v) => {
       t.value && (o.value = !o.value);
     }, c = () => {
       o.value = !1;
-    }, s = (f) => {
+    }, s = (v) => {
       c();
-    }, u = (f) => {
-      (f.key === "Escape" || f.key === "Esc") && c();
-    }, d = (f) => {
-      const m = f.target;
-      m && (l.value && l.value.contains(m) || i.value && i.value.contains(m) || c());
+    }, u = (v) => {
+      (v.key === "Escape" || v.key === "Esc") && c();
+    }, d = (v) => {
+      const m = v.target;
+      m && (l.value && l.value.contains(m) || a.value && a.value.contains(m) || c());
     };
-    return X(o, (f) => {
-      f ? (window.addEventListener("keydown", u), window.addEventListener("pointerdown", d)) : (window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d));
+    return X(o, (v) => {
+      v ? (window.addEventListener("keydown", u), window.addEventListener("pointerdown", d)) : (window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d));
     }), Re(() => {
       window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d);
-    }), (f, m) => {
-      const p = N("VjIcon"), _ = N("RouterLink"), h = N("VjMenu");
-      return v(), g("li", Qa, [
-        e.to ? (v(), j(_, {
+    }), (v, m) => {
+      const p = K("VjIcon"), _ = K("RouterLink"), h = K("VjMenu");
+      return f(), g("li", ni, [
+        e.to ? (f(), j(_, {
           key: 0,
           to: e.to,
           class: "shell-navigation-item-link"
@@ -3323,15 +3350,15 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            x("label", Za, D(e.label), 1)
+            x("label", oi, D(e.label), 1)
           ]),
           _: 1
-        }, 8, ["to"])) : (v(), g("div", ei, [
+        }, 8, ["to"])) : (f(), g("div", li, [
           x("button", {
             ref_key: "buttonRef",
             ref: l,
             class: "shell-navigation-item-button",
-            onClick: K(r, ["stop"]),
+            onClick: N(r, ["stop"]),
             "aria-expanded": o.value,
             type: "button"
           }, [
@@ -3339,29 +3366,29 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            x("label", ni, D(e.label), 1)
-          ], 8, ti),
+            x("label", ii, D(e.label), 1)
+          ], 8, ai),
           O(Oe, { name: "menu" }, {
             default: W(() => [
-              o.value ? (v(), j(h, {
+              o.value ? (f(), j(h, {
                 key: 0,
                 ref_key: "floatingRef",
-                ref: i,
-                style: Y(R(a)),
+                ref: a,
+                style: G(S(i)),
                 class: "shell-navigation-item-menu",
                 onClose: c,
-                onClick: K(s, ["stop"])
+                onClick: N(s, ["stop"])
               }, {
                 default: W(() => [
-                  M(f.$slots, "default", {}, void 0, !0)
+                  M(v.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["style"])) : L("", !0)
             ]),
             _: 3
           }),
-          (v(), j(Xe, { to: "body" }, [
-            o.value ? (v(), g("div", {
+          (f(), j(Pe, { to: "body" }, [
+            o.value ? (f(), g("div", {
               key: 0,
               class: "menu-backdrop",
               onClick: c
@@ -3371,39 +3398,39 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
       ]);
     };
   }
-}), li = /* @__PURE__ */ B(oi, [["__scopeId", "data-v-3a50d1c2"]]), ai = { class: "navigation-top" }, ii = {
+}), ri = /* @__PURE__ */ B(si, [["__scopeId", "data-v-3a50d1c2"]]), ci = { class: "navigation-top" }, ui = {
   key: 0,
   class: "navigation-bottom"
-}, si = /* @__PURE__ */ A({
+}, di = /* @__PURE__ */ T({
   __name: "shell-navigation",
   setup(e) {
-    const n = Wt(mi, hi()), t = E(() => n.showLabels);
+    const n = Kt(xi, Vi()), t = E(() => n.showLabels);
     return (o, l) => {
-      const i = N("VjShellNavigationItem");
-      return v(), g("nav", {
-        class: I(["shell-navigation", { "with-labels": t.value }])
+      const a = K("VjShellNavigationItem");
+      return f(), g("nav", {
+        class: z(["shell-navigation", { "with-labels": t.value }])
       }, [
-        x("ul", ai, [
-          R(n).hasParent && R(n).backRoute.value ? (v(), j(i, {
+        x("ul", ci, [
+          S(n).hasParent && S(n).backRoute.value ? (f(), j(a, {
             key: 0,
-            to: R(n).backRoute.value,
+            to: S(n).backRoute.value,
             label: "BACK",
-            icon: R(F).HOME
+            icon: S(F).HOME
           }, null, 8, ["to", "icon"])) : L("", !0),
-          (v(!0), g(ne, null, Se(R(n).childRoutes.value, (a) => (v(), j(i, {
-            key: a.name,
-            to: { name: a.name },
-            label: a.meta.label,
-            icon: a.meta.icon ?? R(F).HOME
+          (f(!0), g(Z, null, ge(S(n).childRoutes.value, (i) => (f(), j(a, {
+            key: i.name,
+            to: { name: i.name },
+            label: i.meta.label,
+            icon: i.meta.icon ?? S(F).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
-        o.$slots.fixed ? (v(), g("ul", ii, [
+        o.$slots.fixed ? (f(), g("ul", ui, [
           M(o.$slots, "fixed", {}, void 0, !0)
         ])) : L("", !0)
       ], 2);
     };
   }
-}), vn = /* @__PURE__ */ B(si, [["__scopeId", "data-v-306cfc22"]]), ri = { class: "shell" }, ci = { class: "shell-title" }, ui = ["src"], di = { class: "header-actions" }, fi = /* @__PURE__ */ A({
+}), pn = /* @__PURE__ */ B(di, [["__scopeId", "data-v-306cfc22"]]), fi = { class: "shell" }, vi = { class: "shell-title" }, mi = ["src"], pi = { class: "header-actions" }, hi = /* @__PURE__ */ T({
   __name: "shell",
   props: {
     title: {},
@@ -3411,98 +3438,186 @@ const ba = ["data-colspan", "data-newline"], ya = ["for"], wa = { class: "form-f
     showNavigation: { type: Boolean }
   },
   setup(e) {
-    const n = _i(), t = nt(n, "asideComponent"), o = nt(n, "hasAside"), l = nt(n, "asideData"), i = E(() => {
-      const a = l.value;
-      return a && typeof a == "object" ? a : {};
+    const n = Si(), t = nt(n, "asideComponent"), o = nt(n, "hasAside"), l = nt(n, "asideData"), a = E(() => {
+      const i = l.value;
+      return i && typeof i == "object" ? i : {};
     });
-    return (a, r) => {
-      const c = N("router-view");
-      return v(), g("div", ri, [
+    return (i, r) => {
+      const c = K("router-view");
+      return f(), g("div", fi, [
         x("header", null, [
-          x("span", ci, [
-            e.icon ? (v(), g("img", {
+          x("span", vi, [
+            e.icon ? (f(), g("img", {
               key: 0,
               src: e.icon,
               alt: "Shell Icon"
-            }, null, 8, ui)) : L("", !0),
+            }, null, 8, mi)) : L("", !0),
             x("h1", null, D(e.title), 1)
           ]),
-          x("div", di, [
-            M(a.$slots, "header-actions", {}, void 0, !0)
+          x("div", pi, [
+            M(i.$slots, "header-actions", {}, void 0, !0)
           ])
         ]),
         x("div", {
-          class: I(["shell-content", { "with-navigation": e.showNavigation }])
+          class: z(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (v(), j(R(vn), { key: 0 }, rt({ _: 2 }, [
-            a.$slots?.["navigation-fixed"] ? {
+          e.showNavigation ? (f(), j(S(pn), { key: 0 }, rt({ _: 2 }, [
+            i.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: W(() => [
-                M(a.$slots, "navigation-fixed", {}, void 0, !0)
+                M(i.$slots, "navigation-fixed", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1024)) : L("", !0),
           x("main", null, [
-            M(a.$slots, "default", {}, () => [
+            M(i.$slots, "default", {}, () => [
               O(c)
             ], !0)
           ]),
           x("aside", {
-            class: I({ "aside-visible": o.value })
+            class: z({ "aside-visible": o.value })
           }, [
-            (v(), j(Ht(t.value), _n(xn(i.value)), null, 16))
+            (f(), j(Wt(t.value), kn(Vn(a.value)), null, 16))
           ], 2)
         ], 2),
         r[0] || (r[0] = x("footer", null, null, -1))
       ]);
     };
   }
-}), vi = /* @__PURE__ */ B(fi, [["__scopeId", "data-v-4dfd0097"]]), mi = "navigationProvider";
-function pi(e) {
+}), gi = /* @__PURE__ */ B(hi, [["__scopeId", "data-v-4dfd0097"]]);
+class bi {
+  notifications = C([]);
+  notificationIdCounter = 0;
+  /**
+   * Gibt die reaktive Liste der Notifications zurück
+   */
+  getNotifications() {
+    return this.notifications;
+  }
+  /**
+   * Zeigt eine Notification an
+   * @param type - Der Typ der Notification (info, warning, error, success)
+   * @param message - Die Nachricht
+   * @param duration - Optionale Dauer in ms (Standard: 5000ms, errors bleiben stehen)
+   * @returns Die ID der Notification
+   */
+  show(n, t, o, l) {
+    const a = `notification-${++this.notificationIdCounter}-${Date.now()}`, i = n === "error" ? void 0 : l ?? 5e3, r = {
+      id: a,
+      type: n,
+      title: t,
+      message: o,
+      duration: i
+    };
+    return this.notifications.value.unshift(r), i && setTimeout(() => {
+      this.remove(a);
+    }, i), a;
+  }
+  /**
+   * Zeigt eine Info-Notification
+   */
+  info(n, t, o) {
+    return this.show("info", n, t, o);
+  }
+  /**
+   * Zeigt eine Warning-Notification
+   */
+  warning(n, t, o) {
+    return this.show("warning", n, t, o);
+  }
+  /**
+   * Zeigt eine Error-Notification (bleibt stehen bis manuell geschlossen)
+   */
+  error(n, t) {
+    return this.show("error", n, t);
+  }
+  /**
+   * Zeigt eine Success-Notification
+   */
+  success(n, t, o) {
+    return this.show("success", n, t, o);
+  }
+  /**
+   * Entfernt eine spezifische Notification
+   */
+  remove(n) {
+    const t = this.notifications.value.findIndex((o) => o.id === n);
+    t !== -1 && this.notifications.value.splice(t, 1);
+  }
+  /**
+   * Entfernt alle Notifications
+   */
+  clearAll() {
+    this.notifications.value = [];
+  }
+}
+const Ht = new bi(), yi = { class: "notifications" }, wi = /* @__PURE__ */ T({
+  __name: "notifications",
+  setup(e) {
+    const n = Ht.getNotifications(), t = (o) => Ht.remove(o);
+    return (o, l) => (f(), j(Pe, { to: "body" }, [
+      x("div", yi, [
+        O(En, { name: "notification" }, {
+          default: W(() => [
+            (f(!0), g(Z, null, ge(S(n), (a) => (f(), j(yt, {
+              key: a.id,
+              type: a.type,
+              title: a.title,
+              message: a.message,
+              onClose: (i) => t(a.id)
+            }, null, 8, ["type", "title", "message", "onClose"]))), 128))
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), _i = /* @__PURE__ */ B(wi, [["__scopeId", "data-v-543c499f"]]), xi = "navigationProvider";
+function ki(e) {
   return !!e.meta && "icon" in e.meta && "label" in e.meta;
 }
-const hi = () => {
-  const e = Cn(), n = Ln(), t = !0, o = E(() => {
+const Vi = () => {
+  const e = Sn(), n = Rn(), t = !0, o = E(() => {
     const u = e.getRoutes();
-    return u.filter((d) => d.path !== "/" && !u.some((f) => f.children?.some((m) => m.name === d.name)));
+    return u.filter((d) => d.path !== "/" && !u.some((v) => v.children?.some((m) => m.name === d.name)));
   }), l = E(() => {
     const u = n.matched;
     return u.length ? u[u.length - 1] : null;
-  }), i = E(() => {
+  }), a = E(() => {
     const u = n.matched;
     return u.length > 1 ? u[u.length - 2] : null;
-  }), a = E(() => !!(l.value?.children?.length || i.value)), r = E(() => l.value?.children?.length ? l.value : i.value?.children?.length ? i.value : null), c = E(() => {
+  }), i = E(() => !!(l.value?.children?.length || a.value)), r = E(() => l.value?.children?.length ? l.value : a.value?.children?.length ? a.value : null), c = E(() => {
     if (!r.value) return null;
-    const d = e.getRoutes().find((f) => f.children?.some((m) => m.name === r.value.name));
+    const d = e.getRoutes().find((v) => v.children?.some((m) => m.name === r.value.name));
     return d ? { name: d.name } : { path: "/" };
   }), s = E(() => {
     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(pi);
+    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : a.value?.children?.length ? u = a.value.children : u = o.value, u.filter(ki);
   });
   return {
-    hasParent: a,
+    hasParent: i,
     backRoute: c,
     childRoutes: s,
     showLabels: t
   };
-}, Oi = (e, n = !0, t = void 0) => {
-  const o = kn(e) ? e : C(e), l = !!t, i = C(t || null);
+}, zi = (e, n = !0, t = void 0) => {
+  const o = Cn(e) ? e : C(e), l = !!t, a = C(t || null);
   return {
     hasParent: l,
-    backRoute: i,
+    backRoute: a,
     childRoutes: o,
     showLabels: n
   };
-}, yt = C(!1), wt = C(null), _t = C(null);
-let Ce = [];
-const mn = (e) => (Ce.push(e), () => {
-  Ce = Ce.filter((n) => n !== e);
-}), gi = (e, n) => (Ce = [], wt.value = e, _t.value = n ?? null, yt.value = !0, {
-  onClose: (t) => mn(t)
-}), bi = (e) => {
+}, wt = C(!1), _t = C(null), xt = C(null);
+let Le = [];
+const hn = (e) => (Le.push(e), () => {
+  Le = Le.filter((n) => n !== e);
+}), Ei = (e, n) => (Le = [], _t.value = e, xt.value = n ?? null, wt.value = !0, {
+  onClose: (t) => hn(t)
+}), Ci = (e) => {
   try {
-    Ce.forEach((n) => {
+    Le.forEach((n) => {
       try {
         n(e);
       } catch (t) {
@@ -3510,18 +3625,18 @@ const mn = (e) => (Ce.push(e), () => {
       }
     });
   } finally {
-    yt.value = !1, setTimeout(yi, 1e3);
-  }
-}, yi = () => {
-  Ce = [], wt.value = null, _t.value = null;
-}, wi = {
-  asideComponent: wt,
-  asideData: _t,
-  showAside: gi,
-  closeAside: bi,
-  onAsideClose: mn,
-  hasAside: yt
-}, _i = () => wi, Di = (e, n) => {
+    wt.value = !1, setTimeout(Li, 1e3);
+  }
+}, Li = () => {
+  Le = [], _t.value = null, xt.value = null;
+}, $i = {
+  asideComponent: _t,
+  asideData: xt,
+  showAside: Ei,
+  closeAside: Ci,
+  onAsideClose: hn,
+  hasAside: wt
+}, Si = () => $i, Ii = (e, n) => {
   let t = null;
   return (...l) => {
     t && clearTimeout(t), t = setTimeout(() => {
@@ -3529,7 +3644,7 @@ const mn = (e) => (Ce.push(e), () => {
     }, n);
   };
 };
-class xi {
+class Ri {
   containerElement = null;
   apps = [];
   ensureContainer() {
@@ -3539,15 +3654,15 @@ class xi {
     return new Promise((t) => {
       const o = this.ensureContainer(), l = document.createElement("div");
       o.appendChild(l);
-      let i = !1;
-      const a = () => {
-        i || (i = !0, setTimeout(() => {
+      let a = !1;
+      const i = () => {
+        a || (a = !0, setTimeout(() => {
           const c = this.apps.find((s) => s.element === l);
           c && (c.app.unmount(), this.apps = this.apps.filter((s) => s !== c)), l.remove();
         }, 300));
-      }, r = Vn({
+      }, r = Ln({
         setup() {
-          return () => En(dt, {
+          return () => $n(dt, {
             modelValue: !0,
             title: n.title,
             message: n.message,
@@ -3560,18 +3675,18 @@ class xi {
             closeOnBackdrop: n.closeOnBackdrop ?? !1,
             closeOnEscape: n.closeOnEscape ?? !0,
             onConfirm: () => {
-              t(!0), a();
+              t(!0), i();
             },
             onCancel: () => {
-              t(!1), a();
+              t(!1), i();
             },
             onClose: () => {
-              i || t(!1), a();
+              a || t(!1), i();
             }
           });
         }
       });
-      r.component("VjCard", at), r.component("VjIcon", ge), r.component("VjButton", ut), r.mount(l), this.apps.push({ app: r, element: l });
+      r.component("VjCard", at), r.component("VjIcon", be), r.component("VjButton", ut), r.mount(l), this.apps.push({ app: r, element: l });
     });
   }
   confirm(n) {
@@ -3599,11 +3714,11 @@ class xi {
     }), this.apps = [];
   }
 }
-const ki = new xi();
-function Bi() {
-  return ki;
+const Ti = new Ri();
+function Hi() {
+  return Ti;
 }
-const Pi = () => {
+const Ui = () => {
   const e = C(!1), n = C(null), t = () => {
     n.value = null;
   };
@@ -3611,166 +3726,102 @@ const Pi = () => {
     inner;
     defaultValue;
     handlers = [];
-    constructor(a, r) {
-      this.inner = a, this.defaultValue = r;
+    constructor(i, r) {
+      this.inner = i, this.defaultValue = r;
     }
-    onError(a) {
-      return this.handlers.push(a), this;
+    onError(i) {
+      return this.handlers.push(i), this;
     }
     async exec() {
       n.value = null, e.value = !0;
       try {
         return await this.inner();
-      } catch (a) {
-        n.value = a;
+      } catch (i) {
+        n.value = i;
         for (const r of this.handlers)
           try {
-            r(a);
+            r(i);
           } catch (c) {
             console.error("onError handler failed", c);
           }
         if (this.defaultValue !== void 0) return this.defaultValue;
-        throw a;
+        throw i;
       } finally {
         e.value = !1;
       }
     }
-    then(a, r) {
-      return this.exec().then(a, r);
+    then(i, r) {
+      return this.exec().then(i, r);
     }
   }
-  function l(i, a) {
-    return new o(i, a);
+  function l(a, i) {
+    return new o(a, i);
   }
   return { run: l, running: e, error: n, clearError: t };
-};
-class Vi {
-  notifications = C([]);
-  notificationIdCounter = 0;
-  /**
-   * Gibt die reaktive Liste der Notifications zurück
-   */
-  getNotifications() {
-    return this.notifications;
-  }
-  /**
-   * Zeigt eine Notification an
-   * @param type - Der Typ der Notification (info, warning, error, success)
-   * @param message - Die Nachricht
-   * @param duration - Optionale Dauer in ms (Standard: 5000ms, errors bleiben stehen)
-   * @returns Die ID der Notification
-   */
-  show(n, t, o, l) {
-    const i = `notification-${++this.notificationIdCounter}-${Date.now()}`, a = n === "error" ? void 0 : l ?? 5e3, r = {
-      id: i,
-      type: n,
-      title: t,
-      message: o,
-      duration: a
-    };
-    return this.notifications.value.unshift(r), a && setTimeout(() => {
-      this.remove(i);
-    }, a), i;
-  }
-  /**
-   * Zeigt eine Info-Notification
-   */
-  info(n, t, o) {
-    return this.show("info", n, t, o);
-  }
-  /**
-   * Zeigt eine Warning-Notification
-   */
-  warning(n, t, o) {
-    return this.show("warning", n, t, o);
-  }
-  /**
-   * Zeigt eine Error-Notification (bleibt stehen bis manuell geschlossen)
-   */
-  error(n, t) {
-    return this.show("error", n, t);
-  }
-  /**
-   * Zeigt eine Success-Notification
-   */
-  success(n, t, o) {
-    return this.show("success", n, t, o);
-  }
-  /**
-   * Entfernt eine spezifische Notification
-   */
-  remove(n) {
-    const t = this.notifications.value.findIndex((o) => o.id === n);
-    t !== -1 && this.notifications.value.splice(t, 1);
-  }
-  /**
-   * Entfernt alle Notifications
-   */
-  clearAll() {
-    this.notifications.value = [];
-  }
-}
-const Mi = new Vi(), ji = {
+}, Wi = {
   install(e) {
-    e.component("VjButton", ut), e.component("VjButtonBar", On), e.component("VjCard", at), e.component("VjChip", Kt), e.component("VjChipGroup", Nt), e.component("VjChipSelector", go), e.component("VjCarousel", at), e.component("VjCheckbox", Nn), e.component("VjDotMenu", ul), e.component("VjDialog", dt), e.component("VjIcon", ge), e.component("VjLinkButton", fl), e.component("VjMenu", wl), e.component("VjMenuAction", hl), e.component("VjPage", Gl), e.component("VjPaginator", Ql), e.component("VjTab", fa), e.component("VjTabView", ua), e.component("VjSkeleton", ga), e.component("VjSpinner", sn), e.component("VjInput", fn), e.component("VjSelect", un), e.component("VjTextArea", dn), e.component("VjFormField", Fe), e.component("VjFormLayout", Ca), e.component("VjFormSection", Ra), e.component("VjInputText", Ja), e.component("VjInputTextArea", Xa), e.component("VjInputSelect", Pa), e.component("VjInputSlider", Ua), e.component("VjShellNavigation", vn), e.component("VjShellNavigationItem", li), e.component("VjShell", vi), e.component("VjSearchField", na), e.component("VjSeparator", la), e.directive("focus", kl), e.directive("resize", Vl), e.directive("compact", _l), e.directive("tooltip", rn);
+    e.component("VjAmountBar", _a), e.component("VjButton", ut), e.component("VjButtonBar", Pn), e.component("VjCard", at), e.component("VjChip", Xt), e.component("VjChipGroup", Gt), e.component("VjChipSelector", wo), e.component("VjCarousel", at), e.component("VjCheckbox", qn), e.component("VjDotMenu", vl), e.component("VjDialog", dt), e.component("VjIcon", be), e.component("VjLinkButton", pl), e.component("VjMenu", kl), e.component("VjMenuAction", yl), e.component("VjPage", Jl), e.component("VjPaginator", ea), e.component("VjTab", ma), e.component("VjTabView", fa), e.component("VjSkeleton", ya), e.component("VjSpinner", cn), e.component("VjNotifications", _i), e.component("VjNotification", yt), e.component("VjInput", mn), e.component("VjSelect", fn), e.component("VjTextArea", vn), e.component("VjFormField", ze), e.component("VjFormLayout", Ra), e.component("VjFormSection", Oa), e.component("VjInputText", ti), e.component("VjInputTextArea", Ja), e.component("VjInputSelect", za), e.component("VjInputSlider", Xa), e.component("VjShellNavigation", pn), e.component("VjShellNavigationItem", ri), e.component("VjShell", gi), e.component("VjSearchField", la), e.component("VjSeparator", ia), e.directive("focus", Cl), e.directive("resize", Ll), e.directive("compact", Vl), e.directive("tooltip", un);
   }
 };
 export {
+  _a as AmountBar,
   ut as Button,
-  On as ButtonBar,
+  Pn as ButtonBar,
   at as Card,
-  $i as Carousel,
-  Nn as Checkbox,
-  Kt as Chip,
-  Nt as ChipGroup,
-  go as ChipSelector,
+  Di as Carousel,
+  qn as Checkbox,
+  Xt as Chip,
+  Gt as ChipGroup,
+  wo as ChipSelector,
   dt as Dialog,
-  ul as DotMenu,
-  Si as EditableLabel,
-  kl as FocusFirstDirective,
-  Fe as FormField,
-  Ca as FormLayout,
-  Ra as FormSection,
-  ge as Icon,
+  vl as DotMenu,
+  Mi as EditableLabel,
+  Cl as FocusFirstDirective,
+  ze as FormField,
+  Ra as FormLayout,
+  Oa as FormSection,
+  be as Icon,
   F as IconNames,
   q as IconSize,
-  fn as Input,
-  Pa as InputSelect,
-  Ua as InputSlider,
-  Ja as InputText,
-  Xa as InputTextArea,
-  fl as LinkButton,
-  Sl as LoadingDirective,
-  wl as Menu,
-  hl as MenuAction,
-  Gl as Page,
-  Ql as Paginator,
-  Ri as Radio,
-  Vl as ResizeDirective,
-  na as SearchField,
-  un as Select,
-  la as Separator,
-  vi as Shell,
-  vn as ShellNavigation,
-  li as ShellNavigationItem,
-  ga as Skeleton,
-  sn as Spinner,
-  fa as Tab,
-  ua as TabView,
-  dn as TextArea,
-  rn as TooltipDirective,
-  ji as VjComponents,
-  mi as VjNavigationProviderKey,
-  _l as compactDirective,
-  Ti as configureVueUI,
-  ki as dialogService,
-  zt as getVueUIConfig,
-  Mi as notificationService,
-  Ai as resetVueUIConfig,
-  _i as useAsideService,
-  Di as useDebounce,
-  Bi as useDialog,
-  Pi as useFlow,
-  hi as useRouterNavigationProvider,
-  Oi as useStaticNavigationProvider
+  mn as Input,
+  za as InputSelect,
+  Xa as InputSlider,
+  ti as InputText,
+  Ja as InputTextArea,
+  pl as LinkButton,
+  Ol as LoadingDirective,
+  kl as Menu,
+  yl as MenuAction,
+  yt as NotificationComponent,
+  _i as Notifications,
+  Jl as Page,
+  ea as Paginator,
+  Pi as Radio,
+  Ll as ResizeDirective,
+  la as SearchField,
+  fn as Select,
+  ia as Separator,
+  gi as Shell,
+  pn as ShellNavigation,
+  ri as ShellNavigationItem,
+  ya as Skeleton,
+  cn as Spinner,
+  ma as Tab,
+  fa as TabView,
+  vn as TextArea,
+  un as TooltipDirective,
+  Wi as VjComponents,
+  xi as VjNavigationProviderKey,
+  Vl as compactDirective,
+  ji as configureVueUI,
+  Ti as dialogService,
+  It as getVueUIConfig,
+  Ht as notificationService,
+  Fi as resetVueUIConfig,
+  Si as useAsideService,
+  Ii as useDebounce,
+  Hi as useDialog,
+  Ui as useFlow,
+  Vi as useRouterNavigationProvider,
+  zi as useStaticNavigationProvider
 };