@vanjana/vue-ui 0.1.87 → 0.1.89

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

@@ -1,36 +1,36 @@
-import { createElementBlock as b, openBlock as v, createElementVNode as V, renderSlot as D, defineComponent as O, computed as E, normalizeClass as I, createBlock as j, createCommentVNode as $, createTextVNode as He, unref as S, toDisplayString as P, useSlots as jt, ref as C, onMounted as De, nextTick as me, onBeforeUnmount as Se, watch as X, resolveComponent as N, createVNode as M, normalizeStyle as Y, Fragment as ne, renderList as Re, mergeModels as Z, useModel as ve, withModifiers as K, Teleport as Ne, Transition as Te, withCtx as U, createSlots as lt, resolveDynamicComponent as Ft, mergeProps as dn, shallowRef as fn, getCurrentScope as vn, onScopeDispose as mn, shallowReadonly as ke, render as Ct, withDirectives as zt, withKeys as et, provide as pn, inject as It, vModelText as hn, toRef as Qe, normalizeProps as gn, guardReactiveProps as bn, isRef as yn, createApp as wn, h as _n } from "vue";
-import { useRouter as xn, useRoute as kn } from "vue-router";
-const T = (e, n) => {
+import { createElementBlock as b, openBlock as m, createElementVNode as V, renderSlot as B, defineComponent as A, computed as C, normalizeClass as I, createBlock as j, createCommentVNode as $, createTextVNode as He, unref as S, toDisplayString as P, useSlots as Ft, ref as E, onMounted as Be, nextTick as me, onBeforeUnmount as Se, watch as X, resolveComponent as N, createVNode as M, normalizeStyle as Y, Fragment as ne, renderList as Re, mergeModels as Z, useModel as ve, withModifiers as K, Teleport as Ne, Transition as Oe, withCtx as U, createSlots as rt, resolveDynamicComponent as zt, mergeProps as vn, shallowRef as mn, getCurrentScope as pn, onScopeDispose as hn, shallowReadonly as ke, resolveDirective as gn, withDirectives as It, withKeys as lt, provide as bn, inject as Ht, vModelText as yn, toRef as nt, normalizeProps as wn, guardReactiveProps as _n, render as Et, isRef as xn, createApp as kn, h as Vn } from "vue";
+import { useRouter as En, useRoute as Cn } from "vue-router";
+const O = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, l] of n)
     t[o] = l;
   return t;
-}, Vn = {}, Cn = { class: "button-bar" }, En = { class: "left" }, Ln = { class: "right" };
-function $n(e, n) {
-  return v(), b("div", Cn, [
-    V("div", En, [
-      D(e.$slots, "left", {}, void 0, !0)
+}, Ln = {}, $n = { class: "button-bar" }, Sn = { class: "left" }, Rn = { class: "right" };
+function Tn(e, n) {
+  return m(), b("div", $n, [
+    V("div", Sn, [
+      B(e.$slots, "left", {}, void 0, !0)
     ]),
-    V("div", Ln, [
-      D(e.$slots, "default", {}, void 0, !0)
+    V("div", Rn, [
+      B(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Sn = /* @__PURE__ */ T(Vn, [["render", $n], ["__scopeId", "data-v-45a6ed1a"]]);
+const An = /* @__PURE__ */ O(Ln, [["render", Tn], ["__scopeId", "data-v-45a6ed1a"]]);
 var W = /* @__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))(W || {}), q = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(q || {});
-const we = /* @__PURE__ */ O({
+const we = /* @__PURE__ */ A({
   __name: "icon",
   props: {
     icon: {},
     size: {}
   },
   setup(e) {
-    const n = e, t = q.M, o = E(() => `${n.icon} ${n.size ?? t}`);
-    return (l, a) => (v(), b("i", {
+    const n = e, t = q.M, o = C(() => `${n.icon} ${n.size ?? t}`);
+    return (l, a) => (m(), b("i", {
       class: I(o.value)
     }, null, 2));
   }
-}), Rn = ["disabled"], An = /* @__PURE__ */ O({
+}), On = ["disabled"], Dn = /* @__PURE__ */ A({
   __name: "button",
   props: {
     label: {},
@@ -41,51 +41,51 @@ const we = /* @__PURE__ */ O({
     disabled: { type: Boolean }
   },
   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 (a, i) => (v(), b("button", {
+    const n = e, t = q.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = C(() => !n.label && !!n.icon);
+    return (a, i) => (m(), b("button", {
       class: I(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
     }, [
-      e.icon ? (v(), j(we, {
+      e.icon ? (m(), j(we, {
         key: 0,
         icon: e.icon,
         size: S(t)
       }, null, 8, ["icon", "size"])) : $("", !0),
       He(" " + P(e.label), 1)
-    ], 10, Rn));
+    ], 10, On));
   }
-}), Ht = /* @__PURE__ */ T(An, [["__scopeId", "data-v-f31c33cf"]]), On = {
+}), Ut = /* @__PURE__ */ O(Dn, [["__scopeId", "data-v-f31c33cf"]]), Bn = {
   key: 0,
   class: "header-actions"
-}, Tn = { key: 0 }, Bn = /* @__PURE__ */ O({
+}, Mn = { key: 0 }, Pn = /* @__PURE__ */ A({
   __name: "card",
   props: {
     header: {},
     scrollable: { type: Boolean }
   },
   setup(e) {
-    const n = jt();
-    return (t, o) => (v(), b("div", {
+    const n = Ft();
+    return (t, o) => (m(), b("div", {
       class: I(["card", { scrollable: e.scrollable }])
     }, [
       V("header", null, [
         V("h3", null, P(e.header), 1),
-        S(n).headerActions ? (v(), b("span", On, [
-          D(t.$slots, "headerActions", {}, void 0, !0)
+        S(n).headerActions ? (m(), b("span", Bn, [
+          B(t.$slots, "headerActions", {}, void 0, !0)
         ])) : $("", !0)
       ]),
       V("main", null, [
-        D(t.$slots, "default", {}, void 0, !0)
+        B(t.$slots, "default", {}, void 0, !0)
       ]),
-      S(n).footer ? (v(), b("footer", Tn, [
-        D(t.$slots, "footer", {}, void 0, !0)
+      S(n).footer ? (m(), b("footer", Mn, [
+        B(t.$slots, "footer", {}, void 0, !0)
       ])) : $("", !0)
     ], 2));
   }
-}), tt = /* @__PURE__ */ T(Bn, [["__scopeId", "data-v-ec6ab562"]]), Dn = ["aria-label"], Mn = {
+}), at = /* @__PURE__ */ O(Pn, [["__scopeId", "data-v-ec6ab562"]]), jn = ["aria-label"], Fn = {
   key: 0,
   class: "carousel-indicators"
-}, Pn = /* @__PURE__ */ O({
+}, zn = /* @__PURE__ */ A({
   __name: "carousel",
   props: {
     autoplay: { type: Boolean },
@@ -96,13 +96,13 @@ const we = /* @__PURE__ */ O({
     ariaLabel: {}
   },
   setup(e) {
-    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, a = n.pauseOnHover ?? !0, i = n.startIndex ?? 0, u = n.ariaLabel ?? "Carousel", s = C(Math.max(0, i)), r = C(null), c = C(null), d = C(0), f = C(0);
-    let m = !1;
-    const p = C(0), w = C(!1);
+    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, a = n.pauseOnHover ?? !0, i = n.startIndex ?? 0, u = n.ariaLabel ?? "Carousel", s = E(Math.max(0, i)), r = E(null), c = E(null), d = E(0), f = E(0);
+    let v = !1;
+    const p = E(0), w = E(!1);
     let h = null, y = null;
-    const _ = C(null), g = C(null), L = () => {
+    const _ = E(null), g = E(null), L = () => {
       p.value = r.value ? r.value.children.length : 0, p.value === 0 ? s.value = 0 : s.value >= p.value && (s.value = l ? 0 : p.value - 1), F();
-    }, B = E(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + f.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), F = () => {
+    }, D = C(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + f.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), F = () => {
       r.value && Array.from(r.value.children).forEach((R, ge) => {
         try {
           ge === s.value ? R.removeAttribute("aria-hidden") : R.setAttribute("aria-hidden", "true");
@@ -115,7 +115,7 @@ const we = /* @__PURE__ */ O({
       }, o)));
     }, k = () => {
       h && (clearTimeout(h), h = null);
-    }, A = () => {
+    }, T = () => {
       p.value !== 0 && (s.value <= 0 ? s.value = l ? p.value - 1 : 0 : s.value--);
     }, z = () => {
       p.value !== 0 && (s.value >= p.value - 1 ? s.value = l ? 0 : p.value - 1 : s.value++);
@@ -126,7 +126,7 @@ const we = /* @__PURE__ */ O({
     }, ue = () => {
       w.value = !1, x();
     }, de = (R) => {
-      R.key === "ArrowLeft" ? A() : R.key === "ArrowRight" && z();
+      R.key === "ArrowLeft" ? T() : R.key === "ArrowRight" && z();
     };
     let xe = 0, ee = 0;
     const ae = (R) => {
@@ -134,24 +134,24 @@ const we = /* @__PURE__ */ O({
     }, G = (R) => {
       ee = R.touches[0].clientX - xe;
     }, te = () => {
-      ee > 50 ? A() : ee < -50 && z(), ee = 0;
+      ee > 50 ? T() : ee < -50 && z(), ee = 0;
     };
     let ze = 0;
     const wt = (R) => {
       if (R.isPrimary !== !1 && !(R.pointerType === "mouse" && R.button !== 0)) {
-        m = !0, ze = R.clientX, f.value = 0, k();
+        v = !0, ze = R.clientX, f.value = 0, k();
         try {
           R.target?.setPointerCapture?.(R.pointerId);
         } catch {
         }
       }
     }, _t = (R) => {
-      m && (f.value = R.clientX - ze, R.preventDefault());
+      v && (f.value = R.clientX - ze, R.preventDefault());
     }, xt = () => {
-      if (!m) return;
-      m = !1;
+      if (!v) return;
+      v = !1;
       const R = Math.max(50, d.value * 0.15);
-      f.value > R ? A() : f.value < -R && z(), f.value = 0, x();
+      f.value > R ? T() : f.value < -R && z(), f.value = 0, x();
     }, kt = (R) => {
       try {
         R.target?.releasePointerCapture?.(R.pointerId);
@@ -159,7 +159,7 @@ const we = /* @__PURE__ */ O({
       }
       xt();
     }, Vt = () => xt();
-    return De(() => {
+    return Be(() => {
       me(() => {
         if (L(), r.value && (y = new MutationObserver(L), y.observe(r.value, { childList: !0 }), r.value.addEventListener("touchstart", ae, { passive: !0 }), r.value.addEventListener("touchmove", G, { passive: !0 }), r.value.addEventListener("touchend", te)), c.value) {
           const R = () => {
@@ -184,7 +184,7 @@ const we = /* @__PURE__ */ O({
       x();
     }), (R, ge) => {
       const be = N("VjButton");
-      return v(), b("div", {
+      return m(), b("div", {
         class: "carousel",
         role: "region",
         "aria-roledescription": "carousel",
@@ -203,15 +203,15 @@ const we = /* @__PURE__ */ O({
             class: "carousel-track",
             ref_key: "track",
             ref: r,
-            style: Y(B.value)
+            style: Y(D.value)
           }, [
-            D(R.$slots, "default", {}, void 0, !0)
+            B(R.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 512),
         M(be, {
           class: "carousel-btn prev",
           icon: S(W).PREVIOUS,
-          onClick: A,
+          onClick: T,
           type: "button",
           "aria-label": "Previous slide"
         }, null, 8, ["icon"]),
@@ -222,23 +222,23 @@ const we = /* @__PURE__ */ O({
           type: "button",
           "aria-label": "Next slide"
         }, null, 8, ["icon"]),
-        p.value > 1 ? (v(), b("div", Mn, [
-          (v(!0), b(ne, null, Re(p.value, (Ae) => (v(), j(be, {
-            key: Ae - 1,
-            class: I(["indicator", { active: Ae - 1 === s.value }]),
-            onClick: (ui) => H(Ae - 1),
-            "aria-current": Ae - 1 === s.value,
-            "aria-label": `Go to slide ${Ae}`,
+        p.value > 1 ? (m(), b("div", Fn, [
+          (m(!0), b(ne, null, Re(p.value, (Te) => (m(), j(be, {
+            key: Te - 1,
+            class: I(["indicator", { active: Te - 1 === s.value }]),
+            onClick: (vi) => H(Te - 1),
+            "aria-current": Te - 1 === s.value,
+            "aria-label": `Go to slide ${Te}`,
             type: "button"
           }, null, 8, ["class", "onClick", "aria-current", "aria-label"]))), 128))
         ])) : $("", !0)
-      ], 40, Dn);
+      ], 40, jn);
     };
   }
-}), vi = /* @__PURE__ */ T(Pn, [["__scopeId", "data-v-232abca2"]]), jn = { class: "checkbox" }, Fn = ["checked", "disabled"], zn = {
+}), hi = /* @__PURE__ */ O(zn, [["__scopeId", "data-v-232abca2"]]), In = { class: "checkbox" }, Hn = ["checked", "disabled"], Un = {
   key: 0,
   class: "checkbox-label"
-}, In = /* @__PURE__ */ O({
+}, Wn = /* @__PURE__ */ A({
   __name: "checkbox",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -253,14 +253,14 @@ const we = /* @__PURE__ */ O({
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (v(), b("label", jn, [
+    return (o, l) => (m(), b("label", In, [
       V("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "checkbox-input"
-      }, null, 40, Fn),
+      }, null, 40, Hn),
       l[0] || (l[0] = V("span", { class: "checkbox-box" }, [
         V("svg", {
           class: "checkbox-icon",
@@ -278,13 +278,13 @@ const we = /* @__PURE__ */ O({
           })
         ])
       ], -1)),
-      e.label ? (v(), b("span", zn, P(e.label), 1)) : $("", !0)
+      e.label ? (m(), b("span", Un, P(e.label), 1)) : $("", !0)
     ]));
   }
-}), Hn = /* @__PURE__ */ T(In, [["__scopeId", "data-v-d44b45ff"]]), Un = { class: "radio" }, Wn = ["checked", "disabled"], Kn = {
+}), Kn = /* @__PURE__ */ O(Wn, [["__scopeId", "data-v-d44b45ff"]]), Xn = { class: "radio" }, Nn = ["checked", "disabled"], qn = {
   key: 0,
   class: "radio-label"
-}, Xn = /* @__PURE__ */ O({
+}, Gn = /* @__PURE__ */ A({
   __name: "radio",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -299,24 +299,24 @@ const we = /* @__PURE__ */ O({
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (v(), b("label", Un, [
+    return (o, l) => (m(), b("label", Xn, [
       V("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "radio-input"
-      }, null, 40, Wn),
+      }, null, 40, Nn),
       l[0] || (l[0] = V("span", { class: "radio-box" }, [
         V("span", {
           class: "radio-dot",
           "aria-hidden": "true"
         })
       ], -1)),
-      e.label ? (v(), b("span", Kn, P(e.label), 1)) : $("", !0)
+      e.label ? (m(), b("span", qn, P(e.label), 1)) : $("", !0)
     ]));
   }
-}), mi = /* @__PURE__ */ T(Xn, [["__scopeId", "data-v-f9e4bb65"]]), Nn = { class: "chip__label" }, qn = /* @__PURE__ */ O({
+}), gi = /* @__PURE__ */ O(Gn, [["__scopeId", "data-v-f9e4bb65"]]), Yn = { class: "chip__label" }, Jn = /* @__PURE__ */ A({
   __name: "chip",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -328,19 +328,19 @@ const we = /* @__PURE__ */ O({
   }),
   emits: /* @__PURE__ */ Z(["update:modelValue", "dismiss", "click"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = ve(e, "modelValue"), l = n, a = t.dismissable ?? !1, i = E(() => {
+    const t = e, o = ve(e, "modelValue"), l = n, a = t.dismissable ?? !1, i = C(() => {
       const s = {};
       return t.color && (s.color = `var(--on-surface-${t.color})`, s.background = `var(--surface-${t.color})`), s;
     }), u = () => {
       l("dismiss", o.value);
     };
-    return (s, r) => (v(), b("div", {
+    return (s, r) => (m(), b("div", {
       class: I(["chip", { "chip--dismissable": S(a) }]),
       style: Y(i.value),
       onClick: r[0] || (r[0] = (c) => s.$emit("click"))
     }, [
-      V("span", Nn, P(e.label), 1),
-      S(a) ? (v(), b("button", {
+      V("span", Yn, P(e.label), 1),
+      S(a) ? (m(), b("button", {
         key: 0,
         class: "chip__close",
         type: "button",
@@ -354,13 +354,13 @@ const we = /* @__PURE__ */ O({
       ])) : $("", !0)
     ], 6));
   }
-}), Ut = /* @__PURE__ */ T(qn, [["__scopeId", "data-v-c2014a3b"]]), Gn = { class: "chip-group" }, Yn = {
+}), Wt = /* @__PURE__ */ O(Jn, [["__scopeId", "data-v-c2014a3b"]]), Qn = { class: "chip-group" }, Zn = {
   key: 0,
   class: "chip-group__label"
-}, Jn = { class: "chip-group__container" }, Qn = ["onDragover", "onDrop"], Zn = ["onDragstart", "onDragover", "onDragenter", "onDrop"], eo = ["onDragover", "onDrop"], to = {
+}, eo = { class: "chip-group__container" }, to = ["onDragover", "onDrop"], no = ["onDragstart", "onDragover", "onDragenter", "onDrop"], oo = ["onDragover", "onDrop"], lo = {
   key: 1,
   class: "chip-group__hint"
-}, no = /* @__PURE__ */ O({
+}, ao = /* @__PURE__ */ A({
   __name: "chip-group",
   props: {
     items: { default: () => [] },
@@ -373,7 +373,7 @@ const we = /* @__PURE__ */ O({
   },
   emits: ["update:items", "reorder", "dismiss", "chip-click"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C(null), a = C(null);
+    const t = e, o = n, l = E(null), a = E(null);
     function i(h, y) {
       return typeof h == "string" ? `${h}-${y}` : h[t.itemKey] !== void 0 ? String(h[t.itemKey]) : `item-${y}`;
     }
@@ -394,7 +394,7 @@ const we = /* @__PURE__ */ O({
     function f(h, y) {
       return l.value === null || a.value === null || l.value === h ? !1 : y === "before" && a.value === h && l.value > h || y === "after" && a.value === h && l.value < h;
     }
-    function m(h, y) {
+    function v(h, y) {
       if (y.preventDefault(), l.value === null || l.value === h)
         return;
       const _ = [...t.items], g = _[l.value];
@@ -407,18 +407,18 @@ const we = /* @__PURE__ */ O({
       const y = t.items[h], _ = t.items.filter((g, L) => L !== h);
       o("update:items", _), o("dismiss", y, h);
     }
-    return (h, y) => (v(), b("div", Gn, [
-      e.label ? (v(), b("label", Yn, P(e.label), 1)) : $("", !0),
-      V("div", Jn, [
-        (v(!0), b(ne, null, Re(e.items, (_, g) => (v(), b(ne, {
+    return (h, y) => (m(), b("div", Qn, [
+      e.label ? (m(), b("label", Zn, P(e.label), 1)) : $("", !0),
+      V("div", eo, [
+        (m(!0), b(ne, null, Re(e.items, (_, g) => (m(), b(ne, {
           key: i(_, g)
         }, [
-          f(g, "before") ? (v(), b("div", {
+          f(g, "before") ? (m(), b("div", {
             key: 0,
             class: "chip-group__drop-indicator",
             onDragover: K((L) => r(g, L), ["prevent"]),
-            onDrop: (L) => m(g, L)
-          }, null, 40, Qn)) : $("", !0),
+            onDrop: (L) => v(g, L)
+          }, null, 40, to)) : $("", !0),
           V("div", {
             class: I(["chip-group__item", { "chip-group__item--dragging": l.value === g }]),
             draggable: "true",
@@ -426,29 +426,29 @@ const we = /* @__PURE__ */ O({
             onDragover: K((L) => r(g, L), ["prevent"]),
             onDragenter: K((L) => c(g), ["prevent"]),
             onDragleave: d,
-            onDrop: (L) => m(g, L),
+            onDrop: (L) => v(g, L),
             onDragend: p
           }, [
-            M(Ut, {
+            M(Wt, {
               label: u(_),
               dismissable: typeof _ == "string" ? e.dismissable : _.dismissable ?? e.dismissable,
               color: typeof _ == "string" ? e.color : _.color ?? e.color,
               onDismiss: (L) => w(g),
               onClick: (L) => h.$emit("chip-click", _, g)
             }, null, 8, ["label", "dismissable", "color", "onDismiss", "onClick"])
-          ], 42, Zn),
-          f(g, "after") ? (v(), b("div", {
+          ], 42, no),
+          f(g, "after") ? (m(), b("div", {
             key: 1,
             class: "chip-group__drop-indicator",
             onDragover: K((L) => r(g, L), ["prevent"]),
-            onDrop: (L) => m(g, L)
-          }, null, 40, eo)) : $("", !0)
+            onDrop: (L) => v(g, L)
+          }, null, 40, oo)) : $("", !0)
         ], 64))), 128))
       ]),
-      e.hint ? (v(), b("div", to, P(e.hint), 1)) : $("", !0)
+      e.hint ? (m(), b("div", lo, P(e.hint), 1)) : $("", !0)
     ]));
   }
-}), Wt = /* @__PURE__ */ T(no, [["__scopeId", "data-v-66199d19"]]), oo = { class: "dialog-content" }, lo = { key: 1 }, ao = { class: "dialog-footer" }, io = /* @__PURE__ */ O({
+}), Kt = /* @__PURE__ */ O(ao, [["__scopeId", "data-v-66199d19"]]), io = { class: "dialog-content" }, so = { key: 1 }, ro = { class: "dialog-footer" }, co = /* @__PURE__ */ A({
   __name: "dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -465,7 +465,7 @@ const we = /* @__PURE__ */ O({
   },
   emits: ["update:modelValue", "confirm", "cancel", "close"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C(t.modelValue);
+    const t = e, o = n, l = E(t.modelValue);
     X(
       () => t.modelValue,
       (c) => l.value = c
@@ -481,23 +481,23 @@ const we = /* @__PURE__ */ O({
     }, r = (c) => {
       c.key === "Escape" && t.closeOnEscape && l.value && a();
     };
-    return De(() => {
+    return Be(() => {
       document.addEventListener("keydown", r);
     }), Se(() => {
       document.removeEventListener("keydown", r);
     }), (c, d) => {
-      const f = N("VjIcon"), m = N("VjButton"), p = N("VjCard");
-      return v(), j(Ne, { to: "body" }, [
-        M(Te, { name: "dialog-fade" }, {
+      const f = N("VjIcon"), v = N("VjButton"), p = N("VjCard");
+      return m(), j(Ne, { to: "body" }, [
+        M(Oe, { name: "dialog-fade" }, {
           default: U(() => [
-            l.value ? (v(), b("div", {
+            l.value ? (m(), b("div", {
               key: 0,
               class: "dialog-backdrop",
               onClick: s
             }, [
-              M(Te, { name: "dialog-scale" }, {
+              M(Oe, { name: "dialog-scale" }, {
                 default: U(() => [
-                  l.value ? (v(), b("div", {
+                  l.value ? (m(), b("div", {
                     key: 0,
                     class: "dialog-wrapper",
                     onClick: d[0] || (d[0] = K(() => {
@@ -506,7 +506,7 @@ const we = /* @__PURE__ */ O({
                     M(p, {
                       class: "dialog-card",
                       header: e.title || ""
-                    }, lt({
+                    }, rt({
                       headerActions: U(() => [
                         M(f, {
                           icon: S(W).CLOSE,
@@ -516,8 +516,8 @@ const we = /* @__PURE__ */ O({
                         }, null, 8, ["icon", "size"])
                       ]),
                       default: U(() => [
-                        V("div", oo, [
-                          e.component ? (v(), j(Ft(e.component), dn({ key: 0 }, e.componentProps, { onClose: a }), null, 16)) : e.message ? (v(), b("div", lo, P(e.message), 1)) : D(c.$slots, "default", { key: 2 }, void 0, !0)
+                        V("div", io, [
+                          e.component ? (m(), j(zt(e.component), vn({ key: 0 }, e.componentProps, { onClose: a }), null, 16)) : e.message ? (m(), b("div", so, P(e.message), 1)) : B(c.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
@@ -525,15 +525,15 @@ const we = /* @__PURE__ */ O({
                       e.showFooter ? {
                         name: "footer",
                         fn: U(() => [
-                          V("div", ao, [
-                            D(c.$slots, "footer", {}, () => [
-                              e.showCancel ? (v(), j(m, {
+                          V("div", ro, [
+                            B(c.$slots, "footer", {}, () => [
+                              e.showCancel ? (m(), j(v, {
                                 key: 0,
                                 secondary: "",
                                 onClick: u,
                                 label: e.cancelText
                               }, null, 8, ["label"])) : $("", !0),
-                              M(m, {
+                              M(v, {
                                 primary: "",
                                 onClick: i,
                                 label: e.confirmText
@@ -555,10 +555,10 @@ const we = /* @__PURE__ */ O({
       ]);
     };
   }
-}), at = /* @__PURE__ */ T(io, [["__scopeId", "data-v-6af510b3"]]), so = { class: "vj-chip-selector" }, ro = { class: "options-grid" }, co = ["onClick"], uo = {
+}), ct = /* @__PURE__ */ O(co, [["__scopeId", "data-v-6af510b3"]]), uo = { class: "vj-chip-selector" }, fo = { class: "options-grid" }, vo = ["onClick"], mo = {
   key: 0,
   class: "no-options"
-}, fo = /* @__PURE__ */ O({
+}, po = /* @__PURE__ */ A({
   __name: "chip-selector",
   props: {
     items: { default: () => [] },
@@ -570,7 +570,7 @@ const we = /* @__PURE__ */ O({
   },
   emits: ["update:items"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C([...t.items]), a = C(!1), i = E(() => t.options.filter((r) => !l.value.includes(r.value)));
+    const t = e, o = n, l = E([...t.items]), a = E(!1), i = C(() => t.options.filter((r) => !l.value.includes(r.value)));
     function u(r) {
       const c = r;
       l.value = c, o("update:items", c);
@@ -587,8 +587,8 @@ const we = /* @__PURE__ */ O({
         JSON.stringify(r) !== JSON.stringify(l.value) && (l.value = [...r]);
       },
       { deep: !0 }
-    ), (r, c) => (v(), b("div", so, [
-      M(Wt, {
+    ), (r, c) => (m(), b("div", uo, [
+      M(Kt, {
         items: l.value,
         "onUpdate:items": [
           c[0] || (c[0] = (d) => l.value = d),
@@ -602,40 +602,40 @@ const we = /* @__PURE__ */ O({
         class: "add-button",
         onClick: c[1] || (c[1] = (d) => a.value = !0)
       }, P(e.addButtonText), 1),
-      M(at, {
+      M(ct, {
         modelValue: a.value,
         "onUpdate:modelValue": c[2] || (c[2] = (d) => a.value = d),
         title: e.dialogTitle || `Add ${e.label}`,
         "close-on-backdrop": ""
       }, {
         default: U(() => [
-          V("div", ro, [
-            (v(!0), b(ne, null, Re(i.value, (d) => (v(), b("button", {
+          V("div", fo, [
+            (m(!0), b(ne, null, Re(i.value, (d) => (m(), b("button", {
               key: d.value,
               type: "button",
               class: "option-btn",
               onClick: (f) => s(d.value)
-            }, "+ " + P(d.label), 9, co))), 128))
+            }, "+ " + P(d.label), 9, vo))), 128))
           ]),
-          i.value.length === 0 ? (v(), b("div", uo, "All options already selected")) : $("", !0)
+          i.value.length === 0 ? (m(), b("div", mo, "All options already selected")) : $("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), vo = /* @__PURE__ */ T(fo, [["__scopeId", "data-v-f2e1b880"]]), Le = Math.min, J = Math.max, Ue = Math.round, Ie = Math.floor, ie = (e) => ({
+}), ho = /* @__PURE__ */ O(po, [["__scopeId", "data-v-f2e1b880"]]), Le = Math.min, J = Math.max, Ue = Math.round, Ie = Math.floor, ie = (e) => ({
   x: e,
   y: e
-}), mo = {
+}), go = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, po = {
+}, bo = {
   start: "end",
   end: "start"
 };
-function Et(e, n, t) {
+function Ct(e, n, t) {
   return J(e, Le(n, t));
 }
 function Me(e, n) {
@@ -647,54 +647,54 @@ function pe(e) {
 function Pe(e) {
   return e.split("-")[1];
 }
-function Kt(e) {
+function Xt(e) {
   return e === "x" ? "y" : "x";
 }
-function Xt(e) {
+function Nt(e) {
   return e === "y" ? "height" : "width";
 }
-const ho = /* @__PURE__ */ new Set(["top", "bottom"]);
+const yo = /* @__PURE__ */ new Set(["top", "bottom"]);
 function fe(e) {
-  return ho.has(pe(e)) ? "y" : "x";
+  return yo.has(pe(e)) ? "y" : "x";
 }
-function Nt(e) {
-  return Kt(fe(e));
+function qt(e) {
+  return Xt(fe(e));
 }
-function go(e, n, t) {
+function wo(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Pe(e), l = Nt(e), a = Xt(l);
+  const o = Pe(e), l = qt(e), a = Nt(l);
   let i = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return n.reference[a] > n.floating[a] && (i = We(i)), [i, We(i)];
 }
-function bo(e) {
+function _o(e) {
   const n = We(e);
-  return [nt(e), n, nt(n)];
+  return [it(e), n, it(n)];
 }
-function nt(e) {
-  return e.replace(/start|end/g, (n) => po[n]);
+function it(e) {
+  return e.replace(/start|end/g, (n) => bo[n]);
 }
-const Lt = ["left", "right"], $t = ["right", "left"], yo = ["top", "bottom"], wo = ["bottom", "top"];
-function _o(e, n, t) {
+const Lt = ["left", "right"], $t = ["right", "left"], xo = ["top", "bottom"], ko = ["bottom", "top"];
+function Vo(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
       return t ? n ? $t : Lt : n ? Lt : $t;
     case "left":
     case "right":
-      return n ? yo : wo;
+      return n ? xo : ko;
     default:
       return [];
   }
 }
-function xo(e, n, t, o) {
+function Eo(e, n, t, o) {
   const l = Pe(e);
-  let a = _o(pe(e), t === "start", o);
-  return l && (a = a.map((i) => i + "-" + l), n && (a = a.concat(a.map(nt)))), a;
+  let a = Vo(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) => mo[n]);
+  return e.replace(/left|right|bottom|top/g, (n) => go[n]);
 }
-function ko(e) {
+function Co(e) {
   return {
     top: 0,
     right: 0,
@@ -703,8 +703,8 @@ function ko(e) {
     ...e
   };
 }
-function Vo(e) {
-  return typeof e != "number" ? ko(e) : {
+function Lo(e) {
+  return typeof e != "number" ? Co(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -734,50 +734,50 @@ function St(e, n, t) {
     reference: o,
     floating: l
   } = e;
-  const a = fe(n), i = Nt(n), u = Xt(i), s = pe(n), r = a === "y", c = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, f = o[u] / 2 - l[u] / 2;
-  let m;
+  const a = fe(n), i = qt(n), u = Nt(i), s = pe(n), r = a === "y", c = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, f = o[u] / 2 - l[u] / 2;
+  let v;
   switch (s) {
     case "top":
-      m = {
+      v = {
         x: c,
         y: o.y - l.height
       };
       break;
     case "bottom":
-      m = {
+      v = {
         x: c,
         y: o.y + o.height
       };
       break;
     case "right":
-      m = {
+      v = {
         x: o.x + o.width,
         y: d
       };
       break;
     case "left":
-      m = {
+      v = {
         x: o.x - l.width,
         y: d
       };
       break;
     default:
-      m = {
+      v = {
         x: o.x,
         y: o.y
       };
   }
   switch (Pe(n)) {
     case "start":
-      m[i] -= f * (t && r ? -1 : 1);
+      v[i] -= f * (t && r ? -1 : 1);
       break;
     case "end":
-      m[i] += f * (t && r ? -1 : 1);
+      v[i] += f * (t && r ? -1 : 1);
       break;
   }
-  return m;
+  return v;
 }
-const Co = async (e, n, t) => {
+const $o = async (e, n, t) => {
   const {
     placement: o = "bottom",
     strategy: l = "absolute",
@@ -791,7 +791,7 @@ const Co = async (e, n, t) => {
   }), {
     x: c,
     y: d
-  } = St(r, o, s), f = o, m = {}, p = 0;
+  } = St(r, o, s), f = o, v = {}, p = 0;
   for (let w = 0; w < u.length; w++) {
     const {
       name: h,
@@ -800,14 +800,14 @@ const Co = async (e, n, t) => {
       x: _,
       y: g,
       data: L,
-      reset: B
+      reset: D
     } = await y({
       x: c,
       y: d,
       initialPlacement: o,
       placement: f,
       strategy: l,
-      middlewareData: m,
+      middlewareData: v,
       rects: r,
       platform: i,
       elements: {
@@ -815,17 +815,17 @@ const Co = async (e, n, t) => {
         floating: n
       }
     });
-    c = _ ?? c, d = g ?? d, m = {
-      ...m,
+    c = _ ?? c, d = g ?? d, v = {
+      ...v,
       [h]: {
-        ...m[h],
+        ...v[h],
         ...L
       }
-    }, B && p <= 50 && (p++, typeof B == "object" && (B.placement && (f = B.placement), B.rects && (r = B.rects === !0 ? await i.getElementRects({
+    }, D && p <= 50 && (p++, typeof D == "object" && (D.placement && (f = D.placement), D.rects && (r = D.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: n,
       strategy: l
-    }) : B.rects), {
+    }) : D.rects), {
       x: c,
       y: d
     } = St(r, f, s)), w = -1);
@@ -835,10 +835,10 @@ const Co = async (e, n, t) => {
     y: d,
     placement: f,
     strategy: l,
-    middlewareData: m
+    middlewareData: v
   };
 };
-async function it(e, n) {
+async function ut(e, n) {
   var t;
   n === void 0 && (n = {});
   const {
@@ -853,8 +853,8 @@ async function it(e, n) {
     rootBoundary: c = "viewport",
     elementContext: d = "floating",
     altBoundary: f = !1,
-    padding: m = 0
-  } = Me(n, e), p = Vo(m), h = u[f ? d === "floating" ? "reference" : "floating" : d], y = Ke(await a.getClippingRect({
+    padding: v = 0
+  } = Me(n, e), p = Lo(v), h = u[f ? 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(u.floating)),
     boundary: r,
     rootBoundary: c,
@@ -870,20 +870,20 @@ async function it(e, n) {
   } : {
     x: 1,
     y: 1
-  }, B = Ke(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, D = Ke(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: u,
     rect: _,
     offsetParent: g,
     strategy: s
   }) : _);
   return {
-    top: (y.top - B.top + p.top) / L.y,
-    bottom: (B.bottom - y.bottom + p.bottom) / L.y,
-    left: (y.left - B.left + p.left) / L.x,
-    right: (B.right - y.right + p.right) / L.x
+    top: (y.top - D.top + p.top) / L.y,
+    bottom: (D.bottom - y.bottom + p.bottom) / L.y,
+    left: (y.left - D.left + p.left) / L.x,
+    right: (D.right - y.right + p.right) / L.x
   };
 }
-const Eo = function(e) {
+const So = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -900,25 +900,25 @@ const Eo = function(e) {
         mainAxis: c = !0,
         crossAxis: d = !0,
         fallbackPlacements: f,
-        fallbackStrategy: m = "bestFit",
+        fallbackStrategy: v = "bestFit",
         fallbackAxisSideDirection: p = "none",
         flipAlignment: w = !0,
         ...h
       } = Me(e, n);
       if ((t = a.arrow) != null && t.alignmentOffset)
         return {};
-      const y = pe(l), _ = fe(u), g = pe(u) === u, L = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), B = f || (g || !w ? [We(u)] : bo(u)), F = p !== "none";
-      !f && F && B.push(...xo(u, w, p, L));
-      const x = [u, ...B], k = await it(n, h), A = [];
+      const y = pe(l), _ = fe(u), g = pe(u) === u, L = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), D = f || (g || !w ? [We(u)] : _o(u)), F = p !== "none";
+      !f && F && D.push(...Eo(u, w, p, L));
+      const x = [u, ...D], k = await ut(n, h), T = [];
       let z = ((o = a.flip) == null ? void 0 : o.overflows) || [];
-      if (c && A.push(k[y]), d) {
-        const de = go(l, i, L);
-        A.push(k[de[0]], k[de[1]]);
+      if (c && T.push(k[y]), d) {
+        const de = wo(l, i, L);
+        T.push(k[de[0]], k[de[1]]);
       }
       if (z = [...z, {
         placement: l,
-        overflows: A
-      }], !A.every((de) => de <= 0)) {
+        overflows: T
+      }], !T.every((de) => de <= 0)) {
         var H, ce;
         const de = (((H = a.flip) == null ? void 0 : H.index) || 0) + 1, xe = x[de];
         if (xe && (!(d === "alignment" ? _ !== fe(xe) : !1) || // We leave the current main axis only if every placement on that axis
@@ -935,7 +935,7 @@ const Eo = function(e) {
           };
         let ee = (ce = z.filter((ae) => ae.overflows[0] <= 0).sort((ae, G) => ae.overflows[1] - G.overflows[1])[0]) == null ? void 0 : ce.placement;
         if (!ee)
-          switch (m) {
+          switch (v) {
             case "bestFit": {
               var ue;
               const ae = (ue = z.filter((G) => {
@@ -964,16 +964,16 @@ const Eo = function(e) {
       return {};
     }
   };
-}, Lo = /* @__PURE__ */ new Set(["left", "top"]);
-async function $o(e, n) {
+}, Ro = /* @__PURE__ */ new Set(["left", "top"]);
+async function To(e, n) {
   const {
     placement: t,
     platform: o,
     elements: l
-  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), u = Pe(t), s = fe(t) === "y", r = Lo.has(i) ? -1 : 1, c = a && s ? -1 : 1, d = Me(n, e);
+  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), u = Pe(t), s = fe(t) === "y", r = Ro.has(i) ? -1 : 1, c = a && s ? -1 : 1, d = Me(n, e);
   let {
     mainAxis: f,
-    crossAxis: m,
+    crossAxis: v,
     alignmentAxis: p
   } = typeof d == "number" ? {
     mainAxis: d,
@@ -984,15 +984,15 @@ async function $o(e, n) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return u && typeof p == "number" && (m = u === "end" ? p * -1 : p), s ? {
-    x: m * c,
+  return u && typeof p == "number" && (v = u === "end" ? p * -1 : p), s ? {
+    x: v * c,
     y: f * r
   } : {
     x: f * r,
-    y: m * c
+    y: v * c
   };
 }
-const So = function(e) {
+const Ao = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1003,7 +1003,7 @@ const So = function(e) {
         y: a,
         placement: i,
         middlewareData: u
-      } = n, s = await $o(n, e);
+      } = n, s = await To(n, e);
       return i === ((t = u.offset) == null ? void 0 : t.placement) && (o = u.arrow) != null && o.alignmentOffset ? {} : {
         x: l + s.x,
         y: a + s.y,
@@ -1014,7 +1014,7 @@ const So = function(e) {
       };
     }
   };
-}, Ro = function(e) {
+}, Oo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1042,19 +1042,19 @@ const So = function(e) {
       } = Me(e, n), r = {
         x: t,
         y: o
-      }, c = await it(n, s), d = fe(pe(l)), f = Kt(d);
-      let m = r[f], p = r[d];
+      }, c = await ut(n, s), d = fe(pe(l)), f = Xt(d);
+      let v = r[f], p = r[d];
       if (a) {
-        const h = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", _ = m + c[h], g = m - c[y];
-        m = Et(_, m, g);
+        const h = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", _ = v + c[h], g = v - c[y];
+        v = Ct(_, v, g);
       }
       if (i) {
         const h = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", _ = p + c[h], g = p - c[y];
-        p = Et(_, p, g);
+        p = Ct(_, p, g);
       }
       const w = u.fn({
         ...n,
-        [f]: m,
+        [f]: v,
         [d]: p
       });
       return {
@@ -1070,7 +1070,7 @@ const So = function(e) {
       };
     }
   };
-}, Ao = function(e) {
+}, Do = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -1085,25 +1085,25 @@ const So = function(e) {
         apply: s = () => {
         },
         ...r
-      } = Me(e, n), c = await it(n, r), d = pe(l), f = Pe(l), m = fe(l) === "y", {
+      } = Me(e, n), c = await ut(n, r), d = pe(l), f = Pe(l), v = fe(l) === "y", {
         width: p,
         height: w
       } = a.floating;
       let h, y;
       d === "top" || d === "bottom" ? (h = d, y = f === (await (i.isRTL == null ? void 0 : i.isRTL(u.floating)) ? "start" : "end") ? "left" : "right") : (y = d, h = f === "end" ? "top" : "bottom");
-      const _ = w - c.top - c.bottom, g = p - c.left - c.right, L = Le(w - c[h], _), B = Le(p - c[y], g), F = !n.middlewareData.shift;
-      let x = L, k = B;
+      const _ = w - c.top - c.bottom, g = p - c.left - c.right, L = Le(w - c[h], _), D = Le(p - c[y], g), F = !n.middlewareData.shift;
+      let x = L, k = D;
       if ((t = n.middlewareData.shift) != null && t.enabled.x && (k = g), (o = n.middlewareData.shift) != null && o.enabled.y && (x = _), F && !f) {
         const z = J(c.left, 0), H = J(c.right, 0), ce = J(c.top, 0), ue = J(c.bottom, 0);
-        m ? k = p - 2 * (z !== 0 || H !== 0 ? z + H : J(c.left, c.right)) : x = w - 2 * (ce !== 0 || ue !== 0 ? ce + ue : J(c.top, c.bottom));
+        v ? k = p - 2 * (z !== 0 || H !== 0 ? z + H : J(c.left, c.right)) : x = w - 2 * (ce !== 0 || ue !== 0 ? ce + ue : J(c.top, c.bottom));
       }
       await s({
         ...n,
         availableWidth: k,
         availableHeight: x
       });
-      const A = await i.getDimensions(u.floating);
-      return p !== A.width || w !== A.height ? {
+      const T = await i.getDimensions(u.floating);
+      return p !== T.width || w !== T.height ? {
         reset: {
           rects: !0
         }
@@ -1115,7 +1115,7 @@ function qe() {
   return typeof window < "u";
 }
 function _e(e) {
-  return st(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return dt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function Q(e) {
   var n;
@@ -1123,9 +1123,9 @@ function Q(e) {
 }
 function re(e) {
   var n;
-  return (n = (st(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
+  return (n = (dt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
-function st(e) {
+function dt(e) {
   return qe() ? e instanceof Node || e instanceof Q(e).Node : !1;
 }
 function oe(e) {
@@ -1137,7 +1137,7 @@ function se(e) {
 function Rt(e) {
   return !qe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Q(e).ShadowRoot;
 }
-const Oo = /* @__PURE__ */ new Set(["inline", "contents"]);
+const Bo = /* @__PURE__ */ new Set(["inline", "contents"]);
 function je(e) {
   const {
     overflow: n,
@@ -1145,15 +1145,15 @@ function je(e) {
     overflowY: o,
     display: l
   } = le(e);
-  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !Oo.has(l);
+  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !Bo.has(l);
 }
-const To = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Bo(e) {
-  return To.has(_e(e));
+const Mo = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Po(e) {
+  return Mo.has(_e(e));
 }
-const Do = [":popover-open", ":modal"];
+const jo = [":popover-open", ":modal"];
 function Ge(e) {
-  return Do.some((n) => {
+  return jo.some((n) => {
     try {
       return e.matches(n);
     } catch {
@@ -1161,15 +1161,15 @@ function Ge(e) {
     }
   });
 }
-const Mo = ["transform", "translate", "scale", "rotate", "perspective"], Po = ["transform", "translate", "scale", "rotate", "perspective", "filter"], jo = ["paint", "layout", "strict", "content"];
-function rt(e) {
-  const n = ct(), t = oe(e) ? le(e) : e;
-  return Mo.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) || Po.some((o) => (t.willChange || "").includes(o)) || jo.some((o) => (t.contain || "").includes(o));
+const Fo = ["transform", "translate", "scale", "rotate", "perspective"], zo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Io = ["paint", "layout", "strict", "content"];
+function ft(e) {
+  const n = vt(), t = oe(e) ? le(e) : e;
+  return Fo.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) || zo.some((o) => (t.willChange || "").includes(o)) || Io.some((o) => (t.contain || "").includes(o));
 }
-function Fo(e) {
+function Ho(e) {
   let n = he(e);
   for (; se(n) && !$e(n); ) {
-    if (rt(n))
+    if (ft(n))
       return n;
     if (Ge(n))
       return null;
@@ -1177,12 +1177,12 @@ function Fo(e) {
   }
   return null;
 }
-function ct() {
+function vt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const zo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const Uo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function $e(e) {
-  return zo.has(_e(e));
+  return Uo.has(_e(e));
 }
 function le(e) {
   return Q(e).getComputedStyle(e);
@@ -1208,24 +1208,24 @@ function he(e) {
   );
   return Rt(n) ? n.host : n;
 }
-function qt(e) {
+function Gt(e) {
   const n = he(e);
-  return $e(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : se(n) && je(n) ? n : qt(n);
+  return $e(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : se(n) && je(n) ? n : Gt(n);
 }
-function Be(e, n, t) {
+function De(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const l = qt(e), a = l === ((o = e.ownerDocument) == null ? void 0 : o.body), i = Q(l);
+  const l = Gt(e), a = l === ((o = e.ownerDocument) == null ? void 0 : o.body), i = Q(l);
   if (a) {
-    const u = ot(i);
-    return n.concat(i, i.visualViewport || [], je(l) ? l : [], u && t ? Be(u) : []);
+    const u = st(i);
+    return n.concat(i, i.visualViewport || [], je(l) ? l : [], u && t ? De(u) : []);
   }
-  return n.concat(l, Be(l, [], t));
+  return n.concat(l, De(l, [], t));
 }
-function ot(e) {
+function st(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Gt(e) {
+function Yt(e) {
   const n = le(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
   const l = se(e), a = l ? e.offsetWidth : t, i = l ? e.offsetHeight : o, u = Ue(t) !== a || Ue(o) !== i;
@@ -1235,48 +1235,48 @@ function Gt(e) {
     $: u
   };
 }
-function ut(e) {
+function mt(e) {
   return oe(e) ? e : e.contextElement;
 }
-function Ce(e) {
-  const n = ut(e);
+function Ee(e) {
+  const n = mt(e);
   if (!se(n))
     return ie(1);
   const t = n.getBoundingClientRect(), {
     width: o,
     height: l,
     $: a
-  } = Gt(n);
+  } = Yt(n);
   let i = (a ? Ue(t.width) : t.width) / o, u = (a ? Ue(t.height) : t.height) / l;
   return (!i || !Number.isFinite(i)) && (i = 1), (!u || !Number.isFinite(u)) && (u = 1), {
     x: i,
     y: u
   };
 }
-const Io = /* @__PURE__ */ ie(0);
-function Yt(e) {
+const Wo = /* @__PURE__ */ ie(0);
+function Jt(e) {
   const n = Q(e);
-  return !ct() || !n.visualViewport ? Io : {
+  return !vt() || !n.visualViewport ? Wo : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
 }
-function Ho(e, n, t) {
+function Ko(e, n, t) {
   return n === void 0 && (n = !1), !t || n && t !== Q(e) ? !1 : n;
 }
 function ye(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
-  const l = e.getBoundingClientRect(), a = ut(e);
+  const l = e.getBoundingClientRect(), a = mt(e);
   let i = ie(1);
-  n && (o ? oe(o) && (i = Ce(o)) : i = Ce(e));
-  const u = Ho(a, t, o) ? Yt(a) : ie(0);
+  n && (o ? oe(o) && (i = Ee(o)) : i = Ee(e));
+  const u = Ko(a, t, o) ? Jt(a) : ie(0);
   let s = (l.left + u.x) / i.x, r = (l.top + u.y) / i.y, c = l.width / i.x, d = l.height / i.y;
   if (a) {
-    const f = Q(a), m = o && oe(o) ? Q(o) : o;
-    let p = f, w = ot(p);
-    for (; w && o && m !== p; ) {
-      const h = Ce(w), y = w.getBoundingClientRect(), _ = le(w), g = y.left + (w.clientLeft + parseFloat(_.paddingLeft)) * h.x, L = y.top + (w.clientTop + parseFloat(_.paddingTop)) * h.y;
-      s *= h.x, r *= h.y, c *= h.x, d *= h.y, s += g, r += L, p = Q(w), w = ot(p);
+    const f = Q(a), v = o && oe(o) ? Q(o) : o;
+    let p = f, w = st(p);
+    for (; w && o && v !== p; ) {
+      const h = Ee(w), y = w.getBoundingClientRect(), _ = le(w), g = y.left + (w.clientLeft + parseFloat(_.paddingLeft)) * h.x, L = y.top + (w.clientTop + parseFloat(_.paddingTop)) * h.y;
+      s *= h.x, r *= h.y, c *= h.x, d *= h.y, s += g, r += L, p = Q(w), w = st(p);
     }
   }
   return Ke({
@@ -1290,14 +1290,14 @@ function Je(e, n) {
   const t = Ye(e).scrollLeft;
   return n ? n.left + t : ye(re(e)).left + t;
 }
-function Jt(e, n) {
+function Qt(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 Uo(e) {
+function Xo(e) {
   let {
     elements: n,
     rect: t,
@@ -1313,10 +1313,10 @@ function Uo(e) {
   }, r = ie(1);
   const c = ie(0), d = se(o);
   if ((d || !d && !a) && ((_e(o) !== "body" || je(i)) && (s = Ye(o)), se(o))) {
-    const m = ye(o);
-    r = Ce(o), c.x = m.x + o.clientLeft, c.y = m.y + o.clientTop;
+    const v = ye(o);
+    r = Ee(o), c.x = v.x + o.clientLeft, c.y = v.y + o.clientTop;
   }
-  const f = i && !d && !a ? Jt(i, s) : ie(0);
+  const f = i && !d && !a ? Qt(i, s) : ie(0);
   return {
     width: t.width * r.x,
     height: t.height * r.y,
@@ -1324,10 +1324,10 @@ function Uo(e) {
     y: t.y * r.y - s.scrollTop * r.y + c.y + f.y
   };
 }
-function Wo(e) {
+function No(e) {
   return Array.from(e.getClientRects());
 }
-function Ko(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 u = -t.scrollTop;
@@ -1338,20 +1338,20 @@ function Ko(e) {
     y: u
   };
 }
-const At = 25;
-function Xo(e, n) {
+const Tt = 25;
+function Go(e, n) {
   const t = Q(e), o = re(e), l = t.visualViewport;
   let a = o.clientWidth, i = o.clientHeight, u = 0, s = 0;
   if (l) {
     a = l.width, i = l.height;
-    const c = ct();
+    const c = vt();
     (!c || c && n === "fixed") && (u = l.offsetLeft, s = l.offsetTop);
   }
   const r = Je(o);
   if (r <= 0) {
-    const c = o.ownerDocument, d = c.body, f = getComputedStyle(d), m = c.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - m);
-    p <= At && (a -= p);
-  } else r <= At && (a += r);
+    const c = o.ownerDocument, d = c.body, f = getComputedStyle(d), v = c.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - v);
+    p <= Tt && (a -= p);
+  } else r <= Tt && (a += r);
   return {
     width: a,
     height: i,
@@ -1359,9 +1359,9 @@ function Xo(e, n) {
     y: s
   };
 }
-const No = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function qo(e, n) {
-  const t = ye(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, u = e.clientHeight * a.y, s = l * a.x, r = o * a.y;
+const Yo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Jo(e, n) {
+  const t = ye(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, a = se(e) ? Ee(e) : ie(1), i = e.clientWidth * a.x, u = e.clientHeight * a.y, s = l * a.x, r = o * a.y;
   return {
     width: i,
     height: u,
@@ -1369,16 +1369,16 @@ function qo(e, n) {
     y: r
   };
 }
-function Ot(e, n, t) {
+function At(e, n, t) {
   let o;
   if (n === "viewport")
-    o = Xo(e, t);
+    o = Go(e, t);
   else if (n === "document")
-    o = Ko(re(e));
+    o = qo(re(e));
   else if (oe(n))
-    o = qo(n, t);
+    o = Jo(n, t);
   else {
-    const l = Yt(e);
+    const l = Jt(e);
     o = {
       x: n.x - l.x,
       y: n.y - l.y,
@@ -1388,34 +1388,34 @@ function Ot(e, n, t) {
   }
   return Ke(o);
 }
-function Qt(e, n) {
+function Zt(e, n) {
   const t = he(e);
-  return t === n || !oe(t) || $e(t) ? !1 : le(t).position === "fixed" || Qt(t, n);
+  return t === n || !oe(t) || $e(t) ? !1 : le(t).position === "fixed" || Zt(t, n);
 }
-function Go(e, n) {
+function Qo(e, n) {
   const t = n.get(e);
   if (t)
     return t;
-  let o = Be(e, [], !1).filter((u) => oe(u) && _e(u) !== "body"), l = null;
+  let o = De(e, [], !1).filter((u) => oe(u) && _e(u) !== "body"), l = null;
   const a = le(e).position === "fixed";
   let i = a ? he(e) : e;
   for (; oe(i) && !$e(i); ) {
-    const u = le(i), s = rt(i);
-    !s && u.position === "fixed" && (l = null), (a ? !s && !l : !s && u.position === "static" && !!l && No.has(l.position) || je(i) && !s && Qt(e, i)) ? o = o.filter((c) => c !== i) : l = u, i = he(i);
+    const u = le(i), s = ft(i);
+    !s && u.position === "fixed" && (l = null), (a ? !s && !l : !s && u.position === "static" && !!l && Yo.has(l.position) || je(i) && !s && Zt(e, i)) ? o = o.filter((c) => c !== i) : l = u, i = he(i);
   }
   return n.set(e, o), o;
 }
-function Yo(e) {
+function Zo(e) {
   let {
     element: n,
     boundary: t,
     rootBoundary: o,
     strategy: l
   } = e;
-  const i = [...t === "clippingAncestors" ? Ge(n) ? [] : Go(n, this._c) : [].concat(t), o], u = i[0], s = i.reduce((r, c) => {
-    const d = Ot(n, c, l);
+  const i = [...t === "clippingAncestors" ? Ge(n) ? [] : Qo(n, this._c) : [].concat(t), o], u = i[0], s = i.reduce((r, c) => {
+    const d = At(n, c, l);
     return r.top = J(d.top, r.top), r.right = Le(d.right, r.right), r.bottom = Le(d.bottom, r.bottom), r.left = J(d.left, r.left), r;
-  }, Ot(n, u, l));
+  }, At(n, u, l));
   return {
     width: s.right - s.left,
     height: s.bottom - s.top,
@@ -1423,17 +1423,17 @@ function Yo(e) {
     y: s.top
   };
 }
-function Jo(e) {
+function el(e) {
   const {
     width: n,
     height: t
-  } = Gt(e);
+  } = Yt(e);
   return {
     width: n,
     height: t
   };
 }
-function Qo(e, n, t) {
+function tl(e, n, t) {
   const o = se(n), l = re(n), a = t === "fixed", i = ye(e, !0, a, n);
   let u = {
     scrollLeft: 0,
@@ -1445,11 +1445,11 @@ function Qo(e, n, t) {
   }
   if (o || !o && !a)
     if ((_e(n) !== "body" || je(l)) && (u = Ye(n)), o) {
-      const m = ye(n, !0, a, n);
-      s.x = m.x + n.clientLeft, s.y = m.y + n.clientTop;
+      const v = ye(n, !0, a, n);
+      s.x = v.x + n.clientLeft, s.y = v.y + n.clientTop;
     } else l && r();
   a && !o && l && r();
-  const c = l && !o && !a ? Jt(l, u) : ie(0), d = i.left + u.scrollLeft - s.x - c.x, f = i.top + u.scrollTop - s.y - c.y;
+  const c = l && !o && !a ? Qt(l, u) : ie(0), d = i.left + u.scrollLeft - s.x - c.x, f = i.top + u.scrollTop - s.y - c.y;
   return {
     x: d,
     y: f,
@@ -1457,10 +1457,10 @@ function Qo(e, n, t) {
     height: i.height
   };
 }
-function Ze(e) {
+function ot(e) {
   return le(e).position === "static";
 }
-function Tt(e, n) {
+function Ot(e, n) {
   if (!se(e) || le(e).position === "fixed")
     return null;
   if (n)
@@ -1468,28 +1468,28 @@ function Tt(e, n) {
   let t = e.offsetParent;
   return re(e) === t && (t = t.ownerDocument.body), t;
 }
-function Zt(e, n) {
+function en(e, n) {
   const t = Q(e);
   if (Ge(e))
     return t;
   if (!se(e)) {
     let l = he(e);
     for (; l && !$e(l); ) {
-      if (oe(l) && !Ze(l))
+      if (oe(l) && !ot(l))
         return l;
       l = he(l);
     }
     return t;
   }
-  let o = Tt(e, n);
-  for (; o && Bo(o) && Ze(o); )
-    o = Tt(o, n);
-  return o && $e(o) && Ze(o) && !rt(o) ? t : o || Fo(e) || t;
+  let o = Ot(e, n);
+  for (; o && Po(o) && ot(o); )
+    o = Ot(o, n);
+  return o && $e(o) && ot(o) && !ft(o) ? t : o || Ho(e) || t;
 }
-const Zo = async function(e) {
-  const n = this.getOffsetParent || Zt, t = this.getDimensions, o = await t(e.floating);
+const nl = async function(e) {
+  const n = this.getOffsetParent || en, t = this.getDimensions, o = await t(e.floating);
   return {
-    reference: Qo(e.reference, await n(e.floating), e.strategy),
+    reference: tl(e.reference, await n(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1498,25 +1498,25 @@ const Zo = async function(e) {
     }
   };
 };
-function el(e) {
+function ol(e) {
   return le(e).direction === "rtl";
 }
-const tl = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Uo,
+const ll = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Xo,
   getDocumentElement: re,
-  getClippingRect: Yo,
-  getOffsetParent: Zt,
-  getElementRects: Zo,
-  getClientRects: Wo,
-  getDimensions: Jo,
-  getScale: Ce,
+  getClippingRect: Zo,
+  getOffsetParent: en,
+  getElementRects: nl,
+  getClientRects: No,
+  getDimensions: el,
+  getScale: Ee,
   isElement: oe,
-  isRTL: el
+  isRTL: ol
 };
-function en(e, n) {
+function tn(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
-function nl(e, n) {
+function al(e, n) {
   let t = null, o;
   const l = re(e);
   function a() {
@@ -1529,16 +1529,16 @@ function nl(e, n) {
       left: c,
       top: d,
       width: f,
-      height: m
+      height: v
     } = r;
-    if (u || n(), !f || !m)
+    if (u || n(), !f || !v)
       return;
-    const p = Ie(d), w = Ie(l.clientWidth - (c + f)), h = Ie(l.clientHeight - (d + m)), y = Ie(c), g = {
+    const p = Ie(d), w = Ie(l.clientWidth - (c + f)), h = Ie(l.clientHeight - (d + v)), y = Ie(c), g = {
       rootMargin: -p + "px " + -w + "px " + -h + "px " + -y + "px",
       threshold: J(0, Le(1, s)) || 1
     };
     let L = !0;
-    function B(F) {
+    function D(F) {
       const x = F[0].intersectionRatio;
       if (x !== s) {
         if (!L)
@@ -1547,22 +1547,22 @@ function nl(e, n) {
           i(!1, 1e-7);
         }, 1e3);
       }
-      x === 1 && !en(r, e.getBoundingClientRect()) && i(), L = !1;
+      x === 1 && !tn(r, e.getBoundingClientRect()) && i(), L = !1;
     }
     try {
-      t = new IntersectionObserver(B, {
+      t = new IntersectionObserver(D, {
         ...g,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(B, g);
+      t = new IntersectionObserver(D, g);
     }
     t.observe(e);
   }
   return i(!0), a;
 }
-function dt(e, n, t, o) {
+function Qe(e, n, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: l = !0,
@@ -1570,100 +1570,100 @@ function dt(e, n, t, o) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: u = typeof IntersectionObserver == "function",
     animationFrame: s = !1
-  } = o, r = ut(e), c = l || a ? [...r ? Be(r) : [], ...Be(n)] : [];
+  } = o, r = mt(e), c = l || a ? [...r ? De(r) : [], ...De(n)] : [];
   c.forEach((y) => {
     l && y.addEventListener("scroll", t, {
       passive: !0
     }), a && y.addEventListener("resize", t);
   });
-  const d = r && u ? nl(r, t) : null;
-  let f = -1, m = null;
-  i && (m = new ResizeObserver((y) => {
+  const d = r && u ? al(r, t) : null;
+  let f = -1, v = null;
+  i && (v = new ResizeObserver((y) => {
     let [_] = y;
-    _ && _.target === r && m && (m.unobserve(n), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+    _ && _.target === r && v && (v.unobserve(n), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       var g;
-      (g = m) == null || g.observe(n);
+      (g = v) == null || g.observe(n);
     })), t();
-  }), r && !s && m.observe(r), m.observe(n));
+  }), r && !s && v.observe(r), v.observe(n));
   let p, w = s ? ye(e) : null;
   s && h();
   function h() {
     const y = ye(e);
-    w && !en(w, y) && t(), w = y, p = requestAnimationFrame(h);
+    w && !tn(w, y) && t(), w = y, p = requestAnimationFrame(h);
   }
   return t(), () => {
     var y;
     c.forEach((_) => {
       l && _.removeEventListener("scroll", t), a && _.removeEventListener("resize", t);
-    }), d?.(), (y = m) == null || y.disconnect(), m = null, s && cancelAnimationFrame(p);
+    }), d?.(), (y = v) == null || y.disconnect(), v = null, s && cancelAnimationFrame(p);
   };
 }
-const ft = So, vt = Ro, mt = Eo, ol = Ao, ll = (e, n, t) => {
+const Ze = Ao, et = Oo, tt = So, il = Do, nn = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
-    platform: tl,
+    platform: ll,
     ...t
   }, a = {
     ...l.platform,
     _c: o
   };
-  return Co(e, n, {
+  return $o(e, n, {
     ...l,
     platform: a
   });
 };
-function al(e) {
+function sl(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function Bt(e) {
-  if (al(e)) {
+function Dt(e) {
+  if (sl(e)) {
     const n = e.$el;
-    return st(n) && _e(n) === "#comment" ? null : n;
+    return dt(n) && _e(n) === "#comment" ? null : n;
   }
   return e;
 }
-function Oe(e) {
+function Ae(e) {
   return typeof e == "function" ? e() : S(e);
 }
-function tn(e) {
+function on(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Dt(e, n) {
-  const t = tn(e);
+function Bt(e, n) {
+  const t = on(e);
   return Math.round(n * t) / t;
 }
 function pt(e, n, t) {
   t === void 0 && (t = {});
-  const o = t.whileElementsMounted, l = E(() => {
+  const o = t.whileElementsMounted, l = C(() => {
     var x;
-    return (x = Oe(t.open)) != null ? x : !0;
-  }), a = E(() => Oe(t.middleware)), i = E(() => {
+    return (x = Ae(t.open)) != null ? x : !0;
+  }), a = C(() => Ae(t.middleware)), i = C(() => {
     var x;
-    return (x = Oe(t.placement)) != null ? x : "bottom";
-  }), u = E(() => {
+    return (x = Ae(t.placement)) != null ? x : "bottom";
+  }), u = C(() => {
     var x;
-    return (x = Oe(t.strategy)) != null ? x : "absolute";
-  }), s = E(() => {
+    return (x = Ae(t.strategy)) != null ? x : "absolute";
+  }), s = C(() => {
     var x;
-    return (x = Oe(t.transform)) != null ? x : !0;
-  }), r = E(() => Bt(e.value)), c = E(() => Bt(n.value)), d = C(0), f = C(0), m = C(u.value), p = C(i.value), w = fn({}), h = C(!1), y = E(() => {
+    return (x = Ae(t.transform)) != null ? x : !0;
+  }), r = C(() => Dt(e.value)), c = C(() => Dt(n.value)), d = E(0), f = E(0), v = E(u.value), p = E(i.value), w = mn({}), h = E(!1), y = C(() => {
     const x = {
-      position: m.value,
+      position: v.value,
       left: "0",
       top: "0"
     };
     if (!c.value)
       return x;
-    const k = Dt(c.value, d.value), A = Dt(c.value, f.value);
+    const k = Bt(c.value, d.value), T = Bt(c.value, f.value);
     return s.value ? {
       ...x,
-      transform: "translate(" + k + "px, " + A + "px)",
-      ...tn(c.value) >= 1.5 && {
+      transform: "translate(" + k + "px, " + T + "px)",
+      ...on(c.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: m.value,
+      position: v.value,
       left: k + "px",
-      top: A + "px"
+      top: T + "px"
     };
   });
   let _;
@@ -1671,18 +1671,18 @@ function pt(e, n, t) {
     if (r.value == null || c.value == null)
       return;
     const x = l.value;
-    ll(r.value, c.value, {
+    nn(r.value, c.value, {
       middleware: a.value,
       placement: i.value,
       strategy: u.value
     }).then((k) => {
-      d.value = k.x, f.value = k.y, m.value = k.strategy, p.value = k.placement, w.value = k.middlewareData, h.value = x !== !1;
+      d.value = k.x, f.value = k.y, v.value = k.strategy, p.value = k.placement, w.value = k.middlewareData, h.value = x !== !1;
     });
   }
   function L() {
     typeof _ == "function" && (_(), _ = void 0);
   }
-  function B() {
+  function D() {
     if (L(), o === void 0) {
       g();
       return;
@@ -1697,14 +1697,14 @@ function pt(e, n, t) {
   }
   return X([a, i, u, l], g, {
     flush: "sync"
-  }), X([r, c], B, {
+  }), X([r, c], D, {
     flush: "sync"
   }), X(l, F, {
     flush: "sync"
-  }), vn() && mn(L), {
+  }), pn() && hn(L), {
     x: ke(d),
     y: ke(f),
-    strategy: ke(m),
+    strategy: ke(v),
     placement: ke(p),
     middlewareData: ke(w),
     isPositioned: ke(h),
@@ -1712,17 +1712,17 @@ function pt(e, n, t) {
     update: g
   };
 }
-const il = /* @__PURE__ */ O({
+const rl = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "dot-menu",
   props: {
     icon: {}
   },
   setup(e) {
-    const n = e, t = C(!1), o = C(null), l = C(null), a = E(() => n.icon ?? W.DOT_MENU), { floatingStyles: i } = pt(o, l, {
+    const n = e, t = E(!1), o = E(null), l = E(null), a = C(() => n.icon ?? W.DOT_MENU), { floatingStyles: i } = pt(o, l, {
       placement: "bottom-end",
-      middleware: [ft(8), mt(), vt({ padding: 8 })],
-      whileElementsMounted: dt
+      middleware: [Ze(8), tt(), et({ padding: 8 })],
+      whileElementsMounted: Qe
     }), u = () => {
       t.value = !t.value;
     }, s = () => {
@@ -1732,8 +1732,8 @@ const il = /* @__PURE__ */ O({
       d && (d.closest(".menu-action") || d.closest('[role="menuitem"]') || d.closest("a")) && s();
     };
     return (c, d) => {
-      const f = N("VjButton"), m = N("VjMenu");
-      return v(), b(ne, null, [
+      const f = N("VjButton"), v = N("VjMenu");
+      return m(), b(ne, null, [
         V("div", {
           class: I(["dot-menu-container", c.$attrs.class])
         }, [
@@ -1745,9 +1745,9 @@ const il = /* @__PURE__ */ O({
             icon: a.value,
             onClick: u
           }, null, 8, ["icon"]),
-          M(Te, { name: "menu" }, {
+          M(Oe, { name: "menu" }, {
             default: U(() => [
-              t.value ? (v(), j(m, {
+              t.value ? (m(), j(v, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
@@ -1757,7 +1757,7 @@ const il = /* @__PURE__ */ O({
                 onClick: r
               }, {
                 default: U(() => [
-                  D(c.$slots, "default", {}, void 0, !0)
+                  B(c.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["style"])) : $("", !0)
@@ -1765,8 +1765,8 @@ const il = /* @__PURE__ */ O({
             _: 3
           })
         ], 2),
-        (v(), j(Ne, { to: "body" }, [
-          t.value ? (v(), b("div", {
+        (m(), j(Ne, { to: "body" }, [
+          t.value ? (m(), b("div", {
             key: 0,
             class: "menu-backdrop",
             onClick: s
@@ -1775,7 +1775,7 @@ const il = /* @__PURE__ */ O({
       ], 64);
     };
   }
-}), sl = /* @__PURE__ */ T(il, [["__scopeId", "data-v-67bd71e4"]]), rl = /* @__PURE__ */ O({
+}), cl = /* @__PURE__ */ O(rl, [["__scopeId", "data-v-67bd71e4"]]), ul = /* @__PURE__ */ A({
   __name: "link-button",
   props: {
     label: {},
@@ -1787,16 +1787,16 @@ const il = /* @__PURE__ */ O({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = q.S, o = E(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
+    const n = e, t = q.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
     return (l, a) => {
       const i = N("router-link");
-      return v(), j(i, {
+      return m(), j(i, {
         to: e.to,
         class: I(["button", o.value]),
         disabled: e.disabled
       }, {
         default: U(() => [
-          e.icon ? (v(), j(we, {
+          e.icon ? (m(), j(we, {
             key: 0,
             icon: e.icon,
             size: S(t)
@@ -1807,7 +1807,7 @@ const il = /* @__PURE__ */ O({
       }, 8, ["to", "class", "disabled"]);
     };
   }
-}), cl = /* @__PURE__ */ T(rl, [["__scopeId", "data-v-bd3cf2f5"]]), ul = ["disabled"], dl = { class: "menu-action--icon" }, fl = /* @__PURE__ */ O({
+}), dl = /* @__PURE__ */ O(ul, [["__scopeId", "data-v-bd3cf2f5"]]), fl = ["disabled"], vl = { class: "menu-action--icon" }, ml = /* @__PURE__ */ A({
   __name: "menu-action",
   props: {
     label: {},
@@ -1816,219 +1816,36 @@ const il = /* @__PURE__ */ O({
   },
   setup(e) {
     const n = q.S;
-    return (t, o) => (v(), b("button", {
+    return (t, o) => (m(), b("button", {
       class: "menu-action button tertiary",
       disabled: e.disabled
     }, [
-      V("span", dl, [
-        e.icon ? (v(), j(we, {
+      V("span", vl, [
+        e.icon ? (m(), j(we, {
           key: 0,
           icon: e.icon,
           size: S(n)
         }, null, 8, ["icon", "size"])) : $("", !0)
       ]),
       V("span", null, P(e.label), 1)
-    ], 8, ul));
+    ], 8, fl));
   }
-}), vl = /* @__PURE__ */ T(fl, [["__scopeId", "data-v-07850995"]]), ml = {}, pl = { class: "menu" };
-function hl(e, n) {
-  return v(), b("div", pl, [
-    D(e.$slots, "default", {}, void 0, !0)
+}), pl = /* @__PURE__ */ O(ml, [["__scopeId", "data-v-07850995"]]), hl = {}, gl = { class: "menu" };
+function bl(e, n) {
+  return m(), b("div", gl, [
+    B(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const gl = /* @__PURE__ */ T(ml, [["render", hl], ["__scopeId", "data-v-259fec08"]]), bl = {
-  mounted(e) {
-    e.classList.add("compact");
-  },
-  unmounted(e) {
-    e.classList.remove("compact");
-  }
-}, nn = [
-  'input:not([disabled]):not([type="hidden"])',
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "button:not([disabled])",
-  "a[href]",
-  '[tabindex]:not([tabindex="-1"])',
-  '[contenteditable="true"]'
-].join(", ");
-function yl(e) {
-  const n = e.querySelectorAll(nn);
-  for (const t of Array.from(n))
-    if (t.offsetParent !== null || t.getClientRects().length > 0)
-      return t;
-  return null;
-}
-const wl = {
-  mounted(e, n) {
-    const t = typeof n.value == "number" ? n.value : 0, o = () => {
-      if (e.matches(nn)) {
-        e.focus();
-        return;
-      }
-      const l = yl(e);
-      l && l.focus();
-    };
-    t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
-  }
-};
-class ht {
-  static _instance = null;
-  observer = null;
-  targets = /* @__PURE__ */ new Map();
-  constructor() {
-    this.init();
-  }
-  static get instance() {
-    return this._instance || (this._instance = new ht()), this._instance;
-  }
-  init() {
-    typeof window < "u" && "ResizeObserver" in window ? this.observer = new ResizeObserver((n) => {
-      for (const t of n) this.handleEntry(t);
-    }) : typeof window < "u" && globalThis.addEventListener("resize", this.handleWindowResize);
-  }
-  handleWindowResize = () => {
-    for (const n of this.targets.keys()) {
-      const t = n.getBoundingClientRect(), o = {
-        target: n,
-        contentRect: t
-      };
-      this.handleEntry(o);
-    }
-  };
-  handleEntry(n) {
-    const t = this.targets.get(n.target);
-    if (!t) return;
-    const o = n.contentRect.width, l = n.contentRect.height, a = n.target;
-    for (const i of t.callbacks)
-      try {
-        i(o, l, a);
-      } catch (u) {
-        console.error("resize callback error", u);
-      }
-    if (t.breakpoints) {
-      const i = Object.keys(t.breakpoints).map((s) => Number(s)).filter((s) => !Number.isNaN(s)).sort((s, r) => s - r);
-      let u;
-      for (const s of i)
-        o >= s && (u = t.breakpoints[s]);
-      u !== t.currentClass && (t.currentClass && n.target.classList.remove(t.currentClass), u && n.target.classList.add(u), t.currentClass = u);
-    }
-  }
-  observe(n, t, o) {
-    const l = this.targets.get(n);
-    if (l)
-      t && l.callbacks.add(t), o?.breakpoints && (l.breakpoints = o.breakpoints);
-    else {
-      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 a = n.getBoundingClientRect(), i = { target: n, contentRect: a };
-      if (this.handleEntry(i), t) {
-        const u = a.width, s = a.height;
-        t(u, s, n);
-      }
-    }
-  }
-  unobserve(n, t) {
-    const o = this.targets.get(n);
-    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 = ht.instance, _l = {
-  mounted(e, n) {
-    const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, a = typeof t == "object" && !!t?.immediate, i = e;
-    i.__resize_cb = o, i.__resize_breakpoints = l, o && Ve.observe(e, o, { breakpoints: l, immediate: a });
-  },
-  updated(e, n) {
-    const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, a = n.value, i = typeof a == "function" ? a : a?.onResize, u = typeof a == "object" && a?.breakpoints ? a.breakpoints : void 0;
-    if (o !== i) {
-      o && Ve.unobserve(e, o), i && Ve.observe(e, i, { breakpoints: u, immediate: !!(a && typeof a == "object" && a.immediate) }), t.__resize_cb = i, t.__resize_breakpoints = u;
-      return;
-    }
-    JSON.stringify(l || {}) !== JSON.stringify(u || {}) && (o && Ve.unobserve(e, o), i && Ve.observe(e, i, { breakpoints: u, immediate: !0 }), t.__resize_breakpoints = u);
-  },
-  unmounted(e) {
-    const n = e, t = n.__resize_cb;
-    t && Ve.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
-  }
-}, xl = {}, kl = { class: "spinner" };
-function Vl(e, n) {
-  return v(), b("div", kl);
-}
-const on = /* @__PURE__ */ T(xl, [["render", Vl], ["__scopeId", "data-v-b957fb82"]]), Cl = 200, El = 120;
-function Mt(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 <= El ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= Cl && t.classList.add("vj-loading-inner--small");
-}
-const Ll = {
-  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;
-    } else
-      t = !!n.value, o = void 0;
-    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 u = document.createElement("div"), s = document.createElement("div");
-    s.className = "vj-loading-inner", s.appendChild(u);
-    let r;
-    o && (r = document.createElement("div"), r.className = "vj-loading-text", r.textContent = o, s.appendChild(r)), i.appendChild(s), Mt(e, i);
-    const c = M(on);
-    Ct(c, u), a.spinnerVnode = c, a.spinnerContainer = u, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(i);
-    const d = e;
-    d.__vjLoading = a;
-  },
-  updated(e, n) {
-    const o = e.__vjLoading;
-    if (!o) return;
-    const { overlay: l } = o;
-    let a, i;
-    if (typeof n.value == "object" && n.value !== null) {
-      const s = n.value;
-      a = !!(s.active ?? !0), i = s.text;
-    } else
-      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 u = l.querySelector(".vj-loading-inner");
-    if (u) {
-      const s = u.querySelector(".vj-loading-text");
-      if (s)
-        i ? s.textContent = i : s.remove();
-      else if (i) {
-        const r = document.createElement("div");
-        r.className = "vj-loading-text", r.textContent = i, u.appendChild(r);
-      }
-    }
-    Mt(e, l);
-  },
-  unmounted(e) {
-    const n = e, t = n.__vjLoading;
-    if (!t) return;
-    const { overlay: o, originalPosition: l } = t;
-    try {
-      t.spinnerContainer && Ct(null, t.spinnerContainer);
-    } catch {
-    }
-    o && o.parentElement === e && e.removeChild(o), l !== void 0 && (e.style.position = l), n.__vjLoading = void 0;
-  }
-}, $l = { class: "page" }, Sl = {
+const yl = /* @__PURE__ */ O(hl, [["render", bl], ["__scopeId", "data-v-259fec08"]]), wl = { class: "page" }, _l = {
   key: 0,
   class: "page-error"
-}, Rl = {
+}, xl = {
   key: 1,
   class: "contents"
-}, Al = {
+}, kl = {
   key: 2,
   class: "actions"
-}, Ol = { key: 3 }, Tl = { key: 0 }, Bl = /* @__PURE__ */ O({
+}, Vl = { key: 3 }, El = { key: 0 }, Cl = /* @__PURE__ */ A({
   __name: "page",
   props: {
     title: {},
@@ -2038,41 +1855,44 @@ const Ll = {
     loadingMessage: {}
   },
   setup(e) {
-    const n = e, t = E(() => n.flow?.running?.value ?? !1);
-    return (o, l) => zt((v(), b("div", $l, [
-      V("header", null, [
-        V("h2", null, P(e.title), 1),
-        V("span", null, [
-          D(o.$slots, "headerActions", {}, void 0, !0)
-        ])
-      ]),
-      V("main", {
-        class: I({ scrollable: e.scrollable })
-      }, [
-        e.errorMessage ? (v(), b("div", Sl, [
-          D(o.$slots, "error", {}, void 0, !0)
-        ])) : $("", !0),
-        e.errorMessage ? $("", !0) : (v(), b("div", Rl, [
-          D(o.$slots, "default", {}, void 0, !0)
-        ])),
-        e.errorMessage ? $("", !0) : (v(), b("div", Al, [
-          D(o.$slots, "actions", {}, void 0, !0)
-        ])),
-        o.$slots.flexFooter ? (v(), b("footer", Ol, [
-          D(o.$slots, "flexFooter", {}, void 0, !0)
+    const n = e, t = C(() => n.flow?.running?.value ?? !1);
+    return (o, l) => {
+      const a = gn("loading");
+      return It((m(), b("div", wl, [
+        V("header", null, [
+          V("h2", null, P(e.title), 1),
+          V("span", null, [
+            B(o.$slots, "headerActions", {}, void 0, !0)
+          ])
+        ]),
+        V("main", {
+          class: I({ scrollable: e.scrollable })
+        }, [
+          e.errorMessage ? (m(), b("div", _l, [
+            B(o.$slots, "error", {}, void 0, !0)
+          ])) : $("", !0),
+          e.errorMessage ? $("", !0) : (m(), b("div", xl, [
+            B(o.$slots, "default", {}, void 0, !0)
+          ])),
+          e.errorMessage ? $("", !0) : (m(), b("div", kl, [
+            B(o.$slots, "actions", {}, void 0, !0)
+          ])),
+          o.$slots.flexFooter ? (m(), b("footer", Vl, [
+            B(o.$slots, "flexFooter", {}, void 0, !0)
+          ])) : $("", !0)
+        ], 2),
+        o.$slots.footer ? (m(), b("footer", El, [
+          B(o.$slots, "footer", {}, void 0, !0)
         ])) : $("", !0)
-      ], 2),
-      o.$slots.footer ? (v(), b("footer", Tl, [
-        D(o.$slots, "footer", {}, void 0, !0)
-      ])) : $("", !0)
-    ])), [
-      [S(Ll), { active: t.value, text: n.loadingMessage }]
-    ]);
+      ])), [
+        [a, { active: t.value, text: n.loadingMessage }]
+      ]);
+    };
   }
-}), Dl = /* @__PURE__ */ T(Bl, [["__scopeId", "data-v-542565ba"]]), Ml = {
+}), Ll = /* @__PURE__ */ O(Cl, [["__scopeId", "data-v-81fe6702"]]), $l = {
   class: "paginator-info",
   "aria-live": "polite"
-}, Pl = /* @__PURE__ */ O({
+}, Sl = /* @__PURE__ */ A({
   __name: "paginator",
   props: /* @__PURE__ */ Z({
     totalItems: {},
@@ -2084,18 +1904,18 @@ const Ll = {
   }),
   emits: /* @__PURE__ */ Z(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    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)), u = E(() => i.value), s = E(() => i.value <= 1), r = E(() => i.value >= a.value), c = E(() => t.labels?.item ?? "Eintrag"), d = E(() => t.labels?.of ?? "von"), f = (y) => {
+    const t = e, o = ve(e, "modelValue"), l = n, a = C(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), i = C(() => Math.min(Math.max(1, o.value ?? 1), a.value)), u = C(() => i.value), s = C(() => i.value <= 1), r = C(() => i.value >= a.value), c = C(() => t.labels?.item ?? "Eintrag"), d = C(() => t.labels?.of ?? "von"), f = (y) => {
       const _ = Math.min(Math.max(1, Math.floor(y)), a.value);
       _ !== o.value && (o.value = _, l("change", _));
-    }, m = () => f(1), p = () => f(i.value - 1), w = () => f(i.value + 1), h = () => f(a.value);
+    }, v = () => f(1), p = () => f(i.value - 1), w = () => f(i.value + 1), h = () => f(a.value);
     return X([() => t.totalItems, () => t.pageSize], () => {
       o.value > a.value && f(a.value);
     }), (y, _) => {
       const g = N("VjButton");
-      return v(), b("nav", {
+      return m(), b("nav", {
         class: "paginator",
         "aria-label": "Pagination",
-        onKeydown: _[0] || (_[0] = et(K(() => {
+        onKeydown: _[0] || (_[0] = lt(K(() => {
         }, ["prevent"]), ["enter"]))
       }, [
         M(g, {
@@ -2103,7 +1923,7 @@ const Ll = {
           class: "paginator-btn",
           icon: S(W).FIRST,
           disabled: s.value,
-          onClick: m,
+          onClick: v,
           "aria-label": "First page"
         }, null, 8, ["icon", "disabled"]),
         M(g, {
@@ -2114,12 +1934,12 @@ const Ll = {
           onClick: p,
           "aria-label": "Previous page"
         }, null, 8, ["icon", "disabled"]),
-        D(y.$slots, "info", {
+        B(y.$slots, "info", {
           current: i.value,
           totalPages: a.value,
           goTo: f
         }, () => [
-          V("div", Ml, P(c.value) + " " + P(u.value) + " " + P(d.value) + " " + P(a.value), 1)
+          V("div", $l, P(c.value) + " " + P(u.value) + " " + P(d.value) + " " + P(a.value), 1)
         ], !0),
         M(g, {
           tertiary: "",
@@ -2140,7 +1960,7 @@ const Ll = {
       ], 32);
     };
   }
-}), jl = /* @__PURE__ */ T(Pl, [["__scopeId", "data-v-b6fa8efe"]]), Fl = { class: "search-field" }, zl = ["value", "placeholder"], Il = /* @__PURE__ */ O({
+}), Rl = /* @__PURE__ */ O(Sl, [["__scopeId", "data-v-b6fa8efe"]]), Tl = { class: "search-field" }, Al = ["value", "placeholder"], Ol = /* @__PURE__ */ A({
   __name: "search-field",
   props: /* @__PURE__ */ Z({
     placeholder: { default: "Search..." }
@@ -2154,10 +1974,10 @@ const Ll = {
       n.value = a.target.value;
     }, o = () => {
       n.value = "";
-    }, l = E(() => !n.value);
+    }, l = C(() => !n.value);
     return (a, i) => {
       const u = N("VjIcon");
-      return v(), b("div", Fl, [
+      return m(), b("div", Tl, [
         M(u, {
           icon: S(W).SEARCH,
           size: S(q).S
@@ -2167,7 +1987,7 @@ const Ll = {
           onInput: t,
           type: "text",
           placeholder: e.placeholder
-        }, null, 40, zl),
+        }, null, 40, Al),
         M(u, {
           class: I(["reset", { invisible: l.value }]),
           icon: S(W).CLOSE,
@@ -2177,20 +1997,24 @@ const Ll = {
       ]);
     };
   }
-}), Hl = /* @__PURE__ */ T(Il, [["__scopeId", "data-v-2771c8ed"]]), Ul = /* @__PURE__ */ O({
+}), Dl = /* @__PURE__ */ O(Ol, [["__scopeId", "data-v-2771c8ed"]]), Bl = /* @__PURE__ */ A({
   __name: "separator",
   props: {
     vertical: { type: Boolean }
   },
   setup(e) {
-    return (n, t) => (v(), b("div", {
+    return (n, t) => (m(), b("div", {
       class: I(["separator", { vertical: e.vertical }])
     }, null, 2));
   }
-}), Wl = /* @__PURE__ */ T(Ul, [["__scopeId", "data-v-e354bb4e"]]), Kl = { class: "tab-view" }, Xl = {
+}), Ml = /* @__PURE__ */ O(Bl, [["__scopeId", "data-v-e354bb4e"]]), Pl = {}, jl = { class: "spinner" };
+function Fl(e, n) {
+  return m(), b("div", jl);
+}
+const ln = /* @__PURE__ */ O(Pl, [["render", Fl], ["__scopeId", "data-v-b957fb82"]]), zl = { class: "tab-view" }, Il = {
   ref: "headerRef",
   class: "tab-view-header"
-}, Nl = ["onClick"], ql = { class: "tab-view-content" }, Gl = /* @__PURE__ */ O({
+}, Hl = ["onClick"], Ul = { class: "tab-view-content" }, Wl = /* @__PURE__ */ A({
   __name: "tab-view",
   props: {
     modelValue: {},
@@ -2198,7 +2022,7 @@ const Ll = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ve(e, "modelValue"), t = C([]), o = C([]), l = C({
+    const n = ve(e, "modelValue"), t = E([]), o = E([]), l = E({
       width: "0px",
       transform: "translateX(0px)"
     }), a = (r, c) => {
@@ -2223,47 +2047,47 @@ const Ll = {
       me(() => {
         i();
       });
-    }), pn("tabView", {
+    }), bn("tabView", {
       activeTab: () => n.value,
       registerTab: u
-    }), (r, c) => (v(), b("div", Kl, [
-      V("div", Xl, [
-        (v(!0), b(ne, null, Re(t.value, (d, f) => (v(), b("div", {
+    }), (r, c) => (m(), b("div", zl, [
+      V("div", Il, [
+        (m(!0), b(ne, null, Re(t.value, (d, f) => (m(), b("div", {
           key: d.name,
           ref_for: !0,
-          ref: (m) => a(m, f),
+          ref: (v) => a(v, f),
           class: I(["tab-button", { active: n.value === d.name }]),
-          onClick: (m) => s(d.name)
-        }, P(d.label), 11, Nl))), 128)),
+          onClick: (v) => s(d.name)
+        }, P(d.label), 11, Hl))), 128)),
         c[0] || (c[0] = V("div", { class: "tab-line" }, null, -1)),
         V("div", {
           class: "tab-indicator",
           style: Y(l.value)
         }, null, 4)
       ], 512),
-      V("div", ql, [
-        D(r.$slots, "default", {}, void 0, !0)
+      V("div", Ul, [
+        B(r.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), Yl = /* @__PURE__ */ T(Gl, [["__scopeId", "data-v-3d4ee454"]]), Jl = {
+}), Kl = /* @__PURE__ */ O(Wl, [["__scopeId", "data-v-3d4ee454"]]), Xl = {
   key: 0,
   class: "tab"
-}, Ql = /* @__PURE__ */ O({
+}, Nl = /* @__PURE__ */ A({
   __name: "tab",
   props: {
     name: {},
     label: {}
   },
   setup(e) {
-    const n = e, t = It("tabView"), o = E(() => t?.activeTab() === n.name);
-    return De(() => {
+    const n = e, t = Ht("tabView"), o = C(() => t?.activeTab() === n.name);
+    return Be(() => {
       t?.registerTab(n.name, n.label);
-    }), (l, a) => o.value ? (v(), b("div", Jl, [
-      D(l.$slots, "default")
+    }), (l, a) => o.value ? (m(), b("div", Xl, [
+      B(l.$slots, "default")
     ])) : $("", !0);
   }
-}), Zl = ["onKeydown"], ea = /* @__PURE__ */ O({
+}), ql = ["onKeydown"], Gl = /* @__PURE__ */ A({
   __name: "editable-label",
   props: {
     modelValue: {},
@@ -2271,9 +2095,9 @@ const Ll = {
   },
   emits: ["update:modelValue", "edit"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(() => t.modelValue ?? ""), a = C(l.value), i = C(!1), u = C(!1), s = C(null), r = E(() => !!t.showIcon);
-    X(l, (m) => {
-      a.value = m;
+    const t = e, o = n, l = C(() => t.modelValue ?? ""), a = E(l.value), i = E(!1), u = E(!1), s = E(null), r = C(() => !!t.showIcon);
+    X(l, (v) => {
+      a.value = v;
     });
     function c() {
       i.value = !0, me(() => s.value?.focus());
@@ -2284,31 +2108,31 @@ const Ll = {
     function f() {
       a.value = l.value, i.value = !1;
     }
-    return (m, p) => (v(), b("span", {
+    return (v, p) => (m(), b("span", {
       class: I(["vj-editable-label", { editing: i.value }]),
       onMouseenter: p[1] || (p[1] = (w) => u.value = !0),
       onMouseleave: p[2] || (p[2] = (w) => u.value = !1)
     }, [
-      i.value ? zt((v(), b("input", {
+      i.value ? It((m(), b("input", {
         key: 1,
         ref_key: "inputRef",
         ref: s,
         class: "edit-input",
         "onUpdate:modelValue": p[0] || (p[0] = (w) => a.value = w),
         onKeydown: [
-          et(K(d, ["prevent"]), ["enter"]),
-          et(K(f, ["prevent"]), ["esc"])
+          lt(K(d, ["prevent"]), ["enter"]),
+          lt(K(f, ["prevent"]), ["esc"])
         ],
         onBlur: d
-      }, null, 40, Zl)), [
-        [hn, a.value]
-      ]) : (v(), b(ne, { key: 0 }, [
+      }, null, 40, ql)), [
+        [yn, a.value]
+      ]) : (m(), b(ne, { key: 0 }, [
         V("span", {
           class: "label-text",
           onClick: c,
           title: "Click to edit"
         }, P(l.value), 1),
-        u.value || r.value ? (v(), b("span", {
+        u.value || r.value ? (m(), b("span", {
           key: 0,
           class: "edit-icon",
           onClick: K(c, ["stop"])
@@ -2320,7 +2144,7 @@ const Ll = {
       ], 64))
     ], 34));
   }
-}), pi = /* @__PURE__ */ T(ea, [["__scopeId", "data-v-cdc52c5b"]]), ta = "200% 200%", na = /* @__PURE__ */ O({
+}), bi = /* @__PURE__ */ O(Gl, [["__scopeId", "data-v-cdc52c5b"]]), Yl = "200% 200%", Jl = /* @__PURE__ */ A({
   __name: "skeleton",
   props: {
     width: {},
@@ -2328,50 +2152,50 @@ const Ll = {
     borderRadius: {}
   },
   setup(e) {
-    const n = e, t = E(() => n.width ?? "100%"), o = E(() => n.height ?? "16px"), l = E(() => n.borderRadius ?? "4px");
-    return (a, i) => (v(), b("div", {
+    const n = e, t = C(() => n.width ?? "100%"), o = C(() => n.height ?? "16px"), l = C(() => n.borderRadius ?? "4px");
+    return (a, i) => (m(), b("div", {
       class: "vj-skeleton",
       style: Y({
         width: t.value,
         height: o.value,
         borderRadius: l.value,
-        backgroundSize: ta
+        backgroundSize: Yl
       }),
       "aria-hidden": "true"
     }, null, 4));
   }
-}), oa = /* @__PURE__ */ T(na, [["__scopeId", "data-v-ac05e016"]]), ln = {
+}), Ql = /* @__PURE__ */ O(Jl, [["__scopeId", "data-v-ac05e016"]]), an = {
   form: {
     labelPosition: "inline",
     appearance: "bordered"
   }
 };
 let Xe = {};
-function hi(e) {
+function yi(e) {
   Xe = {
     ...Xe,
     ...e,
     form: {
-      ...ln.form,
+      ...an.form,
       ...e.form
     }
   };
 }
-function Pt() {
+function Mt() {
   return {
     form: {
-      ...ln.form,
+      ...an.form,
       ...Xe.form
     }
   };
 }
-function gi() {
+function wi() {
   Xe = {};
 }
-const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-field__wrapper" }, sa = ["for"], ra = {
+const Zl = ["data-colspan", "data-newline"], ea = ["for"], ta = { class: "form-field__wrapper" }, na = ["for"], oa = {
   key: 1,
   class: "form-field__error"
-}, ca = /* @__PURE__ */ O({
+}, la = /* @__PURE__ */ A({
   __name: "form-field",
   props: {
     modelValue: {},
@@ -2388,17 +2212,17 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C(t.modelValue), a = C(!1), i = E(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), u = E(() => t.labelPosition ?? Pt().form.labelPosition), s = E(() => t.appearance ?? Pt().form.appearance);
+    const t = e, o = n, l = E(t.modelValue), a = E(!1), i = C(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), u = C(() => t.labelPosition ?? Mt().form.labelPosition), s = C(() => t.appearance ?? Mt().form.appearance);
     X(
       () => t.modelValue,
       (p) => l.value = p
     );
-    const r = E(() => {
+    const r = C(() => {
       if (u.value === "outline")
         return !0;
       const p = l.value !== "" && l.value !== null && l.value !== void 0;
       return a.value || p;
-    }), c = E(() => u.value === "outline" || r.value ? t.placeholder : "");
+    }), c = C(() => u.value === "outline" || r.value ? t.placeholder : "");
     function d(p) {
       const h = p.target.value;
       l.value = h, o("update:modelValue", h);
@@ -2406,10 +2230,10 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
     function f(p) {
       a.value = !0, o("focus", p);
     }
-    function m(p) {
+    function v(p) {
       a.value = !1, o("blur", p);
     }
-    return (p, w) => (v(), b("div", {
+    return (p, w) => (m(), b("div", {
       class: I([
         "form-field",
         `form-field--${u.value}`,
@@ -2422,38 +2246,38 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       "data-newline": t.spanRow || t.newLine ? "true" : void 0,
       style: Y(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
     }, [
-      e.label && u.value === "outline" ? (v(), b("label", {
+      e.label && u.value === "outline" ? (m(), b("label", {
         key: 0,
         for: i.value,
         class: "form-field__label-outline"
-      }, P(e.label), 9, aa)) : $("", !0),
-      V("div", ia, [
-        D(p.$slots, "control", {
+      }, P(e.label), 9, ea)) : $("", !0),
+      V("div", ta, [
+        B(p.$slots, "control", {
           id: i.value,
           value: l.value,
           onInput: d,
           onFocus: f,
-          onBlur: m,
+          onBlur: v,
           disabled: e.disabled,
           placeholder: c.value
         }, void 0, !0),
-        e.label && u.value === "inline" ? (v(), b("label", {
+        e.label && u.value === "inline" ? (m(), b("label", {
           key: 0,
           for: i.value,
           class: I(["form-field__label", { "form-field__label--float": r.value }])
-        }, P(e.label), 11, sa)) : $("", !0)
+        }, P(e.label), 11, na)) : $("", !0)
       ]),
-      e.error ? (v(), b("div", ra, P(e.error), 1)) : $("", !0)
-    ], 14, la));
+      e.error ? (m(), b("div", oa, P(e.error), 1)) : $("", !0)
+    ], 14, Zl));
   }
-}), Fe = /* @__PURE__ */ T(ca, [["__scopeId", "data-v-c422f422"]]), ua = /* @__PURE__ */ O({
+}), Fe = /* @__PURE__ */ O(la, [["__scopeId", "data-v-c422f422"]]), aa = /* @__PURE__ */ A({
   __name: "form-layout",
   props: {
     columns: { type: Number, default: 4 },
     gap: { type: String, default: "0.75rem" }
   },
   setup(e) {
-    const n = e, t = C(null);
+    const n = e, t = E(null);
     let o = null;
     function l() {
       if (!t.value) return;
@@ -2462,7 +2286,7 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
         r !== null && r !== "false" ? i.style.gridColumn = "1 / -1" : i.style.gridColumn = `span ${s}`;
       });
     }
-    return De(() => {
+    return Be(() => {
       me(() => {
         l(), t.value && (o = new MutationObserver(() => l()), o.observe(t.value, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["data-colspan", "data-newline"] }));
       });
@@ -2474,34 +2298,34 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
     ), X(
       () => n.gap,
       () => me(l)
-    ), (a, i) => (v(), b("div", {
+    ), (a, i) => (m(), b("div", {
       ref_key: "container",
       ref: t,
       class: "form-layout",
       style: Y({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
     }, [
-      D(a.$slots, "default", {}, void 0, !0)
+      B(a.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), da = /* @__PURE__ */ T(ua, [["__scopeId", "data-v-96f62ab7"]]), fa = {
+}), ia = /* @__PURE__ */ O(aa, [["__scopeId", "data-v-96f62ab7"]]), sa = {
   key: 0,
   class: "form-section__title",
   "data-newline": ""
-}, va = /* @__PURE__ */ O({
+}, ra = /* @__PURE__ */ A({
   __name: "form-section",
   props: {
     title: {}
   },
   setup(e) {
-    return (n, t) => (v(), b(ne, null, [
-      e.title ? (v(), b("h3", fa, P(e.title), 1)) : $("", !0),
-      D(n.$slots, "default", {}, void 0, !0)
+    return (n, t) => (m(), b(ne, null, [
+      e.title ? (m(), b("h3", sa, P(e.title), 1)) : $("", !0),
+      B(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), ma = /* @__PURE__ */ T(va, [["__scopeId", "data-v-69cff1d0"]]), pa = ["id", "disabled"], ha = { class: "select-value" }, ga = {
+}), ca = /* @__PURE__ */ O(ra, [["__scopeId", "data-v-69cff1d0"]]), ua = ["id", "disabled"], da = { class: "select-value" }, fa = {
   key: 1,
   class: "select-placeholder"
-}, ba = { class: "select-options" }, ya = ["onClick", "onMouseenter"], wa = /* @__PURE__ */ O({
+}, va = { class: "select-options" }, ma = ["onClick", "onMouseenter"], pa = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "select",
   props: /* @__PURE__ */ Z({
@@ -2519,13 +2343,13 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = e, o = ve(e, "modelValue"), l = C(!1), a = C(-1), i = C(null), u = C(null), s = C(null), { floatingStyles: r } = pt(u, s, {
+    const t = e, o = ve(e, "modelValue"), l = E(!1), a = E(-1), i = E(null), u = E(null), s = E(null), { floatingStyles: r } = pt(u, s, {
       placement: "bottom-start",
       middleware: [
-        ft(4),
-        mt(),
-        vt({ padding: 8 }),
-        ol({
+        Ze(4),
+        tt(),
+        et({ padding: 8 }),
+        il({
           apply({ rects: g, elements: L }) {
             Object.assign(L.floating.style, {
               minWidth: `${g.reference.width}px`
@@ -2533,8 +2357,8 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
           }
         })
       ],
-      whileElementsMounted: dt
-    }), c = (g) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(g) : String(g[t.optionLabel]) : String(g), d = (g) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(g) : g[t.optionValue] : g, f = E(() => t.options.find((g) => d(g) === o.value)), m = (g) => d(g) === o.value, p = () => {
+      whileElementsMounted: Qe
+    }), c = (g) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(g) : String(g[t.optionLabel]) : String(g), d = (g) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(g) : g[t.optionValue] : g, f = C(() => t.options.find((g) => d(g) === o.value)), v = (g) => d(g) === o.value, p = () => {
       t.disabled || (l.value = !l.value);
     }, w = () => {
       l.value = !1, a.value = -1;
@@ -2545,18 +2369,18 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
     }, _ = (g) => {
       l.value && i.value && !i.value.contains(g.target) && w();
     };
-    return De(() => {
+    return Be(() => {
       document.addEventListener("click", _);
     }), Se(() => {
       document.removeEventListener("click", _);
     }), X(l, (g) => {
-      g && f.value && (a.value = t.options.findIndex((L) => m(L)));
+      g && f.value && (a.value = t.options.findIndex((L) => v(L)));
     }), n({
       focus: () => u.value?.focus(),
       blur: () => u.value?.blur()
     }), (g, L) => {
-      const B = N("VjIcon");
-      return v(), b(ne, null, [
+      const D = N("VjIcon");
+      return m(), b(ne, null, [
         V("div", {
           ref_key: "selectRef",
           ref: i,
@@ -2571,64 +2395,64 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
             onClick: p,
             disabled: e.disabled
           }, [
-            t.icon ? (v(), j(B, {
+            t.icon ? (m(), j(D, {
               key: 0,
               icon: t.icon,
               size: S(q).S,
               class: "select-icon-left"
             }, null, 8, ["icon", "size"])) : $("", !0),
-            V("span", ha, [
-              f.value ? D(g.$slots, "selected", {
+            V("span", da, [
+              f.value ? B(g.$slots, "selected", {
                 key: 0,
                 option: f.value
               }, () => [
                 He(P(c(f.value)), 1)
-              ], !0) : (v(), b("span", ga, P(e.placeholder), 1))
+              ], !0) : (m(), b("span", fa, P(e.placeholder), 1))
             ]),
-            t.clearable && f.value && !e.disabled ? (v(), j(B, {
+            t.clearable && f.value && !e.disabled ? (m(), j(D, {
               key: 1,
               icon: S(W).CLOSE,
               size: S(q).S,
               class: "select-clear-icon",
               onClick: K(y, ["stop"])
             }, null, 8, ["icon", "size"])) : $("", !0),
-            M(B, {
+            M(D, {
               icon: S(W).CHEVRON_DOWN,
               size: S(q).S,
               class: I(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
-          ], 8, pa),
-          M(Te, { name: "dropdown" }, {
+          ], 8, ua),
+          M(Oe, { name: "dropdown" }, {
             default: U(() => [
-              l.value ? (v(), b("div", {
+              l.value ? (m(), b("div", {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: s,
                 style: Y(S(r)),
                 class: "select-dropdown"
               }, [
-                V("div", ba, [
-                  (v(!0), b(ne, null, Re(e.options, (F, x) => (v(), b("div", {
+                V("div", va, [
+                  (m(!0), b(ne, null, Re(e.options, (F, x) => (m(), b("div", {
                     key: String(d(F)),
-                    class: I(["select-option", { selected: m(F), highlighted: a.value === x }]),
+                    class: I(["select-option", { selected: v(F), highlighted: a.value === x }]),
                     onClick: (k) => h(F),
                     onMouseenter: (k) => a.value = x
                   }, [
-                    D(g.$slots, "option", {
+                    B(g.$slots, "option", {
                       option: F,
-                      selected: m(F)
+                      selected: v(F)
                     }, () => [
                       He(P(c(F)), 1)
                     ], !0)
-                  ], 42, ya))), 128))
+                  ], 42, ma))), 128))
                 ])
               ], 4)) : $("", !0)
             ]),
             _: 3
           })
         ], 2),
-        (v(), j(Ne, { to: "body" }, [
-          l.value ? (v(), b("div", {
+        (m(), j(Ne, { to: "body" }, [
+          l.value ? (m(), b("div", {
             key: 0,
             class: "select-backdrop",
             onClick: w
@@ -2637,7 +2461,7 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       ], 64);
     };
   }
-}), an = /* @__PURE__ */ T(wa, [["__scopeId", "data-v-fc22f0e9"]]), _a = /* @__PURE__ */ O({
+}), sn = /* @__PURE__ */ O(pa, [["__scopeId", "data-v-fc22f0e9"]]), ha = /* @__PURE__ */ A({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -2655,10 +2479,10 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C(t.modelValue), a = (i) => {
+    const t = e, o = n, l = E(t.modelValue), a = (i) => {
       l.value = i, o("update:modelValue", i);
     };
-    return (i, u) => (v(), j(Fe, {
+    return (i, u) => (m(), j(Fe, {
       modelValue: l.value,
       "onUpdate:modelValue": a,
       label: t.label,
@@ -2673,7 +2497,7 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       appearance: t.appearance
     }, {
       control: U(({ id: s, disabled: r, placeholder: c }) => [
-        M(an, {
+        M(sn, {
           id: s,
           modelValue: l.value,
           "onUpdate:modelValue": [
@@ -2686,18 +2510,18 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
           "option-label": (d) => d.label,
           "option-value": (d) => d.value,
           clearable: ""
-        }, lt({ _: 2 }, [
+        }, rt({ _: 2 }, [
           i.$slots.selected ? {
             name: "selected",
             fn: U(({ option: d }) => [
-              D(i.$slots, "selected", { option: d })
+              B(i.$slots, "selected", { option: d })
             ]),
             key: "0"
           } : void 0,
           i.$slots.option ? {
             name: "option",
             fn: U(({ option: d }) => [
-              D(i.$slots, "option", { option: d })
+              B(i.$slots, "option", { option: d })
             ]),
             key: "1"
           } : void 0
@@ -2706,7 +2530,7 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       _: 3
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "labelPosition", "appearance"]));
   }
-}), xa = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], ka = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Va = /* @__PURE__ */ O({
+}), ga = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], ba = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], ya = /* @__PURE__ */ A({
   __name: "slider",
   props: {
     modelValue: { default: void 0 },
@@ -2717,9 +2541,9 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C(null), a = C(!1), i = C(!1), u = (x, k, A) => Math.min(Math.max(x, k), A), s = C(
+    const t = e, o = n, l = E(null), a = E(!1), i = E(!1), u = (x, k, T) => Math.min(Math.max(x, k), T), s = E(
       t.range ? Array.isArray(t.modelValue) ? t.modelValue[0] : t.min : typeof t.modelValue == "number" ? t.modelValue : t.min
-    ), r = C(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
+    ), r = E(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
     X(
       () => t.modelValue,
       (x) => {
@@ -2727,7 +2551,7 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       },
       { immediate: !0 }
     );
-    const c = (x) => (x - t.min) / (t.max - t.min) * 100, d = E(() => ({ left: `${c(s.value)}%` })), f = E(() => ({ left: `${c(r.value)}%` })), m = E(() => {
+    const c = (x) => (x - t.min) / (t.max - t.min) * 100, d = C(() => ({ left: `${c(s.value)}%` })), f = C(() => ({ left: `${c(r.value)}%` })), v = C(() => {
       if (!t.range) return { width: `${c(s.value)}%`, left: "0%" };
       const x = c(s.value), k = c(r.value);
       return { left: `${x}%`, width: `${Math.max(0, k - x)}%` };
@@ -2746,33 +2570,33 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
           x.target.releasePointerCapture(x.pointerId);
         } catch {
         }
-      p = null, w = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", y), B();
+      p = null, w = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", y), D();
     }, _ = (x) => {
       if (!p || !l.value) return;
-      const k = l.value.getBoundingClientRect(), A = u(x.clientX - k.left, 0, k.width), z = t.min + A / k.width * (t.max - t.min), H = Math.round(z / t.step) * t.step;
+      const k = l.value.getBoundingClientRect(), T = u(x.clientX - k.left, 0, k.width), z = t.min + T / k.width * (t.max - t.min), H = Math.round(z / t.step) * t.step;
       p === "low" ? t.range ? s.value = Math.min(H, r.value) : s.value = u(H, t.min, t.max) : p === "high" && (r.value = Math.max(H, s.value));
     }, g = (x) => {
       if (!l.value) return;
-      const k = l.value.getBoundingClientRect(), A = u(x.clientX - k.left, 0, k.width), z = t.min + A / k.width * (t.max - t.min), H = Math.round(z / t.step) * t.step;
+      const k = l.value.getBoundingClientRect(), T = u(x.clientX - k.left, 0, k.width), z = t.min + T / k.width * (t.max - t.min), H = Math.round(z / t.step) * t.step;
       if (t.range) {
         const ce = Math.abs(H - s.value), ue = Math.abs(H - r.value);
         ce <= ue ? s.value = Math.min(H, r.value) : r.value = Math.max(H, s.value);
       } else
         s.value = u(H, t.min, t.max);
-      B();
+      D();
     }, L = (x, k) => {
-      const A = t.step, z = k.key === "ArrowLeft" || k.key === "ArrowDown" ? -1 : k.key === "ArrowRight" || k.key === "ArrowUp" ? 1 : 0;
+      const T = t.step, z = k.key === "ArrowLeft" || k.key === "ArrowDown" ? -1 : k.key === "ArrowRight" || k.key === "ArrowUp" ? 1 : 0;
       if (z) {
         if (x === "low") {
-          const H = u(s.value + z * A, t.min, t.range ? r.value : t.max);
+          const H = u(s.value + z * T, t.min, t.range ? r.value : t.max);
           s.value = H, a.value = !0, setTimeout(() => a.value = !1, 800);
         } else {
-          const H = u(r.value + z * A, t.range ? s.value : t.max, t.max);
+          const H = u(r.value + z * T, t.range ? s.value : t.max, t.max);
           r.value = H, i.value = !0, setTimeout(() => i.value = !1, 800);
         }
-        B();
+        D();
       }
-    }, B = () => {
+    }, D = () => {
       t.range ? (o("update:modelValue", [s.value, r.value]), o("change", [s.value, r.value])) : (o("update:modelValue", s.value), o("change", s.value));
     };
     Se(() => {
@@ -2780,10 +2604,10 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
     }), X([() => t.min, () => t.max], () => {
       s.value = u(s.value, t.min, t.max), r.value = u(r.value, t.min, t.max);
     });
-    const F = E(() => t.range);
+    const F = C(() => t.range);
     return me(() => {
       t.modelValue === void 0 && (t.range ? o("update:modelValue", [s.value, r.value]) : o("update:modelValue", s.value));
-    }), (x, k) => (v(), b("div", {
+    }), (x, k) => (m(), b("div", {
       class: "vj-slider",
       onPointerdown: k[8] || (k[8] = K(() => {
       }, ["stop"]))
@@ -2796,9 +2620,9 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       }, [
         V("div", {
           class: "range",
-          style: Y(m.value)
+          style: Y(v.value)
         }, null, 4),
-        a.value ? (v(), b("div", {
+        a.value ? (m(), b("div", {
           key: 0,
           class: "tooltip",
           style: Y({ left: d.value.left })
@@ -2810,19 +2634,19 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
           "aria-valuemax": e.max,
           "aria-valuenow": s.value,
           "aria-label": F.value ? "Lower value" : "Value",
-          onPointerdown: k[0] || (k[0] = K((A) => h("low", A), ["prevent"])),
-          onFocus: k[1] || (k[1] = (A) => a.value = !0),
-          onBlur: k[2] || (k[2] = (A) => a.value = !1),
-          onKeydown: k[3] || (k[3] = K((A) => L("low", A), ["stop", "prevent"])),
+          onPointerdown: k[0] || (k[0] = K((T) => h("low", T), ["prevent"])),
+          onFocus: k[1] || (k[1] = (T) => a.value = !0),
+          onBlur: k[2] || (k[2] = (T) => a.value = !1),
+          onKeydown: k[3] || (k[3] = K((T) => L("low", T), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, xa),
-        F.value && i.value ? (v(), b("div", {
+        }, null, 44, ga),
+        F.value && i.value ? (m(), b("div", {
           key: 1,
           class: "tooltip",
           style: Y({ left: f.value.left })
         }, P(r.value), 5)) : $("", !0),
-        F.value ? (v(), b("button", {
+        F.value ? (m(), b("button", {
           key: 2,
           class: "handle high",
           style: Y(f.value),
@@ -2830,17 +2654,17 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
           "aria-valuemax": e.max,
           "aria-valuenow": r.value,
           "aria-label": "Upper value",
-          onPointerdown: k[4] || (k[4] = K((A) => h("high", A), ["prevent"])),
-          onFocus: k[5] || (k[5] = (A) => i.value = !0),
-          onBlur: k[6] || (k[6] = (A) => i.value = !1),
-          onKeydown: k[7] || (k[7] = K((A) => L("high", A), ["stop", "prevent"])),
+          onPointerdown: k[4] || (k[4] = K((T) => h("high", T), ["prevent"])),
+          onFocus: k[5] || (k[5] = (T) => i.value = !0),
+          onBlur: k[6] || (k[6] = (T) => i.value = !1),
+          onKeydown: k[7] || (k[7] = K((T) => L("high", T), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, ka)) : $("", !0)
+        }, null, 44, ba)) : $("", !0)
       ], 512)
     ], 32));
   }
-}), Ca = /* @__PURE__ */ T(Va, [["__scopeId", "data-v-d47c7475"]]), Ea = ["onFocusin", "onFocusout"], La = /* @__PURE__ */ O({
+}), wa = /* @__PURE__ */ O(ya, [["__scopeId", "data-v-d47c7475"]]), _a = ["onFocusin", "onFocusout"], xa = /* @__PURE__ */ A({
   __name: "input-slider",
   props: {
     modelValue: {},
@@ -2860,11 +2684,11 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { 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), a = C(Number.isNaN(l) ? 0 : l), i = (u) => {
+    const t = e, o = n, l = t.modelValue === void 0 ? 0 : Number(t.modelValue), a = E(Number.isNaN(l) ? 0 : l), i = (u) => {
       const s = typeof u == "number" ? u : Number(u ?? 0);
       a.value = Number.isNaN(s) ? 0 : s, o("update:modelValue", a.value), o("input", a.value);
     };
-    return (u, s) => (v(), j(Fe, {
+    return (u, s) => (m(), j(Fe, {
       modelValue: a.value,
       "onUpdate:modelValue": i,
       label: t.label,
@@ -2876,13 +2700,13 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       spanRow: t.spanRow,
       error: t.error
     }, {
-      control: U(({ id: r, disabled: c, placeholder: d, onFocus: f, onBlur: m }) => [
+      control: U(({ id: r, disabled: c, placeholder: d, onFocus: f, onBlur: v }) => [
         V("div", {
           class: "input-slider__control",
           onFocusin: f,
-          onFocusout: m
+          onFocusout: v
         }, [
-          M(Ca, {
+          M(wa, {
             id: r,
             modelValue: a.value,
             "onUpdate:modelValue": s[0] || (s[0] = (p) => a.value = p),
@@ -2892,12 +2716,12 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
             range: !1,
             disabled: c
           }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
-        ], 40, Ea)
+        ], 40, _a)
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), $a = /* @__PURE__ */ T(La, [["__scopeId", "data-v-051e6d17"]]), Sa = { class: "textarea" }, Ra = ["value", "placeholder", "disabled", "rows"], Aa = /* @__PURE__ */ O({
+}), ka = /* @__PURE__ */ O(xa, [["__scopeId", "data-v-051e6d17"]]), Va = { class: "textarea" }, Ea = ["value", "placeholder", "disabled", "rows"], Ca = /* @__PURE__ */ A({
   __name: "textarea",
   props: /* @__PURE__ */ Z({
     icon: {},
@@ -2919,11 +2743,11 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       t("focus", r);
     }, u = (r) => {
       t("blur", r);
-    }, s = E(() => !o.value);
+    }, s = C(() => !o.value);
     return (r, c) => {
       const d = N("VjIcon");
-      return v(), b("div", Sa, [
-        e.icon ? (v(), j(d, {
+      return m(), b("div", Va, [
+        e.icon ? (m(), j(d, {
           key: 0,
           icon: e.icon,
           size: S(q).S,
@@ -2937,8 +2761,8 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
           placeholder: e.placeholder,
           disabled: e.disabled,
           rows: e.rows
-        }, null, 40, Ra),
-        e.clearable && !e.disabled ? (v(), j(d, {
+        }, null, 40, Ea),
+        e.clearable && !e.disabled ? (m(), j(d, {
           key: 1,
           class: I(["clear-icon", { invisible: s.value }]),
           icon: S(W).CLOSE,
@@ -2948,7 +2772,7 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       ]);
     };
   }
-}), sn = /* @__PURE__ */ T(Aa, [["__scopeId", "data-v-2ea43716"]]), Oa = /* @__PURE__ */ O({
+}), rn = /* @__PURE__ */ O(Ca, [["__scopeId", "data-v-2ea43716"]]), La = /* @__PURE__ */ A({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -2968,11 +2792,11 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
   setup(e, { emit: n }) {
     const t = e, o = n, l = (c) => o("update:modelValue", c), a = (c) => o("input", c), i = (c) => o("focus", c), u = (c) => o("blur", c), s = (c) => {
       l(c ?? "");
-    }, r = E(() => {
+    }, r = C(() => {
       const c = t.modelValue;
       return c == null ? "" : String(c);
     });
-    return (c, d) => (v(), j(Fe, {
+    return (c, d) => (m(), j(Fe, {
       modelValue: t.modelValue,
       "onUpdate:modelValue": l,
       onInput: a,
@@ -2989,8 +2813,8 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       error: t.error,
       appearance: t.appearance
     }, {
-      control: U(({ id: f, disabled: m, placeholder: p, onFocus: w, onBlur: h }) => [
-        M(sn, {
+      control: U(({ id: f, disabled: v, placeholder: p, onFocus: w, onBlur: h }) => [
+        M(rn, {
           id: f,
           modelValue: r.value,
           "onUpdate:modelValue": s,
@@ -3001,7 +2825,7 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
             h(y), u(y);
           },
           placeholder: p,
-          disabled: m,
+          disabled: v,
           rows: t.rows,
           clearable: ""
         }, null, 8, ["id", "modelValue", "onFocus", "onBlur", "placeholder", "disabled", "rows"])
@@ -3009,7 +2833,7 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "labelPosition", "error", "appearance"]));
   }
-}), Ta = { class: "input" }, Ba = ["value", "type", "placeholder", "disabled"], Da = /* @__PURE__ */ O({
+}), $a = { class: "input" }, Sa = ["value", "type", "placeholder", "disabled"], Ra = /* @__PURE__ */ A({
   __name: "input",
   props: /* @__PURE__ */ Z({
     icon: {},
@@ -3031,11 +2855,11 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       t("focus", r);
     }, u = (r) => {
       t("blur", r);
-    }, s = E(() => !o.value);
+    }, s = C(() => !o.value);
     return (r, c) => {
       const d = N("VjIcon");
-      return v(), b("div", Ta, [
-        e.icon ? (v(), j(d, {
+      return m(), b("div", $a, [
+        e.icon ? (m(), j(d, {
           key: 0,
           icon: e.icon,
           size: S(q).S
@@ -3048,8 +2872,8 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
           type: e.type,
           placeholder: e.placeholder,
           disabled: e.disabled
-        }, null, 40, Ba),
-        e.clearable && !e.disabled ? (v(), j(d, {
+        }, null, 40, Sa),
+        e.clearable && !e.disabled ? (m(), j(d, {
           key: 1,
           class: I(["clear-icon", { invisible: s.value }]),
           icon: S(W).CLOSE,
@@ -3059,7 +2883,7 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       ]);
     };
   }
-}), rn = /* @__PURE__ */ T(Da, [["__scopeId", "data-v-3187d49c"]]), Ma = /* @__PURE__ */ O({
+}), cn = /* @__PURE__ */ O(Ra, [["__scopeId", "data-v-3187d49c"]]), Ta = /* @__PURE__ */ A({
   __name: "input-text",
   props: {
     modelValue: {},
@@ -3080,7 +2904,7 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
     const t = n, o = (s) => t("update:modelValue", s), l = (s) => t("input", s), a = (s) => t("focus", s), i = (s) => t("blur", s), u = (s) => {
       o(s ?? "");
     };
-    return (s, r) => (v(), j(Fe, {
+    return (s, r) => (m(), j(Fe, {
       modelValue: e.modelValue,
       "onUpdate:modelValue": o,
       onInput: l,
@@ -3097,14 +2921,14 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       labelPosition: e.labelPosition,
       appearance: e.appearance
     }, {
-      control: U(({ id: c, disabled: d, placeholder: f, onFocus: m, onBlur: p }) => [
-        M(rn, {
+      control: U(({ id: c, disabled: d, placeholder: f, onFocus: v, onBlur: p }) => [
+        M(cn, {
           id: c,
           modelValue: e.modelValue,
           type: e.type,
           "onUpdate:modelValue": u,
           onFocus: (w) => {
-            m(w), a(w);
+            v(w), a(w);
           },
           onBlur: (w) => {
             p(w), i(w);
@@ -3117,10 +2941,10 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "labelPosition", "appearance"]));
   }
-}), Pa = { class: "shell-navigation-item" }, ja = { class: "shell-navigation-item-label" }, Fa = {
+}), Aa = { class: "shell-navigation-item" }, Oa = { class: "shell-navigation-item-label" }, Da = {
   key: 1,
   class: "shell-navigation-item-link"
-}, za = ["aria-expanded"], Ia = { class: "shell-navigation-item-label" }, Ha = /* @__PURE__ */ O({
+}, Ba = ["aria-expanded"], Ma = { class: "shell-navigation-item-label" }, Pa = /* @__PURE__ */ A({
   __name: "shell-navigation-item",
   props: {
     label: {},
@@ -3128,10 +2952,10 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
     to: {}
   },
   setup(e) {
-    const n = jt(), t = E(() => !!n.default), o = C(!1), l = C(null), a = C(null), { floatingStyles: i } = pt(l, a, {
+    const n = Ft(), t = C(() => !!n.default), o = E(!1), l = E(null), a = E(null), { floatingStyles: i } = pt(l, a, {
       placement: "right-start",
-      middleware: [ft(8), mt(), vt({ padding: 8 })],
-      whileElementsMounted: dt
+      middleware: [Ze(8), tt(), et({ padding: 8 })],
+      whileElementsMounted: Qe
     }), u = (f) => {
       t.value && (o.value = !o.value);
     }, s = () => {
@@ -3141,17 +2965,17 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
     }, c = (f) => {
       (f.key === "Escape" || f.key === "Esc") && s();
     }, d = (f) => {
-      const m = f.target;
-      m && (l.value && l.value.contains(m) || a.value && a.value.contains(m) || s());
+      const v = f.target;
+      v && (l.value && l.value.contains(v) || a.value && a.value.contains(v) || s());
     };
     return X(o, (f) => {
       f ? (window.addEventListener("keydown", c), window.addEventListener("pointerdown", d)) : (window.removeEventListener("keydown", c), window.removeEventListener("pointerdown", d));
     }), Se(() => {
       window.removeEventListener("keydown", c), window.removeEventListener("pointerdown", d);
-    }), (f, m) => {
+    }), (f, v) => {
       const p = N("VjIcon"), w = N("RouterLink"), h = N("VjMenu");
-      return v(), b("li", Pa, [
-        e.to ? (v(), j(w, {
+      return m(), b("li", Aa, [
+        e.to ? (m(), j(w, {
           key: 0,
           to: e.to,
           class: "shell-navigation-item-link"
@@ -3161,10 +2985,10 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            V("label", ja, P(e.label), 1)
+            V("label", Oa, P(e.label), 1)
           ]),
           _: 1
-        }, 8, ["to"])) : (v(), b("div", Fa, [
+        }, 8, ["to"])) : (m(), b("div", Da, [
           V("button", {
             ref_key: "buttonRef",
             ref: l,
@@ -3177,11 +3001,11 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            V("label", Ia, P(e.label), 1)
-          ], 8, za),
-          M(Te, { name: "menu" }, {
+            V("label", Ma, P(e.label), 1)
+          ], 8, Ba),
+          M(Oe, { name: "menu" }, {
             default: U(() => [
-              o.value ? (v(), j(h, {
+              o.value ? (m(), j(h, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: a,
@@ -3191,15 +3015,15 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
                 onClick: K(r, ["stop"])
               }, {
                 default: U(() => [
-                  D(f.$slots, "default", {}, void 0, !0)
+                  B(f.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["style"])) : $("", !0)
             ]),
             _: 3
           }),
-          (v(), j(Ne, { to: "body" }, [
-            o.value ? (v(), b("div", {
+          (m(), j(Ne, { to: "body" }, [
+            o.value ? (m(), b("div", {
               key: 0,
               class: "menu-backdrop",
               onClick: s
@@ -3209,39 +3033,39 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
       ]);
     };
   }
-}), Ua = /* @__PURE__ */ T(Ha, [["__scopeId", "data-v-d86ad711"]]), Wa = { class: "navigation-top" }, Ka = {
+}), ja = /* @__PURE__ */ O(Pa, [["__scopeId", "data-v-3a50d1c2"]]), Fa = { class: "navigation-top" }, za = {
   key: 0,
   class: "navigation-bottom"
-}, Xa = /* @__PURE__ */ O({
+}, Ia = /* @__PURE__ */ A({
   __name: "shell-navigation",
   setup(e) {
-    const n = It(Za, ti()), t = E(() => n.showLabels);
+    const n = Ht(ni, li()), t = C(() => n.showLabels);
     return (o, l) => {
       const a = N("VjShellNavigationItem");
-      return v(), b("nav", {
+      return m(), b("nav", {
         class: I(["shell-navigation", { "with-labels": t.value }])
       }, [
-        V("ul", Wa, [
-          S(n).hasParent && S(n).backRoute.value ? (v(), j(a, {
+        V("ul", Fa, [
+          S(n).hasParent && S(n).backRoute.value ? (m(), j(a, {
             key: 0,
             to: S(n).backRoute.value,
             label: "BACK",
             icon: S(W).HOME
           }, null, 8, ["to", "icon"])) : $("", !0),
-          (v(!0), b(ne, null, Re(S(n).childRoutes.value, (i) => (v(), j(a, {
+          (m(!0), b(ne, null, Re(S(n).childRoutes.value, (i) => (m(), j(a, {
             key: i.name,
             to: { name: i.name },
             label: i.meta.label,
             icon: i.meta.icon ?? S(W).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
-        o.$slots.fixed ? (v(), b("ul", Ka, [
-          D(o.$slots, "fixed", {}, void 0, !0)
+        o.$slots.fixed ? (m(), b("ul", za, [
+          B(o.$slots, "fixed", {}, void 0, !0)
         ])) : $("", !0)
       ], 2);
     };
   }
-}), cn = /* @__PURE__ */ T(Xa, [["__scopeId", "data-v-306cfc22"]]), Na = { class: "shell" }, qa = { class: "shell-title" }, Ga = ["src"], Ya = { class: "header-actions" }, Ja = /* @__PURE__ */ O({
+}), un = /* @__PURE__ */ O(Ia, [["__scopeId", "data-v-306cfc22"]]), Ha = { class: "shell" }, Ua = { class: "shell-title" }, Wa = ["src"], Ka = { class: "header-actions" }, Xa = /* @__PURE__ */ A({
   __name: "shell",
   props: {
     title: {},
@@ -3249,74 +3073,317 @@ const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-f
     showNavigation: { type: Boolean }
   },
   setup(e) {
-    const n = ii(), t = Qe(n, "asideComponent"), o = Qe(n, "hasAside"), l = Qe(n, "asideData"), a = E(() => {
+    const n = ci(), t = nt(n, "asideComponent"), o = nt(n, "hasAside"), l = nt(n, "asideData"), a = C(() => {
       const i = l.value;
       return i && typeof i == "object" ? i : {};
     });
     return (i, u) => {
       const s = N("router-view");
-      return v(), b("div", Na, [
+      return m(), b("div", Ha, [
         V("header", null, [
-          V("span", qa, [
-            e.icon ? (v(), b("img", {
+          V("span", Ua, [
+            e.icon ? (m(), b("img", {
               key: 0,
               src: e.icon,
               alt: "Shell Icon"
-            }, null, 8, Ga)) : $("", !0),
+            }, null, 8, Wa)) : $("", !0),
             V("h1", null, P(e.title), 1)
           ]),
-          V("div", Ya, [
-            D(i.$slots, "header-actions", {}, void 0, !0)
+          V("div", Ka, [
+            B(i.$slots, "header-actions", {}, void 0, !0)
           ])
         ]),
         V("div", {
           class: I(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (v(), j(S(cn), { key: 0 }, lt({ _: 2 }, [
+          e.showNavigation ? (m(), j(S(un), { key: 0 }, rt({ _: 2 }, [
             i.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: U(() => [
-                D(i.$slots, "navigation-fixed", {}, void 0, !0)
+                B(i.$slots, "navigation-fixed", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1024)) : $("", !0),
           V("main", null, [
-            D(i.$slots, "default", {}, () => [
+            B(i.$slots, "default", {}, () => [
               M(s)
             ], !0)
           ]),
           V("aside", {
             class: I({ "aside-visible": o.value })
           }, [
-            (v(), j(Ft(t.value), gn(bn(a.value)), null, 16))
+            (m(), j(zt(t.value), wn(_n(a.value)), null, 16))
           ], 2)
         ], 2),
         u[0] || (u[0] = V("footer", null, null, -1))
       ]);
     };
   }
-}), Qa = /* @__PURE__ */ T(Ja, [["__scopeId", "data-v-4dfd0097"]]), Za = "navigationProvider";
-function ei(e) {
+}), Na = /* @__PURE__ */ O(Xa, [["__scopeId", "data-v-4dfd0097"]]), qa = {
+  mounted(e) {
+    e.classList.add("compact");
+  },
+  unmounted(e) {
+    e.classList.remove("compact");
+  }
+}, dn = [
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "button:not([disabled])",
+  "a[href]",
+  '[tabindex]:not([tabindex="-1"])',
+  '[contenteditable="true"]'
+].join(", ");
+function Ga(e) {
+  const n = e.querySelectorAll(dn);
+  for (const t of Array.from(n))
+    if (t.offsetParent !== null || t.getClientRects().length > 0)
+      return t;
+  return null;
+}
+const Ya = {
+  mounted(e, n) {
+    const t = typeof n.value == "number" ? n.value : 0, o = () => {
+      if (e.matches(dn)) {
+        e.focus();
+        return;
+      }
+      const l = Ga(e);
+      l && l.focus();
+    };
+    t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
+  }
+};
+class ht {
+  static _instance = null;
+  observer = null;
+  targets = /* @__PURE__ */ new Map();
+  constructor() {
+    this.init();
+  }
+  static get instance() {
+    return this._instance || (this._instance = new ht()), this._instance;
+  }
+  init() {
+    typeof window < "u" && "ResizeObserver" in window ? this.observer = new ResizeObserver((n) => {
+      for (const t of n) this.handleEntry(t);
+    }) : typeof window < "u" && globalThis.addEventListener("resize", this.handleWindowResize);
+  }
+  handleWindowResize = () => {
+    for (const n of this.targets.keys()) {
+      const t = n.getBoundingClientRect(), o = {
+        target: n,
+        contentRect: t
+      };
+      this.handleEntry(o);
+    }
+  };
+  handleEntry(n) {
+    const t = this.targets.get(n.target);
+    if (!t) return;
+    const o = n.contentRect.width, l = n.contentRect.height, a = n.target;
+    for (const i of t.callbacks)
+      try {
+        i(o, l, a);
+      } catch (u) {
+        console.error("resize callback error", u);
+      }
+    if (t.breakpoints) {
+      const i = Object.keys(t.breakpoints).map((s) => Number(s)).filter((s) => !Number.isNaN(s)).sort((s, r) => s - r);
+      let u;
+      for (const s of i)
+        o >= s && (u = t.breakpoints[s]);
+      u !== t.currentClass && (t.currentClass && n.target.classList.remove(t.currentClass), u && n.target.classList.add(u), t.currentClass = u);
+    }
+  }
+  observe(n, t, o) {
+    const l = this.targets.get(n);
+    if (l)
+      t && l.callbacks.add(t), o?.breakpoints && (l.breakpoints = o.breakpoints);
+    else {
+      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 a = n.getBoundingClientRect(), i = { target: n, contentRect: a };
+      if (this.handleEntry(i), t) {
+        const u = a.width, s = a.height;
+        t(u, s, n);
+      }
+    }
+  }
+  unobserve(n, t) {
+    const o = this.targets.get(n);
+    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 = ht.instance, Ja = {
+  mounted(e, n) {
+    const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, a = typeof t == "object" && !!t?.immediate, i = e;
+    i.__resize_cb = o, i.__resize_breakpoints = l, o && Ve.observe(e, o, { breakpoints: l, immediate: a });
+  },
+  updated(e, n) {
+    const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, a = n.value, i = typeof a == "function" ? a : a?.onResize, u = typeof a == "object" && a?.breakpoints ? a.breakpoints : void 0;
+    if (o !== i) {
+      o && Ve.unobserve(e, o), i && Ve.observe(e, i, { breakpoints: u, immediate: !!(a && typeof a == "object" && a.immediate) }), t.__resize_cb = i, t.__resize_breakpoints = u;
+      return;
+    }
+    JSON.stringify(l || {}) !== JSON.stringify(u || {}) && (o && Ve.unobserve(e, o), i && Ve.observe(e, i, { breakpoints: u, immediate: !0 }), t.__resize_breakpoints = u);
+  },
+  unmounted(e) {
+    const n = e, t = n.__resize_cb;
+    t && Ve.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
+  }
+}, Qa = 200, Za = 120;
+function Pt(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 <= Za ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= Qa && t.classList.add("vj-loading-inner--small");
+}
+const _i = {
+  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;
+    } else
+      t = !!n.value, o = void 0;
+    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 u = document.createElement("div"), s = document.createElement("div");
+    s.className = "vj-loading-inner", s.appendChild(u);
+    let r;
+    o && (r = document.createElement("div"), r.className = "vj-loading-text", r.textContent = o, s.appendChild(r)), i.appendChild(s), Pt(e, i);
+    const c = M(ln);
+    Et(c, u), a.spinnerVnode = c, a.spinnerContainer = u, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(i);
+    const d = e;
+    d.__vjLoading = a;
+  },
+  updated(e, n) {
+    const o = e.__vjLoading;
+    if (!o) return;
+    const { overlay: l } = o;
+    let a, i;
+    if (typeof n.value == "object" && n.value !== null) {
+      const s = n.value;
+      a = !!(s.active ?? !0), i = s.text;
+    } else
+      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 u = l.querySelector(".vj-loading-inner");
+    if (u) {
+      const s = u.querySelector(".vj-loading-text");
+      if (s)
+        i ? s.textContent = i : s.remove();
+      else if (i) {
+        const r = document.createElement("div");
+        r.className = "vj-loading-text", r.textContent = i, u.appendChild(r);
+      }
+    }
+    Pt(e, l);
+  },
+  unmounted(e) {
+    const n = e, t = n.__vjLoading;
+    if (!t) return;
+    const { overlay: o, originalPosition: l } = t;
+    try {
+      t.spinnerContainer && Et(null, t.spinnerContainer);
+    } catch {
+    }
+    o && o.parentElement === e && e.removeChild(o), l !== void 0 && (e.style.position = l), n.__vjLoading = void 0;
+  }
+}, ei = (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 jt(e) {
+  if (!e) return { content: "", placement: "top", delay: 200 };
+  if (typeof e.value == "string") return { content: e.value, placement: "top", delay: 200 };
+  const t = e.value || {}, o = t.placement ?? "top";
+  return { content: t.content ?? "", placement: o, delay: t.delay ?? 200 };
+}
+const ti = {
+  mounted(e, n) {
+    const t = jt(n), o = ei(t.content);
+    document.body.appendChild(o);
+    const l = { tooltip: o, cleanup: void 0, showTimer: null, hideTimer: null }, a = async () => {
+      const v = await nn(e, o, {
+        placement: t.placement,
+        middleware: [Ze(6), tt(), et({ padding: 8 })]
+      }), { x: p, y: w } = v;
+      Object.assign(o.style, {
+        left: `${p}px`,
+        top: `${w}px`
+      });
+    }, i = () => {
+      l.hideTimer && window.clearTimeout(l.hideTimer), l.showTimer = window.setTimeout(() => {
+        o.classList.add("vj-tooltip--visible"), a(), l.cleanup = Qe(e, o, a);
+      }, t.delay);
+    }, u = () => {
+      l.showTimer && window.clearTimeout(l.showTimer), l.hideTimer = window.setTimeout(() => {
+        if (o.classList.remove("vj-tooltip--visible"), l.cleanup) {
+          try {
+            l.cleanup();
+          } catch {
+          }
+          l.cleanup = void 0;
+        }
+      }, 50);
+    }, s = (v) => {
+      i();
+    }, r = (v) => {
+      u();
+    }, c = () => i(), d = () => u(), f = (v) => {
+      v.pointerType === "touch" && (i(), l.docHandler = (p) => {
+        !o.contains(p.target) && !e.contains(p.target) && (u(), document.removeEventListener("pointerdown", l.docHandler), l.docHandler = void 0);
+      }, document.addEventListener("pointerdown", l.docHandler));
+    };
+    e.addEventListener("pointerenter", s), e.addEventListener("pointerleave", r), e.addEventListener("focus", c), e.addEventListener("blur", d), e.addEventListener("pointerdown", f), l.onPointerEnter = s, l.onPointerLeave = r, l.onFocus = c, l.onBlur = d, l.onPointerDown = f, e.__vjTooltip = l;
+  },
+  updated(e, n) {
+    const t = e.__vjTooltip;
+    if (!t) return;
+    const o = jt(n);
+    t.tooltip.textContent = o.content;
+  },
+  unmounted(e) {
+    const n = e.__vjTooltip;
+    if (n) {
+      try {
+        n.cleanup && n.cleanup();
+      } catch {
+      }
+      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;
+    }
+  }
+}, ni = "navigationProvider";
+function oi(e) {
   return !!e.meta && "icon" in e.meta && "label" in e.meta;
 }
-const ti = () => {
-  const e = xn(), n = kn(), t = !0, o = E(() => {
+const li = () => {
+  const e = En(), n = Cn(), t = !0, o = C(() => {
     const c = e.getRoutes();
-    return c.filter((d) => d.path !== "/" && !c.some((f) => f.children?.some((m) => m.name === d.name)));
-  }), l = E(() => {
+    return c.filter((d) => d.path !== "/" && !c.some((f) => f.children?.some((v) => v.name === d.name)));
+  }), l = C(() => {
     const c = n.matched;
     return c.length ? c[c.length - 1] : null;
-  }), a = E(() => {
+  }), a = C(() => {
     const c = n.matched;
     return c.length > 1 ? c[c.length - 2] : null;
-  }), i = E(() => !!(l.value?.children?.length || a.value)), u = E(() => l.value?.children?.length ? l.value : a.value?.children?.length ? a.value : null), s = E(() => {
+  }), i = C(() => !!(l.value?.children?.length || a.value)), u = C(() => l.value?.children?.length ? l.value : a.value?.children?.length ? a.value : null), s = C(() => {
     if (!u.value) return null;
-    const d = e.getRoutes().find((f) => f.children?.some((m) => m.name === u.value.name));
+    const d = e.getRoutes().find((f) => f.children?.some((v) => v.name === u.value.name));
     return d ? { name: d.name } : { path: "/" };
-  }), r = E(() => {
+  }), r = C(() => {
     let c = [];
-    return n.path === "/" ? c = o.value : l.value?.children?.length ? c = l.value.children : a.value?.children?.length ? c = a.value.children : c = o.value, c.filter(ei);
+    return n.path === "/" ? c = o.value : l.value?.children?.length ? c = l.value.children : a.value?.children?.length ? c = a.value.children : c = o.value, c.filter(oi);
   });
   return {
     hasParent: i,
@@ -3324,23 +3391,23 @@ const ti = () => {
     childRoutes: r,
     showLabels: t
   };
-}, bi = (e, n = !0, t = void 0) => {
-  const o = yn(e) ? e : C(e), l = !!t, a = C(t || null);
+}, xi = (e, n = !0, t = void 0) => {
+  const o = xn(e) ? e : E(e), l = !!t, a = E(t || null);
   return {
     hasParent: l,
     backRoute: a,
     childRoutes: o,
     showLabels: n
   };
-}, gt = C(!1), bt = C(null), yt = C(null);
-let Ee = [];
-const un = (e) => (Ee.push(e), () => {
-  Ee = Ee.filter((n) => n !== e);
-}), ni = (e, n) => (Ee = [], bt.value = e, yt.value = n ?? null, gt.value = !0, {
-  onClose: (t) => un(t)
-}), oi = (e) => {
+}, gt = E(!1), bt = E(null), yt = E(null);
+let Ce = [];
+const fn = (e) => (Ce.push(e), () => {
+  Ce = Ce.filter((n) => n !== e);
+}), ai = (e, n) => (Ce = [], bt.value = e, yt.value = n ?? null, gt.value = !0, {
+  onClose: (t) => fn(t)
+}), ii = (e) => {
   try {
-    Ee.forEach((n) => {
+    Ce.forEach((n) => {
       try {
         n(e);
       } catch (t) {
@@ -3348,18 +3415,18 @@ const un = (e) => (Ee.push(e), () => {
       }
     });
   } finally {
-    gt.value = !1, setTimeout(li, 1e3);
+    gt.value = !1, setTimeout(si, 1e3);
   }
-}, li = () => {
-  Ee = [], bt.value = null, yt.value = null;
-}, ai = {
+}, si = () => {
+  Ce = [], bt.value = null, yt.value = null;
+}, ri = {
   asideComponent: bt,
   asideData: yt,
-  showAside: ni,
-  closeAside: oi,
-  onAsideClose: un,
+  showAside: ai,
+  closeAside: ii,
+  onAsideClose: fn,
   hasAside: gt
-}, ii = () => ai, yi = (e, n) => {
+}, ci = () => ri, ki = (e, n) => {
   let t = null;
   return (...l) => {
     t && clearTimeout(t), t = setTimeout(() => {
@@ -3367,7 +3434,7 @@ const un = (e) => (Ee.push(e), () => {
     }, n);
   };
 };
-class si {
+class ui {
   containerElement = null;
   apps = [];
   ensureContainer() {
@@ -3383,9 +3450,9 @@ class si {
           const s = this.apps.find((r) => r.element === l);
           s && (s.app.unmount(), this.apps = this.apps.filter((r) => r !== s)), l.remove();
         }, 300));
-      }, u = wn({
+      }, u = kn({
         setup() {
-          return () => _n(at, {
+          return () => Vn(ct, {
             modelValue: !0,
             title: n.title,
             message: n.message,
@@ -3409,7 +3476,7 @@ class si {
           });
         }
       });
-      u.component("VjCard", tt), u.component("VjIcon", we), u.component("VjButton", Ht), u.mount(l), this.apps.push({ app: u, element: l });
+      u.component("VjCard", at), u.component("VjIcon", we), u.component("VjButton", Ut), u.mount(l), this.apps.push({ app: u, element: l });
     });
   }
   confirm(n) {
@@ -3437,12 +3504,12 @@ class si {
     }), this.apps = [];
   }
 }
-const ri = new si();
-function wi() {
-  return ri;
+const di = new ui();
+function Vi() {
+  return di;
 }
-const _i = () => {
-  const e = C(!1), n = C(null), t = () => {
+const Ei = () => {
+  const e = E(!1), n = E(null), t = () => {
     n.value = null;
   };
   class o {
@@ -3482,8 +3549,8 @@ const _i = () => {
   }
   return { run: l, running: e, error: n, clearError: t };
 };
-class ci {
-  notifications = C([]);
+class fi {
+  notifications = E([]);
   notificationIdCounter = 0;
   /**
    * Gibt die reaktive Liste der Notifications zurück
@@ -3548,66 +3615,67 @@ class ci {
     this.notifications.value = [];
   }
 }
-const xi = new ci(), ki = {
+const Ci = new fi(), Li = {
   install(e) {
-    e.component("VjButton", Ht), e.component("VjButtonBar", Sn), e.component("VjCard", tt), e.component("VjChip", Ut), e.component("VjChipGroup", Wt), e.component("VjChipSelector", vo), e.component("VjCarousel", tt), e.component("VjCheckbox", Hn), e.component("VjDotMenu", sl), e.component("VjDialog", at), e.component("VjIcon", we), e.component("VjLinkButton", cl), e.component("VjMenu", gl), e.component("VjMenuAction", vl), e.component("VjPage", Dl), e.component("VjPaginator", jl), e.component("VjTab", Ql), e.component("VjTabView", Yl), e.component("VjSkeleton", oa), e.component("VjSpinner", on), e.component("VjInput", rn), e.component("VjSelect", an), e.component("VjTextArea", sn), e.component("VjFormField", Fe), e.component("VjFormLayout", da), e.component("VjFormSection", ma), e.component("VjInputText", Ma), e.component("VjInputTextArea", Oa), e.component("VjInputSelect", _a), e.component("VjInputSlider", $a), e.component("VjShellNavigation", cn), e.component("VjShellNavigationItem", Ua), e.component("VjShell", Qa), e.component("VjSearchField", Hl), e.component("VjSeparator", Wl), e.directive("focus", wl), e.directive("resize", _l), e.directive("compact", bl);
+    e.component("VjButton", Ut), e.component("VjButtonBar", An), e.component("VjCard", at), e.component("VjChip", Wt), e.component("VjChipGroup", Kt), e.component("VjChipSelector", ho), e.component("VjCarousel", at), e.component("VjCheckbox", Kn), e.component("VjDotMenu", cl), e.component("VjDialog", ct), e.component("VjIcon", we), e.component("VjLinkButton", dl), e.component("VjMenu", yl), e.component("VjMenuAction", pl), e.component("VjPage", Ll), e.component("VjPaginator", Rl), e.component("VjTab", Nl), e.component("VjTabView", Kl), e.component("VjSkeleton", Ql), e.component("VjSpinner", ln), e.component("VjInput", cn), e.component("VjSelect", sn), e.component("VjTextArea", rn), e.component("VjFormField", Fe), e.component("VjFormLayout", ia), e.component("VjFormSection", ca), e.component("VjInputText", Ta), e.component("VjInputTextArea", La), e.component("VjInputSelect", ha), e.component("VjInputSlider", ka), e.component("VjShellNavigation", un), e.component("VjShellNavigationItem", ja), e.component("VjShell", Na), e.component("VjSearchField", Dl), e.component("VjSeparator", Ml), e.directive("focus", Ya), e.directive("resize", Ja), e.directive("compact", qa), e.directive("tooltip", ti);
   }
 };
 export {
-  Ht as Button,
-  Sn as ButtonBar,
-  tt as Card,
-  vi as Carousel,
-  Hn as Checkbox,
-  Ut as Chip,
-  Wt as ChipGroup,
-  vo as ChipSelector,
-  at as Dialog,
-  sl as DotMenu,
-  pi as EditableLabel,
+  Ut as Button,
+  An as ButtonBar,
+  at as Card,
+  hi as Carousel,
+  Kn as Checkbox,
+  Wt as Chip,
+  Kt as ChipGroup,
+  ho as ChipSelector,
+  ct as Dialog,
+  cl as DotMenu,
+  bi as EditableLabel,
+  Ya as FocusFirstDirective,
   Fe as FormField,
-  da as FormLayout,
-  ma as FormSection,
+  ia as FormLayout,
+  ca as FormSection,
   we as Icon,
   W as IconNames,
   q as IconSize,
-  rn as Input,
-  _a as InputSelect,
-  $a as InputSlider,
-  Ma as InputText,
-  Oa as InputTextArea,
-  cl as LinkButton,
-  gl as Menu,
-  vl as MenuAction,
-  Dl as Page,
-  jl as Paginator,
-  mi as Radio,
-  Hl as SearchField,
-  an as Select,
-  Wl as Separator,
-  Qa as Shell,
-  cn as ShellNavigation,
-  Ua as ShellNavigationItem,
-  oa as Skeleton,
-  on as Spinner,
-  Ql as Tab,
-  Yl as TabView,
-  sn as TextArea,
-  ki as VjComponents,
-  Za as VjNavigationProviderKey,
-  bl as compactDirective,
-  hi as configureVueUI,
-  ri as dialogService,
-  Pt as getVueUIConfig,
-  xi as notificationService,
-  gi as resetVueUIConfig,
-  ii as useAsideService,
-  yi as useDebounce,
-  wi as useDialog,
-  _i as useFlow,
-  ti as useRouterNavigationProvider,
-  bi as useStaticNavigationProvider,
-  wl as vFocusFirst,
-  Ll as vLoading,
-  _l as vResize
+  cn as Input,
+  ha as InputSelect,
+  ka as InputSlider,
+  Ta as InputText,
+  La as InputTextArea,
+  dl as LinkButton,
+  _i as LoadingDirective,
+  yl as Menu,
+  pl as MenuAction,
+  Ll as Page,
+  Rl as Paginator,
+  gi as Radio,
+  Ja as ResizeDirective,
+  Dl as SearchField,
+  sn as Select,
+  Ml as Separator,
+  Na as Shell,
+  un as ShellNavigation,
+  ja as ShellNavigationItem,
+  Ql as Skeleton,
+  ln as Spinner,
+  Nl as Tab,
+  Kl as TabView,
+  rn as TextArea,
+  ti as TooltipDirective,
+  Li as VjComponents,
+  ni as VjNavigationProviderKey,
+  qa as compactDirective,
+  yi as configureVueUI,
+  di as dialogService,
+  Mt as getVueUIConfig,
+  Ci as notificationService,
+  wi as resetVueUIConfig,
+  ci as useAsideService,
+  ki as useDebounce,
+  Vi as useDialog,
+  Ei as useFlow,
+  li as useRouterNavigationProvider,
+  xi as useStaticNavigationProvider
 };