@vanjana/vue-ui 0.1.97 → 0.1.99

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

@@ -1,33 +1,33 @@
-import { createElementBlock as g, openBlock as f, createElementVNode as x, renderSlot as M, defineComponent as T, computed as E, normalizeClass as I, createBlock as j, createCommentVNode as L, createTextVNode as Ue, unref as R, toDisplayString as B, useSlots as Ut, ref as C, onMounted as Be, nextTick as me, onBeforeUnmount as Se, watch as X, resolveComponent as K, createVNode as O, normalizeStyle as Y, Fragment as Z, renderList as _e, mergeModels as ee, useModel as ve, withModifiers as N, Teleport as Pe, Transition as Oe, withCtx as W, createSlots as rt, resolveDynamicComponent as Wt, mergeProps as gn, shallowRef as bn, getCurrentScope as yn, onScopeDispose as wn, shallowReadonly as Ve, render as $t, resolveDirective as Nt, withDirectives as ct, withKeys as lt, provide as _n, inject as Kt, vModelText as xn, toRef as nt, normalizeProps as kn, guardReactiveProps as Vn, TransitionGroup as En, isRef as Cn, createApp as Ln, h as $n } from "vue";
-import { useRouter as Rn, useRoute as Sn } from "vue-router";
-const D = (e, n) => {
+import { createElementBlock as g, openBlock as f, createElementVNode as x, renderSlot as M, defineComponent as T, computed as E, normalizeClass as z, createBlock as j, createCommentVNode as L, createTextVNode as Ue, unref as S, toDisplayString as D, useSlots as Ut, ref as C, onMounted as De, nextTick as me, onBeforeUnmount as Re, watch as X, resolveComponent as K, createVNode as O, normalizeStyle as G, Fragment as Z, renderList as ge, mergeModels as ee, useModel as ve, withModifiers as N, Teleport as Pe, Transition as Oe, withCtx as W, createSlots as rt, resolveDynamicComponent as Wt, mergeProps as gn, shallowRef as bn, getCurrentScope as yn, onScopeDispose as wn, shallowReadonly as Ve, render as $t, resolveDirective as Nt, withDirectives as ct, withKeys as lt, provide as _n, inject as Kt, vModelText as xn, toRef as nt, normalizeProps as kn, guardReactiveProps as Vn, TransitionGroup as En, isRef as Cn, createApp as Ln, h as $n } from "vue";
+import { useRouter as Sn, useRoute as Rn } from "vue-router";
+const B = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, l] of n)
     t[o] = l;
   return t;
-}, Tn = {}, An = { class: "button-bar" }, On = { class: "left" }, Dn = { class: "right" };
-function Bn(e, n) {
+}, Tn = {}, An = { class: "button-bar" }, On = { class: "left" }, Bn = { class: "right" };
+function Dn(e, n) {
   return f(), g("div", An, [
     x("div", On, [
       M(e.$slots, "left", {}, void 0, !0)
     ]),
-    x("div", Dn, [
+    x("div", Bn, [
       M(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Pn = /* @__PURE__ */ D(Tn, [["render", Bn], ["__scopeId", "data-v-45a6ed1a"]]);
-var F = /* @__PURE__ */ ((e) => (e.HOME = "fa-regular fa-house", e.DASHBOARD = "fa-solid fa-gauge", e.MENU = "fa-solid fa-bars", e.DOT_MENU = "fa-solid fa-ellipsis-vertical", e.BACK = "fa-regular fa-hand-point-left", e.LOGOUT = "fa-solid fa-right-from-bracket", e.CHEVRON_LEFT = "fa-solid fa-chevron-left", e.CHEVRON_RIGHT = "fa-solid fa-chevron-right", e.CHEVRON_UP = "fa-solid fa-chevron-up", e.CHEVRON_DOWN = "fa-solid fa-chevron-down", e.PREVIOUS = "fa-solid fa-angle-left", e.FIRST = "fa-solid fa-angles-left", e.NEXT = "fa-solid fa-angle-right", e.LAST = "fa-solid fa-angles-right", e.USER = "fa-regular fa-user-circle", e.CHARACTER = "fa-solid fa-person", e.SETTINGS = "fa-solid fa-gear", e.ADD = "fa-regular fa-plus", e.EDIT = "fa-solid fa-pen", e.REMOVE = "fa-regular fa-trash-can", e.DELETE = "fa-regular fa-trash-can", e.SHARE = "fa-solid fa-share-nodes", e.SORT = "fa-regular fa-arrow-up-arrow-down", e.CLOSE = "fa-regular fa-circle-xmark", e.SAVE = "fa-regular fa-floppy-disk", e.COPY = "fa-regular fa-copy", e.DUPLICATE = "fa-regular fa-clone", e.CUT = "fa-solid fa-scissors", e.PASTE = "fa-regular fa-clipboard", e.REFRESH = "fa-solid fa-rotate-right", e.RELOAD = "fa-solid fa-arrows-rotate", e.PRINT = "fa-solid fa-print", e.FILTER = "fa-solid fa-filter", e.UNDO = "fa-solid fa-rotate-left", e.REDO = "fa-solid fa-rotate-right", e.PIN = "fa-solid fa-thumbtack", e.EXPAND = "fa-solid fa-expand", e.COLLAPSE = "fa-solid fa-compress", e.EXTERNAL_LINK = "fa-solid fa-arrow-up-right-from-square", e.INFO = "fa-solid fa-circle-info", e.WARNING = "fa-solid fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.STAR = "fa-regular fa-star", e.STAR_FILLED = "fa-solid fa-star", e.HELP = "fa-regular fa-circle-question", e.QUESTION = "fa-solid fa-question", e.PROJECT = "fa-regular fa-folder-open", e.FOLDER = "fa-regular fa-folder", e.FILE_TEXT = "fa-regular fa-file-lines", e.UPLOAD = "fa-solid fa-cloud-arrow-up", e.DOWNLOAD = "fa-solid fa-cloud-arrow-down", e.ATTACHMENT = "fa-solid fa-paperclip", e.LINK = "fa-solid fa-link", e.TAG = "fa-solid fa-tag", e.TAGS = "fa-solid fa-tags", e.SEARCH = "fa-solid fa-magnifying-glass", e.MESSAGE_SQUARE = "fa-regular fa-message", e.MAIL = "fa-regular fa-envelope", e.SHOPPING_BAG = "fa-regular fa-bag-shopping", e.COMMENT = "fa-regular fa-comment", e.COMMENTS = "fa-regular fa-comments", e.CALENDAR = "fa-regular fa-calendar", e.CALENDAR_DAY = "fa-solid fa-calendar-day", e.CLOCK = "fa-regular fa-clock", e.HISTORY = "fa-solid fa-clock-rotate-left", e.LOCK = "fa-solid fa-lock", e.UNLOCK = "fa-solid fa-lock-open", e.EYE = "fa-regular fa-eye", e.EYE_SLASH = "fa-regular fa-eye-slash", e.SHIELD = "fa-solid fa-shield", e.LIST = "fa-solid fa-list", e.GRID = "fa-solid fa-grid", e.TABLE = "fa-solid fa-table", e.COLUMNS = "fa-solid fa-columns", e.BELL = "fa-regular fa-bell", e.IMAGE = "fa-regular fa-image", e))(F || {}), G = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(G || {});
-const ge = /* @__PURE__ */ T({
+const Pn = /* @__PURE__ */ B(Tn, [["render", Dn], ["__scopeId", "data-v-45a6ed1a"]]);
+var F = /* @__PURE__ */ ((e) => (e.HOME = "fa-regular fa-house", e.DASHBOARD = "fa-solid fa-gauge", e.MENU = "fa-solid fa-bars", e.DOT_MENU = "fa-solid fa-ellipsis-vertical", e.BACK = "fa-regular fa-hand-point-left", e.LOGOUT = "fa-solid fa-right-from-bracket", e.CHEVRON_LEFT = "fa-solid fa-chevron-left", e.CHEVRON_RIGHT = "fa-solid fa-chevron-right", e.CHEVRON_UP = "fa-solid fa-chevron-up", e.CHEVRON_DOWN = "fa-solid fa-chevron-down", e.PREVIOUS = "fa-solid fa-angle-left", e.FIRST = "fa-solid fa-angles-left", e.NEXT = "fa-solid fa-angle-right", e.LAST = "fa-solid fa-angles-right", e.USER = "fa-regular fa-user-circle", e.CHARACTER = "fa-solid fa-person", e.SETTINGS = "fa-solid fa-gear", e.ADD = "fa-regular fa-plus", e.EDIT = "fa-solid fa-pen", e.REMOVE = "fa-regular fa-trash-can", e.DELETE = "fa-regular fa-trash-can", e.SHARE = "fa-solid fa-share-nodes", e.SORT = "fa-regular fa-arrow-up-arrow-down", e.CLOSE = "fa-regular fa-circle-xmark", e.SAVE = "fa-regular fa-floppy-disk", e.COPY = "fa-regular fa-copy", e.DUPLICATE = "fa-regular fa-clone", e.CUT = "fa-solid fa-scissors", e.PASTE = "fa-regular fa-clipboard", e.REFRESH = "fa-solid fa-rotate-right", e.RELOAD = "fa-solid fa-arrows-rotate", e.PRINT = "fa-solid fa-print", e.FILTER = "fa-solid fa-filter", e.UNDO = "fa-solid fa-rotate-left", e.REDO = "fa-solid fa-rotate-right", e.PIN = "fa-solid fa-thumbtack", e.EXPAND = "fa-solid fa-expand", e.COLLAPSE = "fa-solid fa-compress", e.EXTERNAL_LINK = "fa-solid fa-arrow-up-right-from-square", e.INFO = "fa-solid fa-circle-info", e.WARNING = "fa-solid fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.STAR = "fa-regular fa-star", e.STAR_FILLED = "fa-solid fa-star", e.HELP = "fa-regular fa-circle-question", e.QUESTION = "fa-solid fa-question", e.PROJECT = "fa-regular fa-folder-open", e.FOLDER = "fa-regular fa-folder", e.FILE_TEXT = "fa-regular fa-file-lines", e.UPLOAD = "fa-solid fa-cloud-arrow-up", e.DOWNLOAD = "fa-solid fa-cloud-arrow-down", e.ATTACHMENT = "fa-solid fa-paperclip", e.LINK = "fa-solid fa-link", e.TAG = "fa-solid fa-tag", e.TAGS = "fa-solid fa-tags", e.SEARCH = "fa-solid fa-magnifying-glass", e.MESSAGE_SQUARE = "fa-regular fa-message", e.MAIL = "fa-regular fa-envelope", e.SHOPPING_BAG = "fa-regular fa-bag-shopping", e.COMMENT = "fa-regular fa-comment", e.COMMENTS = "fa-regular fa-comments", e.CALENDAR = "fa-regular fa-calendar", e.CALENDAR_DAY = "fa-solid fa-calendar-day", e.CLOCK = "fa-regular fa-clock", e.HISTORY = "fa-solid fa-clock-rotate-left", e.LOCK = "fa-solid fa-lock", e.UNLOCK = "fa-solid fa-lock-open", e.EYE = "fa-regular fa-eye", e.EYE_SLASH = "fa-regular fa-eye-slash", e.SHIELD = "fa-solid fa-shield", e.LIST = "fa-solid fa-list", e.GRID = "fa-solid fa-grid", e.TABLE = "fa-solid fa-table", e.COLUMNS = "fa-solid fa-columns", e.BELL = "fa-regular fa-bell", e.IMAGE = "fa-regular fa-image", e))(F || {}), q = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(q || {});
+const be = /* @__PURE__ */ T({
   __name: "icon",
   props: {
     icon: {},
     size: {}
   },
   setup(e) {
-    const n = e, t = G.M, o = E(() => `${n.icon} ${n.size ?? t}`);
+    const n = e, t = q.M, o = E(() => `${n.icon} ${n.size ?? t}`);
     return (l, a) => (f(), g("i", {
-      class: I(o.value)
+      class: z(o.value)
     }, null, 2));
   }
 }), Mn = ["disabled"], jn = /* @__PURE__ */ T({
@@ -41,20 +41,20 @@ const ge = /* @__PURE__ */ T({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = G.S, o = E(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = E(() => !n.label && !!n.icon);
+    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) => (f(), g("button", {
-      class: I(["button", o.value, { "icon-only": l.value }]),
+      class: z(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
     }, [
-      e.icon ? (f(), j(ge, {
+      e.icon ? (f(), j(be, {
         key: 0,
         icon: e.icon,
-        size: R(t)
+        size: S(t)
       }, null, 8, ["icon", "size"])) : L("", !0),
-      Ue(" " + B(e.label), 1)
+      Ue(" " + D(e.label), 1)
     ], 10, Mn));
   }
-}), ut = /* @__PURE__ */ D(jn, [["__scopeId", "data-v-f31c33cf"]]), Fn = {
+}), ut = /* @__PURE__ */ B(jn, [["__scopeId", "data-v-f31c33cf"]]), Fn = {
   key: 0,
   class: "header-actions"
 }, zn = { key: 0 }, In = /* @__PURE__ */ T({
@@ -66,23 +66,23 @@ const ge = /* @__PURE__ */ T({
   setup(e) {
     const n = Ut();
     return (t, o) => (f(), g("div", {
-      class: I(["card", { scrollable: e.scrollable }])
+      class: z(["card", { scrollable: e.scrollable }])
     }, [
       x("header", null, [
-        x("h3", null, B(e.header), 1),
-        R(n).headerActions ? (f(), g("span", Fn, [
+        x("h3", null, D(e.header), 1),
+        S(n).headerActions ? (f(), g("span", Fn, [
           M(t.$slots, "headerActions", {}, void 0, !0)
         ])) : L("", !0)
       ]),
       x("main", null, [
         M(t.$slots, "default", {}, void 0, !0)
       ]),
-      R(n).footer ? (f(), g("footer", zn, [
+      S(n).footer ? (f(), g("footer", zn, [
         M(t.$slots, "footer", {}, void 0, !0)
       ])) : L("", !0)
     ], 2));
   }
-}), at = /* @__PURE__ */ D(In, [["__scopeId", "data-v-ec6ab562"]]), Hn = ["aria-label"], Un = {
+}), at = /* @__PURE__ */ B(In, [["__scopeId", "data-v-ec6ab562"]]), Hn = ["aria-label"], Un = {
   key: 0,
   class: "carousel-indicators"
 }, Wn = /* @__PURE__ */ T({
@@ -101,11 +101,11 @@ const ge = /* @__PURE__ */ T({
     const p = C(0), _ = C(!1);
     let h = null, y = null;
     const w = C(null), b = C(null), $ = () => {
-      p.value = s.value ? s.value.children.length : 0, p.value === 0 ? c.value = 0 : c.value >= p.value && (c.value = l ? 0 : p.value - 1), z();
-    }, P = E(() => d.value > 0 ? { transform: `translateX(${-c.value * d.value + v.value}px)` } : { transform: `translateX(-${c.value * 100}%)` }), z = () => {
-      s.value && Array.from(s.value.children).forEach((S, be) => {
+      p.value = s.value ? s.value.children.length : 0, p.value === 0 ? c.value = 0 : c.value >= p.value && (c.value = l ? 0 : p.value - 1), I();
+    }, P = E(() => d.value > 0 ? { transform: `translateX(${-c.value * d.value + v.value}px)` } : { transform: `translateX(-${c.value * 100}%)` }), I = () => {
+      s.value && Array.from(s.value.children).forEach((R, ye) => {
         try {
-          be === c.value ? S.removeAttribute("aria-hidden") : S.setAttribute("aria-hidden", "true");
+          ye === c.value ? R.removeAttribute("aria-hidden") : R.setAttribute("aria-hidden", "true");
         } catch {
         }
       });
@@ -119,76 +119,76 @@ const ge = /* @__PURE__ */ T({
       p.value !== 0 && (c.value <= 0 ? c.value = l ? p.value - 1 : 0 : c.value--);
     }, H = () => {
       p.value !== 0 && (c.value >= p.value - 1 ? c.value = l ? 0 : p.value - 1 : c.value++);
-    }, U = (S) => {
-      S < 0 || S >= p.value || (c.value = S);
+    }, U = (R) => {
+      R < 0 || R >= p.value || (c.value = R);
     }, ce = () => {
       _.value = !0, a && V();
     }, ue = () => {
       _.value = !1, k();
-    }, de = (S) => {
-      S.key === "ArrowLeft" ? A() : S.key === "ArrowRight" && H();
+    }, de = (R) => {
+      R.key === "ArrowLeft" ? A() : R.key === "ArrowRight" && H();
     };
     let ke = 0, te = 0;
-    const ae = (S) => {
-      ke = S.touches[0].clientX, te = 0;
-    }, q = (S) => {
-      te = S.touches[0].clientX - ke;
+    const ae = (R) => {
+      ke = R.touches[0].clientX, te = 0;
+    }, Y = (R) => {
+      te = R.touches[0].clientX - ke;
     }, ne = () => {
       te > 50 ? A() : te < -50 && H(), te = 0;
     };
     let Ie = 0;
-    const kt = (S) => {
-      if (S.isPrimary !== !1 && !(S.pointerType === "mouse" && S.button !== 0)) {
-        m = !0, Ie = S.clientX, v.value = 0, V();
+    const kt = (R) => {
+      if (R.isPrimary !== !1 && !(R.pointerType === "mouse" && R.button !== 0)) {
+        m = !0, Ie = R.clientX, v.value = 0, V();
         try {
-          S.target?.setPointerCapture?.(S.pointerId);
+          R.target?.setPointerCapture?.(R.pointerId);
         } catch {
         }
       }
-    }, Vt = (S) => {
-      m && (v.value = S.clientX - Ie, S.preventDefault());
+    }, Vt = (R) => {
+      m && (v.value = R.clientX - Ie, R.preventDefault());
     }, Et = () => {
       if (!m) return;
       m = !1;
-      const S = Math.max(50, d.value * 0.15);
-      v.value > S ? A() : v.value < -S && H(), v.value = 0, k();
-    }, Ct = (S) => {
+      const R = Math.max(50, d.value * 0.15);
+      v.value > R ? A() : v.value < -R && H(), v.value = 0, k();
+    }, Ct = (R) => {
       try {
-        S.target?.releasePointerCapture?.(S.pointerId);
+        R.target?.releasePointerCapture?.(R.pointerId);
       } catch {
       }
       Et();
     }, Lt = () => Et();
-    return Be(() => {
+    return De(() => {
       me(() => {
-        if ($(), s.value && (y = new MutationObserver($), y.observe(s.value, { childList: !0 }), s.value.addEventListener("touchstart", ae, { passive: !0 }), s.value.addEventListener("touchmove", q, { passive: !0 }), s.value.addEventListener("touchend", ne)), u.value) {
-          const S = () => {
+        if ($(), s.value && (y = new MutationObserver($), y.observe(s.value, { childList: !0 }), s.value.addEventListener("touchstart", ae, { passive: !0 }), s.value.addEventListener("touchmove", Y, { passive: !0 }), s.value.addEventListener("touchend", ne)), u.value) {
+          const R = () => {
             d.value = u.value ? u.value.clientWidth : 0;
           };
-          S();
-          const be = window.ResizeObserver;
-          if (be && u.value) {
-            const ye = new be(() => S());
-            ye.observe(u.value), w.value = ye;
+          R();
+          const ye = window.ResizeObserver;
+          if (ye && u.value) {
+            const we = new ye(() => R());
+            we.observe(u.value), w.value = we;
           } else
-            window.addEventListener("resize", S), b.value = S;
+            window.addEventListener("resize", R), b.value = R;
           u.value && (u.value.addEventListener("pointerdown", kt), u.value.addEventListener("pointermove", Vt), u.value.addEventListener("pointerup", Ct), u.value.addEventListener("pointercancel", Lt));
         }
-        z(), k();
+        I(), k();
       });
-    }), Se(() => {
-      V(), y && s.value && y.disconnect(), s.value && (s.value.removeEventListener("touchstart", ae), s.value.removeEventListener("touchmove", q), s.value.removeEventListener("touchend", ne)), u.value && (w.value && w.value.disconnect && w.value.disconnect(), b.value && window.removeEventListener("resize", b.value), u.value.removeEventListener("pointerdown", kt), u.value.removeEventListener("pointermove", Vt), u.value.removeEventListener("pointerup", Ct), u.value.removeEventListener("pointercancel", Lt));
+    }), Re(() => {
+      V(), y && s.value && y.disconnect(), s.value && (s.value.removeEventListener("touchstart", ae), s.value.removeEventListener("touchmove", Y), s.value.removeEventListener("touchend", ne)), u.value && (w.value && w.value.disconnect && w.value.disconnect(), b.value && window.removeEventListener("resize", b.value), u.value.removeEventListener("pointerdown", kt), u.value.removeEventListener("pointermove", Vt), u.value.removeEventListener("pointerup", Ct), u.value.removeEventListener("pointercancel", Lt));
     }), X([c, () => p.value], () => {
-      z();
+      I();
     }), X([() => _.value, c], () => {
       k();
-    }), (S, be) => {
-      const ye = K("VjButton");
+    }), (R, ye) => {
+      const we = K("VjButton");
       return f(), g("div", {
         class: "carousel",
         role: "region",
         "aria-roledescription": "carousel",
-        "aria-label": R(r),
+        "aria-label": S(r),
         tabindex: "0",
         onKeydown: de,
         onMouseenter: ce,
@@ -203,30 +203,30 @@ const ge = /* @__PURE__ */ T({
             class: "carousel-track",
             ref_key: "track",
             ref: s,
-            style: Y(P.value)
+            style: G(P.value)
           }, [
-            M(S.$slots, "default", {}, void 0, !0)
+            M(R.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 512),
-        O(ye, {
+        O(we, {
           class: "carousel-btn prev",
-          icon: R(F).PREVIOUS,
+          icon: S(F).PREVIOUS,
           onClick: A,
           type: "button",
           "aria-label": "Previous slide"
         }, null, 8, ["icon"]),
-        O(ye, {
+        O(we, {
           class: "carousel-btn next",
-          icon: R(F).NEXT,
+          icon: S(F).NEXT,
           onClick: H,
           type: "button",
           "aria-label": "Next slide"
         }, null, 8, ["icon"]),
         p.value > 1 ? (f(), g("div", Un, [
-          (f(!0), g(Z, null, _e(p.value, (Te) => (f(), j(ye, {
+          (f(!0), g(Z, null, ge(p.value, (Te) => (f(), j(we, {
             key: Te - 1,
-            class: I(["indicator", { active: Te - 1 === c.value }]),
-            onClick: (Si) => U(Te - 1),
+            class: z(["indicator", { active: Te - 1 === c.value }]),
+            onClick: (Ai) => U(Te - 1),
             "aria-current": Te - 1 === c.value,
             "aria-label": `Go to slide ${Te}`,
             type: "button"
@@ -235,7 +235,7 @@ const ge = /* @__PURE__ */ T({
       ], 40, Hn);
     };
   }
-}), Oi = /* @__PURE__ */ D(Wn, [["__scopeId", "data-v-232abca2"]]), Nn = { class: "checkbox" }, Kn = ["checked", "disabled"], Xn = {
+}), Di = /* @__PURE__ */ B(Wn, [["__scopeId", "data-v-232abca2"]]), Nn = { class: "checkbox" }, Kn = ["checked", "disabled"], Xn = {
   key: 0,
   class: "checkbox-label"
 }, Gn = /* @__PURE__ */ T({
@@ -278,10 +278,10 @@ const ge = /* @__PURE__ */ T({
           })
         ])
       ], -1)),
-      e.label ? (f(), g("span", Xn, B(e.label), 1)) : L("", !0)
+      e.label ? (f(), g("span", Xn, D(e.label), 1)) : L("", !0)
     ]));
   }
-}), qn = /* @__PURE__ */ D(Gn, [["__scopeId", "data-v-d44b45ff"]]), Yn = { class: "radio" }, Jn = ["checked", "disabled"], Qn = {
+}), qn = /* @__PURE__ */ B(Gn, [["__scopeId", "data-v-d44b45ff"]]), Yn = { class: "radio" }, Jn = ["checked", "disabled"], Qn = {
   key: 0,
   class: "radio-label"
 }, Zn = /* @__PURE__ */ T({
@@ -313,10 +313,10 @@ const ge = /* @__PURE__ */ T({
           "aria-hidden": "true"
         })
       ], -1)),
-      e.label ? (f(), g("span", Qn, B(e.label), 1)) : L("", !0)
+      e.label ? (f(), g("span", Qn, D(e.label), 1)) : L("", !0)
     ]));
   }
-}), Di = /* @__PURE__ */ D(Zn, [["__scopeId", "data-v-f9e4bb65"]]), eo = { class: "chip__label" }, to = /* @__PURE__ */ T({
+}), Pi = /* @__PURE__ */ B(Zn, [["__scopeId", "data-v-f9e4bb65"]]), eo = { class: "chip__label" }, to = /* @__PURE__ */ T({
   __name: "chip",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -335,26 +335,26 @@ const ge = /* @__PURE__ */ T({
       l("dismiss", o.value);
     };
     return (c, s) => (f(), g("div", {
-      class: I(["chip", { "chip--dismissable": R(a) }]),
-      style: Y(i.value),
+      class: z(["chip", { "chip--dismissable": S(a) }]),
+      style: G(i.value),
       onClick: s[0] || (s[0] = (u) => c.$emit("click"))
     }, [
-      x("span", eo, B(e.label), 1),
-      R(a) ? (f(), g("button", {
+      x("span", eo, D(e.label), 1),
+      S(a) ? (f(), g("button", {
         key: 0,
         class: "chip__close",
         type: "button",
         onClick: N(r, ["stop"]),
         "aria-label": "Dismiss"
       }, [
-        O(ge, {
-          icon: R(F).CLOSE,
-          size: R(G).S
+        O(be, {
+          icon: S(F).CLOSE,
+          size: S(q).S
         }, null, 8, ["icon", "size"])
       ])) : L("", !0)
     ], 6));
   }
-}), Xt = /* @__PURE__ */ D(to, [["__scopeId", "data-v-c2014a3b"]]), no = { class: "chip-group" }, oo = {
+}), Xt = /* @__PURE__ */ B(to, [["__scopeId", "data-v-c2014a3b"]]), no = { class: "chip-group" }, oo = {
   key: 0,
   class: "chip-group__label"
 }, lo = { class: "chip-group__container" }, ao = ["onDragover", "onDrop"], io = ["onDragstart", "onDragover", "onDragenter", "onDrop"], so = ["onDragover", "onDrop"], ro = {
@@ -408,9 +408,9 @@ const ge = /* @__PURE__ */ T({
       o("update:items", w), o("dismiss", y, h);
     }
     return (h, y) => (f(), g("div", no, [
-      e.label ? (f(), g("label", oo, B(e.label), 1)) : L("", !0),
+      e.label ? (f(), g("label", oo, D(e.label), 1)) : L("", !0),
       x("div", lo, [
-        (f(!0), g(Z, null, _e(e.items, (w, b) => (f(), g(Z, {
+        (f(!0), g(Z, null, ge(e.items, (w, b) => (f(), g(Z, {
           key: i(w, b)
         }, [
           v(b, "before") ? (f(), g("div", {
@@ -420,7 +420,7 @@ const ge = /* @__PURE__ */ T({
             onDrop: ($) => m(b, $)
           }, null, 40, ao)) : L("", !0),
           x("div", {
-            class: I(["chip-group__item", { "chip-group__item--dragging": l.value === b }]),
+            class: z(["chip-group__item", { "chip-group__item--dragging": l.value === b }]),
             draggable: "true",
             onDragstart: ($) => c(b, $),
             onDragover: N(($) => s(b, $), ["prevent"]),
@@ -445,10 +445,10 @@ const ge = /* @__PURE__ */ T({
           }, null, 40, so)) : L("", !0)
         ], 64))), 128))
       ]),
-      e.hint ? (f(), g("div", ro, B(e.hint), 1)) : L("", !0)
+      e.hint ? (f(), g("div", ro, D(e.hint), 1)) : L("", !0)
     ]));
   }
-}), Gt = /* @__PURE__ */ D(co, [["__scopeId", "data-v-66199d19"]]), uo = { class: "dialog-content" }, fo = { key: 1 }, vo = { class: "dialog-footer" }, mo = /* @__PURE__ */ T({
+}), Gt = /* @__PURE__ */ B(co, [["__scopeId", "data-v-66199d19"]]), uo = { class: "dialog-content" }, fo = { key: 1 }, vo = { class: "dialog-footer" }, mo = /* @__PURE__ */ T({
   __name: "dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -481,9 +481,9 @@ const ge = /* @__PURE__ */ T({
     }, s = (u) => {
       u.key === "Escape" && t.closeOnEscape && l.value && a();
     };
-    return Be(() => {
+    return De(() => {
       document.addEventListener("keydown", s);
-    }), Se(() => {
+    }), Re(() => {
       document.removeEventListener("keydown", s);
     }), (u, d) => {
       const v = K("VjIcon"), m = K("VjButton"), p = K("VjCard");
@@ -509,15 +509,15 @@ const ge = /* @__PURE__ */ T({
                     }, rt({
                       headerActions: W(() => [
                         O(v, {
-                          icon: R(F).CLOSE,
-                          size: R(G).S,
+                          icon: S(F).CLOSE,
+                          size: S(q).S,
                           class: "dialog-close",
                           onClick: a
                         }, null, 8, ["icon", "size"])
                       ]),
                       default: W(() => [
                         x("div", uo, [
-                          e.component ? (f(), j(Wt(e.component), gn({ key: 0 }, e.componentProps, { onClose: a }), null, 16)) : e.message ? (f(), g("div", fo, B(e.message), 1)) : M(u.$slots, "default", { key: 2 }, void 0, !0)
+                          e.component ? (f(), j(Wt(e.component), gn({ key: 0 }, e.componentProps, { onClose: a }), null, 16)) : e.message ? (f(), g("div", fo, D(e.message), 1)) : M(u.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
@@ -555,7 +555,7 @@ const ge = /* @__PURE__ */ T({
       ]);
     };
   }
-}), dt = /* @__PURE__ */ D(mo, [["__scopeId", "data-v-6af510b3"]]), po = { class: "vj-chip-selector" }, ho = { class: "options-grid" }, go = ["onClick"], bo = {
+}), dt = /* @__PURE__ */ B(mo, [["__scopeId", "data-v-6af510b3"]]), po = { class: "vj-chip-selector" }, ho = { class: "options-grid" }, go = ["onClick"], bo = {
   key: 0,
   class: "no-options"
 }, yo = /* @__PURE__ */ T({
@@ -601,7 +601,7 @@ const ge = /* @__PURE__ */ T({
         type: "button",
         class: "add-button",
         onClick: u[1] || (u[1] = (d) => a.value = !0)
-      }, B(e.addButtonText), 1),
+      }, D(e.addButtonText), 1),
       O(dt, {
         modelValue: a.value,
         "onUpdate:modelValue": u[2] || (u[2] = (d) => a.value = d),
@@ -610,12 +610,12 @@ const ge = /* @__PURE__ */ T({
       }, {
         default: W(() => [
           x("div", ho, [
-            (f(!0), g(Z, null, _e(i.value, (d) => (f(), g("button", {
+            (f(!0), g(Z, null, ge(i.value, (d) => (f(), g("button", {
               key: d.value,
               type: "button",
               class: "option-btn",
               onClick: (v) => c(d.value)
-            }, "+ " + B(d.label), 9, go))), 128))
+            }, "+ " + D(d.label), 9, go))), 128))
           ]),
           i.value.length === 0 ? (f(), g("div", bo, "All options already selected")) : L("", !0)
         ]),
@@ -623,7 +623,7 @@ const ge = /* @__PURE__ */ T({
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), wo = /* @__PURE__ */ D(yo, [["__scopeId", "data-v-f2e1b880"]]), $e = Math.min, J = Math.max, We = Math.round, He = Math.floor, ie = (e) => ({
+}), wo = /* @__PURE__ */ B(yo, [["__scopeId", "data-v-f2e1b880"]]), $e = Math.min, J = Math.max, We = Math.round, He = Math.floor, ie = (e) => ({
   x: e,
   y: e
 }), _o = {
@@ -635,7 +635,7 @@ const ge = /* @__PURE__ */ T({
   start: "end",
   end: "start"
 };
-function Rt(e, n, t) {
+function St(e, n, t) {
   return J(e, $e(n, t));
 }
 function Me(e, n) {
@@ -673,12 +673,12 @@ function Eo(e) {
 function it(e) {
   return e.replace(/start|end/g, (n) => xo[n]);
 }
-const St = ["left", "right"], Tt = ["right", "left"], Co = ["top", "bottom"], Lo = ["bottom", "top"];
+const Rt = ["left", "right"], Tt = ["right", "left"], Co = ["top", "bottom"], Lo = ["bottom", "top"];
 function $o(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
-      return t ? n ? Tt : St : n ? St : Tt;
+      return t ? n ? Tt : Rt : n ? Rt : Tt;
     case "left":
     case "right":
       return n ? Co : Lo;
@@ -686,7 +686,7 @@ function $o(e, n, t) {
       return [];
   }
 }
-function Ro(e, n, t, o) {
+function So(e, n, t, o) {
   const l = je(e);
   let a = $o(pe(e), t === "start", o);
   return l && (a = a.map((i) => i + "-" + l), n && (a = a.concat(a.map(it)))), a;
@@ -694,7 +694,7 @@ function Ro(e, n, t, o) {
 function Ne(e) {
   return e.replace(/left|right|bottom|top/g, (n) => _o[n]);
 }
-function So(e) {
+function Ro(e) {
   return {
     top: 0,
     right: 0,
@@ -704,7 +704,7 @@ function So(e) {
   };
 }
 function To(e) {
-  return typeof e != "number" ? So(e) : {
+  return typeof e != "number" ? Ro(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -907,8 +907,8 @@ const Oo = function(e) {
       } = Me(e, n);
       if ((t = a.arrow) != null && t.alignmentOffset)
         return {};
-      const y = pe(l), w = fe(r), b = pe(r) === r, $ = await (c.isRTL == null ? void 0 : c.isRTL(s.floating)), P = v || (b || !_ ? [Ne(r)] : Eo(r)), z = p !== "none";
-      !v && z && P.push(...Ro(r, _, p, $));
+      const y = pe(l), w = fe(r), b = pe(r) === r, $ = await (c.isRTL == null ? void 0 : c.isRTL(s.floating)), P = v || (b || !_ ? [Ne(r)] : Eo(r)), I = p !== "none";
+      !v && I && P.push(...So(r, _, p, $));
       const k = [r, ...P], V = await ft(n, h), A = [];
       let H = ((o = a.flip) == null ? void 0 : o.overflows) || [];
       if (u && A.push(V[y]), d) {
@@ -923,7 +923,7 @@ const Oo = function(e) {
         const de = (((U = a.flip) == null ? void 0 : U.index) || 0) + 1, ke = k[de];
         if (ke && (!(d === "alignment" ? w !== fe(ke) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        H.every((q) => fe(q.placement) === w ? q.overflows[0] > 0 : !0)))
+        H.every((Y) => fe(Y.placement) === w ? Y.overflows[0] > 0 : !0)))
           return {
             data: {
               index: de,
@@ -933,20 +933,20 @@ const Oo = function(e) {
               placement: ke
             }
           };
-        let te = (ce = H.filter((ae) => ae.overflows[0] <= 0).sort((ae, q) => ae.overflows[1] - q.overflows[1])[0]) == null ? void 0 : ce.placement;
+        let te = (ce = H.filter((ae) => ae.overflows[0] <= 0).sort((ae, Y) => ae.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : ce.placement;
         if (!te)
           switch (m) {
             case "bestFit": {
               var ue;
-              const ae = (ue = H.filter((q) => {
-                if (z) {
-                  const ne = fe(q.placement);
+              const ae = (ue = H.filter((Y) => {
+                if (I) {
+                  const ne = fe(Y.placement);
                   return ne === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   ne === "y";
                 }
                 return !0;
-              }).map((q) => [q.placement, q.overflows.filter((ne) => ne > 0).reduce((ne, Ie) => ne + Ie, 0)]).sort((q, ne) => q[1] - ne[1])[0]) == null ? void 0 : ue[0];
+              }).map((Y) => [Y.placement, Y.overflows.filter((ne) => ne > 0).reduce((ne, Ie) => ne + Ie, 0)]).sort((Y, ne) => Y[1] - ne[1])[0]) == null ? void 0 : ue[0];
               ae && (te = ae);
               break;
             }
@@ -964,13 +964,13 @@ const Oo = function(e) {
       return {};
     }
   };
-}, Do = /* @__PURE__ */ new Set(["left", "top"]);
-async function Bo(e, n) {
+}, Bo = /* @__PURE__ */ new Set(["left", "top"]);
+async function Do(e, n) {
   const {
     placement: t,
     platform: o,
     elements: l
-  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), r = je(t), c = fe(t) === "y", s = Do.has(i) ? -1 : 1, u = a && c ? -1 : 1, d = Me(n, e);
+  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), r = je(t), c = fe(t) === "y", s = Bo.has(i) ? -1 : 1, u = a && c ? -1 : 1, d = Me(n, e);
   let {
     mainAxis: v,
     crossAxis: m,
@@ -1003,7 +1003,7 @@ const Po = function(e) {
         y: a,
         placement: i,
         middlewareData: r
-      } = n, c = await Bo(n, e);
+      } = n, c = await Do(n, e);
       return i === ((t = r.offset) == null ? void 0 : t.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
         x: l + c.x,
         y: a + c.y,
@@ -1046,11 +1046,11 @@ const Po = function(e) {
       let m = s[v], p = s[d];
       if (a) {
         const h = v === "y" ? "top" : "left", y = v === "y" ? "bottom" : "right", w = m + u[h], b = m - u[y];
-        m = Rt(w, m, b);
+        m = St(w, m, b);
       }
       if (i) {
         const h = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", w = p + u[h], b = p - u[y];
-        p = Rt(w, p, b);
+        p = St(w, p, b);
       }
       const _ = r.fn({
         ...n,
@@ -1091,9 +1091,9 @@ const Po = function(e) {
       } = a.floating;
       let h, y;
       d === "top" || d === "bottom" ? (h = d, y = v === (await (i.isRTL == null ? void 0 : i.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (y = d, h = v === "end" ? "top" : "bottom");
-      const w = _ - u.top - u.bottom, b = p - u.left - u.right, $ = $e(_ - u[h], w), P = $e(p - u[y], b), z = !n.middlewareData.shift;
+      const w = _ - u.top - u.bottom, b = p - u.left - u.right, $ = $e(_ - u[h], w), P = $e(p - u[y], b), I = !n.middlewareData.shift;
       let k = $, V = P;
-      if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = b), (o = n.middlewareData.shift) != null && o.enabled.y && (k = w), z && !v) {
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = b), (o = n.middlewareData.shift) != null && o.enabled.y && (k = w), I && !v) {
         const H = J(u.left, 0), U = J(u.right, 0), ce = J(u.top, 0), ue = J(u.bottom, 0);
         m ? V = p - 2 * (H !== 0 || U !== 0 ? H + U : J(u.left, u.right)) : k = _ - 2 * (ce !== 0 || ue !== 0 ? ce + ue : J(u.top, u.bottom));
       }
@@ -1168,7 +1168,7 @@ function mt(e) {
 }
 function Ko(e) {
   let n = he(e);
-  for (; se(n) && !Re(n); ) {
+  for (; se(n) && !Se(n); ) {
     if (mt(n))
       return n;
     if (qe(n))
@@ -1181,7 +1181,7 @@ function pt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const Xo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function Re(e) {
+function Se(e) {
   return Xo.has(xe(e));
 }
 function le(e) {
@@ -1210,17 +1210,17 @@ function he(e) {
 }
 function Qt(e) {
   const n = he(e);
-  return Re(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : se(n) && Fe(n) ? n : Qt(n);
+  return Se(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : se(n) && Fe(n) ? n : Qt(n);
 }
-function De(e, n, t) {
+function Be(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
   const l = Qt(e), a = l === ((o = e.ownerDocument) == null ? void 0 : o.body), i = Q(l);
   if (a) {
     const r = st(i);
-    return n.concat(i, i.visualViewport || [], Fe(l) ? l : [], r && t ? De(r) : []);
+    return n.concat(i, i.visualViewport || [], Fe(l) ? l : [], r && t ? Be(r) : []);
   }
-  return n.concat(l, De(l, [], t));
+  return n.concat(l, Be(l, [], t));
 }
 function st(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
@@ -1264,7 +1264,7 @@ function en(e) {
 function qo(e, n, t) {
   return n === void 0 && (n = !1), !t || n && t !== Q(e) ? !1 : n;
 }
-function we(e, n, t, o) {
+function _e(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
   const l = e.getBoundingClientRect(), a = ht(e);
   let i = ie(1);
@@ -1288,7 +1288,7 @@ function we(e, n, t, o) {
 }
 function Je(e, n) {
   const t = Ye(e).scrollLeft;
-  return n ? n.left + t : we(re(e)).left + t;
+  return n ? n.left + t : _e(re(e)).left + t;
 }
 function tn(e, n) {
   const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Je(e, t), l = t.top + n.scrollTop;
@@ -1313,7 +1313,7 @@ function Yo(e) {
   }, s = ie(1);
   const u = ie(0), d = se(o);
   if ((d || !d && !a) && ((xe(o) !== "body" || Fe(i)) && (c = Ye(o)), se(o))) {
-    const m = we(o);
+    const m = _e(o);
     s = Ce(o), u.x = m.x + o.clientLeft, u.y = m.y + o.clientTop;
   }
   const v = i && !d && !a ? tn(i, c) : ie(0);
@@ -1338,7 +1338,7 @@ function Qo(e) {
     y: r
   };
 }
-const Dt = 25;
+const Bt = 25;
 function Zo(e, n) {
   const t = Q(e), o = re(e), l = t.visualViewport;
   let a = o.clientWidth, i = o.clientHeight, r = 0, c = 0;
@@ -1350,8 +1350,8 @@ function Zo(e, n) {
   const s = Je(o);
   if (s <= 0) {
     const u = o.ownerDocument, d = u.body, v = getComputedStyle(d), m = u.compatMode === "CSS1Compat" && parseFloat(v.marginLeft) + parseFloat(v.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - m);
-    p <= Dt && (a -= p);
-  } else s <= Dt && (a += s);
+    p <= Bt && (a -= p);
+  } else s <= Bt && (a += s);
   return {
     width: a,
     height: i,
@@ -1361,7 +1361,7 @@ function Zo(e, n) {
 }
 const el = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function tl(e, n) {
-  const t = we(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, a = se(e) ? Ce(e) : ie(1), i = e.clientWidth * a.x, r = e.clientHeight * a.y, c = l * a.x, s = o * a.y;
+  const t = _e(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, a = se(e) ? Ce(e) : ie(1), i = e.clientWidth * a.x, r = e.clientHeight * a.y, c = l * a.x, s = o * a.y;
   return {
     width: i,
     height: r,
@@ -1369,7 +1369,7 @@ function tl(e, n) {
     y: s
   };
 }
-function Bt(e, n, t) {
+function Dt(e, n, t) {
   let o;
   if (n === "viewport")
     o = Zo(e, t);
@@ -1390,16 +1390,16 @@ function Bt(e, n, t) {
 }
 function nn(e, n) {
   const t = he(e);
-  return t === n || !oe(t) || Re(t) ? !1 : le(t).position === "fixed" || nn(t, n);
+  return t === n || !oe(t) || Se(t) ? !1 : le(t).position === "fixed" || nn(t, n);
 }
 function nl(e, n) {
   const t = n.get(e);
   if (t)
     return t;
-  let o = De(e, [], !1).filter((r) => oe(r) && xe(r) !== "body"), l = null;
+  let o = Be(e, [], !1).filter((r) => oe(r) && xe(r) !== "body"), l = null;
   const a = le(e).position === "fixed";
   let i = a ? he(e) : e;
-  for (; oe(i) && !Re(i); ) {
+  for (; oe(i) && !Se(i); ) {
     const r = le(i), c = mt(i);
     !c && r.position === "fixed" && (l = null), (a ? !c && !l : !c && r.position === "static" && !!l && el.has(l.position) || Fe(i) && !c && nn(e, i)) ? o = o.filter((u) => u !== i) : l = r, i = he(i);
   }
@@ -1413,9 +1413,9 @@ function ol(e) {
     strategy: l
   } = e;
   const i = [...t === "clippingAncestors" ? qe(n) ? [] : nl(n, this._c) : [].concat(t), o], r = i[0], c = i.reduce((s, u) => {
-    const d = Bt(n, u, l);
+    const d = Dt(n, u, l);
     return s.top = J(d.top, s.top), s.right = $e(d.right, s.right), s.bottom = $e(d.bottom, s.bottom), s.left = J(d.left, s.left), s;
-  }, Bt(n, r, l));
+  }, Dt(n, r, l));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -1434,7 +1434,7 @@ function ll(e) {
   };
 }
 function al(e, n, t) {
-  const o = se(n), l = re(n), a = t === "fixed", i = we(e, !0, a, n);
+  const o = se(n), l = re(n), a = t === "fixed", i = _e(e, !0, a, n);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
@@ -1445,7 +1445,7 @@ function al(e, n, t) {
   }
   if (o || !o && !a)
     if ((xe(n) !== "body" || Fe(l)) && (r = Ye(n)), o) {
-      const m = we(n, !0, a, n);
+      const m = _e(n, !0, a, n);
       c.x = m.x + n.clientLeft, c.y = m.y + n.clientTop;
     } else l && s();
   a && !o && l && s();
@@ -1474,7 +1474,7 @@ function on(e, n) {
     return t;
   if (!se(e)) {
     let l = he(e);
-    for (; l && !Re(l); ) {
+    for (; l && !Se(l); ) {
       if (oe(l) && !ot(l))
         return l;
       l = he(l);
@@ -1484,7 +1484,7 @@ function on(e, n) {
   let o = Pt(e, n);
   for (; o && Io(o) && ot(o); )
     o = Pt(o, n);
-  return o && Re(o) && ot(o) && !mt(o) ? t : o || Ko(e) || t;
+  return o && Se(o) && ot(o) && !mt(o) ? t : o || Ko(e) || t;
 }
 const il = async function(e) {
   const n = this.getOffsetParent || on, t = this.getDimensions, o = await t(e.floating);
@@ -1538,8 +1538,8 @@ function cl(e, n) {
       threshold: J(0, $e(1, c)) || 1
     };
     let $ = !0;
-    function P(z) {
-      const k = z[0].intersectionRatio;
+    function P(I) {
+      const k = I[0].intersectionRatio;
       if (k !== c) {
         if (!$)
           return i();
@@ -1570,7 +1570,7 @@ function Qe(e, n, t, o) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: c = !1
-  } = o, s = ht(e), u = l || a ? [...s ? De(s) : [], ...De(n)] : [];
+  } = o, s = ht(e), u = l || a ? [...s ? Be(s) : [], ...Be(n)] : [];
   u.forEach((y) => {
     l && y.addEventListener("scroll", t, {
       passive: !0
@@ -1585,10 +1585,10 @@ function Qe(e, n, t, o) {
       (b = m) == null || b.observe(n);
     })), t();
   }), s && !c && m.observe(s), m.observe(n));
-  let p, _ = c ? we(e) : null;
+  let p, _ = c ? _e(e) : null;
   c && h();
   function h() {
-    const y = we(e);
+    const y = _e(e);
     _ && !ln(_, y) && t(), _ = y, p = requestAnimationFrame(h);
   }
   return t(), () => {
@@ -1622,7 +1622,7 @@ function Mt(e) {
   return e;
 }
 function Ae(e) {
-  return typeof e == "function" ? e() : R(e);
+  return typeof e == "function" ? e() : S(e);
 }
 function sn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
@@ -1692,14 +1692,14 @@ function gt(e, n, t) {
       return;
     }
   }
-  function z() {
+  function I() {
     l.value || (h.value = !1);
   }
   return X([a, i, r, l], b, {
     flush: "sync"
   }), X([s, u], P, {
     flush: "sync"
-  }), X(l, z, {
+  }), X(l, I, {
     flush: "sync"
   }), yn() && wn($), {
     x: Ve(d),
@@ -1735,7 +1735,7 @@ const fl = /* @__PURE__ */ T({
       const v = K("VjButton"), m = K("VjMenu");
       return f(), g(Z, null, [
         x("div", {
-          class: I(["dot-menu-container", u.$attrs.class])
+          class: z(["dot-menu-container", u.$attrs.class])
         }, [
           O(v, {
             ref_key: "buttonRef",
@@ -1751,10 +1751,10 @@ const fl = /* @__PURE__ */ T({
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
-                style: Y(R(i)),
+                style: G(S(i)),
                 class: "menu-dropdown",
                 onClose: c,
-                onClick: s
+                onClickCapture: s
               }, {
                 default: W(() => [
                   M(u.$slots, "default", {}, void 0, !0)
@@ -1775,7 +1775,7 @@ const fl = /* @__PURE__ */ T({
       ], 64);
     };
   }
-}), vl = /* @__PURE__ */ D(fl, [["__scopeId", "data-v-67bd71e4"]]), ml = /* @__PURE__ */ T({
+}), vl = /* @__PURE__ */ B(fl, [["__scopeId", "data-v-3c400bfd"]]), ml = /* @__PURE__ */ T({
   __name: "link-button",
   props: {
     label: {},
@@ -1787,27 +1787,27 @@ const fl = /* @__PURE__ */ T({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = G.S, o = E(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
+    const n = e, t = q.S, o = E(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
     return (l, a) => {
       const i = K("router-link");
       return f(), j(i, {
         to: e.to,
-        class: I(["button", o.value]),
+        class: z(["button", o.value]),
         disabled: e.disabled
       }, {
         default: W(() => [
-          e.icon ? (f(), j(ge, {
+          e.icon ? (f(), j(be, {
             key: 0,
             icon: e.icon,
-            size: R(t)
+            size: S(t)
           }, null, 8, ["icon", "size"])) : L("", !0),
-          Ue(" " + B(e.label), 1)
+          Ue(" " + D(e.label), 1)
         ]),
         _: 1
       }, 8, ["to", "class", "disabled"]);
     };
   }
-}), pl = /* @__PURE__ */ D(ml, [["__scopeId", "data-v-bd3cf2f5"]]), hl = ["disabled"], gl = { class: "menu-action--icon" }, bl = /* @__PURE__ */ T({
+}), pl = /* @__PURE__ */ B(ml, [["__scopeId", "data-v-bd3cf2f5"]]), hl = ["disabled"], gl = { class: "menu-action--icon" }, bl = /* @__PURE__ */ T({
   __name: "menu-action",
   props: {
     label: {},
@@ -1815,28 +1815,28 @@ const fl = /* @__PURE__ */ T({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = G.S;
+    const n = q.S;
     return (t, o) => (f(), g("button", {
       class: "menu-action button tertiary",
       disabled: e.disabled
     }, [
       x("span", gl, [
-        e.icon ? (f(), j(ge, {
+        e.icon ? (f(), j(be, {
           key: 0,
           icon: e.icon,
-          size: R(n)
+          size: S(n)
         }, null, 8, ["icon", "size"])) : L("", !0)
       ]),
-      x("span", null, B(e.label), 1)
+      x("span", null, D(e.label), 1)
     ], 8, hl));
   }
-}), yl = /* @__PURE__ */ D(bl, [["__scopeId", "data-v-07850995"]]), wl = {}, _l = { class: "menu" };
+}), yl = /* @__PURE__ */ B(bl, [["__scopeId", "data-v-07850995"]]), wl = {}, _l = { class: "menu" };
 function xl(e, n) {
   return f(), g("div", _l, [
     M(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const kl = /* @__PURE__ */ D(wl, [["render", xl], ["__scopeId", "data-v-259fec08"]]), Vl = {
+const kl = /* @__PURE__ */ B(wl, [["render", xl], ["__scopeId", "data-v-259fec08"]]), Vl = {
   mounted(e) {
     e.classList.add("compact");
   },
@@ -1952,11 +1952,11 @@ const Ee = bt.instance, Ll = {
     const n = e, t = n.__resize_cb;
     t && Ee.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
   }
-}, $l = {}, Rl = { class: "spinner" };
-function Sl(e, n) {
-  return f(), g("div", Rl);
+}, $l = {}, Sl = { class: "spinner" };
+function Rl(e, n) {
+  return f(), g("div", Sl);
 }
-const cn = /* @__PURE__ */ D($l, [["render", Sl], ["__scopeId", "data-v-b957fb82"]]), Tl = 200, Al = 120;
+const cn = /* @__PURE__ */ B($l, [["render", Rl], ["__scopeId", "data-v-b957fb82"]]), Tl = 200, Al = 120;
 function Ft(e, n) {
   const t = n.querySelector(".vj-loading-inner");
   if (!t) return;
@@ -2019,7 +2019,7 @@ const Ol = {
     }
     o && o.parentElement === e && e.removeChild(o), l !== void 0 && (e.style.position = l), n.__vjLoading = void 0;
   }
-}, Dl = (e) => {
+}, Bl = (e) => {
   const n = document.createElement("div");
   return n.className = "vj-tooltip", n.setAttribute("role", "tooltip"), n.style.position = "absolute", n.style.top = "0", n.style.left = "0", n.style.pointerEvents = "none", n.style.zIndex = "10000", n.textContent = e, n;
 };
@@ -2031,7 +2031,7 @@ function zt(e) {
 }
 const un = {
   mounted(e, n) {
-    const t = zt(n), o = Dl(t.content);
+    const t = zt(n), o = Bl(t.content);
     document.body.appendChild(o);
     const l = { tooltip: o, cleanup: void 0, showTimer: null, hideTimer: null }, a = async () => {
       const m = await an(e, o, {
@@ -2083,7 +2083,7 @@ const un = {
       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;
     }
   }
-}, Bl = { class: "notification__icon" }, Pl = { class: "notification__message" }, Ml = { class: "notification__title" }, jl = { class: "notification__text" }, Fl = /* @__PURE__ */ T({
+}, Dl = { class: "notification__icon" }, Pl = { class: "notification__message" }, Ml = { class: "notification__title" }, jl = { class: "notification__text" }, Fl = /* @__PURE__ */ T({
   __name: "notification",
   props: {
     type: {},
@@ -2107,25 +2107,25 @@ const un = {
       o("close");
     };
     return (i, r) => (f(), g("div", {
-      class: I(["notification", `notification--${e.type}`]),
+      class: z(["notification", `notification--${e.type}`]),
       onClick: a
     }, [
-      x("div", Bl, [
-        O(ge, { icon: l.value }, null, 8, ["icon"])
+      x("div", Dl, [
+        O(be, { icon: l.value }, null, 8, ["icon"])
       ]),
       x("div", Pl, [
-        x("div", Ml, B(e.title), 1),
-        x("div", jl, B(e.message), 1)
+        x("div", Ml, D(e.title), 1),
+        x("div", jl, D(e.message), 1)
       ]),
       O(ut, {
         class: "notification__close compact",
-        icon: R(F).CLOSE,
+        icon: S(F).CLOSE,
         onClick: N(a, ["stop"]),
         tertiary: ""
       }, null, 8, ["icon"])
     ], 2));
   }
-}), yt = /* @__PURE__ */ D(Fl, [["__scopeId", "data-v-ca4451c0"]]), zl = { class: "page" }, Il = { class: "header-left" }, Hl = { class: "header-titles" }, Ul = { key: 0 }, Wl = { class: "header-actions" }, Nl = {
+}), yt = /* @__PURE__ */ B(Fl, [["__scopeId", "data-v-ca4451c0"]]), zl = { class: "page" }, Il = { class: "header-left" }, Hl = { class: "header-titles" }, Ul = { key: 0 }, Wl = { class: "header-actions" }, Nl = {
   key: 0,
   class: "page-error"
 }, Kl = {
@@ -2157,13 +2157,13 @@ const un = {
             e.backLabel ? (f(), j(c, {
               key: 0,
               tertiary: "",
-              icon: R(F).BACK,
+              icon: S(F).BACK,
               onClick: r[0] || (r[0] = (u) => i.$emit("back")),
               size: "small"
             }, null, 8, ["icon"])) : L("", !0),
             x("div", Hl, [
-              x("h1", null, B(e.title), 1),
-              e.subTitle ? (f(), g("h2", Ul, B(e.subTitle), 1)) : L("", !0)
+              x("h1", null, D(e.title), 1),
+              e.subTitle ? (f(), g("h2", Ul, D(e.subTitle), 1)) : L("", !0)
             ])
           ]),
           x("div", Wl, [
@@ -2171,7 +2171,7 @@ const un = {
           ])
         ]),
         x("main", {
-          class: I({ scrollable: e.scrollable })
+          class: z({ scrollable: e.scrollable })
         }, [
           a.value ? (f(), g("div", Nl, [
             M(i.$slots, "error", {}, () => [
@@ -2200,7 +2200,7 @@ const un = {
       ]);
     };
   }
-}), Jl = /* @__PURE__ */ D(Yl, [["__scopeId", "data-v-3e724555"]]), Ql = {
+}), Jl = /* @__PURE__ */ B(Yl, [["__scopeId", "data-v-3e724555"]]), Ql = {
   class: "paginator-info",
   "aria-live": "polite"
 }, Zl = /* @__PURE__ */ T({
@@ -2232,7 +2232,7 @@ const un = {
         O(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(F).FIRST,
+          icon: S(F).FIRST,
           disabled: c.value,
           onClick: m,
           "aria-label": "First page"
@@ -2240,7 +2240,7 @@ const un = {
         O(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(F).PREVIOUS,
+          icon: S(F).PREVIOUS,
           disabled: c.value,
           onClick: p,
           "aria-label": "Previous page"
@@ -2250,12 +2250,12 @@ const un = {
           totalPages: a.value,
           goTo: v
         }, () => [
-          x("div", Ql, B(u.value) + " " + B(r.value) + " " + B(d.value) + " " + B(a.value), 1)
+          x("div", Ql, D(u.value) + " " + D(r.value) + " " + D(d.value) + " " + D(a.value), 1)
         ], !0),
         O(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(F).NEXT,
+          icon: S(F).NEXT,
           disabled: s.value,
           onClick: _,
           "aria-label": "Next page"
@@ -2263,7 +2263,7 @@ const un = {
         O(b, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(F).LAST,
+          icon: S(F).LAST,
           disabled: s.value,
           onClick: h,
           "aria-label": "Last page"
@@ -2271,7 +2271,7 @@ const un = {
       ], 32);
     };
   }
-}), ea = /* @__PURE__ */ D(Zl, [["__scopeId", "data-v-b6fa8efe"]]), ta = { class: "search-field" }, na = ["value", "placeholder"], oa = /* @__PURE__ */ T({
+}), ea = /* @__PURE__ */ B(Zl, [["__scopeId", "data-v-b6fa8efe"]]), ta = { class: "search-field" }, na = ["value", "placeholder"], oa = /* @__PURE__ */ T({
   __name: "search-field",
   props: /* @__PURE__ */ ee({
     placeholder: { default: "Search..." }
@@ -2290,8 +2290,8 @@ const un = {
       const r = K("VjIcon");
       return f(), g("div", ta, [
         O(r, {
-          icon: R(F).SEARCH,
-          size: R(G).S
+          icon: S(F).SEARCH,
+          size: S(q).S
         }, null, 8, ["icon", "size"]),
         x("input", {
           value: n.value,
@@ -2300,25 +2300,25 @@ const un = {
           placeholder: e.placeholder
         }, null, 40, na),
         O(r, {
-          class: I(["reset", { invisible: l.value }]),
-          icon: R(F).CLOSE,
-          size: R(G).S,
+          class: z(["reset", { invisible: l.value }]),
+          icon: S(F).CLOSE,
+          size: S(q).S,
           onClick: o
         }, null, 8, ["class", "icon", "size"])
       ]);
     };
   }
-}), la = /* @__PURE__ */ D(oa, [["__scopeId", "data-v-2771c8ed"]]), aa = /* @__PURE__ */ T({
+}), la = /* @__PURE__ */ B(oa, [["__scopeId", "data-v-2771c8ed"]]), aa = /* @__PURE__ */ T({
   __name: "separator",
   props: {
     vertical: { type: Boolean }
   },
   setup(e) {
     return (n, t) => (f(), g("div", {
-      class: I(["separator", { vertical: e.vertical }])
+      class: z(["separator", { vertical: e.vertical }])
     }, null, 2));
   }
-}), ia = /* @__PURE__ */ D(aa, [["__scopeId", "data-v-e354bb4e"]]), sa = { class: "tab-view" }, ra = {
+}), ia = /* @__PURE__ */ B(aa, [["__scopeId", "data-v-e354bb4e"]]), sa = { class: "tab-view" }, ra = {
   ref: "headerRef",
   class: "tab-view-header"
 }, ca = ["onClick"], ua = { class: "tab-view-content" }, da = /* @__PURE__ */ T({
@@ -2359,17 +2359,17 @@ const un = {
       registerTab: r
     }), (s, u) => (f(), g("div", sa, [
       x("div", ra, [
-        (f(!0), g(Z, null, _e(t.value, (d, v) => (f(), g("div", {
+        (f(!0), g(Z, null, ge(t.value, (d, v) => (f(), g("div", {
           key: d.name,
           ref_for: !0,
           ref: (m) => a(m, v),
-          class: I(["tab-button", { active: n.value === d.name }]),
+          class: z(["tab-button", { active: n.value === d.name }]),
           onClick: (m) => c(d.name)
-        }, B(d.label), 11, ca))), 128)),
+        }, D(d.label), 11, ca))), 128)),
         u[0] || (u[0] = x("div", { class: "tab-line" }, null, -1)),
         x("div", {
           class: "tab-indicator",
-          style: Y(l.value)
+          style: G(l.value)
         }, null, 4)
       ], 512),
       x("div", ua, [
@@ -2377,7 +2377,7 @@ const un = {
       ])
     ]));
   }
-}), fa = /* @__PURE__ */ D(da, [["__scopeId", "data-v-3d4ee454"]]), va = {
+}), fa = /* @__PURE__ */ B(da, [["__scopeId", "data-v-3d4ee454"]]), va = {
   key: 0,
   class: "tab"
 }, ma = /* @__PURE__ */ T({
@@ -2388,7 +2388,7 @@ const un = {
   },
   setup(e) {
     const n = e, t = Kt("tabView"), o = E(() => t?.activeTab() === n.name);
-    return Be(() => {
+    return De(() => {
       t?.registerTab(n.name, n.label);
     }), (l, a) => o.value ? (f(), g("div", va, [
       M(l.$slots, "default")
@@ -2416,7 +2416,7 @@ const un = {
       a.value = l.value, i.value = !1;
     }
     return (m, p) => (f(), g("span", {
-      class: I(["vj-editable-label", { editing: i.value }]),
+      class: z(["vj-editable-label", { editing: i.value }]),
       onMouseenter: p[1] || (p[1] = (_) => r.value = !0),
       onMouseleave: p[2] || (p[2] = (_) => r.value = !1)
     }, [
@@ -2438,20 +2438,20 @@ const un = {
           class: "label-text",
           onClick: u,
           title: "Click to edit"
-        }, B(l.value), 1),
+        }, D(l.value), 1),
         r.value || s.value ? (f(), g("span", {
           key: 0,
           class: "edit-icon",
           onClick: N(u, ["stop"])
         }, [
-          O(ge, {
-            icon: R(F).EDIT
+          O(be, {
+            icon: S(F).EDIT
           }, null, 8, ["icon"])
         ])) : L("", !0)
       ], 64))
     ], 34));
   }
-}), Bi = /* @__PURE__ */ D(ha, [["__scopeId", "data-v-cdc52c5b"]]), ga = "200% 200%", ba = /* @__PURE__ */ T({
+}), Mi = /* @__PURE__ */ B(ha, [["__scopeId", "data-v-cdc52c5b"]]), ga = "200% 200%", ba = /* @__PURE__ */ T({
   __name: "skeleton",
   props: {
     width: {},
@@ -2462,7 +2462,7 @@ const un = {
     const n = e, t = E(() => n.width ?? "100%"), o = E(() => n.height ?? "16px"), l = E(() => n.borderRadius ?? "4px");
     return (a, i) => (f(), g("div", {
       class: "vj-skeleton",
-      style: Y({
+      style: G({
         width: t.value,
         height: o.value,
         borderRadius: l.value,
@@ -2471,14 +2471,41 @@ const un = {
       "aria-hidden": "true"
     }, null, 4));
   }
-}), ya = /* @__PURE__ */ D(ba, [["__scopeId", "data-v-ac05e016"]]), dn = {
+}), ya = /* @__PURE__ */ B(ba, [["__scopeId", "data-v-ac05e016"]]), wa = /* @__PURE__ */ T({
+  __name: "amount-bar",
+  props: {
+    amount: {},
+    maxAmount: {},
+    segments: {}
+  },
+  setup(e) {
+    const n = e, t = E(() => n.amount / n.maxAmount * 100), o = (a) => {
+      if (!n.segments) return !1;
+      const i = 100 / n.segments, r = a * i;
+      return t.value > r;
+    }, l = (a) => (160 - a / (n.segments - 1 || 1) * 160).toString();
+    return (a, i) => (f(), g("div", {
+      class: z(["amount-bar", { "amount-bar--segmented": e.segments }])
+    }, [
+      e.segments ? (f(!0), g(Z, { key: 0 }, ge(Array.from({ length: e.segments }), (r, c) => (f(), g("div", {
+        key: c,
+        class: z(["amount-bar__segment", { "amount-bar__segment--filled": o(c) }]),
+        style: G({ "--segment-hue": l(c) })
+      }, null, 6))), 128)) : (f(), g("div", {
+        key: 1,
+        class: "amount-bar__fill",
+        style: G({ width: `${e.amount / e.maxAmount * 100}%` })
+      }, null, 4))
+    ], 2));
+  }
+}), _a = /* @__PURE__ */ B(wa, [["__scopeId", "data-v-f85c6d8c"]]), dn = {
   form: {
     labelPosition: "inline",
     appearance: "bordered"
   }
 };
 let Xe = {};
-function Pi(e) {
+function ji(e) {
   Xe = {
     ...Xe,
     ...e,
@@ -2496,18 +2523,18 @@ function It() {
     }
   };
 }
-function Mi() {
+function Fi() {
   Xe = {};
 }
-const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-field__wrapper" }, ka = ["for"], Va = {
+const xa = ["data-colspan", "data-newline"], ka = ["for"], Va = { class: "form-field__wrapper" }, Ea = ["for"], Ca = {
   key: 1,
   class: "form-field__error"
-}, Ea = {
+}, La = {
   key: 2,
   class: "form-field__help",
   type: "button",
   "aria-label": "Hilfe"
-}, Ca = /* @__PURE__ */ T({
+}, $a = /* @__PURE__ */ T({
   directives: { tooltip: un },
   __name: "form-field",
   props: {
@@ -2550,7 +2577,7 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
     return (p, _) => {
       const h = K("VjIcon"), y = Nt("tooltip");
       return f(), g("div", {
-        class: I([
+        class: z([
           "form-field",
           `form-field--${r.value}`,
           `form-field--${c.value}`,
@@ -2560,14 +2587,14 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
         ]),
         "data-colspan": t.spanRow ? void 0 : t.colspan,
         "data-newline": t.spanRow || t.newLine ? "true" : void 0,
-        style: Y(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
+        style: G(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
       }, [
         e.label && r.value === "outline" ? (f(), g("label", {
           key: 0,
           for: i.value,
           class: "form-field__label-outline"
-        }, B(e.label), 9, _a)) : L("", !0),
-        x("div", xa, [
+        }, D(e.label), 9, ka)) : L("", !0),
+        x("div", Va, [
           M(p.$slots, "control", {
             id: i.value,
             value: l.value,
@@ -2580,21 +2607,21 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
           e.label && r.value === "inline" ? (f(), g("label", {
             key: 0,
             for: i.value,
-            class: I(["form-field__label", { "form-field__label--float": s.value }])
-          }, B(e.label), 11, ka)) : L("", !0)
+            class: z(["form-field__label", { "form-field__label--float": s.value }])
+          }, D(e.label), 11, Ea)) : L("", !0)
         ]),
-        e.error ? (f(), g("div", Va, B(e.error), 1)) : L("", !0),
-        t.helpText ? ct((f(), g("button", Ea, [
+        e.error ? (f(), g("div", Ca, D(e.error), 1)) : L("", !0),
+        t.helpText ? ct((f(), g("button", La, [
           O(h, {
-            icon: R(F).HELP
+            icon: S(F).HELP
           }, null, 8, ["icon"])
         ])), [
           [y, t.helpText]
         ]) : L("", !0)
-      ], 14, wa);
+      ], 14, xa);
     };
   }
-}), ze = /* @__PURE__ */ D(Ca, [["__scopeId", "data-v-19959d5e"]]), La = /* @__PURE__ */ T({
+}), ze = /* @__PURE__ */ B($a, [["__scopeId", "data-v-19959d5e"]]), Sa = /* @__PURE__ */ T({
   __name: "form-layout",
   props: {
     columns: { type: Number, default: 4 },
@@ -2610,11 +2637,11 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
         s !== null && s !== "false" ? i.style.gridColumn = "1 / -1" : i.style.gridColumn = `span ${c}`;
       });
     }
-    return Be(() => {
+    return De(() => {
       me(() => {
         l(), t.value && (o = new MutationObserver(() => l()), o.observe(t.value, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["data-colspan", "data-newline"] }));
       });
-    }), Se(() => {
+    }), Re(() => {
       o?.disconnect();
     }), X(
       () => n.columns,
@@ -2626,30 +2653,30 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
       ref_key: "container",
       ref: t,
       class: "form-layout",
-      style: Y({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
+      style: G({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
     }, [
       M(a.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), $a = /* @__PURE__ */ D(La, [["__scopeId", "data-v-96f62ab7"]]), Ra = {
+}), Ra = /* @__PURE__ */ B(Sa, [["__scopeId", "data-v-96f62ab7"]]), Ta = {
   key: 0,
   class: "form-section__title",
   "data-newline": ""
-}, Sa = /* @__PURE__ */ T({
+}, Aa = /* @__PURE__ */ T({
   __name: "form-section",
   props: {
     title: {}
   },
   setup(e) {
     return (n, t) => (f(), g(Z, null, [
-      e.title ? (f(), g("h3", Ra, B(e.title), 1)) : L("", !0),
+      e.title ? (f(), g("h3", Ta, D(e.title), 1)) : L("", !0),
       M(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), Ta = /* @__PURE__ */ D(Sa, [["__scopeId", "data-v-69cff1d0"]]), Aa = ["id", "disabled"], Oa = { class: "select-value" }, Da = {
+}), Oa = /* @__PURE__ */ B(Aa, [["__scopeId", "data-v-69cff1d0"]]), Ba = ["id", "disabled"], Da = { class: "select-value" }, Pa = {
   key: 1,
   class: "select-placeholder"
-}, Ba = { class: "select-options" }, Pa = ["onClick", "onMouseenter"], Ma = /* @__PURE__ */ T({
+}, Ma = { class: "select-options" }, ja = ["onClick", "onMouseenter"], Fa = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "select",
   props: /* @__PURE__ */ ee({
@@ -2693,9 +2720,9 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
     }, w = (b) => {
       l.value && i.value && !i.value.contains(b.target) && _();
     };
-    return Be(() => {
+    return De(() => {
       document.addEventListener("click", w);
-    }), Se(() => {
+    }), Re(() => {
       document.removeEventListener("click", w);
     }), X(l, (b) => {
       b && v.value && (a.value = t.options.findIndex(($) => m($)));
@@ -2708,7 +2735,7 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
         x("div", {
           ref_key: "selectRef",
           ref: i,
-          class: I(["select", b.$attrs.class])
+          class: z(["select", b.$attrs.class])
         }, [
           x("button", {
             ref_key: "buttonRef",
@@ -2722,53 +2749,53 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
             t.icon ? (f(), j(P, {
               key: 0,
               icon: t.icon,
-              size: R(G).S,
+              size: S(q).S,
               class: "select-icon-left"
             }, null, 8, ["icon", "size"])) : L("", !0),
-            x("span", Oa, [
+            x("span", Da, [
               v.value ? M(b.$slots, "selected", {
                 key: 0,
                 option: v.value
               }, () => [
-                Ue(B(u(v.value)), 1)
-              ], !0) : (f(), g("span", Da, B(e.placeholder), 1))
+                Ue(D(u(v.value)), 1)
+              ], !0) : (f(), g("span", Pa, D(e.placeholder), 1))
             ]),
             t.clearable && v.value && !e.disabled ? (f(), j(P, {
               key: 1,
-              icon: R(F).CLOSE,
-              size: R(G).S,
+              icon: S(F).CLOSE,
+              size: S(q).S,
               class: "select-clear-icon",
               onClick: N(y, ["stop"])
             }, null, 8, ["icon", "size"])) : L("", !0),
             O(P, {
-              icon: R(F).CHEVRON_DOWN,
-              size: R(G).S,
-              class: I(["select-icon-right", { open: l.value }])
+              icon: S(F).CHEVRON_DOWN,
+              size: S(q).S,
+              class: z(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
-          ], 8, Aa),
+          ], 8, Ba),
           O(Oe, { name: "dropdown" }, {
             default: W(() => [
               l.value ? (f(), g("div", {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: c,
-                style: Y(R(s)),
+                style: G(S(s)),
                 class: "select-dropdown"
               }, [
-                x("div", Ba, [
-                  (f(!0), g(Z, null, _e(e.options, (z, k) => (f(), g("div", {
-                    key: String(d(z)),
-                    class: I(["select-option", { selected: m(z), highlighted: a.value === k }]),
-                    onClick: (V) => h(z),
+                x("div", Ma, [
+                  (f(!0), g(Z, null, ge(e.options, (I, k) => (f(), g("div", {
+                    key: String(d(I)),
+                    class: z(["select-option", { selected: m(I), highlighted: a.value === k }]),
+                    onClick: (V) => h(I),
                     onMouseenter: (V) => a.value = k
                   }, [
                     M(b.$slots, "option", {
-                      option: z,
-                      selected: m(z)
+                      option: I,
+                      selected: m(I)
                     }, () => [
-                      Ue(B(u(z)), 1)
+                      Ue(D(u(I)), 1)
                     ], !0)
-                  ], 42, Pa))), 128))
+                  ], 42, ja))), 128))
                 ])
               ], 4)) : L("", !0)
             ]),
@@ -2785,7 +2812,7 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
       ], 64);
     };
   }
-}), fn = /* @__PURE__ */ D(Ma, [["__scopeId", "data-v-fc22f0e9"]]), ja = /* @__PURE__ */ T({
+}), fn = /* @__PURE__ */ B(Fa, [["__scopeId", "data-v-fc22f0e9"]]), za = /* @__PURE__ */ T({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -2863,7 +2890,7 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
       _: 3
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), Fa = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], za = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Ia = /* @__PURE__ */ T({
+}), Ia = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], Ha = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Ua = /* @__PURE__ */ T({
   __name: "slider",
   props: {
     modelValue: { default: void 0 },
@@ -2932,12 +2959,12 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
     }, P = () => {
       t.range ? (o("update:modelValue", [c.value, s.value]), o("change", [c.value, s.value])) : (o("update:modelValue", c.value), o("change", c.value));
     };
-    Se(() => {
+    Re(() => {
       window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", y);
     }), X([() => t.min, () => t.max], () => {
       c.value = r(c.value, t.min, t.max), s.value = r(s.value, t.min, t.max);
     });
-    const z = E(() => t.range);
+    const I = E(() => t.range);
     return me(() => {
       t.modelValue === void 0 && (t.range ? o("update:modelValue", [c.value, s.value]) : o("update:modelValue", c.value));
     }), (k, V) => (f(), g("div", {
@@ -2953,36 +2980,36 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
       }, [
         x("div", {
           class: "range",
-          style: Y(m.value)
+          style: G(m.value)
         }, null, 4),
         a.value ? (f(), g("div", {
           key: 0,
           class: "tooltip",
-          style: Y({ left: d.value.left })
-        }, B(c.value), 5)) : L("", !0),
+          style: G({ left: d.value.left })
+        }, D(c.value), 5)) : L("", !0),
         x("button", {
           class: "handle low",
-          style: Y(d.value),
+          style: G(d.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
           "aria-valuenow": c.value,
-          "aria-label": z.value ? "Lower value" : "Value",
+          "aria-label": I.value ? "Lower value" : "Value",
           onPointerdown: V[0] || (V[0] = N((A) => h("low", A), ["prevent"])),
           onFocus: V[1] || (V[1] = (A) => a.value = !0),
           onBlur: V[2] || (V[2] = (A) => a.value = !1),
           onKeydown: V[3] || (V[3] = N((A) => $("low", A), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, Fa),
-        z.value && i.value ? (f(), g("div", {
+        }, null, 44, Ia),
+        I.value && i.value ? (f(), g("div", {
           key: 1,
           class: "tooltip",
-          style: Y({ left: v.value.left })
-        }, B(s.value), 5)) : L("", !0),
-        z.value ? (f(), g("button", {
+          style: G({ left: v.value.left })
+        }, D(s.value), 5)) : L("", !0),
+        I.value ? (f(), g("button", {
           key: 2,
           class: "handle high",
-          style: Y(v.value),
+          style: G(v.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
           "aria-valuenow": s.value,
@@ -2993,11 +3020,11 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
           onKeydown: V[7] || (V[7] = N((A) => $("high", A), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, za)) : L("", !0)
+        }, null, 44, Ha)) : L("", !0)
       ], 512)
     ], 32));
   }
-}), Ha = /* @__PURE__ */ D(Ia, [["__scopeId", "data-v-d47c7475"]]), Ua = ["onFocusin", "onFocusout"], Wa = /* @__PURE__ */ T({
+}), Wa = /* @__PURE__ */ B(Ua, [["__scopeId", "data-v-d47c7475"]]), Na = ["onFocusin", "onFocusout"], Ka = /* @__PURE__ */ T({
   __name: "input-slider",
   props: {
     modelValue: {},
@@ -3040,7 +3067,7 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
           onFocusin: v,
           onFocusout: m
         }, [
-          O(Ha, {
+          O(Wa, {
             id: s,
             modelValue: a.value,
             "onUpdate:modelValue": c[0] || (c[0] = (p) => a.value = p),
@@ -3050,12 +3077,12 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
             range: !1,
             disabled: u
           }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
-        ], 40, Ua)
+        ], 40, Na)
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), Na = /* @__PURE__ */ D(Wa, [["__scopeId", "data-v-051e6d17"]]), Ka = { class: "textarea" }, Xa = ["value", "placeholder", "disabled", "rows"], Ga = /* @__PURE__ */ T({
+}), Xa = /* @__PURE__ */ B(Ka, [["__scopeId", "data-v-051e6d17"]]), Ga = { class: "textarea" }, qa = ["value", "placeholder", "disabled", "rows"], Ya = /* @__PURE__ */ T({
   __name: "textarea",
   props: /* @__PURE__ */ ee({
     icon: {},
@@ -3080,11 +3107,11 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
     }, c = E(() => !o.value);
     return (s, u) => {
       const d = K("VjIcon");
-      return f(), g("div", Ka, [
+      return f(), g("div", Ga, [
         e.icon ? (f(), j(d, {
           key: 0,
           icon: e.icon,
-          size: R(G).S,
+          size: S(q).S,
           class: "textarea-icon"
         }, null, 8, ["icon", "size"])) : L("", !0),
         x("textarea", {
@@ -3095,18 +3122,18 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
           placeholder: e.placeholder,
           disabled: e.disabled,
           rows: e.rows
-        }, null, 40, Xa),
+        }, null, 40, qa),
         e.clearable && !e.disabled ? (f(), j(d, {
           key: 1,
-          class: I(["clear-icon", { invisible: c.value }]),
-          icon: R(F).CLOSE,
-          size: R(G).S,
+          class: z(["clear-icon", { invisible: c.value }]),
+          icon: S(F).CLOSE,
+          size: S(q).S,
           onClick: a
         }, null, 8, ["class", "icon", "size"])) : L("", !0)
       ]);
     };
   }
-}), vn = /* @__PURE__ */ D(Ga, [["__scopeId", "data-v-2ea43716"]]), qa = /* @__PURE__ */ T({
+}), vn = /* @__PURE__ */ B(Ya, [["__scopeId", "data-v-2ea43716"]]), Ja = /* @__PURE__ */ T({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -3169,7 +3196,7 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "labelPosition", "error", "helpText", "appearance"]));
   }
-}), Ya = { class: "input" }, Ja = ["value", "type", "placeholder", "disabled"], Qa = /* @__PURE__ */ T({
+}), Qa = { class: "input" }, Za = ["value", "type", "placeholder", "disabled"], ei = /* @__PURE__ */ T({
   __name: "input",
   props: /* @__PURE__ */ ee({
     icon: {},
@@ -3194,11 +3221,11 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
     }, c = E(() => !o.value);
     return (s, u) => {
       const d = K("VjIcon");
-      return f(), g("div", Ya, [
+      return f(), g("div", Qa, [
         e.icon ? (f(), j(d, {
           key: 0,
           icon: e.icon,
-          size: R(G).S
+          size: S(q).S
         }, null, 8, ["icon", "size"])) : L("", !0),
         x("input", {
           value: o.value,
@@ -3208,18 +3235,18 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
           type: e.type,
           placeholder: e.placeholder,
           disabled: e.disabled
-        }, null, 40, Ja),
+        }, null, 40, Za),
         e.clearable && !e.disabled ? (f(), j(d, {
           key: 1,
-          class: I(["clear-icon", { invisible: c.value }]),
-          icon: R(F).CLOSE,
-          size: R(G).S,
+          class: z(["clear-icon", { invisible: c.value }]),
+          icon: S(F).CLOSE,
+          size: S(q).S,
           onClick: a
         }, null, 8, ["class", "icon", "size"])) : L("", !0)
       ]);
     };
   }
-}), mn = /* @__PURE__ */ D(Qa, [["__scopeId", "data-v-3187d49c"]]), Za = /* @__PURE__ */ T({
+}), mn = /* @__PURE__ */ B(ei, [["__scopeId", "data-v-3187d49c"]]), ti = /* @__PURE__ */ T({
   __name: "input-text",
   props: {
     modelValue: {},
@@ -3279,10 +3306,10 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), ei = { class: "shell-navigation-item" }, ti = { class: "shell-navigation-item-label" }, ni = {
+}), ni = { class: "shell-navigation-item" }, oi = { class: "shell-navigation-item-label" }, li = {
   key: 1,
   class: "shell-navigation-item-link"
-}, oi = ["aria-expanded"], li = { class: "shell-navigation-item-label" }, ai = /* @__PURE__ */ T({
+}, ai = ["aria-expanded"], ii = { class: "shell-navigation-item-label" }, si = /* @__PURE__ */ T({
   __name: "shell-navigation-item",
   props: {
     label: {},
@@ -3308,11 +3335,11 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
     };
     return X(o, (v) => {
       v ? (window.addEventListener("keydown", u), window.addEventListener("pointerdown", d)) : (window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d));
-    }), Se(() => {
+    }), Re(() => {
       window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d);
     }), (v, m) => {
       const p = K("VjIcon"), _ = K("RouterLink"), h = K("VjMenu");
-      return f(), g("li", ei, [
+      return f(), g("li", ni, [
         e.to ? (f(), j(_, {
           key: 0,
           to: e.to,
@@ -3323,10 +3350,10 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            x("label", ti, B(e.label), 1)
+            x("label", oi, D(e.label), 1)
           ]),
           _: 1
-        }, 8, ["to"])) : (f(), g("div", ni, [
+        }, 8, ["to"])) : (f(), g("div", li, [
           x("button", {
             ref_key: "buttonRef",
             ref: l,
@@ -3339,15 +3366,15 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            x("label", li, B(e.label), 1)
-          ], 8, oi),
+            x("label", ii, D(e.label), 1)
+          ], 8, ai),
           O(Oe, { name: "menu" }, {
             default: W(() => [
               o.value ? (f(), j(h, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: a,
-                style: Y(R(i)),
+                style: G(S(i)),
                 class: "shell-navigation-item-menu",
                 onClose: c,
                 onClick: N(s, ["stop"])
@@ -3371,39 +3398,39 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
       ]);
     };
   }
-}), ii = /* @__PURE__ */ D(ai, [["__scopeId", "data-v-3a50d1c2"]]), si = { class: "navigation-top" }, ri = {
+}), ri = /* @__PURE__ */ B(si, [["__scopeId", "data-v-3a50d1c2"]]), ci = { class: "navigation-top" }, ui = {
   key: 0,
   class: "navigation-bottom"
-}, ci = /* @__PURE__ */ T({
+}, di = /* @__PURE__ */ T({
   __name: "shell-navigation",
   setup(e) {
-    const n = Kt(wi, xi()), t = E(() => n.showLabels);
+    const n = Kt(xi, Vi()), t = E(() => n.showLabels);
     return (o, l) => {
       const a = K("VjShellNavigationItem");
       return f(), g("nav", {
-        class: I(["shell-navigation", { "with-labels": t.value }])
+        class: z(["shell-navigation", { "with-labels": t.value }])
       }, [
-        x("ul", si, [
-          R(n).hasParent && R(n).backRoute.value ? (f(), j(a, {
+        x("ul", ci, [
+          S(n).hasParent && S(n).backRoute.value ? (f(), j(a, {
             key: 0,
-            to: R(n).backRoute.value,
+            to: S(n).backRoute.value,
             label: "BACK",
-            icon: R(F).HOME
+            icon: S(F).HOME
           }, null, 8, ["to", "icon"])) : L("", !0),
-          (f(!0), g(Z, null, _e(R(n).childRoutes.value, (i) => (f(), j(a, {
+          (f(!0), g(Z, null, ge(S(n).childRoutes.value, (i) => (f(), j(a, {
             key: i.name,
             to: { name: i.name },
             label: i.meta.label,
-            icon: i.meta.icon ?? R(F).HOME
+            icon: i.meta.icon ?? S(F).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
-        o.$slots.fixed ? (f(), g("ul", ri, [
+        o.$slots.fixed ? (f(), g("ul", ui, [
           M(o.$slots, "fixed", {}, void 0, !0)
         ])) : L("", !0)
       ], 2);
     };
   }
-}), pn = /* @__PURE__ */ D(ci, [["__scopeId", "data-v-306cfc22"]]), ui = { class: "shell" }, di = { class: "shell-title" }, fi = ["src"], vi = { class: "header-actions" }, mi = /* @__PURE__ */ T({
+}), pn = /* @__PURE__ */ B(di, [["__scopeId", "data-v-306cfc22"]]), fi = { class: "shell" }, vi = { class: "shell-title" }, mi = ["src"], pi = { class: "header-actions" }, hi = /* @__PURE__ */ T({
   __name: "shell",
   props: {
     title: {},
@@ -3411,30 +3438,30 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
     showNavigation: { type: Boolean }
   },
   setup(e) {
-    const n = Li(), t = nt(n, "asideComponent"), o = nt(n, "hasAside"), l = nt(n, "asideData"), a = E(() => {
+    const n = Si(), t = nt(n, "asideComponent"), o = nt(n, "hasAside"), l = nt(n, "asideData"), a = E(() => {
       const i = l.value;
       return i && typeof i == "object" ? i : {};
     });
     return (i, r) => {
       const c = K("router-view");
-      return f(), g("div", ui, [
+      return f(), g("div", fi, [
         x("header", null, [
-          x("span", di, [
+          x("span", vi, [
             e.icon ? (f(), g("img", {
               key: 0,
               src: e.icon,
               alt: "Shell Icon"
-            }, null, 8, fi)) : L("", !0),
-            x("h1", null, B(e.title), 1)
+            }, null, 8, mi)) : L("", !0),
+            x("h1", null, D(e.title), 1)
           ]),
-          x("div", vi, [
+          x("div", pi, [
             M(i.$slots, "header-actions", {}, void 0, !0)
           ])
         ]),
         x("div", {
-          class: I(["shell-content", { "with-navigation": e.showNavigation }])
+          class: z(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (f(), j(R(pn), { key: 0 }, rt({ _: 2 }, [
+          e.showNavigation ? (f(), j(S(pn), { key: 0 }, rt({ _: 2 }, [
             i.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: W(() => [
@@ -3449,7 +3476,7 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
             ], !0)
           ]),
           x("aside", {
-            class: I({ "aside-visible": o.value })
+            class: z({ "aside-visible": o.value })
           }, [
             (f(), j(Wt(t.value), kn(Vn(a.value)), null, 16))
           ], 2)
@@ -3458,8 +3485,8 @@ const wa = ["data-colspan", "data-newline"], _a = ["for"], xa = { class: "form-f
       ]);
     };
   }
-}), pi = /* @__PURE__ */ D(mi, [["__scopeId", "data-v-4dfd0097"]]);
-class hi {
+}), gi = /* @__PURE__ */ B(hi, [["__scopeId", "data-v-4dfd0097"]]);
+class bi {
   notifications = C([]);
   notificationIdCounter = 0;
   /**
@@ -3525,15 +3552,15 @@ class hi {
     this.notifications.value = [];
   }
 }
-const Ht = new hi(), gi = { class: "notifications" }, bi = /* @__PURE__ */ T({
+const Ht = new bi(), yi = { class: "notifications" }, wi = /* @__PURE__ */ T({
   __name: "notifications",
   setup(e) {
     const n = Ht.getNotifications(), t = (o) => Ht.remove(o);
     return (o, l) => (f(), j(Pe, { to: "body" }, [
-      x("div", gi, [
+      x("div", yi, [
         O(En, { name: "notification" }, {
           default: W(() => [
-            (f(!0), g(Z, null, _e(R(n), (a) => (f(), j(yt, {
+            (f(!0), g(Z, null, ge(S(n), (a) => (f(), j(yt, {
               key: a.id,
               type: a.type,
               title: a.title,
@@ -3546,12 +3573,12 @@ const Ht = new hi(), gi = { class: "notifications" }, bi = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), yi = /* @__PURE__ */ D(bi, [["__scopeId", "data-v-543c499f"]]), wi = "navigationProvider";
-function _i(e) {
+}), _i = /* @__PURE__ */ B(wi, [["__scopeId", "data-v-543c499f"]]), xi = "navigationProvider";
+function ki(e) {
   return !!e.meta && "icon" in e.meta && "label" in e.meta;
 }
-const xi = () => {
-  const e = Rn(), n = Sn(), t = !0, o = E(() => {
+const Vi = () => {
+  const e = Sn(), n = Rn(), t = !0, o = E(() => {
     const u = e.getRoutes();
     return u.filter((d) => d.path !== "/" && !u.some((v) => v.children?.some((m) => m.name === d.name)));
   }), l = E(() => {
@@ -3566,7 +3593,7 @@ const xi = () => {
     return d ? { name: d.name } : { path: "/" };
   }), s = E(() => {
     let u = [];
-    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : a.value?.children?.length ? u = a.value.children : u = o.value, u.filter(_i);
+    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : a.value?.children?.length ? u = a.value.children : u = o.value, u.filter(ki);
   });
   return {
     hasParent: i,
@@ -3574,7 +3601,7 @@ const xi = () => {
     childRoutes: s,
     showLabels: t
   };
-}, ji = (e, n = !0, t = void 0) => {
+}, zi = (e, n = !0, t = void 0) => {
   const o = Cn(e) ? e : C(e), l = !!t, a = C(t || null);
   return {
     hasParent: l,
@@ -3586,9 +3613,9 @@ const xi = () => {
 let Le = [];
 const hn = (e) => (Le.push(e), () => {
   Le = Le.filter((n) => n !== e);
-}), ki = (e, n) => (Le = [], _t.value = e, xt.value = n ?? null, wt.value = !0, {
+}), Ei = (e, n) => (Le = [], _t.value = e, xt.value = n ?? null, wt.value = !0, {
   onClose: (t) => hn(t)
-}), Vi = (e) => {
+}), Ci = (e) => {
   try {
     Le.forEach((n) => {
       try {
@@ -3598,18 +3625,18 @@ const hn = (e) => (Le.push(e), () => {
       }
     });
   } finally {
-    wt.value = !1, setTimeout(Ei, 1e3);
+    wt.value = !1, setTimeout(Li, 1e3);
   }
-}, Ei = () => {
+}, Li = () => {
   Le = [], _t.value = null, xt.value = null;
-}, Ci = {
+}, $i = {
   asideComponent: _t,
   asideData: xt,
-  showAside: ki,
-  closeAside: Vi,
+  showAside: Ei,
+  closeAside: Ci,
   onAsideClose: hn,
   hasAside: wt
-}, Li = () => Ci, Fi = (e, n) => {
+}, Si = () => $i, Ii = (e, n) => {
   let t = null;
   return (...l) => {
     t && clearTimeout(t), t = setTimeout(() => {
@@ -3617,7 +3644,7 @@ const hn = (e) => (Le.push(e), () => {
     }, n);
   };
 };
-class $i {
+class Ri {
   containerElement = null;
   apps = [];
   ensureContainer() {
@@ -3659,7 +3686,7 @@ class $i {
           });
         }
       });
-      r.component("VjCard", at), r.component("VjIcon", ge), r.component("VjButton", ut), r.mount(l), this.apps.push({ app: r, element: l });
+      r.component("VjCard", at), r.component("VjIcon", be), r.component("VjButton", ut), r.mount(l), this.apps.push({ app: r, element: l });
     });
   }
   confirm(n) {
@@ -3687,11 +3714,11 @@ class $i {
     }), this.apps = [];
   }
 }
-const Ri = new $i();
-function zi() {
-  return Ri;
+const Ti = new Ri();
+function Hi() {
+  return Ti;
 }
-const Ii = () => {
+const Ui = () => {
   const e = C(!1), n = C(null), t = () => {
     n.value = null;
   };
@@ -3731,69 +3758,70 @@ const Ii = () => {
     return new o(a, i);
   }
   return { run: l, running: e, error: n, clearError: t };
-}, Hi = {
+}, Wi = {
   install(e) {
-    e.component("VjButton", ut), e.component("VjButtonBar", Pn), e.component("VjCard", at), e.component("VjChip", Xt), e.component("VjChipGroup", Gt), e.component("VjChipSelector", wo), e.component("VjCarousel", at), e.component("VjCheckbox", qn), e.component("VjDotMenu", vl), e.component("VjDialog", dt), e.component("VjIcon", ge), e.component("VjLinkButton", pl), e.component("VjMenu", kl), e.component("VjMenuAction", yl), e.component("VjPage", Jl), e.component("VjPaginator", ea), e.component("VjTab", ma), e.component("VjTabView", fa), e.component("VjSkeleton", ya), e.component("VjSpinner", cn), e.component("VjNotifications", yi), e.component("VjNotification", yt), e.component("VjInput", mn), e.component("VjSelect", fn), e.component("VjTextArea", vn), e.component("VjFormField", ze), e.component("VjFormLayout", $a), e.component("VjFormSection", Ta), e.component("VjInputText", Za), e.component("VjInputTextArea", qa), e.component("VjInputSelect", ja), e.component("VjInputSlider", Na), e.component("VjShellNavigation", pn), e.component("VjShellNavigationItem", ii), e.component("VjShell", pi), e.component("VjSearchField", la), e.component("VjSeparator", ia), e.directive("focus", Cl), e.directive("resize", Ll), e.directive("compact", Vl), e.directive("tooltip", un);
+    e.component("VjAmountBar", _a), e.component("VjButton", ut), e.component("VjButtonBar", Pn), e.component("VjCard", at), e.component("VjChip", Xt), e.component("VjChipGroup", Gt), e.component("VjChipSelector", wo), e.component("VjCarousel", at), e.component("VjCheckbox", qn), e.component("VjDotMenu", vl), e.component("VjDialog", dt), e.component("VjIcon", be), e.component("VjLinkButton", pl), e.component("VjMenu", kl), e.component("VjMenuAction", yl), e.component("VjPage", Jl), e.component("VjPaginator", ea), e.component("VjTab", ma), e.component("VjTabView", fa), e.component("VjSkeleton", ya), e.component("VjSpinner", cn), e.component("VjNotifications", _i), e.component("VjNotification", yt), e.component("VjInput", mn), e.component("VjSelect", fn), e.component("VjTextArea", vn), e.component("VjFormField", ze), e.component("VjFormLayout", Ra), e.component("VjFormSection", Oa), e.component("VjInputText", ti), e.component("VjInputTextArea", Ja), e.component("VjInputSelect", za), e.component("VjInputSlider", Xa), e.component("VjShellNavigation", pn), e.component("VjShellNavigationItem", ri), e.component("VjShell", gi), e.component("VjSearchField", la), e.component("VjSeparator", ia), e.directive("focus", Cl), e.directive("resize", Ll), e.directive("compact", Vl), e.directive("tooltip", un);
   }
 };
 export {
+  _a as AmountBar,
   ut as Button,
   Pn as ButtonBar,
   at as Card,
-  Oi as Carousel,
+  Di as Carousel,
   qn as Checkbox,
   Xt as Chip,
   Gt as ChipGroup,
   wo as ChipSelector,
   dt as Dialog,
   vl as DotMenu,
-  Bi as EditableLabel,
+  Mi as EditableLabel,
   Cl as FocusFirstDirective,
   ze as FormField,
-  $a as FormLayout,
-  Ta as FormSection,
-  ge as Icon,
+  Ra as FormLayout,
+  Oa as FormSection,
+  be as Icon,
   F as IconNames,
-  G as IconSize,
+  q as IconSize,
   mn as Input,
-  ja as InputSelect,
-  Na as InputSlider,
-  Za as InputText,
-  qa as InputTextArea,
+  za as InputSelect,
+  Xa as InputSlider,
+  ti as InputText,
+  Ja as InputTextArea,
   pl as LinkButton,
   Ol as LoadingDirective,
   kl as Menu,
   yl as MenuAction,
   yt as NotificationComponent,
-  yi as Notifications,
+  _i as Notifications,
   Jl as Page,
   ea as Paginator,
-  Di as Radio,
+  Pi as Radio,
   Ll as ResizeDirective,
   la as SearchField,
   fn as Select,
   ia as Separator,
-  pi as Shell,
+  gi as Shell,
   pn as ShellNavigation,
-  ii as ShellNavigationItem,
+  ri as ShellNavigationItem,
   ya as Skeleton,
   cn as Spinner,
   ma as Tab,
   fa as TabView,
   vn as TextArea,
   un as TooltipDirective,
-  Hi as VjComponents,
-  wi as VjNavigationProviderKey,
+  Wi as VjComponents,
+  xi as VjNavigationProviderKey,
   Vl as compactDirective,
-  Pi as configureVueUI,
-  Ri as dialogService,
+  ji as configureVueUI,
+  Ti as dialogService,
   It as getVueUIConfig,
   Ht as notificationService,
-  Mi as resetVueUIConfig,
-  Li as useAsideService,
-  Fi as useDebounce,
-  zi as useDialog,
-  Ii as useFlow,
-  xi as useRouterNavigationProvider,
-  ji as useStaticNavigationProvider
+  Fi as resetVueUIConfig,
+  Si as useAsideService,
+  Ii as useDebounce,
+  Hi as useDialog,
+  Ui as useFlow,
+  Vi as useRouterNavigationProvider,
+  zi as useStaticNavigationProvider
 };