@kong-ui-public/app-layout 4.11.31 → 4.11.32-pr.3477.a6d47be95.0

package/dist/app-layout.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as ie, resolveComponent as me, openBlock as h, createBlock as H, withCtx as B, renderSlot as C, createElementBlock as S, Fragment as Ae, renderList as he, normalizeClass as Q, createTextVNode as Fe, toDisplayString as Y, computed as I, createSlots as Pe, createVNode as je, createCommentVNode as A, createElementVNode as F, createStaticVNode as En, useCssVars as St, useSlots as Ke, reactive as Ye, onMounted as Ze, getCurrentInstance as ea, getCurrentScope as An, hasInjectionContext as ta, inject as Nn, watch as De, shallowRef as Qe, watchEffect as aa, toValue as Ne, unref as pe, resolveDynamicComponent as Te, withKeys as Fn, ref as ne, onUnmounted as Dn, Comment as xn, cloneVNode as Rn, nextTick as zt, onBeforeUnmount as na, withModifiers as Bn, toRef as Ln } from "vue";
+import { defineComponent as ie, resolveComponent as me, openBlock as h, createBlock as H, withCtx as B, renderSlot as C, createElementBlock as S, Fragment as Ae, renderList as he, normalizeClass as Q, createTextVNode as Fe, toDisplayString as Y, computed as I, createSlots as Pe, createVNode as je, createCommentVNode as A, createElementVNode as F, createStaticVNode as En, useCssVars as St, useSlots as Ke, reactive as Ye, onMounted as Ze, getCurrentInstance as ea, getCurrentScope as An, hasInjectionContext as ta, inject as Nn, watch as De, shallowRef as Qe, watchEffect as aa, toValue as Ne, unref as pe, resolveDynamicComponent as Te, withKeys as Fn, ref as ne, onUnmounted as Dn, Comment as xn, cloneVNode as Rn, nextTick as Gt, onBeforeUnmount as na, withModifiers as Bn, toRef as Ln } from "vue";
 import { ChevronRightIcon as ra, ChevronDownIcon as Mn } from "@kong/icons";
 import { KButton as Pn, HeaderTags as jn } from "@kong/kongponents";
 const Kn = /* @__PURE__ */ ie({
@@ -62,10 +62,10 @@ const Kn = /* @__PURE__ */ ie({
   key: 0,
   class: "about-section-timestamps-created",
   "data-testid": "about-section-timestamps-created"
-}, Gn = {
+}, zn = {
   key: 1,
   class: "about-section-timestamps-arrow"
-}, zn = {
+}, Gn = {
   key: 2,
   class: "about-section-timestamps-modified",
   "data-testid": "about-section-timestamps-modified"
@@ -153,8 +153,8 @@ const Kn = /* @__PURE__ */ ie({
                 class: Q(["about-section-timestamps", { "has-actions": n.$slots.actions }])
               }, [
                 a.created ? (h(), S("span", Wn, Y(a.createdLabel) + ": " + Y(a.created), 1)) : A("", !0),
-                a.created && r.value ? (h(), S("span", Gn, "->")) : A("", !0),
-                r.value ? (h(), S("span", zn, Y(a.modifiedLabel) + ": " + Y(a.modified), 1)) : A("", !0)
+                a.created && r.value ? (h(), S("span", zn, "->")) : A("", !0),
+                r.value ? (h(), S("span", Gn, Y(a.modifiedLabel) + ": " + Y(a.modified), 1)) : A("", !0)
               ], 2)) : A("", !0),
               n.$slots.actions ? (h(), S("div", Vn, [
                 C(n.$slots, "actions", {}, void 0, !0)
@@ -301,9 +301,9 @@ function Cr(...a) {
     ];
   }, ([n, s, l, i], f, g) => {
     if (!(n != null && n.length) || !(s != null && s.length) || !(l != null && l.length)) return;
-    const _ = Sr(i) ? { ...i } : i, $ = n.flatMap((D) => s.flatMap((L) => l.map((R) => e(D, L, R, _))));
+    const _ = Sr(i) ? { ...i } : i, O = n.flatMap((D) => s.flatMap((L) => l.map((R) => e(D, L, R, _))));
     g(() => {
-      $.forEach((D) => D());
+      O.forEach((D) => D());
     });
   }, { flush: "post" });
 }
@@ -315,26 +315,26 @@ function _r() {
   }, e), a;
 }
 // @__NO_SIDE_EFFECTS__
-function Or(a) {
+function $r(a) {
   const e = /* @__PURE__ */ _r();
   return I(() => (e.value, !!a()));
 }
-const $r = Symbol("vueuse-ssr-width");
+const Or = Symbol("vueuse-ssr-width");
 // @__NO_SIDE_EFFECTS__
 function Er() {
-  const a = ta() ? /* @__PURE__ */ yr($r, null) : null;
+  const a = ta() ? /* @__PURE__ */ yr(Or, null) : null;
   return typeof a == "number" ? a : void 0;
 }
 function Ar(a, e = {}) {
-  const { window: r = ia, ssrWidth: n = /* @__PURE__ */ Er() } = e, s = /* @__PURE__ */ Or(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), l = Qe(typeof n == "number"), i = Qe(), f = Qe(!1), g = (_) => {
+  const { window: r = ia, ssrWidth: n = /* @__PURE__ */ Er() } = e, s = /* @__PURE__ */ $r(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), l = Qe(typeof n == "number"), i = Qe(), f = Qe(!1), g = (_) => {
     f.value = _.matches;
   };
   return aa(() => {
     if (l.value) {
       l.value = !s.value, f.value = Ne(a).split(",").some((_) => {
-        const $ = _.includes("not all"), D = _.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), L = _.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        const O = _.includes("not all"), D = _.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), L = _.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
         let R = !!(D || L);
-        return D && R && (R = n >= Vt(D[1])), L && R && (R = n <= Vt(L[1])), $ ? !R : R;
+        return D && R && (R = n >= Vt(D[1])), L && R && (R = n <= Vt(L[1])), O ? !R : R;
       });
       return;
     }
@@ -358,10 +358,10 @@ const Nr = "#ffffff", Fr = "#000933", Dr = "#000933", xr = "#ffffff", Rr = "0px"
       title: (a.count || 0) > gt ? String(a.count) : void 0
     }, Y(r.value), 9, jr)) : A("", !0);
   }
-}), Zr = /* @__PURE__ */ oe(Kr, [["__scopeId", "data-v-a0c9b043"]]), Hr = ["data-testid"], Wr = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], Gr = {
+}), Zr = /* @__PURE__ */ oe(Kr, [["__scopeId", "data-v-a0c9b043"]]), Hr = ["data-testid"], Wr = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], zr = {
   key: 0,
   class: "sidebar-item-icon"
-}, zr = { class: "sidebar-item-name-container" }, Vr = { class: "sidebar-item-name has-tooltip" }, Ur = {
+}, Gr = { class: "sidebar-item-name-container" }, Vr = { class: "sidebar-item-name has-tooltip" }, Ur = {
   key: 2,
   class: "sidebar-item-label truncate-text truncate-18"
 }, qr = {
@@ -386,12 +386,12 @@ const Nr = "#ffffff", Fr = "#000933", Dr = "#000933", xr = "#ffffff", Rr = "0px"
       () => n.subnavItem && // item has non-zero badgeCount OR
       n.item.badgeCount !== void 0 && n.item.badgeCount !== 0 || // slot content for the badge
       !!s[`sidebar-after-${n.item.key}`]
-    ), g = ($) => {
-      r("click", $);
-    }, _ = ($, D, L) => {
-      g(D), typeof L == "function" && ($.preventDefault(), L());
+    ), g = (O) => {
+      r("click", O);
+    }, _ = (O, D, L) => {
+      g(D), typeof L == "function" && (O.preventDefault(), L());
     };
-    return ($, D) => {
+    return (O, D) => {
       var M;
       const L = me("KTooltip"), R = me("SidebarItem", !0);
       return h(), S("li", {
@@ -412,16 +412,16 @@ const Nr = "#ffffff", Fr = "#000933", Dr = "#000933", xr = "#ffffff", Rr = "0px"
                 class: Q(["sidebar-item-link", { "sidebar-item-external-link": i.value, "router-link": !l.value }]),
                 href: l.value ? String(a.item.to || "#") : P == null ? void 0 : P.href,
                 target: i.value ? "_blank" : void 0,
-                onClick: (z) => _(z, a.item, P == null ? void 0 : P.navigate),
-                onKeypress: Fn((z) => _(z, a.item, P == null ? void 0 : P.navigate), ["enter"])
+                onClick: (G) => _(G, a.item, P == null ? void 0 : P.navigate),
+                onKeypress: Fn((G) => _(G, a.item, P == null ? void 0 : P.navigate), ["enter"])
               }, [
                 F("div", {
                   class: Q(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-after-content": f.value }])
                 }, [
-                  $.$slots[`sidebar-icon-${a.item.key}`] ? (h(), S("div", Gr, [
-                    a.subnavItem ? A("", !0) : C($.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
+                  O.$slots[`sidebar-icon-${a.item.key}`] ? (h(), S("div", zr, [
+                    a.subnavItem ? A("", !0) : C(O.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
                   ])) : A("", !0),
-                  F("div", zr, [
+                  F("div", Gr, [
                     (a.subnavItem && !f.value ? a.item.name.length < 25 : a.item.name.length < 18) ? (h(), S("div", {
                       key: 0,
                       class: Q(["sidebar-item-name truncate-text", [a.subnavItem ? "has-after-content-max-width truncate-24" : "truncate-17"]])
@@ -447,7 +447,7 @@ const Nr = "#ffffff", Fr = "#000933", Dr = "#000933", xr = "#ffffff", Rr = "0px"
                     a.item.badgeCount ? (h(), H(Zr, {
                       key: 0,
                       count: a.item.badgeCount
-                    }, null, 8, ["count"])) : C($.$slots, `sidebar-after-${a.item.key}`, { key: 1 }, void 0, !0)
+                    }, null, 8, ["count"])) : C(O.$slots, `sidebar-after-${a.item.key}`, { key: 1 }, void 0, !0)
                   ])) : A("", !0)
                 ], 2)
               ], 42, Wr)
@@ -470,7 +470,7 @@ const Nr = "#ffffff", Fr = "#000933", Dr = "#000933", xr = "#ffffff", Rr = "0px"
       ], 10, Hr);
     };
   }
-}), Ut = /* @__PURE__ */ oe(Yr, [["__scopeId", "data-v-a8ca71d3"]]);
+}), Ut = /* @__PURE__ */ oe(Yr, [["__scopeId", "data-v-8b23b588"]]);
 /*!
 * tabbable 6.4.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -507,8 +507,8 @@ var oa = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
           candidates: _
         });
       } else {
-        var $ = Ie.call(i, Je);
-        $ && n.filter(i) && (r || !e.includes(i)) && s.push(i);
+        var O = Ie.call(i, Je);
+        O && n.filter(i) && (r || !e.includes(i)) && s.push(i);
         var D = i.shadowRoot || // check for an undisclosed shadow
         typeof n.getShadowRoot == "function" && n.getShadowRoot(i), L = !tt(D, !1) && (!n.shadowRootFilter || n.shadowRootFilter(i));
         if (D && L) {
@@ -571,8 +571,8 @@ var oa = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
   if (n && n !== e) {
     var i, f, g;
     for (l = !!((i = s) !== null && i !== void 0 && (f = i.ownerDocument) !== null && f !== void 0 && f.contains(s) || e != null && (g = e.ownerDocument) !== null && g !== void 0 && g.contains(e)); !l && s; ) {
-      var _, $, D;
-      n = et(s), s = (_ = n) === null || _ === void 0 ? void 0 : _.host, l = !!(($ = s) !== null && $ !== void 0 && (D = $.ownerDocument) !== null && D !== void 0 && D.contains(s));
+      var _, O, D;
+      n = et(s), s = (_ = n) === null || _ === void 0 ? void 0 : _.host, l = !!((O = s) !== null && O !== void 0 && (D = O.ownerDocument) !== null && D !== void 0 && D.contains(s));
     }
   }
   return l;
@@ -607,10 +607,10 @@ var oa = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
   n === "full-native" || n === "legacy-full") {
     if (typeof s == "function") {
       for (var g = e; e; ) {
-        var _ = e.parentElement, $ = et(e);
+        var _ = e.parentElement, O = et(e);
         if (_ && !_.shadowRoot && s(_) === !0)
           return qt(e);
-        e.assignedSlot ? e = e.assignedSlot : !_ && $ !== e.ownerDocument ? e = $.host : e = _;
+        e.assignedSlot ? e = e.assignedSlot : !_ && O !== e.ownerDocument ? e = O.host : e = _;
       }
       e = g;
     }
@@ -904,8 +904,8 @@ var fe = {
     return c && c[d] !== void 0 ? c[d] : l[y || d];
   }, _ = function(c, d) {
     var y = typeof (d == null ? void 0 : d.composedPath) == "function" ? d.composedPath() : void 0;
-    return i.containerGroups.findIndex(function(O) {
-      var T = O.container, N = O.tabbableNodes;
+    return i.containerGroups.findIndex(function($) {
+      var T = $.container, N = $.tabbableNodes;
       return T.contains(c) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
@@ -914,8 +914,8 @@ var fe = {
         return b === c;
       });
     });
-  }, $ = function(c) {
-    var d = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, y = d.hasFallback, O = y === void 0 ? !1 : y, T = d.params, N = T === void 0 ? [] : T, b = l[c];
+  }, O = function(c) {
+    var d = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, y = d.hasFallback, $ = y === void 0 ? !1 : y, T = d.params, N = T === void 0 ? [] : T, b = l[c];
     if (typeof b == "function" && (b = b.apply(void 0, gi(N))), b === !0 && (b = void 0), !b) {
       if (b === void 0 || b === !1)
         return b;
@@ -928,7 +928,7 @@ var fe = {
       } catch (p) {
         throw new Error("`".concat(c, '` appears to be an invalid selector; error="').concat(p.message, '"'));
       }
-      if (!v && !O)
+      if (!v && !$)
         throw new Error("`".concat(c, "` as selector refers to no known node"));
     }
     return v;
@@ -936,7 +936,7 @@ var fe = {
     var d = c.activeElement;
     return d ? d.shadowRoot && d.shadowRoot.activeElement !== null ? D(d.shadowRoot) : d : null;
   }, L = function() {
-    var c = $("initialFocus", {
+    var c = O("initialFocus", {
       hasFallback: !0
     });
     if (c === !1)
@@ -946,16 +946,16 @@ var fe = {
       if (_(d) >= 0)
         c = d;
       else {
-        var y = i.tabbableGroups[0], O = y && y.firstTabbableNode;
-        c = O || $("fallbackFocus");
+        var y = i.tabbableGroups[0], $ = y && y.firstTabbableNode;
+        c = $ || O("fallbackFocus");
       }
-    } else c === null && (c = $("fallbackFocus"));
+    } else c === null && (c = O("fallbackFocus"));
     if (!c)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return c;
   }, R = function() {
     if (i.containerGroups = i.containers.map(function(c) {
-      var d = di(c, l.tabbableOptions), y = fi(c, l.tabbableOptions), O = d.length > 0 ? d[0] : void 0, T = d.length > 0 ? d[d.length - 1] : void 0, N = y.find(function(p) {
+      var d = di(c, l.tabbableOptions), y = fi(c, l.tabbableOptions), $ = d.length > 0 ? d[0] : void 0, T = d.length > 0 ? d[d.length - 1] : void 0, N = y.find(function(p) {
         return Ee(p);
       }), b = y.slice().reverse().find(function(p) {
         return Ee(p);
@@ -969,7 +969,7 @@ var fe = {
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: v,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: O,
+        firstTabbableNode: $,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
         lastTabbableNode: T,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
@@ -1002,7 +1002,7 @@ var fe = {
       };
     }), i.tabbableGroups = i.containerGroups.filter(function(c) {
       return c.tabbableNodes.length > 0;
-    }), i.tabbableGroups.length <= 0 && !$("fallbackFocus"))
+    }), i.tabbableGroups.length <= 0 && !O("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
     if (i.containerGroups.find(function(c) {
       return c.posTabIndexesFound;
@@ -1019,12 +1019,12 @@ var fe = {
       }), i.mostRecentlyFocusedNode = c, ki(c) && c.select();
     }
   }, P = function(c) {
-    var d = $("setReturnFocus", {
+    var d = O("setReturnFocus", {
       params: [c]
     });
     return d || (d === !1 ? !1 : c);
   }, re = function(c) {
-    var d = c.target, y = c.event, O = c.isBackward, T = O === void 0 ? !1 : O;
+    var d = c.target, y = c.event, $ = c.isBackward, T = $ === void 0 ? !1 : $;
     d = d || qe(y), R();
     var N = null;
     if (i.tabbableGroups.length > 0) {
@@ -1051,7 +1051,7 @@ var fe = {
         } else Me(y) || (N = v.nextTabbableNode(d));
       }
     } else
-      N = $("fallbackFocus");
+      N = O("fallbackFocus");
     return N;
   }, W = function(c) {
     var d = qe(c);
@@ -1070,13 +1070,13 @@ var fe = {
       }
       Le(l.allowOutsideClick, c) || c.preventDefault();
     }
-  }, z = function(c) {
+  }, G = function(c) {
     var d = qe(c), y = _(d, c) >= 0;
     if (y || d instanceof Document)
       y && (i.mostRecentlyFocusedNode = d);
     else {
       c.stopImmediatePropagation();
-      var O, T = !0;
+      var $, T = !0;
       if (i.mostRecentlyFocusedNode)
         if (Se(i.mostRecentlyFocusedNode) > 0) {
           var N = _(i.mostRecentlyFocusedNode), b = i.containerGroups[N].tabbableNodes;
@@ -1084,7 +1084,7 @@ var fe = {
             var v = b.findIndex(function(p) {
               return p === i.mostRecentlyFocusedNode;
             });
-            v >= 0 && (l.isKeyForward(i.recentNavEvent) ? v + 1 < b.length && (O = b[v + 1], T = !1) : v - 1 >= 0 && (O = b[v - 1], T = !1));
+            v >= 0 && (l.isKeyForward(i.recentNavEvent) ? v + 1 < b.length && ($ = b[v + 1], T = !1) : v - 1 >= 0 && ($ = b[v - 1], T = !1));
           }
         } else
           i.containerGroups.some(function(p) {
@@ -1094,12 +1094,12 @@ var fe = {
           }) || (T = !1);
       else
         T = !1;
-      T && (O = re({
+      T && ($ = re({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: i.mostRecentlyFocusedNode,
         isBackward: l.isKeyBackward(i.recentNavEvent)
-      })), M(O || i.mostRecentlyFocusedNode || L());
+      })), M($ || i.mostRecentlyFocusedNode || L());
     }
     i.recentNavEvent = void 0;
   }, ve = function(c) {
@@ -1125,7 +1125,7 @@ var fe = {
         i.delayInitialFocusTimer = Jt(function() {
           M(L()), d();
         });
-      }) : M(L()), n.addEventListener("focusin", z, !0), n.addEventListener("mousedown", W, {
+      }) : M(L()), n.addEventListener("focusin", G, !0), n.addEventListener("mousedown", W, {
         capture: !0,
         passive: !1
       }), n.addEventListener("touchstart", W, {
@@ -1141,9 +1141,9 @@ var fe = {
     }
   }, x = function(c) {
     i.active && !i.paused && f._setSubtreeIsolation(!1), i.adjacentElements.clear(), i.alreadySilent.clear();
-    var d = /* @__PURE__ */ new Set(), y = /* @__PURE__ */ new Set(), O = Xt(c), T;
+    var d = /* @__PURE__ */ new Set(), y = /* @__PURE__ */ new Set(), $ = Xt(c), T;
     try {
-      for (O.s(); !(T = O.n()).done; ) {
+      for ($.s(); !(T = $.n()).done; ) {
         var N = T.value;
         d.add(N);
         for (var b = typeof ShadowRoot < "u" && N.getRootNode() instanceof ShadowRoot, v = N; v; ) {
@@ -1165,16 +1165,16 @@ var fe = {
         }
       }
     } catch (Z) {
-      O.e(Z);
+      $.e(Z);
     } finally {
-      O.f();
+      $.f();
     }
     d.forEach(function(Z) {
       y.delete(Z);
     }), i.adjacentElements = y;
-  }, G = function() {
+  }, z = function() {
     if (i.active)
-      return n.removeEventListener("focusin", z, !0), n.removeEventListener("mousedown", W, !0), n.removeEventListener("touchstart", W, !0), n.removeEventListener("click", q, !0), n.removeEventListener("keydown", le, !0), n.removeEventListener("keydown", J), f;
+      return n.removeEventListener("focusin", G, !0), n.removeEventListener("mousedown", W, !0), n.removeEventListener("touchstart", W, !0), n.removeEventListener("click", q, !0), n.removeEventListener("keydown", le, !0), n.removeEventListener("keydown", J), f;
   }, V = function(c) {
     var d = i.mostRecentlyFocusedNode;
     if (d) {
@@ -1188,8 +1188,8 @@ var fe = {
         return T == null ? void 0 : T.isConnected;
       })) {
         R();
-        var O = L();
-        M(O);
+        var $ = L();
+        M($);
       }
     }
   }, X = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(V) : void 0, ee = function() {
@@ -1210,17 +1210,17 @@ var fe = {
     activate: function(c) {
       if (i.active)
         return this;
-      var d = g(c, "onActivate"), y = g(c, "onPostActivate"), O = g(c, "checkCanFocusTrap"), T = fe.getActiveTrap(s), N = !1;
+      var d = g(c, "onActivate"), y = g(c, "onPostActivate"), $ = g(c, "checkCanFocusTrap"), T = fe.getActiveTrap(s), N = !1;
       if (T && !T.paused) {
         var b;
         (b = T._setSubtreeIsolation) === null || b === void 0 || b.call(T, !1), N = !0;
       }
       try {
-        O || R(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = D(n), d == null || d({
+        $ || R(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = D(n), d == null || d({
           trap: f
         });
         var v = function() {
-          O && R();
+          $ && R();
           var w = function() {
             f._setSubtreeIsolation(!0), ee(), y == null || y({
               trap: f
@@ -1228,8 +1228,8 @@ var fe = {
           }, K = se();
           K ? K.then(w) : w();
         };
-        if (O)
-          return O(i.containers.concat()).then(v, v), this;
+        if ($)
+          return $(i.containers.concat()).then(v, v), this;
         v();
       } catch (m) {
         if (T === fe.getActiveTrap(s) && N) {
@@ -1248,13 +1248,13 @@ var fe = {
         onPostDeactivate: l.onPostDeactivate,
         checkCanReturnFocus: l.checkCanReturnFocus
       }, c);
-      clearTimeout(i.delayInitialFocusTimer), i.delayInitialFocusTimer = void 0, i.paused || f._setSubtreeIsolation(!1), i.alreadySilent.clear(), G(), i.active = !1, i.paused = !1, ee(), fe.deactivateTrap(s, f);
-      var y = g(d, "onDeactivate"), O = g(d, "onPostDeactivate"), T = g(d, "checkCanReturnFocus"), N = g(d, "delayReturnFocus"), b = g(d, "returnFocus", "returnFocusOnDeactivate");
+      clearTimeout(i.delayInitialFocusTimer), i.delayInitialFocusTimer = void 0, i.paused || f._setSubtreeIsolation(!1), i.alreadySilent.clear(), z(), i.active = !1, i.paused = !1, ee(), fe.deactivateTrap(s, f);
+      var y = g(d, "onDeactivate"), $ = g(d, "onPostDeactivate"), T = g(d, "checkCanReturnFocus"), N = g(d, "delayReturnFocus"), b = g(d, "returnFocus", "returnFocusOnDeactivate");
       y == null || y({
         trap: f
       });
       var v = function() {
-        b && M(P(i.nodeFocusedBeforeActivation)), O == null || O({
+        b && M(P(i.nodeFocusedBeforeActivation)), $ == null || $({
           trap: f
         });
       }, p = function() {
@@ -1285,10 +1285,10 @@ var fe = {
         if (i.paused === c)
           return this;
         if (i.paused = c, c) {
-          var y = g(d, "onPause"), O = g(d, "onPostPause");
+          var y = g(d, "onPause"), $ = g(d, "onPostPause");
           y == null || y({
             trap: f
-          }), G(), f._setSubtreeIsolation(!1), ee(), O == null || O({
+          }), z(), f._setSubtreeIsolation(!1), ee(), $ == null || $({
             trap: f
           });
         } else {
@@ -1341,7 +1341,7 @@ var fe = {
   * (c) 2025 Eduardo San Martin Morote
   * @license MIT
   */
-const Oi = {
+const $i = {
   escapeDeactivates: {
     type: Boolean,
     default: !0
@@ -1367,7 +1367,7 @@ const Oi = {
   preventScroll: Boolean,
   setReturnFocus: [Object, String, Boolean, Function],
   tabbableOptions: Object
-}, $i = ie({
+}, Oi = ie({
   name: "FocusTrap",
   props: Object.assign({
     active: {
@@ -1375,7 +1375,7 @@ const Oi = {
       type: Boolean,
       default: !0
     }
-  }, Oi),
+  }, $i),
   emits: [
     "update:active",
     "activate",
@@ -1454,8 +1454,8 @@ function Ei(a) {
 var rt = { exports: {} };
 rt.exports;
 (function(a, e) {
-  var r = 200, n = "__lodash_hash_undefined__", s = 9007199254740991, l = "[object Arguments]", i = "[object Array]", f = "[object Boolean]", g = "[object Date]", _ = "[object Error]", $ = "[object Function]", D = "[object GeneratorFunction]", L = "[object Map]", R = "[object Number]", M = "[object Object]", P = "[object Promise]", re = "[object RegExp]", W = "[object Set]", z = "[object String]", ve = "[object Symbol]", le = "[object WeakMap]", J = "[object ArrayBuffer]", q = "[object DataView]", se = "[object Float32Array]", x = "[object Float64Array]", G = "[object Int8Array]", V = "[object Int16Array]", X = "[object Int32Array]", ee = "[object Uint8Array]", E = "[object Uint8ClampedArray]", c = "[object Uint16Array]", d = "[object Uint32Array]", y = /[\\^$.*+?()[\]{}|]/g, O = /\w*$/, T = /^\[object .+?Constructor\]$/, N = /^(?:0|[1-9]\d*)$/, b = {};
-  b[l] = b[i] = b[J] = b[q] = b[f] = b[g] = b[se] = b[x] = b[G] = b[V] = b[X] = b[L] = b[R] = b[M] = b[re] = b[W] = b[z] = b[ve] = b[ee] = b[E] = b[c] = b[d] = !0, b[_] = b[$] = b[le] = !1;
+  var r = 200, n = "__lodash_hash_undefined__", s = 9007199254740991, l = "[object Arguments]", i = "[object Array]", f = "[object Boolean]", g = "[object Date]", _ = "[object Error]", O = "[object Function]", D = "[object GeneratorFunction]", L = "[object Map]", R = "[object Number]", M = "[object Object]", P = "[object Promise]", re = "[object RegExp]", W = "[object Set]", G = "[object String]", ve = "[object Symbol]", le = "[object WeakMap]", J = "[object ArrayBuffer]", q = "[object DataView]", se = "[object Float32Array]", x = "[object Float64Array]", z = "[object Int8Array]", V = "[object Int16Array]", X = "[object Int32Array]", ee = "[object Uint8Array]", E = "[object Uint8ClampedArray]", c = "[object Uint16Array]", d = "[object Uint32Array]", y = /[\\^$.*+?()[\]{}|]/g, $ = /\w*$/, T = /^\[object .+?Constructor\]$/, N = /^(?:0|[1-9]\d*)$/, b = {};
+  b[l] = b[i] = b[J] = b[q] = b[f] = b[g] = b[se] = b[x] = b[z] = b[V] = b[X] = b[L] = b[R] = b[M] = b[re] = b[W] = b[G] = b[ve] = b[ee] = b[E] = b[c] = b[d] = !0, b[_] = b[O] = b[le] = !1;
   var v = typeof Xe == "object" && Xe && Xe.Object === Object && Xe, p = typeof self == "object" && self && self.Object === Object && self, m = v || p || Function("return this")(), w = e && !e.nodeType && e, K = w && !0 && a && !a.nodeType && a, j = K && K.exports === w;
   function Z(t, o) {
     return t.set(o[0], o[1]), t;
@@ -1512,12 +1512,12 @@ rt.exports;
       u[++o] = k;
     }), u;
   }
-  var ma = Array.prototype, ga = Function.prototype, He = Object.prototype, ot = m["__core-js_shared__"], Ot = function() {
+  var ma = Array.prototype, ga = Function.prototype, He = Object.prototype, ot = m["__core-js_shared__"], $t = function() {
     var t = /[^.]+$/.exec(ot && ot.keys && ot.keys.IE_PROTO || "");
     return t ? "Symbol(src)_1." + t : "";
-  }(), $t = ga.toString, be = He.hasOwnProperty, We = He.toString, ya = RegExp(
-    "^" + $t.call(be).replace(y, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Et = j ? m.Buffer : void 0, At = m.Symbol, Nt = m.Uint8Array, wa = it(Object.getPrototypeOf, Object), ka = Object.create, Sa = He.propertyIsEnumerable, Ta = ma.splice, Ft = Object.getOwnPropertySymbols, Ia = Et ? Et.isBuffer : void 0, Ca = it(Object.keys, Object), st = Oe(m, "DataView"), Re = Oe(m, "Map"), lt = Oe(m, "Promise"), ct = Oe(m, "Set"), ut = Oe(m, "WeakMap"), Be = Oe(Object, "create"), _a = we(st), Oa = we(Re), $a = we(lt), Ea = we(ct), Aa = we(ut), Dt = At ? At.prototype : void 0, xt = Dt ? Dt.valueOf : void 0;
+  }(), Ot = ga.toString, be = He.hasOwnProperty, We = He.toString, ya = RegExp(
+    "^" + Ot.call(be).replace(y, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  ), Et = j ? m.Buffer : void 0, At = m.Symbol, Nt = m.Uint8Array, wa = it(Object.getPrototypeOf, Object), ka = Object.create, Sa = He.propertyIsEnumerable, Ta = ma.splice, Ft = Object.getOwnPropertySymbols, Ia = Et ? Et.isBuffer : void 0, Ca = it(Object.keys, Object), st = $e(m, "DataView"), Re = $e(m, "Map"), lt = $e(m, "Promise"), ct = $e(m, "Set"), ut = $e(m, "WeakMap"), Be = $e(Object, "create"), _a = we(st), $a = we(Re), Oa = we(lt), Ea = we(ct), Aa = we(ut), Dt = At ? At.prototype : void 0, xt = Dt ? Dt.valueOf : void 0;
   function ge(t) {
     var o = -1, u = t ? t.length : 0;
     for (this.clear(); ++o < u; ) {
@@ -1559,21 +1559,21 @@ rt.exports;
     this.__data__ = [];
   }
   function La(t) {
-    var o = this.__data__, u = Ge(o, t);
+    var o = this.__data__, u = ze(o, t);
     if (u < 0)
       return !1;
     var k = o.length - 1;
     return u == k ? o.pop() : Ta.call(o, u, 1), !0;
   }
   function Ma(t) {
-    var o = this.__data__, u = Ge(o, t);
+    var o = this.__data__, u = ze(o, t);
     return u < 0 ? void 0 : o[u][1];
   }
   function Pa(t) {
-    return Ge(this.__data__, t) > -1;
+    return ze(this.__data__, t) > -1;
   }
   function ja(t, o) {
-    var u = this.__data__, k = Ge(u, t);
+    var u = this.__data__, k = ze(u, t);
     return k < 0 ? u.push([t, o]) : u[k][1] = o, this;
   }
   ue.prototype.clear = Ba, ue.prototype.delete = La, ue.prototype.get = Ma, ue.prototype.has = Pa, ue.prototype.set = ja;
@@ -1592,22 +1592,22 @@ rt.exports;
     };
   }
   function Za(t) {
-    return ze(this, t).delete(t);
+    return Ge(this, t).delete(t);
   }
   function Ha(t) {
-    return ze(this, t).get(t);
+    return Ge(this, t).get(t);
   }
   function Wa(t) {
-    return ze(this, t).has(t);
+    return Ge(this, t).has(t);
   }
-  function Ga(t, o) {
-    return ze(this, t).set(t, o), this;
+  function za(t, o) {
+    return Ge(this, t).set(t, o), this;
   }
-  Ce.prototype.clear = Ka, Ce.prototype.delete = Za, Ce.prototype.get = Ha, Ce.prototype.has = Wa, Ce.prototype.set = Ga;
+  Ce.prototype.clear = Ka, Ce.prototype.delete = Za, Ce.prototype.get = Ha, Ce.prototype.has = Wa, Ce.prototype.set = za;
   function _e(t) {
     this.__data__ = new ue(t);
   }
-  function za() {
+  function Ga() {
     this.__data__ = new ue();
   }
   function Va(t) {
@@ -1629,7 +1629,7 @@ rt.exports;
     }
     return u.set(t, o), this;
   }
-  _e.prototype.clear = za, _e.prototype.delete = Va, _e.prototype.get = Ua, _e.prototype.has = qa, _e.prototype.set = Xa;
+  _e.prototype.clear = Ga, _e.prototype.delete = Va, _e.prototype.get = Ua, _e.prototype.has = qa, _e.prototype.set = Xa;
   function Ya(t, o) {
     var u = vt(t) || Sn(t) ? pa(t.length, String) : [], k = u.length, U = !!k;
     for (var te in t)
@@ -1640,7 +1640,7 @@ rt.exports;
     var k = t[o];
     (!(be.call(t, o) && Pt(k, u)) || u === void 0 && !(o in t)) && (t[o] = u);
   }
-  function Ge(t, o) {
+  function ze(t, o) {
     for (var u = t.length; u--; )
       if (Pt(t[u][0], o))
         return u;
@@ -1660,18 +1660,18 @@ rt.exports;
       if (ae = pn(t), !o)
         return fn(t, ae);
     } else {
-      var $e = ye(t), Ht = $e == $ || $e == D;
+      var Oe = ye(t), Ht = Oe == O || Oe == D;
       if (In(t))
         return rn(t, o);
-      if ($e == M || $e == l || Ht && !te) {
+      if (Oe == M || Oe == l || Ht && !te) {
         if (It(t))
           return te ? t : {};
         if (ae = hn(Ht ? {} : t), !o)
           return vn(t, Qa(ae, t));
       } else {
-        if (!b[$e])
+        if (!b[Oe])
           return te ? t : {};
-        ae = mn(t, $e, dt, o);
+        ae = mn(t, Oe, dt, o);
       }
     }
     de || (de = new _e());
@@ -1679,9 +1679,9 @@ rt.exports;
     if (Wt)
       return Wt;
     if (de.set(t, ae), !Zt)
-      var Gt = u ? bn(t) : bt(t);
-    return xe(Gt || t, function(pt, Ue) {
-      Gt && (Ue = pt, pt = t[Ue]), Rt(ae, Ue, dt(pt, o, u, k, Ue, t, de));
+      var zt = u ? bn(t) : bt(t);
+    return xe(zt || t, function(pt, Ue) {
+      zt && (Ue = pt, pt = t[Ue]), Rt(ae, Ue, dt(pt, o, u, k, Ue, t, de));
     }), ae;
   }
   function Ja(t) {
@@ -1727,7 +1727,7 @@ rt.exports;
     return Tt(k, Z, new t.constructor());
   }
   function ln(t) {
-    var o = new t.constructor(t.source, O.exec(t));
+    var o = new t.constructor(t.source, $.exec(t));
     return o.lastIndex = t.lastIndex, o;
   }
   function cn(t, o, u) {
@@ -1761,24 +1761,24 @@ rt.exports;
   function bn(t) {
     return en(t, bt, Lt);
   }
-  function ze(t, o) {
+  function Ge(t, o) {
     var u = t.__data__;
     return yn(o) ? u[typeof o == "string" ? "string" : "hash"] : u.map;
   }
-  function Oe(t, o) {
+  function $e(t, o) {
     var u = ha(t, o);
     return an(u) ? u : void 0;
   }
-  var Lt = Ft ? it(Ft, Object) : On, ye = tn;
+  var Lt = Ft ? it(Ft, Object) : $n, ye = tn;
   (st && ye(new st(new ArrayBuffer(1))) != q || Re && ye(new Re()) != L || lt && ye(lt.resolve()) != P || ct && ye(new ct()) != W || ut && ye(new ut()) != le) && (ye = function(t) {
     var o = We.call(t), u = o == M ? t.constructor : void 0, k = u ? we(u) : void 0;
     if (k)
       switch (k) {
         case _a:
           return q;
-        case Oa:
-          return L;
         case $a:
+          return L;
+        case Oa:
           return P;
         case Ea:
           return W;
@@ -1806,7 +1806,7 @@ rt.exports;
         return on(t, k);
       case se:
       case x:
-      case G:
+      case z:
       case V:
       case X:
       case ee:
@@ -1817,7 +1817,7 @@ rt.exports;
       case L:
         return sn(t, k, u);
       case R:
-      case z:
+      case G:
         return new U(t);
       case re:
         return ln(t);
@@ -1835,7 +1835,7 @@ rt.exports;
     return o == "string" || o == "number" || o == "symbol" || o == "boolean" ? t !== "__proto__" : t === null;
   }
   function wn(t) {
-    return !!Ot && Ot in t;
+    return !!$t && $t in t;
   }
   function Mt(t) {
     var o = t && t.constructor, u = typeof o == "function" && o.prototype || He;
@@ -1844,7 +1844,7 @@ rt.exports;
   function we(t) {
     if (t != null) {
       try {
-        return $t.call(t);
+        return Ot.call(t);
       } catch {
       }
       try {
@@ -1870,10 +1870,10 @@ rt.exports;
   function Tn(t) {
     return _n(t) && jt(t);
   }
-  var In = Ia || $n;
+  var In = Ia || On;
   function Kt(t) {
     var o = Ve(t) ? We.call(t) : "";
-    return o == $ || o == D;
+    return o == O || o == D;
   }
   function Cn(t) {
     return typeof t == "number" && t > -1 && t % 1 == 0 && t <= s;
@@ -1888,10 +1888,10 @@ rt.exports;
   function bt(t) {
     return jt(t) ? Ya(t) : nn(t);
   }
-  function On() {
+  function $n() {
     return [];
   }
-  function $n() {
+  function On() {
     return !1;
   }
   a.exports = kn;
@@ -1974,17 +1974,17 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
   emits: ["click", "toggle", "toggle-collapse"],
   setup(a, { emit: e }) {
     St((v) => ({
-      v53c8e6c8: f.value.mobileHeight,
-      v6f959158: f.value.mobileTop,
-      v6c6af840: a.zIndex,
-      v4342dec6: f.value.height,
-      ccaf1fd4: f.value.top,
-      v6d681f2c: _.value.marginTop,
-      v065dda82: N.value,
-      v3e86363c: g.value.display,
-      e3423b8e: g.value.minHeight,
-      b4fe47b6: $.value.top,
-      v528eb0b0: $.value.zIndex
+      v0340c522: f.value.mobileHeight,
+      v7ecf873a: f.value.mobileTop,
+      v9b443174: a.zIndex,
+      v682f08a0: f.value.height,
+      b2c3b708: f.value.top,
+      v537cb660: _.value.marginTop,
+      v766c92ce: N.value,
+      v05a90ebc: g.value.display,
+      v28e7fd93: g.value.minHeight,
+      f5f71bea: O.value.top,
+      v68798002: O.value.zIndex
     }));
     const r = e, n = a, s = Ke(), l = I(() => !!s.header), i = I(() => !!s.top), f = I(() => ({
       mobileTop: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : n.topOffset ? `${n.topOffset}px` : "0",
@@ -1996,7 +1996,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
       minHeight: `${n.headerHeight}px`
     })), _ = I(() => ({
       marginTop: l.value ? `${n.headerHeight}px` : "0"
-    })), $ = I(() => ({
+    })), O = I(() => ({
       top: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : "0",
       zIndex: n.mobileOverlayZIndex !== null ? n.mobileOverlayZIndex : n.zIndex > 1 ? n.zIndex - 1 : 1
     })), D = (v) => Ni(v).map((m) => {
@@ -2026,7 +2026,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
       };
       let m = v.trim().replace(" ", "");
       return m = m.charAt(0).toLowerCase() + m.slice(1), v && n.groupConfig && (n.groupConfig[v] || n.groupConfig[m]) ? n.groupConfig[v] || n.groupConfig[m] : p;
-    }, z = (v) => {
+    }, G = (v) => {
       var p;
       return !!((p = W(v)) != null && p.collapsible);
     }, ve = (v) => {
@@ -2040,7 +2040,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
       J.value !== v && (J.value = v, r("toggle", v)), v ? (p = document == null ? void 0 : document.body) == null || p.classList.add("kong-ui-app-sidebar-open") : (m = document == null ? void 0 : document.body) == null || m.classList.remove("kong-ui-app-sidebar-open"), x.value = !1;
     }, se = () => {
       n.mobileOverlayCloseOnClick && q(!1);
-    }, x = ne(!1), G = (v) => {
+    }, x = ne(!1), z = (v) => {
       x.value = !0, r("click", v), setTimeout(() => {
         q(!1);
       }, n.mobileCloseDelay);
@@ -2052,11 +2052,11 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
       J.value && ee.value !== (window == null ? void 0 : window.innerWidth) && (ee.value = window == null ? void 0 : window.innerWidth, q(!1));
     }, 200), ee = ne(), E = ne(!1), c = ne(), d = () => {
       E.value || (E.value = !0, clearTimeout(c.value), c.value = setTimeout(() => E.value = !1, 1300));
-    }, y = ne(null), O = I(() => J.value && n.mobileEnabled), T = async (v) => {
+    }, y = ne(null), $ = I(() => J.value && n.mobileEnabled), T = async (v) => {
       var p, m;
-      v ? (await zt(), await new Promise((w) => setTimeout(w, 300)), (p = y.value) == null || p.activate()) : (m = y.value) == null || m.deactivate();
+      v ? (await Gt(), await new Promise((w) => setTimeout(w, 300)), (p = y.value) == null || p.activate()) : (m = y.value) == null || m.deactivate();
     };
-    De(O, async (v) => {
+    De($, async (v) => {
       v ? await T(!0) : await T(!1);
     }, { immediate: !0 });
     const N = ne("0px"), b = () => {
@@ -2078,7 +2078,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
           const p = n.groupConfig[v];
           p.collapsed = !1;
         }
-      await zt(), b();
+      await Gt(), b();
     }), na(() => {
       window.removeEventListener("resize", X), window.removeEventListener("resize", d);
     }), (v, p) => {
@@ -2089,7 +2089,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
           class: "kong-ui-app-sidebar-overlay",
           onClick: se
         })) : A("", !0),
-        je(pe($i), {
+        je(pe(Oi), {
           ref_key: "focusTrap",
           ref: y,
           active: !1,
@@ -2118,17 +2118,17 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
                   P.value.size > 0 ? (h(!0), S(Ae, { key: 0 }, he(P.value, ([w, K]) => (h(), H(m, {
                     key: w,
                     class: Q(["level-primary-group-collapse", {
-                      "not-collapsible": !z(w),
+                      "not-collapsible": !G(w),
                       ungrouped: w === ke
                     }]),
                     "data-testid": w === ke ? "level-primary-group-collapse-ungrouped" : `level-primary-group-collapse-${w}`,
-                    "model-value": z(w) && ve(w) || !1
+                    "model-value": G(w) && ve(w) || !1
                   }, {
                     trigger: B(({ isCollapsed: j, toggle: Z }) => [
-                      (h(), H(Te(z(w) ? pe(Pn) : "div"), {
-                        appearance: z(w) ? "none" : void 0,
+                      (h(), H(Te(G(w) ? pe(Pn) : "div"), {
+                        appearance: G(w) ? "none" : void 0,
                         class: "level-primary-group-collapse-trigger",
-                        onClick: (ce) => z(w) ? le(w, j, Z) : void 0
+                        onClick: (ce) => G(w) ? le(w, j, Z) : void 0
                       }, {
                         default: B(() => {
                           var ce;
@@ -2140,12 +2140,12 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
                               "data-testid": "level-primary-group-name",
                               role: "presentation"
                             }, Y(((ce = W(w)) == null ? void 0 : ce.label) || w), 9, Bi)) : A("", !0),
-                            z(w) ? (h(), H(Te(j ? pe(ra) : pe(Mn)), {
+                            G(w) ? (h(), H(Te(j ? pe(ra) : pe(Mn)), {
                               key: 1,
                               class: "level-primary-group-collapse-icon",
-                              color: pe(Pr),
+                              color: `var(--kui-navigation-color-text, ${pe(Pr)})`,
                               "data-testid": "level-primary-group-collapse-icon",
-                              size: pe(Mr)
+                              size: `var(--kui-icon-size-30, ${pe(Mr)})`
                             }, null, 8, ["color", "size"])) : A("", !0)
                           ];
                         }),
@@ -2160,7 +2160,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
                         (h(!0), S(Ae, null, he(K, (j) => (h(), H(Ut, {
                           key: j.name,
                           item: j,
-                          onClick: G
+                          onClick: z
                         }, Pe({
                           [`sidebar-icon-${j.key}`]: B(() => [
                             C(v.$slots, `sidebar-icon-${j.key}`, {}, void 0, !0)
@@ -2184,7 +2184,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
                     (h(!0), S(Ae, null, he(R.value, (w) => (h(), H(Ut, {
                       key: w.name,
                       item: w,
-                      onClick: G
+                      onClick: z
                     }, {
                       [`sidebar-icon-${w.key}`]: B(() => [
                         C(v.$slots, `sidebar-icon-${w.key}`, {}, void 0, !0)
@@ -2204,7 +2204,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
       ], 64);
     };
   }
-}), Zi = /* @__PURE__ */ oe(Ki, [["__scopeId", "data-v-e8512478"]]), Hi = ["aria-label"], Wi = /* @__PURE__ */ ie({
+}), Zi = /* @__PURE__ */ oe(Ki, [["__scopeId", "data-v-2fffff37"]]), Hi = ["aria-label"], Wi = /* @__PURE__ */ ie({
   __name: "SidebarToggle",
   props: {
     active: {
@@ -2232,7 +2232,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
       F("span", { class: "line" }, null, -1)
     ])], 10, Hi));
   }
-}), Gi = /* @__PURE__ */ oe(Wi, [["__scopeId", "data-v-2238b0de"]]), zi = { id: "kong-ui-app-layout-notification" }, Vi = { class: "mobile-logo" }, Ui = {
+}), zi = /* @__PURE__ */ oe(Wi, [["__scopeId", "data-v-2238b0de"]]), Gi = { id: "kong-ui-app-layout-notification" }, Vi = { class: "mobile-logo" }, Ui = {
   key: 0,
   class: "navbar-logo"
 }, qi = {
@@ -2285,7 +2285,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
   setup(a, { emit: e }) {
     St((x) => ({
       v5526a015: W.value,
-      v3240b80b: z.value,
+      v3240b80b: G.value,
       v71472eba: re.value,
       v709f53f2: ve.value,
       v0010e23a: le.value
@@ -2308,24 +2308,24 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
       hidden: I(() => r.sidebarHidden)
     }), _ = (x) => {
       n("sidebar-click", x);
-    }, $ = ne(!1), D = (x) => {
-      $.value = x;
+    }, O = ne(!1), D = (x) => {
+      O.value = x;
     };
     aa(() => {
-      $.value = Ln(g, "open").value || !1;
+      O.value = Ln(g, "open").value || !1;
     });
-    const L = ne(0), R = ne(60), M = ne(0), P = I(() => f.hidden ? M.value : R.value + M.value), re = I(() => r.theme === "light" ? Dr : xr), W = I(() => r.theme === "light" ? Nr : Fr), z = I(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), ve = I(() => `${P.value}px`), le = I(() => g.hidden || f.hidden ? Rr : Br), { debounce: J } = va(), q = J((x = !1) => {
+    const L = ne(0), R = ne(60), M = ne(0), P = I(() => f.hidden ? M.value : R.value + M.value), re = I(() => r.theme === "light" ? Dr : xr), W = I(() => r.theme === "light" ? Nr : Fr), G = I(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), ve = I(() => `${P.value}px`), le = I(() => g.hidden || f.hidden ? Rr : Br), { debounce: J } = va(), q = J((x = !1) => {
       if (x || L.value !== (window == null ? void 0 : window.innerWidth)) {
         L.value = window == null ? void 0 : window.innerWidth;
-        const G = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-        G && (M.value = G.offsetHeight);
+        const z = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
+        z && (M.value = z.offsetHeight);
       }
     }, 200), se = ne();
     return De(M, (x) => {
       n("update:topOffset", x || 0);
     }, { immediate: !0 }), Ze(() => {
-      var G, V;
-      (G = document == null ? void 0 : document.body) == null || G.classList.add("kong-ui-app-layout-body"), (V = document == null ? void 0 : document.documentElement) == null || V.classList.add("kong-ui-app-layout-html"), L.value = window == null ? void 0 : window.innerWidth, q(!0);
+      var z, V;
+      (z = document == null ? void 0 : document.body) == null || z.classList.add("kong-ui-app-layout-body"), (V = document == null ? void 0 : document.documentElement) == null || V.classList.add("kong-ui-app-layout-html"), L.value = window == null ? void 0 : window.innerWidth, q(!0);
       const x = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
       x && (se.value = new ResizeObserver((X) => {
         window.requestAnimationFrame(() => {
@@ -2338,13 +2338,13 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
       }), se.value.observe(x)), window.addEventListener("resize", q);
     }), na(() => {
       se.value && se.value.disconnect(), window.removeEventListener("resize", q);
-    }), (x, G) => (h(), S("div", {
+    }), (x, z) => (h(), S("div", {
       class: Q(["kong-ui-app-layout", [
         { "navbar-hidden": f.hidden },
         { "sidebar-hidden": g.hidden }
       ]])
     }, [
-      F("div", zi, [
+      F("div", Gi, [
         C(x.$slots, "notification", {}, void 0, !0)
       ]),
       f.hidden ? A("", !0) : (h(), H(gr, {
@@ -2353,9 +2353,9 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
         "top-offset": M.value
       }, Pe({
         "mobile-sidebar-toggle": B(() => [
-          g.hidden ? A("", !0) : (h(), H(Gi, {
+          g.hidden ? A("", !0) : (h(), H(zi, {
             key: 0,
-            active: $.value,
+            active: O.value,
             onToggle: D
           }, null, 8, ["active"]))
         ]),
@@ -2409,12 +2409,12 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
         "mobile-enabled": "",
         "mobile-header-visible": !1,
         "mobile-top-offset": P.value,
-        open: $.value,
+        open: O.value,
         "top-items": g.topItems,
         "top-offset": M.value,
         onClick: _,
         onToggle: D,
-        onToggleCollapse: G[0] || (G[0] = (V, X) => n("toggle-collapse", V, X))
+        onToggleCollapse: z[0] || (z[0] = (V, X) => n("toggle-collapse", V, X))
       }, Pe({ _: 2 }, [
         l.sidebarHeader ? {
           name: "header",
@@ -2455,7 +2455,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
           F("div", {
             class: Q(["kong-ui-app-layout-content-inner", { "remove-inner-padding": a.removeContentInnerPadding }])
           }, [
-            G[1] || (G[1] = F("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
+            z[1] || (z[1] = F("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
             C(x.$slots, "app-error", {}, void 0, !0),
             i.value ? A("", !0) : C(x.$slots, "default", { key: 0 }, void 0, !0)
           ], 2)
@@ -2646,7 +2646,7 @@ const Ni = /* @__PURE__ */ Ei(Ai), Fi = {
       ], 2)
     ], 2));
   }
-}), ko = /* @__PURE__ */ oe(fo, [["__scopeId", "data-v-b331e738"]]), So = {
+}), ko = /* @__PURE__ */ oe(fo, [["__scopeId", "data-v-01ef058c"]]), So = {
   // Customize Vue plugin options as desired
   // Providing a `name` property allows for customizing the registered name of your component (useful if exporting a single component).
   install: (a, e = {}) => {
@@ -2663,6 +2663,6 @@ export {
   wo as AppPageInfoSection,
   Zi as AppSidebar,
   ko as GradientBadge,
-  Gi as SidebarToggle,
+  zi as SidebarToggle,
   So as default
 };