@vanjana/vue-ui 0.1.105 → 0.1.108

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

@@ -1,4 +1,4 @@
-import { createElementBlock as g, openBlock as f, createElementVNode as x, renderSlot as j, defineComponent as T, computed as C, normalizeClass as z, createBlock as M, createCommentVNode as L, createTextVNode as Ue, unref as S, toDisplayString as B, useSlots as Wt, ref as E, onMounted as Be, nextTick as me, onBeforeUnmount as Re, watch as X, resolveComponent as K, createVNode as O, normalizeStyle as G, Fragment as Z, renderList as ge, mergeModels as ee, useModel as ve, withModifiers as N, provide as Nt, Teleport as Pe, Transition as Oe, withCtx as W, createSlots as rt, resolveDynamicComponent as Kt, mergeProps as yn, shallowRef as wn, getCurrentScope as _n, onScopeDispose as xn, shallowReadonly as Ve, render as St, resolveDirective as Xt, withDirectives as ct, withKeys as lt, inject as ut, vModelText as kn, toRef as nt, normalizeProps as Vn, guardReactiveProps as Cn, TransitionGroup as En, isRef as Ln, createApp as $n, h as Sn } from "vue";
+import { createElementBlock as g, openBlock as f, createElementVNode as x, renderSlot as M, defineComponent as T, computed as C, normalizeClass as z, createBlock as P, createCommentVNode as L, createTextVNode as Ue, unref as S, toDisplayString as B, useSlots as Wt, ref as E, onMounted as Be, nextTick as me, onBeforeUnmount as Re, watch as X, resolveComponent as K, createVNode as O, normalizeStyle as G, Fragment as Z, renderList as ge, mergeModels as ee, useModel as ve, withModifiers as N, provide as Nt, Teleport as je, Transition as Oe, withCtx as W, createSlots as rt, resolveDynamicComponent as Kt, mergeProps as yn, shallowRef as wn, getCurrentScope as _n, onScopeDispose as xn, shallowReadonly as Ve, render as St, resolveDirective as Xt, withDirectives as ct, withKeys as lt, inject as ut, vModelText as kn, toRef as nt, normalizeProps as Vn, guardReactiveProps as Cn, TransitionGroup as En, isRef as Ln, createApp as $n, h as Sn } from "vue";
 import { useRouter as Rn, useRoute as Tn } from "vue-router";
 const D = (e, n) => {
   const t = e.__vccOpts || e;
@@ -6,17 +6,17 @@ const D = (e, n) => {
     t[o] = l;
   return t;
 }, An = {}, On = { class: "button-bar" }, Dn = { class: "left" }, Bn = { class: "right" };
-function Pn(e, n) {
+function jn(e, n) {
   return f(), g("div", On, [
     x("div", Dn, [
-      j(e.$slots, "left", {}, void 0, !0)
+      M(e.$slots, "left", {}, void 0, !0)
     ]),
     x("div", Bn, [
-      j(e.$slots, "default", {}, void 0, !0)
+      M(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const jn = /* @__PURE__ */ D(An, [["render", Pn], ["__scopeId", "data-v-45a6ed1a"]]);
+const Mn = /* @__PURE__ */ D(An, [["render", jn], ["__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",
@@ -30,7 +30,7 @@ const be = /* @__PURE__ */ T({
       class: z(o.value)
     }, null, 2));
   }
-}), Mn = ["disabled"], Fn = /* @__PURE__ */ T({
+}), Pn = ["disabled"], Fn = /* @__PURE__ */ T({
   __name: "button",
   props: {
     label: {},
@@ -46,13 +46,13 @@ const be = /* @__PURE__ */ T({
       class: z(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
     }, [
-      e.icon ? (f(), M(be, {
+      e.icon ? (f(), P(be, {
         key: 0,
         icon: e.icon,
         size: S(t)
       }, null, 8, ["icon", "size"])) : L("", !0),
       Ue(" " + B(e.label), 1)
-    ], 10, Mn));
+    ], 10, Pn));
   }
 }), dt = /* @__PURE__ */ D(Fn, [["__scopeId", "data-v-f31c33cf"]]), zn = {
   key: 0,
@@ -71,14 +71,14 @@ const be = /* @__PURE__ */ T({
       x("header", null, [
         x("h3", null, B(e.header), 1),
         S(n).headerActions ? (f(), g("span", zn, [
-          j(t.$slots, "headerActions", {}, void 0, !0)
+          M(t.$slots, "headerActions", {}, void 0, !0)
         ])) : L("", !0)
       ]),
       x("main", null, [
-        j(t.$slots, "default", {}, void 0, !0)
+        M(t.$slots, "default", {}, void 0, !0)
       ]),
       S(n).footer ? (f(), g("footer", In, [
-        j(t.$slots, "footer", {}, void 0, !0)
+        M(t.$slots, "footer", {}, void 0, !0)
       ])) : L("", !0)
     ], 2));
   }
@@ -102,7 +102,7 @@ const be = /* @__PURE__ */ T({
     let h = null, y = null;
     const _ = E(null), b = E(null), $ = () => {
       p.value = r.value ? r.value.children.length : 0, p.value === 0 ? s.value = 0 : s.value >= p.value && (s.value = l ? 0 : p.value - 1), I();
-    }, P = C(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + v.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), I = () => {
+    }, j = C(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + v.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), I = () => {
       r.value && Array.from(r.value.children).forEach((R, ye) => {
         try {
           ye === s.value ? R.removeAttribute("aria-hidden") : R.setAttribute("aria-hidden", "true");
@@ -203,9 +203,9 @@ const be = /* @__PURE__ */ T({
             class: "carousel-track",
             ref_key: "track",
             ref: r,
-            style: G(P.value)
+            style: G(j.value)
           }, [
-            j(R.$slots, "default", {}, void 0, !0)
+            M(R.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 512),
         O(we, {
@@ -223,7 +223,7 @@ const be = /* @__PURE__ */ T({
           "aria-label": "Next slide"
         }, null, 8, ["icon"]),
         p.value > 1 ? (f(), g("div", Wn, [
-          (f(!0), g(Z, null, ge(p.value, (Te) => (f(), M(we, {
+          (f(!0), g(Z, null, ge(p.value, (Te) => (f(), P(we, {
             key: Te - 1,
             class: z(["indicator", { active: Te - 1 === s.value }]),
             onClick: (Oi) => U(Te - 1),
@@ -235,7 +235,7 @@ const be = /* @__PURE__ */ T({
       ], 40, Un);
     };
   }
-}), Pi = /* @__PURE__ */ D(Nn, [["__scopeId", "data-v-232abca2"]]), Kn = { class: "checkbox" }, Xn = ["checked", "disabled"], Gn = {
+}), ji = /* @__PURE__ */ D(Nn, [["__scopeId", "data-v-232abca2"]]), Kn = { class: "checkbox" }, Xn = ["checked", "disabled"], Gn = {
   key: 0,
   class: "checkbox-label"
 }, qn = /* @__PURE__ */ T({
@@ -316,7 +316,7 @@ const be = /* @__PURE__ */ T({
       e.label ? (f(), g("span", Zn, B(e.label), 1)) : L("", !0)
     ]));
   }
-}), ji = /* @__PURE__ */ D(eo, [["__scopeId", "data-v-f9e4bb65"]]), to = { class: "chip__label" }, no = /* @__PURE__ */ T({
+}), Mi = /* @__PURE__ */ D(eo, [["__scopeId", "data-v-f9e4bb65"]]), to = { class: "chip__label" }, no = /* @__PURE__ */ T({
   __name: "chip",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -495,7 +495,7 @@ const be = /* @__PURE__ */ T({
       document.removeEventListener("keydown", u);
     }), (d, v) => {
       const m = K("VjIcon"), p = K("VjButton"), w = K("VjCard");
-      return f(), M(Pe, { to: "body" }, [
+      return f(), P(je, { to: "body" }, [
         O(Oe, { name: "dialog-fade" }, {
           default: W(() => [
             l.value ? (f(), g("div", {
@@ -525,12 +525,12 @@ const be = /* @__PURE__ */ T({
                       ]),
                       default: W(() => [
                         x("div", fo, [
-                          e.component ? (f(), M(Kt(e.component), yn({ key: 0 }, e.componentProps, {
+                          e.component ? (f(), P(Kt(e.component), yn({ key: 0 }, e.componentProps, {
                             onCancel: s,
                             onClose: a,
                             onConfirm: c,
                             onResolve: i
-                          }), null, 16)) : e.message ? (f(), g("div", vo, B(e.message), 1)) : j(d.$slots, "default", { key: 2 }, void 0, !0)
+                          }), null, 16)) : e.message ? (f(), g("div", vo, B(e.message), 1)) : M(d.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
@@ -539,8 +539,8 @@ const be = /* @__PURE__ */ T({
                         name: "footer",
                         fn: W(() => [
                           x("div", mo, [
-                            j(d.$slots, "footer", {}, () => [
-                              e.showCancel ? (f(), M(p, {
+                            M(d.$slots, "footer", {}, () => [
+                              e.showCancel ? (f(), P(p, {
                                 key: 0,
                                 secondary: "",
                                 onClick: s,
@@ -651,13 +651,13 @@ const be = /* @__PURE__ */ T({
 function Rt(e, n, t) {
   return J(e, $e(n, t));
 }
-function je(e, n) {
+function Me(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
 function pe(e) {
   return e.split("-")[0];
 }
-function Me(e) {
+function Pe(e) {
   return e.split("-")[1];
 }
 function Jt(e) {
@@ -675,7 +675,7 @@ function Zt(e) {
 }
 function Co(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Me(e), l = Zt(e), a = Qt(l);
+  const o = Pe(e), l = Zt(e), a = Qt(l);
   let i = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return n.reference[a] > n.floating[a] && (i = Ne(i)), [i, Ne(i)];
 }
@@ -700,7 +700,7 @@ function So(e, n, t) {
   }
 }
 function Ro(e, n, t, o) {
-  const l = Me(e);
+  const l = Pe(e);
   let a = So(pe(e), t === "start", o);
   return l && (a = a.map((i) => i + "-" + l), n && (a = a.concat(a.map(it)))), a;
 }
@@ -780,7 +780,7 @@ function Ot(e, n, t) {
         y: o.y
       };
   }
-  switch (Me(n)) {
+  switch (Pe(n)) {
     case "start":
       m[i] -= v * (t && r ? -1 : 1);
       break;
@@ -813,7 +813,7 @@ const Oo = async (e, n, t) => {
       x: _,
       y: b,
       data: $,
-      reset: P
+      reset: j
     } = await y({
       x: u,
       y: d,
@@ -834,11 +834,11 @@ const Oo = async (e, n, t) => {
         ...m[h],
         ...$
       }
-    }, P && p <= 50 && (p++, typeof P == "object" && (P.placement && (v = P.placement), P.rects && (r = P.rects === !0 ? await i.getElementRects({
+    }, j && p <= 50 && (p++, typeof j == "object" && (j.placement && (v = j.placement), j.rects && (r = j.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: n,
       strategy: l
-    }) : P.rects), {
+    }) : j.rects), {
       x: u,
       y: d
     } = Ot(r, v, s)), w = -1);
@@ -867,7 +867,7 @@ async function vt(e, n) {
     elementContext: d = "floating",
     altBoundary: v = !1,
     padding: m = 0
-  } = je(n, e), p = Ao(m), h = c[v ? d === "floating" ? "reference" : "floating" : d], y = Ke(await a.getClippingRect({
+  } = Me(n, e), p = Ao(m), h = c[v ? d === "floating" ? "reference" : "floating" : d], y = Ke(await a.getClippingRect({
     element: (t = await (a.isElement == null ? void 0 : a.isElement(h))) == null || t ? h : h.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(c.floating)),
     boundary: r,
     rootBoundary: u,
@@ -883,17 +883,17 @@ async function vt(e, n) {
   } : {
     x: 1,
     y: 1
-  }, P = Ke(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, j = Ke(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
     rect: _,
     offsetParent: b,
     strategy: s
   }) : _);
   return {
-    top: (y.top - P.top + p.top) / $.y,
-    bottom: (P.bottom - y.bottom + p.bottom) / $.y,
-    left: (y.left - P.left + p.left) / $.x,
-    right: (P.right - y.right + p.right) / $.x
+    top: (y.top - j.top + p.top) / $.y,
+    bottom: (j.bottom - y.bottom + p.bottom) / $.y,
+    left: (y.left - j.left + p.left) / $.x,
+    right: (j.right - y.right + p.right) / $.x
   };
 }
 const Do = function(e) {
@@ -917,12 +917,12 @@ const Do = function(e) {
         fallbackAxisSideDirection: p = "none",
         flipAlignment: w = !0,
         ...h
-      } = je(e, n);
+      } = Me(e, n);
       if ((t = a.arrow) != null && t.alignmentOffset)
         return {};
-      const y = pe(l), _ = fe(c), b = pe(c) === c, $ = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), P = v || (b || !w ? [Ne(c)] : Eo(c)), I = p !== "none";
-      !v && I && P.push(...Ro(c, w, p, $));
-      const k = [c, ...P], V = await vt(n, h), A = [];
+      const y = pe(l), _ = fe(c), b = pe(c) === c, $ = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), j = v || (b || !w ? [Ne(c)] : Eo(c)), I = p !== "none";
+      !v && I && j.push(...Ro(c, w, p, $));
+      const k = [c, ...j], V = await vt(n, h), A = [];
       let H = ((o = a.flip) == null ? void 0 : o.overflows) || [];
       if (u && A.push(V[y]), d) {
         const de = Co(l, i, $);
@@ -978,12 +978,12 @@ const Do = function(e) {
     }
   };
 }, Bo = /* @__PURE__ */ new Set(["left", "top"]);
-async function Po(e, n) {
+async function jo(e, n) {
   const {
     placement: t,
     platform: o,
     elements: l
-  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), c = Me(t), s = fe(t) === "y", r = Bo.has(i) ? -1 : 1, u = a && s ? -1 : 1, d = je(n, e);
+  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), c = Pe(t), s = fe(t) === "y", r = Bo.has(i) ? -1 : 1, u = a && s ? -1 : 1, d = Me(n, e);
   let {
     mainAxis: v,
     crossAxis: m,
@@ -1005,7 +1005,7 @@ async function Po(e, n) {
     y: m * u
   };
 }
-const jo = function(e) {
+const Mo = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1016,7 +1016,7 @@ const jo = function(e) {
         y: a,
         placement: i,
         middlewareData: c
-      } = n, s = await Po(n, e);
+      } = n, s = await jo(n, e);
       return i === ((t = c.offset) == null ? void 0 : t.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
         x: l + s.x,
         y: a + s.y,
@@ -1027,7 +1027,7 @@ const jo = function(e) {
       };
     }
   };
-}, Mo = function(e) {
+}, Po = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1052,7 +1052,7 @@ const jo = function(e) {
           }
         },
         ...s
-      } = je(e, n), r = {
+      } = Me(e, n), r = {
         x: t,
         y: o
       }, u = await vt(n, s), d = fe(pe(l)), v = Jt(d);
@@ -1098,14 +1098,14 @@ const jo = function(e) {
         apply: s = () => {
         },
         ...r
-      } = je(e, n), u = await vt(n, r), d = pe(l), v = Me(l), m = fe(l) === "y", {
+      } = Me(e, n), u = await vt(n, r), d = pe(l), v = Pe(l), m = fe(l) === "y", {
         width: p,
         height: w
       } = a.floating;
       let h, y;
       d === "top" || d === "bottom" ? (h = d, y = v === (await (i.isRTL == null ? void 0 : i.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (y = d, h = v === "end" ? "top" : "bottom");
-      const _ = w - u.top - u.bottom, b = p - u.left - u.right, $ = $e(w - u[h], _), P = $e(p - u[y], b), I = !n.middlewareData.shift;
-      let k = $, V = P;
+      const _ = w - u.top - u.bottom, b = p - u.left - u.right, $ = $e(w - u[h], _), j = $e(p - u[y], b), I = !n.middlewareData.shift;
+      let k = $, V = j;
       if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = b), (o = n.middlewareData.shift) != null && o.enabled.y && (k = _), I && !v) {
         const H = J(u.left, 0), U = J(u.right, 0), ce = J(u.top, 0), ue = J(u.bottom, 0);
         m ? V = p - 2 * (H !== 0 || U !== 0 ? H + U : J(u.left, u.right)) : k = w - 2 * (ce !== 0 || ue !== 0 ? ce + ue : J(u.top, u.bottom));
@@ -1382,7 +1382,7 @@ function nl(e, n) {
     y: r
   };
 }
-function Pt(e, n, t) {
+function jt(e, n, t) {
   let o;
   if (n === "viewport")
     o = el(e, t);
@@ -1426,9 +1426,9 @@ function ll(e) {
     strategy: l
   } = e;
   const i = [...t === "clippingAncestors" ? qe(n) ? [] : ol(n, this._c) : [].concat(t), o], c = i[0], s = i.reduce((r, u) => {
-    const d = Pt(n, u, l);
+    const d = jt(n, u, l);
     return r.top = J(d.top, r.top), r.right = $e(d.right, r.right), r.bottom = $e(d.bottom, r.bottom), r.left = J(d.left, r.left), r;
-  }, Pt(n, c, l));
+  }, jt(n, c, l));
   return {
     width: s.right - s.left,
     height: s.bottom - s.top,
@@ -1473,7 +1473,7 @@ function il(e, n, t) {
 function ot(e) {
   return le(e).position === "static";
 }
-function jt(e, n) {
+function Mt(e, n) {
   if (!se(e) || le(e).position === "fixed")
     return null;
   if (n)
@@ -1494,9 +1494,9 @@ function an(e, n) {
     }
     return t;
   }
-  let o = jt(e, n);
+  let o = Mt(e, n);
   for (; o && Ho(o) && ot(o); )
-    o = jt(o, n);
+    o = Mt(o, n);
   return o && Se(o) && ot(o) && !pt(o) ? t : o || Xo(e) || t;
 }
 const sl = async function(e) {
@@ -1551,7 +1551,7 @@ function ul(e, n) {
       threshold: J(0, $e(1, s)) || 1
     };
     let $ = !0;
-    function P(I) {
+    function j(I) {
       const k = I[0].intersectionRatio;
       if (k !== s) {
         if (!$)
@@ -1563,13 +1563,13 @@ function ul(e, n) {
       k === 1 && !sn(r, e.getBoundingClientRect()) && i(), $ = !1;
     }
     try {
-      t = new IntersectionObserver(P, {
+      t = new IntersectionObserver(j, {
         ...b,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(P, b);
+      t = new IntersectionObserver(j, b);
     }
     t.observe(e);
   }
@@ -1611,7 +1611,7 @@ function Qe(e, n, t, o) {
     }), d?.(), (y = m) == null || y.disconnect(), m = null, s && cancelAnimationFrame(p);
   };
 }
-const Ze = jo, et = Mo, tt = Do, dl = Fo, rn = (e, n, t) => {
+const Ze = Mo, et = Po, tt = Do, dl = Fo, rn = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
     platform: cl,
     ...t
@@ -1627,7 +1627,7 @@ const Ze = jo, et = Mo, tt = Do, dl = Fo, rn = (e, n, t) => {
 function fl(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function Mt(e) {
+function Pt(e) {
   if (fl(e)) {
     const n = e.$el;
     return mt(n) && xe(n) === "#comment" ? null : n;
@@ -1658,7 +1658,7 @@ function bt(e, n, t) {
   }), s = C(() => {
     var k;
     return (k = Ae(t.transform)) != null ? k : !0;
-  }), r = C(() => Mt(e.value)), u = C(() => Mt(n.value)), d = E(0), v = E(0), m = E(c.value), p = E(i.value), w = wn({}), h = E(!1), y = C(() => {
+  }), r = C(() => Pt(e.value)), u = C(() => Pt(n.value)), d = E(0), v = E(0), m = E(c.value), p = E(i.value), w = wn({}), h = E(!1), y = C(() => {
     const k = {
       position: m.value,
       left: "0",
@@ -1695,7 +1695,7 @@ function bt(e, n, t) {
   function $() {
     typeof _ == "function" && (_(), _ = void 0);
   }
-  function P() {
+  function j() {
     if ($(), o === void 0) {
       b();
       return;
@@ -1710,7 +1710,7 @@ function bt(e, n, t) {
   }
   return X([a, i, c, l], b, {
     flush: "sync"
-  }), X([r, u], P, {
+  }), X([r, u], j, {
     flush: "sync"
   }), X(l, I, {
     flush: "sync"
@@ -1760,7 +1760,7 @@ const vl = /* @__PURE__ */ T({
           }, null, 8, ["icon"]),
           O(Oe, { name: "menu" }, {
             default: W(() => [
-              t.value ? (f(), M(m, {
+              t.value ? (f(), P(m, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
@@ -1770,7 +1770,7 @@ const vl = /* @__PURE__ */ T({
                 onClickCapture: r
               }, {
                 default: W(() => [
-                  j(u.$slots, "default", {}, void 0, !0)
+                  M(u.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["style"])) : L("", !0)
@@ -1778,7 +1778,7 @@ const vl = /* @__PURE__ */ T({
             _: 3
           })
         ], 2),
-        (f(), M(Pe, { to: "body" }, [
+        (f(), P(je, { to: "body" }, [
           t.value ? (f(), g("div", {
             key: 0,
             class: "menu-backdrop",
@@ -1803,13 +1803,13 @@ const vl = /* @__PURE__ */ T({
     const n = e, t = q.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
     return (l, a) => {
       const i = K("router-link");
-      return f(), M(i, {
+      return f(), P(i, {
         to: e.to,
         class: z(["button", o.value]),
         disabled: e.disabled
       }, {
         default: W(() => [
-          e.icon ? (f(), M(be, {
+          e.icon ? (f(), P(be, {
             key: 0,
             icon: e.icon,
             size: S(t)
@@ -1834,7 +1834,7 @@ const vl = /* @__PURE__ */ T({
       disabled: e.disabled
     }, [
       x("span", bl, [
-        e.icon ? (f(), M(be, {
+        e.icon ? (f(), P(be, {
           key: 0,
           icon: e.icon,
           size: S(n)
@@ -1846,7 +1846,7 @@ const vl = /* @__PURE__ */ T({
 }), wl = /* @__PURE__ */ D(yl, [["__scopeId", "data-v-07850995"]]), _l = {}, xl = { class: "menu" };
 function kl(e, n) {
   return f(), g("div", xl, [
-    j(e.$slots, "default", {}, void 0, !0)
+    M(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const Vl = /* @__PURE__ */ D(_l, [["render", kl], ["__scopeId", "data-v-259fec08"]]), Cl = {
@@ -2096,7 +2096,7 @@ const fn = {
       n.tooltip && n.tooltip.parentElement && n.tooltip.parentElement.removeChild(n.tooltip), n.onPointerEnter && e.removeEventListener("pointerenter", n.onPointerEnter), n.onPointerLeave && e.removeEventListener("pointerleave", n.onPointerLeave), n.onFocus && e.removeEventListener("focus", n.onFocus), n.onBlur && e.removeEventListener("blur", n.onBlur), n.onPointerDown && e.removeEventListener("pointerdown", n.onPointerDown), n.docHandler && document.removeEventListener("pointerdown", n.docHandler), e.__vjTooltip = void 0;
     }
   }
-}, Pl = { class: "notification__icon" }, jl = { class: "notification__message" }, Ml = { class: "notification__title" }, Fl = { class: "notification__text" }, zl = /* @__PURE__ */ T({
+}, jl = { class: "notification__icon" }, Ml = { class: "notification__message" }, Pl = { class: "notification__title" }, Fl = { class: "notification__text" }, zl = /* @__PURE__ */ T({
   __name: "notification",
   props: {
     type: {},
@@ -2123,11 +2123,11 @@ const fn = {
       class: z(["notification", `notification--${e.type}`]),
       onClick: a
     }, [
-      x("div", Pl, [
+      x("div", jl, [
         O(be, { icon: l.value }, null, 8, ["icon"])
       ]),
-      x("div", jl, [
-        x("div", Ml, B(e.title), 1),
+      x("div", Ml, [
+        x("div", Pl, B(e.title), 1),
         x("div", Fl, B(e.message), 1)
       ]),
       O(dt, {
@@ -2167,7 +2167,7 @@ const fn = {
       return ct((f(), g("div", Il, [
         x("header", null, [
           x("div", Hl, [
-            e.backLabel ? (f(), M(s, {
+            e.backLabel ? (f(), P(s, {
               key: 0,
               tertiary: "",
               icon: S(F).BACK,
@@ -2180,14 +2180,14 @@ const fn = {
             ])
           ]),
           x("div", Nl, [
-            j(i.$slots, "headerActions", {}, void 0, !0)
+            M(i.$slots, "headerActions", {}, void 0, !0)
           ])
         ]),
         x("main", {
           class: z({ scrollable: e.scrollable })
         }, [
           a.value ? (f(), g("div", Kl, [
-            j(i.$slots, "error", {}, () => [
+            M(i.$slots, "error", {}, () => [
               O(wt, {
                 type: "error",
                 title: a.value,
@@ -2196,17 +2196,17 @@ const fn = {
             ], !0)
           ])) : L("", !0),
           a.value ? L("", !0) : (f(), g("div", Xl, [
-            j(i.$slots, "default", {}, void 0, !0)
+            M(i.$slots, "default", {}, void 0, !0)
           ])),
           a.value ? L("", !0) : (f(), g("div", Gl, [
-            j(i.$slots, "actions", {}, void 0, !0)
+            M(i.$slots, "actions", {}, void 0, !0)
           ])),
           i.$slots.flexFooter ? (f(), g("footer", ql, [
-            j(i.$slots, "flexFooter", {}, void 0, !0)
+            M(i.$slots, "flexFooter", {}, void 0, !0)
           ])) : L("", !0)
         ], 2),
         i.$slots.footer ? (f(), g("footer", Yl, [
-          j(i.$slots, "footer", {}, void 0, !0)
+          M(i.$slots, "footer", {}, void 0, !0)
         ])) : L("", !0)
       ])), [
         [r, { active: o.value, text: t.loadingMessage }]
@@ -2258,7 +2258,7 @@ const fn = {
           onClick: p,
           "aria-label": "Previous page"
         }, null, 8, ["icon", "disabled"]),
-        j(y.$slots, "info", {
+        M(y.$slots, "info", {
           current: i.value,
           totalPages: a.value,
           goTo: v
@@ -2386,7 +2386,7 @@ const fn = {
         }, null, 4)
       ], 512),
       x("div", da, [
-        j(r.$slots, "default", {}, void 0, !0)
+        M(r.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
@@ -2404,7 +2404,7 @@ const fn = {
     return Be(() => {
       t?.registerTab(n.name, n.label);
     }), (l, a) => o.value ? (f(), g("div", ma, [
-      j(l.$slots, "default")
+      M(l.$slots, "default")
     ])) : L("", !0);
   }
 }), ha = ["onKeydown"], ga = /* @__PURE__ */ T({
@@ -2464,7 +2464,7 @@ const fn = {
       ], 64))
     ], 34));
   }
-}), Mi = /* @__PURE__ */ D(ga, [["__scopeId", "data-v-cdc52c5b"]]), ba = "200% 200%", ya = /* @__PURE__ */ T({
+}), Pi = /* @__PURE__ */ D(ga, [["__scopeId", "data-v-cdc52c5b"]]), ba = "200% 200%", ya = /* @__PURE__ */ T({
   __name: "skeleton",
   props: {
     width: {},
@@ -2489,7 +2489,8 @@ const fn = {
   props: {
     amount: {},
     maxAmount: {},
-    segments: {}
+    segments: {},
+    colorMode: { default: "monochrome" }
   },
   setup(e) {
     const n = e, t = C(() => n.amount / n.maxAmount * 100), o = (a) => {
@@ -2498,12 +2499,19 @@ const fn = {
       return t.value > c;
     }, l = (a) => (160 - a / (n.segments - 1 || 1) * 160).toString();
     return (a, i) => (f(), g("div", {
-      class: z(["amount-bar", { "amount-bar--segmented": e.segments }])
+      class: z([
+        "amount-bar",
+        {
+          "amount-bar--segmented": e.segments,
+          "amount-bar--hue-gradient": e.segments && e.colorMode === "hue-gradient",
+          "amount-bar--monochrome": e.segments && e.colorMode === "monochrome"
+        }
+      ])
     }, [
       e.segments ? (f(!0), g(Z, { key: 0 }, ge(Array.from({ length: e.segments }), (c, s) => (f(), g("div", {
         key: s,
         class: z(["amount-bar__segment", { "amount-bar__segment--filled": o(s) }]),
-        style: G({ "--segment-hue": l(s) })
+        style: G(o(s) && e.colorMode === "hue-gradient" ? { backgroundColor: `hsl(${l(s)}, 100%, 45%)` } : {})
       }, null, 6))), 128)) : (f(), g("div", {
         key: 1,
         class: "amount-bar__fill",
@@ -2511,7 +2519,7 @@ const fn = {
       }, null, 4))
     ], 2));
   }
-}), xa = /* @__PURE__ */ D(_a, [["__scopeId", "data-v-f85c6d8c"]]), vn = {
+}), xa = /* @__PURE__ */ D(_a, [["__scopeId", "data-v-7e89d03f"]]), vn = {
   form: {
     labelPosition: "inline",
     appearance: "bordered"
@@ -2608,7 +2616,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           class: "form-field__label-outline"
         }, B(e.label), 9, Va)) : L("", !0),
         x("div", Ca, [
-          j(p.$slots, "control", {
+          M(p.$slots, "control", {
             id: i.value,
             value: l.value,
             onInput: d,
@@ -2668,7 +2676,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       class: "form-layout",
       style: G({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
     }, [
-      j(a.$slots, "default", {}, void 0, !0)
+      M(a.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }), Ta = /* @__PURE__ */ D(Ra, [["__scopeId", "data-v-96f62ab7"]]), Aa = {
@@ -2683,13 +2691,13 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
   setup(e) {
     return (n, t) => (f(), g(Z, null, [
       e.title ? (f(), g("h3", Aa, B(e.title), 1)) : L("", !0),
-      j(n.$slots, "default", {}, void 0, !0)
+      M(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), Da = /* @__PURE__ */ D(Oa, [["__scopeId", "data-v-69cff1d0"]]), Ba = ["id", "disabled"], Pa = { class: "select-value" }, ja = {
+}), Da = /* @__PURE__ */ D(Oa, [["__scopeId", "data-v-69cff1d0"]]), Ba = ["id", "disabled"], ja = { class: "select-value" }, Ma = {
   key: 1,
   class: "select-placeholder"
-}, Ma = { class: "select-options" }, Fa = ["onClick", "onMouseenter"], za = /* @__PURE__ */ T({
+}, Pa = { class: "select-options" }, Fa = ["onClick", "onMouseenter"], za = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "select",
   props: /* @__PURE__ */ ee({
@@ -2743,7 +2751,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       focus: () => c.value?.focus(),
       blur: () => c.value?.blur()
     }), (b, $) => {
-      const P = K("VjIcon");
+      const j = K("VjIcon");
       return f(), g(Z, null, [
         x("div", {
           ref_key: "selectRef",
@@ -2759,28 +2767,28 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
             onClick: p,
             disabled: e.disabled
           }, [
-            t.icon ? (f(), M(P, {
+            t.icon ? (f(), P(j, {
               key: 0,
               icon: t.icon,
               size: S(q).S,
               class: "select-icon-left"
             }, null, 8, ["icon", "size"])) : L("", !0),
-            x("span", Pa, [
-              v.value ? j(b.$slots, "selected", {
+            x("span", ja, [
+              v.value ? M(b.$slots, "selected", {
                 key: 0,
                 option: v.value
               }, () => [
                 Ue(B(u(v.value)), 1)
-              ], !0) : (f(), g("span", ja, B(e.placeholder), 1))
+              ], !0) : (f(), g("span", Ma, B(e.placeholder), 1))
             ]),
-            t.clearable && v.value && !e.disabled ? (f(), M(P, {
+            t.clearable && v.value && !e.disabled ? (f(), P(j, {
               key: 1,
               icon: S(F).CLOSE,
               size: S(q).S,
               class: "select-clear-icon",
               onClick: N(y, ["stop"])
             }, null, 8, ["icon", "size"])) : L("", !0),
-            O(P, {
+            O(j, {
               icon: S(F).CHEVRON_DOWN,
               size: S(q).S,
               class: z(["select-icon-right", { open: l.value }])
@@ -2795,14 +2803,14 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
                 style: G(S(r)),
                 class: "select-dropdown"
               }, [
-                x("div", Ma, [
+                x("div", Pa, [
                   (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
                   }, [
-                    j(b.$slots, "option", {
+                    M(b.$slots, "option", {
                       option: I,
                       selected: m(I)
                     }, () => [
@@ -2815,7 +2823,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
             _: 3
           })
         ], 2),
-        (f(), M(Pe, { to: "body" }, [
+        (f(), P(je, { to: "body" }, [
           l.value ? (f(), g("div", {
             key: 0,
             class: "select-backdrop",
@@ -2854,7 +2862,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     const a = (i) => {
       l.value = i, o("update:modelValue", i);
     };
-    return (i, c) => (f(), M(ze, {
+    return (i, c) => (f(), P(ze, {
       modelValue: l.value,
       "onUpdate:modelValue": a,
       label: t.label,
@@ -2887,14 +2895,14 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           i.$slots.selected ? {
             name: "selected",
             fn: W(({ option: d }) => [
-              j(i.$slots, "selected", { option: d })
+              M(i.$slots, "selected", { option: d })
             ]),
             key: "0"
           } : void 0,
           i.$slots.option ? {
             name: "option",
             fn: W(({ option: d }) => [
-              j(i.$slots, "option", { option: d })
+              M(i.$slots, "option", { option: d })
             ]),
             key: "1"
           } : void 0
@@ -2943,7 +2951,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           k.target.releasePointerCapture(k.pointerId);
         } catch {
         }
-      p = null, w = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", y), P();
+      p = null, w = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", y), j();
     }, _ = (k) => {
       if (!p || !l.value) return;
       const V = l.value.getBoundingClientRect(), A = c(k.clientX - V.left, 0, V.width), H = t.min + A / V.width * (t.max - t.min), U = Math.round(H / t.step) * t.step;
@@ -2956,7 +2964,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
         ce <= ue ? s.value = Math.min(U, r.value) : r.value = Math.max(U, s.value);
       } else
         s.value = c(U, t.min, t.max);
-      P();
+      j();
     }, $ = (k, V) => {
       const A = t.step, H = V.key === "ArrowLeft" || V.key === "ArrowDown" ? -1 : V.key === "ArrowRight" || V.key === "ArrowUp" ? 1 : 0;
       if (H) {
@@ -2967,9 +2975,9 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           const U = c(r.value + H * A, t.range ? s.value : t.max, t.max);
           r.value = U, i.value = !0, setTimeout(() => i.value = !1, 800);
         }
-        P();
+        j();
       }
-    }, P = () => {
+    }, j = () => {
       t.range ? (o("update:modelValue", [s.value, r.value]), o("change", [s.value, r.value])) : (o("update:modelValue", s.value), o("change", s.value));
     };
     Re(() => {
@@ -3062,7 +3070,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       const s = typeof c == "number" ? c : Number(c ?? 0);
       a.value = Number.isNaN(s) ? 0 : s, o("update:modelValue", a.value), o("input", a.value);
     };
-    return (c, s) => (f(), M(ze, {
+    return (c, s) => (f(), P(ze, {
       modelValue: a.value,
       "onUpdate:modelValue": i,
       label: t.label,
@@ -3121,7 +3129,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     return (r, u) => {
       const d = K("VjIcon");
       return f(), g("div", qa, [
-        e.icon ? (f(), M(d, {
+        e.icon ? (f(), P(d, {
           key: 0,
           icon: e.icon,
           size: S(q).S,
@@ -3136,7 +3144,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           disabled: e.disabled,
           rows: e.rows
         }, null, 40, Ya),
-        e.clearable && !e.disabled ? (f(), M(d, {
+        e.clearable && !e.disabled ? (f(), P(d, {
           key: 1,
           class: z(["clear-icon", { invisible: s.value }]),
           icon: S(F).CLOSE,
@@ -3171,7 +3179,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
       const u = t.modelValue;
       return u == null ? "" : String(u);
     });
-    return (u, d) => (f(), M(ze, {
+    return (u, d) => (f(), P(ze, {
       modelValue: t.modelValue,
       "onUpdate:modelValue": l,
       onInput: a,
@@ -3235,7 +3243,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     return (r, u) => {
       const d = K("VjIcon");
       return f(), g("div", Za, [
-        e.icon ? (f(), M(d, {
+        e.icon ? (f(), P(d, {
           key: 0,
           icon: e.icon,
           size: S(q).S
@@ -3249,7 +3257,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           placeholder: e.placeholder,
           disabled: e.disabled
         }, null, 40, ei),
-        e.clearable && !e.disabled ? (f(), M(d, {
+        e.clearable && !e.disabled ? (f(), P(d, {
           key: 1,
           class: z(["clear-icon", { invisible: s.value }]),
           icon: S(F).CLOSE,
@@ -3281,7 +3289,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     const t = e, o = n, l = (r) => o("update:modelValue", r), a = (r) => o("input", r), i = (r) => o("focus", r), c = (r) => o("blur", r), s = (r) => {
       l(r ?? "");
     };
-    return (r, u) => (f(), M(ze, {
+    return (r, u) => (f(), P(ze, {
       modelValue: e.modelValue,
       "onUpdate:modelValue": l,
       onInput: a,
@@ -3353,7 +3361,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
     }), (v, m) => {
       const p = K("VjIcon"), w = K("RouterLink"), h = K("VjMenu");
       return f(), g("li", oi, [
-        e.to ? (f(), M(w, {
+        e.to ? (f(), P(w, {
           key: 0,
           to: e.to,
           class: "shell-navigation-item-link"
@@ -3383,7 +3391,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           ], 8, ii),
           O(Oe, { name: "menu" }, {
             default: W(() => [
-              o.value ? (f(), M(h, {
+              o.value ? (f(), P(h, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: a,
@@ -3393,14 +3401,14 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
                 onClick: N(r, ["stop"])
               }, {
                 default: W(() => [
-                  j(v.$slots, "default", {}, void 0, !0)
+                  M(v.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["style"])) : L("", !0)
             ]),
             _: 3
           }),
-          (f(), M(Pe, { to: "body" }, [
+          (f(), P(je, { to: "body" }, [
             o.value ? (f(), g("div", {
               key: 0,
               class: "menu-backdrop",
@@ -3424,13 +3432,13 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
         class: z(["shell-navigation", { "with-labels": t.value }])
       }, [
         x("ul", ui, [
-          S(n).hasParent && S(n).backRoute.value ? (f(), M(a, {
+          S(n).hasParent && S(n).backRoute.value ? (f(), P(a, {
             key: 0,
             to: S(n).backRoute.value,
             label: "BACK",
             icon: S(F).HOME
           }, null, 8, ["to", "icon"])) : L("", !0),
-          (f(!0), g(Z, null, ge(S(n).childRoutes.value, (i) => (f(), M(a, {
+          (f(!0), g(Z, null, ge(S(n).childRoutes.value, (i) => (f(), P(a, {
             key: i.name,
             to: { name: i.name },
             label: i.meta.label,
@@ -3438,7 +3446,7 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
         o.$slots.fixed ? (f(), g("ul", di, [
-          j(o.$slots, "fixed", {}, void 0, !0)
+          M(o.$slots, "fixed", {}, void 0, !0)
         ])) : L("", !0)
       ], 2);
     };
@@ -3468,30 +3476,30 @@ const ka = ["data-colspan", "data-newline"], Va = ["for"], Ca = { class: "form-f
             x("h1", null, B(e.title), 1)
           ]),
           x("div", hi, [
-            j(i.$slots, "header-actions", {}, void 0, !0)
+            M(i.$slots, "header-actions", {}, void 0, !0)
           ])
         ]),
         x("div", {
           class: z(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (f(), M(S(gn), { key: 0 }, rt({ _: 2 }, [
+          e.showNavigation ? (f(), P(S(gn), { key: 0 }, rt({ _: 2 }, [
             i.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: W(() => [
-                j(i.$slots, "navigation-fixed", {}, void 0, !0)
+                M(i.$slots, "navigation-fixed", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1024)) : L("", !0),
           x("main", null, [
-            j(i.$slots, "default", {}, () => [
+            M(i.$slots, "default", {}, () => [
               O(s)
             ], !0)
           ]),
           x("aside", {
             class: z({ "aside-visible": o.value })
           }, [
-            (f(), M(Kt(t.value), Vn(Cn(a.value)), null, 16))
+            (f(), P(Kt(t.value), Vn(Cn(a.value)), null, 16))
           ], 2)
         ], 2),
         c[0] || (c[0] = x("footer", null, null, -1))
@@ -3569,11 +3577,11 @@ const Ut = new yi(), wi = { class: "notifications" }, _i = /* @__PURE__ */ T({
   __name: "notifications",
   setup(e) {
     const n = Ut.getNotifications(), t = (o) => Ut.remove(o);
-    return (o, l) => (f(), M(Pe, { to: "body" }, [
+    return (o, l) => (f(), P(je, { to: "body" }, [
       x("div", wi, [
         O(En, { name: "notification" }, {
           default: W(() => [
-            (f(!0), g(Z, null, ge(S(n), (a) => (f(), M(wt, {
+            (f(!0), g(Z, null, ge(S(n), (a) => (f(), P(wt, {
               key: a.id,
               type: a.type,
               title: a.title,
@@ -3667,6 +3675,9 @@ class Ti {
   ensureContainer() {
     return this.containerElement || (this.containerElement = document.createElement("div"), this.containerElement.id = "vj-dialog-container", document.body.appendChild(this.containerElement)), this.containerElement;
   }
+  inheritAppContext(n) {
+    this.mainApp && (Object.assign(n.config.globalProperties, this.mainApp.config.globalProperties), Object.assign(n._context.provides, this.mainApp._context.provides), Object.assign(n._context.components, this.mainApp._context.components), Object.assign(n._context.directives, this.mainApp._context.directives), Object.assign(n.config.compilerOptions, this.mainApp.config.compilerOptions), n.config.errorHandler = this.mainApp.config.errorHandler, n.config.warnHandler = this.mainApp.config.warnHandler, n.config.performance = this.mainApp.config.performance, n.config.optionMergeStrategies = this.mainApp.config.optionMergeStrategies, n._context.mixins.push(...this.mainApp._context.mixins));
+  }
   open(n) {
     return new Promise((t) => {
       const o = this.ensureContainer(), l = document.createElement("div");
@@ -3706,7 +3717,7 @@ class Ti {
           });
         }
       });
-      this.mainApp && (Object.assign(c.config.globalProperties, this.mainApp.config.globalProperties), Object.assign(c._context.provides, this.mainApp._context.provides)), c.component("VjCard", at), c.component("VjIcon", be), c.component("VjButton", dt), c.mount(l), this.apps.push({ app: c, element: l });
+      this.inheritAppContext(c), c.component("VjCard", at), c.component("VjIcon", be), c.component("VjButton", dt), c.mount(l), this.apps.push({ app: c, element: l });
     });
   }
   confirm(n) {
@@ -3786,22 +3797,22 @@ const Ni = () => {
   return { run: l, running: e, error: n, clearError: t };
 }, Ki = {
   install(e) {
-    e.component("VjAmountBar", xa), e.component("VjButton", dt), e.component("VjButtonBar", jn), e.component("VjCard", at), e.component("VjChip", Gt), e.component("VjChipGroup", qt), e.component("VjChipSelector", _o), e.component("VjCarousel", at), e.component("VjCheckbox", Yn), e.component("VjDotMenu", ml), e.component("VjDialog", ft), e.component("VjIcon", be), e.component("VjLinkButton", hl), e.component("VjMenu", Vl), e.component("VjMenuAction", wl), e.component("VjPage", Ql), e.component("VjPaginator", ta), e.component("VjTab", pa), e.component("VjTabView", va), e.component("VjSkeleton", wa), e.component("VjSpinner", dn), e.component("VjNotifications", xi), e.component("VjNotification", wt), e.component("VjInput", hn), e.component("VjSelect", mn), e.component("VjTextArea", pn), e.component("VjFormField", ze), e.component("VjFormLayout", Ta), e.component("VjFormSection", Da), e.component("VjInputText", ni), e.component("VjInputTextArea", Qa), e.component("VjInputSelect", Ia), e.component("VjInputSlider", Ga), e.component("VjShellNavigation", gn), e.component("VjShellNavigationItem", ci), e.component("VjShell", bi), e.component("VjSearchField", aa), e.component("VjSeparator", sa), e.directive("focus", Ll), e.directive("resize", $l), e.directive("compact", Cl), e.directive("tooltip", fn);
+    e.component("VjAmountBar", xa), e.component("VjButton", dt), e.component("VjButtonBar", Mn), e.component("VjCard", at), e.component("VjChip", Gt), e.component("VjChipGroup", qt), e.component("VjChipSelector", _o), e.component("VjCarousel", at), e.component("VjCheckbox", Yn), e.component("VjDotMenu", ml), e.component("VjDialog", ft), e.component("VjIcon", be), e.component("VjLinkButton", hl), e.component("VjMenu", Vl), e.component("VjMenuAction", wl), e.component("VjPage", Ql), e.component("VjPaginator", ta), e.component("VjTab", pa), e.component("VjTabView", va), e.component("VjSkeleton", wa), e.component("VjSpinner", dn), e.component("VjNotifications", xi), e.component("VjNotification", wt), e.component("VjInput", hn), e.component("VjSelect", mn), e.component("VjTextArea", pn), e.component("VjFormField", ze), e.component("VjFormLayout", Ta), e.component("VjFormSection", Da), e.component("VjInputText", ni), e.component("VjInputTextArea", Qa), e.component("VjInputSelect", Ia), e.component("VjInputSlider", Ga), e.component("VjShellNavigation", gn), e.component("VjShellNavigationItem", ci), e.component("VjShell", bi), e.component("VjSearchField", aa), e.component("VjSeparator", sa), e.directive("focus", Ll), e.directive("resize", $l), e.directive("compact", Cl), e.directive("tooltip", fn);
   }
 };
 export {
   xa as AmountBar,
   dt as Button,
-  jn as ButtonBar,
+  Mn as ButtonBar,
   at as Card,
-  Pi as Carousel,
+  ji as Carousel,
   Yn as Checkbox,
   Gt as Chip,
   qt as ChipGroup,
   _o as ChipSelector,
   ft as Dialog,
   ml as DotMenu,
-  Mi as EditableLabel,
+  Pi as EditableLabel,
   Ll as FocusFirstDirective,
   ze as FormField,
   Ta as FormLayout,
@@ -3822,7 +3833,7 @@ export {
   xi as Notifications,
   Ql as Page,
   ta as Paginator,
-  ji as Radio,
+  Mi as Radio,
   $l as ResizeDirective,
   aa as SearchField,
   mn as Select,