@kong-ui-public/app-layout 4.3.2-pr.1888.8a0df80c8.0 → 4.3.2-pr.1888.cb05edcc6.0

package/dist/app-layout.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as J, resolveComponent as he, openBlock as h, createBlock as K, withCtx as D, renderSlot as S, createElementBlock as y, Fragment as $e, renderList as Te, normalizeClass as ie, createTextVNode as He, toDisplayString as q, computed as k, createSlots as Ue, createVNode as Ne, createCommentVNode as _, createElementVNode as I, createStaticVNode as hn, useCssVars as ft, useSlots as Xe, reactive as Ze, onMounted as Ye, resolveDynamicComponent as Ke, withKeys as pn, ref as G, watch as Ae, onUnmounted as mn, Comment as gn, cloneVNode as yn, nextTick as Bt, onBeforeUnmount as Ut, unref as Wt, withModifiers as wn, watchEffect as kn, toRef as Tn } from "vue";
+import { defineComponent as J, resolveComponent as he, openBlock as h, createBlock as K, withCtx as D, renderSlot as S, createElementBlock as y, Fragment as Ce, renderList as Te, normalizeClass as ie, createTextVNode as He, toDisplayString as q, computed as k, createSlots as Ue, createVNode as Ne, createCommentVNode as _, createElementVNode as I, createStaticVNode as hn, useCssVars as ft, useSlots as Xe, reactive as Ze, onMounted as Ye, resolveDynamicComponent as Ke, withKeys as pn, ref as G, watch as Ae, onUnmounted as mn, Comment as gn, cloneVNode as yn, nextTick as Bt, onBeforeUnmount as Ut, unref as Wt, withModifiers as wn, watchEffect as kn, toRef as Tn } from "vue";
 import { ChevronRightIcon as Sn } from "@kong/icons";
 import { HeaderTags as _n } from "@kong/kongponents";
 const In = /* @__PURE__ */ J({
@@ -30,7 +30,7 @@ const In = /* @__PURE__ */ J({
       }, {
         items: D(({ handleSelection: u }) => [
           S(t.$slots, "default", {}, () => [
-            (h(!0), y($e, null, Te(a.options, (o) => (h(), K(n, {
+            (h(!0), y(Ce, null, Te(a.options, (o) => (h(), K(n, {
               key: o.value,
               class: ie({ "has-divider": o.hasDivider }),
               "data-testid": "select-" + o.value,
@@ -58,7 +58,7 @@ const In = /* @__PURE__ */ J({
 }, Rr = /* @__PURE__ */ Q(In, [["__scopeId", "data-v-b33191a2"]]), On = {
   class: "about-section-title",
   "data-testid": "about-section-title"
-}, Cn = { class: "about-section-header-end" }, $n = {
+}, $n = { class: "about-section-header-end" }, Cn = {
   key: 0,
   class: "about-section-timestamps-created",
   "data-testid": "about-section-timestamps-created"
@@ -91,7 +91,7 @@ const In = /* @__PURE__ */ J({
   key: 3,
   class: "about-divider-section",
   "data-testid": "about-divider-section"
-}, Mn = /* @__PURE__ */ J({
+}, Pn = /* @__PURE__ */ J({
   __name: "AppAboutSection",
   props: {
     title: {
@@ -164,12 +164,12 @@ const In = /* @__PURE__ */ J({
         n.$slots.actions || a.created || a.modified ? {
           name: "actions",
           fn: D(() => [
-            I("div", Cn, [
+            I("div", $n, [
               a.created || a.modified ? (h(), y("div", {
                 key: 0,
                 class: ie(["about-section-timestamps", { "has-actions": n.$slots.actions }])
               }, [
-                a.created ? (h(), y("span", $n, q(a.createdLabel) + ": " + q(a.created), 1)) : _("", !0),
+                a.created ? (h(), y("span", Cn, q(a.createdLabel) + ": " + q(a.created), 1)) : _("", !0),
                 a.created && i.value ? (h(), y("span", En, "->")) : _("", !0),
                 i.value ? (h(), y("span", Nn, q(a.modifiedLabel) + ": " + q(a.modified), 1)) : _("", !0)
               ], 2)) : _("", !0),
@@ -183,7 +183,7 @@ const In = /* @__PURE__ */ J({
       ]), 1024);
     };
   }
-}), Br = /* @__PURE__ */ Q(Mn, [["__scopeId", "data-v-521dcc27"]]), Pn = {}, jn = {
+}), Br = /* @__PURE__ */ Q(Pn, [["__scopeId", "data-v-521dcc27"]]), Mn = {}, jn = {
   fill: "none",
   height: "130",
   width: "130",
@@ -194,7 +194,7 @@ function Zn(a, t) {
     hn('<path clip-rule="evenodd" d="M19.111 120.198c-.226 0-.409-.164-.409-.368v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.367V66.89c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368V47.64c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.369v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368V9.138c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368ZM110.889 120.198c-.225 0-.408-.164-.408-.368v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.367V66.89c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368V47.64c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.369v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368V9.138c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Z" fill="#D6D6D6" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M123.553 107.758a.399.399 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.399.399 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H87.69a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.135 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408H37.01a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.067a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.067c.215 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H6.603a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409ZM123.553 21.434a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.399.399 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409H87.69a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.135 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409H37.01a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409H6.603a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Z" fill="#D6D6D6" fill-rule="evenodd"></path><circle cx="65" cy="65" opacity=".5" r="64" stroke="#B6B6BD" stroke-dasharray="5.69 5.69" stroke-linecap="round" stroke-width=".854"></circle><g clip-path="url(#a)" stroke="#169FCC" stroke-miterlimit="10" stroke-width="1.42"><path d="m33.523 104.868-5.72-.695a1.214 1.214 0 0 1-.766-.386 1.182 1.182 0 0 1-.312-.788v-7.448c0-.095.038-.186.106-.253a.365.365 0 0 1 .256-.104l5.254-.263M61.471 22.733a1.761 1.761 0 0 1 1.45.235 49.628 49.628 0 0 1 15.613 17.6 48.797 48.797 0 0 1 5.65 22.702 47.236 47.236 0 0 1-.333 5.325 41.34 41.34 0 0 0-12.501-.441 48.503 48.503 0 0 0-1.813-23.734 49.117 49.117 0 0 0-12.91-20.119c1.602-.591 3.223-1.136 4.844-1.568Z"></path><path d="M71.35 68.154a39.493 39.493 0 0 0-10.813 3.757 51.298 51.298 0 0 0 3.251-18.062c0-9.392-4.939-19.179-9.783-27.237-.257-.432 0-1.616 2.642-2.32"></path><path d="M56.236 78.58a13.605 13.605 0 0 0-4.29-9.289 14.017 14.017 0 0 0-9.622-3.786 9.617 9.617 0 0 1-6.456-2.446 9.341 9.341 0 0 1-3.079-6.1l-.286-4.256c3.09 0 9.46 4.105 13.216 4.866 3.757.76 8.21.253 11.862 3.437a13.303 13.303 0 0 1 4.357 6.575"></path><path d="M68.594 75.442c-3.432 6.95-7.914 11.59-14.303 16.033a47.076 47.076 0 0 1-21.702 8.058v-4.696c11.642-4.809 22.208-11.806 27.948-22.88"></path><path d="M76.499 84.815a46.939 46.939 0 0 1-17.392 14.511 50.925 50.925 0 0 1-22.885 5.457c-2.317 0-3.662.47-3.662-.695v-4.555"></path><path d="M83.85 68.595c22.304 16.22 4.044 39.25-19.652 37.663.954-.939 29.95-22.222-3.661-34.3"></path><path d="M84.184 58.47c13.607 0 25.746 26.242 17.383 30.995-1.182-17.508-17.716-20.87-17.716-20.87"></path></g><defs><clipPath id="a"><path d="M0 0h79v85H0z" fill="#fff" transform="translate(26 22)"></path></clipPath></defs>', 5)
   ]));
 }
-const Kn = /* @__PURE__ */ Q(Pn, [["render", Zn]]), Hn = { class: "kong-ui-app-error" }, Un = { class: "banana-icon" }, Wn = { class: "kong-ui-app-error-content" }, zn = /* @__PURE__ */ J({
+const Kn = /* @__PURE__ */ Q(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-error" }, Un = { class: "banana-icon" }, Wn = { class: "kong-ui-app-error-content" }, zn = /* @__PURE__ */ J({
   __name: "AppError",
   setup(a) {
     return (t, i) => (h(), y("section", Hn, [
@@ -332,10 +332,10 @@ const Kn = /* @__PURE__ */ Q(Pn, [["render", Zn]]), Hn = { class: "kong-ui-app-e
           to: !c.value && !u.value ? a.item.to : void 0
         }, {
           default: D((w) => {
-            var M, Y;
+            var P, Y;
             return [
               I("a", {
-                "aria-controls": (M = a.item.items) != null && M.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
+                "aria-controls": (P = a.item.items) != null && P.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
                 "aria-current": a.item.active ? "page" : void 0,
                 "aria-expanded": (Y = a.item.items) != null && Y.length && a.item.expanded ? !0 : void 0,
                 class: ie(["sidebar-item-link", { "sidebar-item-external-link": u.value, "router-link": !c.value }]),
@@ -387,11 +387,11 @@ const Kn = /* @__PURE__ */ Q(Pn, [["render", Zn]]), Hn = { class: "kong-ui-app-e
           id: `subnav-${a.item.key}`,
           class: "level-secondary"
         }, [
-          (h(!0), y($e, null, Te(a.item.items, (w) => (h(), K(x, {
+          (h(!0), y(Ce, null, Te(a.item.items, (w) => (h(), K(x, {
             key: w.name,
             item: w,
             "subnav-item": !0,
-            onClick: (M) => v(w)
+            onClick: (P) => v(w)
           }, null, 8, ["item", "onClick"]))), 128))
         ], 8, fi)) : _("", !0)
       ], 10, oi);
@@ -501,7 +501,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     }
   }
   return u;
-}, Mt = function(t) {
+}, Pt = function(t) {
   var i = t.getBoundingClientRect(), n = i.width, c = i.height;
   return n === 0 && c === 0;
 }, _i = function(t, i) {
@@ -516,7 +516,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       for (var v = t; t; ) {
         var m = t.parentElement, O = ze(t);
         if (m && !m.shadowRoot && c(m) === !0)
-          return Mt(t);
+          return Pt(t);
         t.assignedSlot ? t = t.assignedSlot : !m && O !== t.ownerDocument ? t = O.host : t = m;
       }
       t = v;
@@ -526,7 +526,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     if (n !== "legacy-full")
       return !0;
   } else if (n === "non-zero-area")
-    return Mt(t);
+    return Pt(t);
   return !1;
 }, Ii = function(t) {
   if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
@@ -553,7 +553,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Oi = function(t) {
   var i = parseInt(t.getAttribute("tabindex"), 10);
   return !!(isNaN(i) || i >= 0);
-}, Ci = function a(t) {
+}, $i = function a(t) {
   var i = [], n = [];
   return t.forEach(function(c, u) {
     var o = !!c.scopeParent, v = o ? c.scopeParent : c, m = hi(v, o), O = o ? a(c.candidates) : v;
@@ -567,7 +567,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   }), n.sort(pi).reduce(function(c, u) {
     return u.isScope ? c.push.apply(c, u.content) : c.push(u.content), c;
   }, []).concat(i);
-}, $i = function(t, i) {
+}, Ci = function(t, i) {
   i = i || {};
   var n;
   return i.getShadowRoot ? n = qt([t], i.includeContainer, {
@@ -575,7 +575,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     flatten: !1,
     getShadowRoot: i.getShadowRoot,
     shadowRootFilter: Oi
-  }) : n = Gt(t, i.includeContainer, dt.bind(null, i)), Ci(n);
+  }) : n = Gt(t, i.includeContainer, dt.bind(null, i)), $i(n);
 }, Ei = function(t, i) {
   i = i || {};
   var n;
@@ -605,7 +605,7 @@ function Ai(a, t, i) {
     writable: !0
   }) : a[t] = i, a;
 }
-function Pt(a, t) {
+function Mt(a, t) {
   var i = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(a);
@@ -618,9 +618,9 @@ function Pt(a, t) {
 function jt(a) {
   for (var t = 1; t < arguments.length; t++) {
     var i = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Pt(Object(i), !0).forEach(function(n) {
+    t % 2 ? Mt(Object(i), !0).forEach(function(n) {
       Ai(a, n, i[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(i)) : Pt(Object(i)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(i)) : Mt(Object(i)).forEach(function(n) {
       Object.defineProperty(a, n, Object.getOwnPropertyDescriptor(i, n));
     });
   }
@@ -670,14 +670,14 @@ var Zt = {
   return t.every(function(c, u) {
     return i(c) ? (n = u, !1) : !0;
   }), n;
-}, Ce = function(t) {
+}, $e = function(t) {
   for (var i = arguments.length, n = new Array(i > 1 ? i - 1 : 0), c = 1; c < i; c++)
     n[c - 1] = arguments[c];
   return typeof t == "function" ? t.apply(void 0, n) : t;
-}, Pe = function(t) {
+}, Me = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
-}, Mi = [], Pi = function(t, i) {
-  var n = (i == null ? void 0 : i.document) || document, c = (i == null ? void 0 : i.trapStack) || Mi, u = jt({
+}, Pi = [], Mi = function(t, i) {
+  var n = (i == null ? void 0 : i.document) || document, c = (i == null ? void 0 : i.trapStack) || Pi, u = jt({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
@@ -765,7 +765,7 @@ var Zt = {
     return d;
   }, x = function() {
     if (o.containerGroups = o.containers.map(function(d) {
-      var s = $i(d, u.tabbableOptions), f = Ei(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, T = s.length > 0 ? s[s.length - 1] : void 0, E = f.find(function(L) {
+      var s = Ci(d, u.tabbableOptions), f = Ei(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, T = s.length > 0 ? s[s.length - 1] : void 0, E = f.find(function(L) {
         return ke(L);
       }), F = f.slice().reverse().find(function(L) {
         return ke(L);
@@ -832,12 +832,12 @@ var Zt = {
         preventScroll: !!u.preventScroll
       }), o.mostRecentlyFocusedNode = d, xi(d) && d.select();
     }
-  }, M = function(d) {
+  }, P = function(d) {
     var s = A("setReturnFocus", d);
     return s || (s === !1 ? !1 : d);
   }, Y = function(d) {
     var s = d.target, f = d.event, b = d.isBackward, T = b === void 0 ? !1 : b;
-    s = s || Pe(f), x();
+    s = s || Me(f), x();
     var E = null;
     if (o.tabbableGroups.length > 0) {
       var F = O(s, f), g = F >= 0 ? o.containerGroups[F] : void 0;
@@ -866,9 +866,9 @@ var Zt = {
       E = A("fallbackFocus");
     return E;
   }, B = function(d) {
-    var s = Pe(d);
+    var s = Me(d);
     if (!(O(s, d) >= 0)) {
-      if (Ce(u.clickOutsideDeactivates, d)) {
+      if ($e(u.clickOutsideDeactivates, d)) {
         v.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
@@ -880,10 +880,10 @@ var Zt = {
         });
         return;
       }
-      Ce(u.allowOutsideClick, d) || d.preventDefault();
+      $e(u.allowOutsideClick, d) || d.preventDefault();
     }
   }, ne = function(d) {
-    var s = Pe(d), f = O(s, d) >= 0;
+    var s = Me(d), f = O(s, d) >= 0;
     if (f || s instanceof Document)
       f && (o.mostRecentlyFocusedNode = s);
     else {
@@ -925,10 +925,10 @@ var Zt = {
   }, ee = function(d) {
     (u.isKeyForward(d) || u.isKeyBackward(d)) && ce(d, u.isKeyBackward(d));
   }, te = function(d) {
-    Ri(d) && Ce(u.escapeDeactivates, d) !== !1 && (d.preventDefault(), v.deactivate());
+    Ri(d) && $e(u.escapeDeactivates, d) !== !1 && (d.preventDefault(), v.deactivate());
   }, Z = function(d) {
-    var s = Pe(d);
-    O(s, d) >= 0 || Ce(u.clickOutsideDeactivates, d) || Ce(u.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
+    var s = Me(d);
+    O(s, d) >= 0 || $e(u.clickOutsideDeactivates, d) || $e(u.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
   }, X = function() {
     if (o.active)
       return Zt.activateTrap(c, v), o.delayInitialFocusTimer = u.delayInitialFocus ? Kt(function() {
@@ -946,10 +946,10 @@ var Zt = {
         capture: !0,
         passive: !1
       }), n.addEventListener("keydown", te), v;
-  }, C = function() {
+  }, $ = function() {
     if (o.active)
       return n.removeEventListener("focusin", ne, !0), n.removeEventListener("mousedown", B, !0), n.removeEventListener("touchstart", B, !0), n.removeEventListener("click", Z, !0), n.removeEventListener("keydown", ee, !0), n.removeEventListener("keydown", te), v;
-  }, P = function(d) {
+  }, M = function(d) {
     var s = d.some(function(f) {
       var b = Array.from(f.removedNodes);
       return b.some(function(T) {
@@ -957,7 +957,7 @@ var Zt = {
       });
     });
     s && w(N());
-  }, W = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(P) : void 0, H = function() {
+  }, W = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(M) : void 0, H = function() {
     W && (W.disconnect(), o.active && !o.paused && o.containers.map(function(d) {
       W.observe(d, {
         subtree: !0,
@@ -990,21 +990,21 @@ var Zt = {
         onPostDeactivate: u.onPostDeactivate,
         checkCanReturnFocus: u.checkCanReturnFocus
       }, d);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, C(), o.active = !1, o.paused = !1, H(), Zt.deactivateTrap(c, v);
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, $(), o.active = !1, o.paused = !1, H(), Zt.deactivateTrap(c, v);
       var f = m(s, "onDeactivate"), b = m(s, "onPostDeactivate"), T = m(s, "checkCanReturnFocus"), E = m(s, "returnFocus", "returnFocusOnDeactivate");
       f == null || f();
       var F = function() {
         Kt(function() {
-          E && w(M(o.nodeFocusedBeforeActivation)), b == null || b();
+          E && w(P(o.nodeFocusedBeforeActivation)), b == null || b();
         });
       };
-      return E && T ? (T(M(o.nodeFocusedBeforeActivation)).then(F, F), this) : (F(), this);
+      return E && T ? (T(P(o.nodeFocusedBeforeActivation)).then(F, F), this) : (F(), this);
     },
     pause: function(d) {
       if (o.paused || !o.active)
         return this;
       var s = m(d, "onPause"), f = m(d, "onPostPause");
-      return o.paused = !0, s == null || s(), C(), H(), f == null || f(), this;
+      return o.paused = !0, s == null || s(), $(), H(), f == null || f(), this;
     },
     unpause: function(d) {
       if (!o.paused || !o.active)
@@ -1076,7 +1076,7 @@ const ji = {
       return v && (v instanceof HTMLElement ? v : v.$el);
     });
     function o() {
-      return n || (n = Pi(u.value, {
+      return n || (n = Mi(u.value, {
         escapeDeactivates: a.escapeDeactivates,
         allowOutsideClick: a.allowOutsideClick,
         returnFocusOnDeactivate: a.returnFocusOnDeactivate,
@@ -1137,8 +1137,8 @@ function Ki(a) {
 var qe = { exports: {} };
 qe.exports;
 (function(a, t) {
-  var i = 200, n = "__lodash_hash_undefined__", c = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", O = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", R = "[object Number]", w = "[object Object]", M = "[object Promise]", Y = "[object RegExp]", B = "[object Set]", ne = "[object String]", ce = "[object Symbol]", ee = "[object WeakMap]", te = "[object ArrayBuffer]", Z = "[object DataView]", X = "[object Float32Array]", C = "[object Float64Array]", P = "[object Int8Array]", W = "[object Int16Array]", H = "[object Int32Array]", $ = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, T = /\w*$/, E = /^\[object .+?Constructor\]$/, F = /^(?:0|[1-9]\d*)$/, g = {};
-  g[u] = g[o] = g[te] = g[Z] = g[v] = g[m] = g[X] = g[C] = g[P] = g[W] = g[H] = g[x] = g[R] = g[w] = g[Y] = g[B] = g[ne] = g[ce] = g[$] = g[d] = g[s] = g[f] = !0, g[O] = g[A] = g[ee] = !1;
+  var i = 200, n = "__lodash_hash_undefined__", c = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", O = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", R = "[object Number]", w = "[object Object]", P = "[object Promise]", Y = "[object RegExp]", B = "[object Set]", ne = "[object String]", ce = "[object Symbol]", ee = "[object WeakMap]", te = "[object ArrayBuffer]", Z = "[object DataView]", X = "[object Float32Array]", $ = "[object Float64Array]", M = "[object Int8Array]", W = "[object Int16Array]", H = "[object Int32Array]", C = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, T = /\w*$/, E = /^\[object .+?Constructor\]$/, F = /^(?:0|[1-9]\d*)$/, g = {};
+  g[u] = g[o] = g[te] = g[Z] = g[v] = g[m] = g[X] = g[$] = g[M] = g[W] = g[H] = g[x] = g[R] = g[w] = g[Y] = g[B] = g[ne] = g[ce] = g[C] = g[d] = g[s] = g[f] = !0, g[O] = g[A] = g[ee] = !1;
   var L = typeof je == "object" && je && je.Object === Object && je, re = typeof self == "object" && self && self.Object === Object && self, U = L || re || Function("return this")(), ae = t && !t.nodeType && t, le = ae && !0 && a && !a.nodeType && a, Fe = le && le.exports === ae;
   function Se(e, r) {
     return e.set(r[0], r[1]), e;
@@ -1267,14 +1267,14 @@ qe.exports;
       this.set(p[0], p[1]);
     }
   }
-  function Ca() {
+  function $a() {
     this.__data__ = {
       hash: new de(),
       map: new (Ie || oe)(),
       string: new de()
     };
   }
-  function $a(e) {
+  function Ca(e) {
     return Be(this, e).delete(e);
   }
   function Ea(e) {
@@ -1286,7 +1286,7 @@ qe.exports;
   function Aa(e, r) {
     return Be(this, e).set(e, r), this;
   }
-  me.prototype.clear = Ca, me.prototype.delete = $a, me.prototype.get = Ea, me.prototype.has = Na, me.prototype.set = Aa;
+  me.prototype.clear = $a, me.prototype.delete = Ca, me.prototype.get = Ea, me.prototype.has = Na, me.prototype.set = Aa;
   function ge(e) {
     this.__data__ = new oe(e);
   }
@@ -1329,7 +1329,7 @@ qe.exports;
         return l;
     return -1;
   }
-  function Ma(e, r) {
+  function Pa(e, r) {
     return e && Ot(r, st(r), e);
   }
   function it(e, r, l, p, j, z, se) {
@@ -1350,7 +1350,7 @@ qe.exports;
         if (bt(e))
           return z ? e : {};
         if (V = tn(Dt ? {} : e), !r)
-          return Ja(e, Ma(V, e));
+          return Ja(e, Pa(V, e));
       } else {
         if (!g[we])
           return z ? e : {};
@@ -1363,11 +1363,11 @@ qe.exports;
       return xt;
     if (se.set(e, V), !Ft)
       var Rt = l ? Qa(e) : st(e);
-    return Qt(Rt || e, function(ct, Me) {
-      Rt && (Me = ct, ct = e[Me]), It(V, Me, it(ct, r, l, p, Me, e, se));
+    return Qt(Rt || e, function(ct, Pe) {
+      Rt && (Pe = ct, ct = e[Pe]), It(V, Pe, it(ct, r, l, p, Pe, e, se));
     }), V;
   }
-  function Pa(e) {
+  function Ma(e) {
     return Le(e) ? sa(e) : {};
   }
   function ja(e, r, l) {
@@ -1384,7 +1384,7 @@ qe.exports;
     return r.test(ve(e));
   }
   function Ha(e) {
-    if (!$t(e))
+    if (!Ct(e))
       return da(e);
     var r = [];
     for (var l in Object(e))
@@ -1439,10 +1439,10 @@ qe.exports;
     return l;
   }
   function Ja(e, r) {
-    return Ot(e, Ct(e), r);
+    return Ot(e, $t(e), r);
   }
   function Qa(e) {
-    return ja(e, st, Ct);
+    return ja(e, st, $t);
   }
   function Be(e, r) {
     var l = e.__data__;
@@ -1452,8 +1452,8 @@ qe.exports;
     var l = aa(e, r);
     return Ka(l) ? l : void 0;
   }
-  var Ct = Tt ? Je(Tt, Object) : vn, fe = Za;
-  (et && fe(new et(new ArrayBuffer(1))) != Z || Ie && fe(new Ie()) != x || tt && fe(tt.resolve()) != M || at && fe(new at()) != B || nt && fe(new nt()) != ee) && (fe = function(e) {
+  var $t = Tt ? Je(Tt, Object) : vn, fe = Za;
+  (et && fe(new et(new ArrayBuffer(1))) != Z || Ie && fe(new Ie()) != x || tt && fe(tt.resolve()) != P || at && fe(new at()) != B || nt && fe(new nt()) != ee) && (fe = function(e) {
     var r = xe.call(e), l = r == w ? e.constructor : void 0, p = l ? ve(l) : void 0;
     if (p)
       switch (p) {
@@ -1462,7 +1462,7 @@ qe.exports;
         case va:
           return x;
         case ba:
-          return M;
+          return P;
         case ha:
           return B;
         case pa:
@@ -1475,7 +1475,7 @@ qe.exports;
     return r && typeof e[0] == "string" && ue.call(e, "index") && (l.index = e.index, l.input = e.input), l;
   }
   function tn(e) {
-    return typeof e.constructor == "function" && !$t(e) ? Pa(oa(e)) : {};
+    return typeof e.constructor == "function" && !Ct(e) ? Ma(oa(e)) : {};
   }
   function an(e, r, l, p) {
     var j = e.constructor;
@@ -1488,11 +1488,11 @@ qe.exports;
       case Z:
         return Wa(e, p);
       case X:
-      case C:
-      case P:
+      case $:
+      case M:
       case W:
       case H:
-      case $:
+      case C:
       case d:
       case s:
       case f:
@@ -1520,7 +1520,7 @@ qe.exports;
   function on(e) {
     return !!mt && mt in e;
   }
-  function $t(e) {
+  function Ct(e) {
     var r = e && e.constructor, l = typeof r == "function" && r.prototype || De;
     return e === l;
   }
@@ -1662,7 +1662,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       "7a10f32f": v.value.height,
       "7da84766": v.value.top,
       "1e6146be": O.value.marginTop,
-      "5b6aa028": $.value,
+      "5b6aa028": C.value,
       "178af94b": m.value.display,
       "49f98062": m.value.minHeight,
       "548fea1c": A.value.top,
@@ -1689,31 +1689,31 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
           g.parentKey = b.key, (!g.testId || !((F = g.testId) != null && F.trim())) && (g.testId = String(g.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
       }
       return b;
-    }), x = k(() => n.topItems.length ? N(n.topItems) : []), R = k(() => n.bottomItems.length ? N(n.bottomItems) : []), w = G(n.open), M = (s) => {
+    }), x = k(() => n.topItems.length ? N(n.topItems) : []), R = k(() => n.bottomItems.length ? N(n.bottomItems) : []), w = G(n.open), P = (s) => {
       var f, b;
       w.value !== s && (w.value = s, i("toggle", s)), s ? (f = document == null ? void 0 : document.body) == null || f.classList.add("kong-ui-app-sidebar-open") : (b = document == null ? void 0 : document.body) == null || b.classList.remove("kong-ui-app-sidebar-open"), B.value = !1;
     }, Y = () => {
-      n.mobileOverlayCloseOnClick && M(!1);
+      n.mobileOverlayCloseOnClick && P(!1);
     }, B = G(!1), ne = (s) => {
       B.value = !0, i("click", s), setTimeout(() => {
-        M(!1);
+        P(!1);
       }, n.mobileCloseDelay);
     };
     Ae(() => n.open, (s) => {
-      M(s);
+      P(s);
     });
     const { debounce: ce } = Jt(), ee = ce(() => {
-      w.value && te.value !== (window == null ? void 0 : window.innerWidth) && (te.value = window == null ? void 0 : window.innerWidth, M(!1));
-    }, 200), te = G(), Z = G(!1), X = G(), C = () => {
+      w.value && te.value !== (window == null ? void 0 : window.innerWidth) && (te.value = window == null ? void 0 : window.innerWidth, P(!1));
+    }, 200), te = G(), Z = G(!1), X = G(), $ = () => {
       Z.value || (Z.value = !0, clearTimeout(X.value), X.value = setTimeout(() => Z.value = !1, 1300));
-    }, P = G(null), W = k(() => w.value && n.mobileEnabled), H = async (s) => {
+    }, M = G(null), W = k(() => w.value && n.mobileEnabled), H = async (s) => {
       var f, b;
-      s ? (await Bt(), await new Promise((T) => setTimeout(T, 300)), (f = P.value) == null || f.activate()) : (b = P.value) == null || b.deactivate();
+      s ? (await Bt(), await new Promise((T) => setTimeout(T, 300)), (f = M.value) == null || f.activate()) : (b = M.value) == null || b.deactivate();
     };
     Ae(W, async (s) => {
       s ? await H(!0) : await H(!1);
     }, { immediate: !0 });
-    const $ = G("0px"), d = () => {
+    const C = G("0px"), d = () => {
       var g;
       if (!(/Mac|iPhone|iPod|iPad/i.test(navigator == null ? void 0 : navigator.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test((g = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : g.platform)))
         return;
@@ -1724,13 +1724,13 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       const T = document.createElement("div");
       T.style.width = "100%", f.appendChild(T);
       const E = T.offsetWidth;
-      f.parentNode && f.parentNode.removeChild(f), b - E === 0 && ($.value = "8px");
+      f.parentNode && f.parentNode.removeChild(f), b - E === 0 && (C.value = "8px");
     };
     return Ye(async () => {
-      te.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", ee), window.addEventListener("resize", C), await Bt(), d();
+      te.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", ee), window.addEventListener("resize", $), await Bt(), d();
     }), Ut(() => {
-      window.removeEventListener("resize", ee), window.removeEventListener("resize", C);
-    }), (s, f) => (h(), y($e, null, [
+      window.removeEventListener("resize", ee), window.removeEventListener("resize", $);
+    }), (s, f) => (h(), y(Ce, null, [
       w.value && a.mobileOverlay && a.mobileEnabled ? (h(), y("div", {
         key: 0,
         class: "kong-ui-app-sidebar-overlay",
@@ -1738,7 +1738,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       })) : _("", !0),
       Ne(Wt(Zi), {
         ref_key: "focusTrap",
-        ref: P,
+        ref: M,
         active: !1,
         "allow-outside-click": "",
         "fallback-focus": ".kong-ui-app-sidebar"
@@ -1763,7 +1763,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
               ])) : _("", !0),
               I("nav", Gi, [
                 x.value.length ? (h(), y("ul", qi, [
-                  (h(!0), y($e, null, Te(x.value, (b) => (h(), K(Lt, {
+                  (h(!0), y(Ce, null, Te(x.value, (b) => (h(), K(Lt, {
                     key: b.name,
                     item: b,
                     onClick: ne
@@ -1776,7 +1776,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
                 ])) : _("", !0),
                 x.value.length && R.value.length ? (h(), y("div", Xi)) : _("", !0),
                 R.value.length ? (h(), y("ul", Yi, [
-                  (h(!0), y($e, null, Te(R.value, (b) => (h(), K(Lt, {
+                  (h(!0), y(Ce, null, Te(R.value, (b) => (h(), K(Lt, {
                     key: b.name,
                     item: b,
                     onClick: ne
@@ -1869,7 +1869,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
   },
   emits: ["sidebar-click", "update:topOffset"],
   setup(a, { emit: t }) {
-    ft((C) => ({
+    ft(($) => ({
       "2235c6e4": B.value,
       "29d04344": ne.value,
       "3d470f48": Y.value,
@@ -1892,46 +1892,46 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       bottomItems: k(() => i.sidebarBottomItems),
       open: k(() => i.sidebarOpen),
       hidden: k(() => i.sidebarHidden)
-    }), O = (C) => {
-      n("sidebar-click", C);
-    }, A = G(!1), N = (C) => {
-      A.value = C;
+    }), O = ($) => {
+      n("sidebar-click", $);
+    }, A = G(!1), N = ($) => {
+      A.value = $;
     };
     kn(() => {
       A.value = Tn(m, "open").value || !1;
     });
-    const x = G(0), R = G(60), w = G(0), M = k(() => v.hidden ? w.value : R.value + w.value), Y = k(() => i.theme === "light" ? or : sr), B = k(() => i.theme === "light" ? ir : rr), ne = k(() => i.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), ce = k(() => `${M.value}px`), ee = k(() => m.hidden || v.hidden ? cr : lr), { debounce: te } = Jt(), Z = te((C = !1) => {
-      if (C || x.value !== (window == null ? void 0 : window.innerWidth)) {
+    const x = G(0), R = G(60), w = G(0), P = k(() => v.hidden ? w.value : R.value + w.value), Y = k(() => i.theme === "light" ? or : sr), B = k(() => i.theme === "light" ? ir : rr), ne = k(() => i.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), ce = k(() => `${P.value}px`), ee = k(() => m.hidden || v.hidden ? cr : lr), { debounce: te } = Jt(), Z = te(($ = !1) => {
+      if ($ || x.value !== (window == null ? void 0 : window.innerWidth)) {
         x.value = window == null ? void 0 : window.innerWidth;
-        const P = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-        P && (w.value = P.offsetHeight);
+        const M = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
+        M && (w.value = M.offsetHeight);
       }
     }, 200), X = G();
-    return Ae(w, (C) => {
-      n("update:topOffset", C || 0);
+    return Ae(w, ($) => {
+      n("update:topOffset", $ || 0);
     }, { immediate: !0 }), Ye(() => {
-      var P, W;
-      (P = document == null ? void 0 : document.body) == null || P.classList.add("kong-ui-app-layout-body"), (W = document == null ? void 0 : document.documentElement) == null || W.classList.add("kong-ui-app-layout-html"), x.value = window == null ? void 0 : window.innerWidth, Z(!0);
-      const C = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-      C && (X.value = new ResizeObserver((H) => {
+      var M, W;
+      (M = document == null ? void 0 : document.body) == null || M.classList.add("kong-ui-app-layout-body"), (W = document == null ? void 0 : document.documentElement) == null || W.classList.add("kong-ui-app-layout-html"), x.value = window == null ? void 0 : window.innerWidth, Z(!0);
+      const $ = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
+      $ && (X.value = new ResizeObserver((H) => {
         window.requestAnimationFrame(() => {
           if (!(!Array.isArray(H) || !H.length))
-            for (const $ of H) {
-              const d = $.contentRect.height;
+            for (const C of H) {
+              const d = C.contentRect.height;
               w.value !== d && (w.value = d);
             }
         });
-      }), X.value.observe(C)), window.addEventListener("resize", Z);
+      }), X.value.observe($)), window.addEventListener("resize", Z);
     }), Ut(() => {
       X.value && X.value.disconnect(), window.removeEventListener("resize", Z);
-    }), (C, P) => (h(), y("div", {
+    }), ($, M) => (h(), y("div", {
       class: ie(["kong-ui-app-layout", [
         { "navbar-hidden": v.hidden },
         { "sidebar-hidden": m.hidden }
       ]])
     }, [
       I("div", ur, [
-        S(C.$slots, "notification", {}, void 0, !0)
+        S($.$slots, "notification", {}, void 0, !0)
       ]),
       v.hidden ? _("", !0) : (h(), K(ai, {
         key: String(m.hidden),
@@ -1951,7 +1951,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
           name: "mobile-logo",
           fn: D(() => [
             I("div", dr, [
-              S(C.$slots, "navbar-mobile-logo", {}, void 0, !0)
+              S($.$slots, "navbar-mobile-logo", {}, void 0, !0)
             ])
           ]),
           key: "0"
@@ -1960,7 +1960,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
           name: "logo",
           fn: D(() => [
             m.hidden ? (h(), y("div", fr, [
-              S(C.$slots, "navbar-logo", {}, void 0, !0)
+              S($.$slots, "navbar-logo", {}, void 0, !0)
             ])) : _("", !0)
           ]),
           key: "1"
@@ -1968,21 +1968,21 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
         u.navbarLeft ? {
           name: "left",
           fn: D(() => [
-            S(C.$slots, "navbar-left", {}, void 0, !0)
+            S($.$slots, "navbar-left", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         u.navbarCenter ? {
           name: "center",
           fn: D(() => [
-            S(C.$slots, "navbar-center", {}, void 0, !0)
+            S($.$slots, "navbar-center", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         u.navbarRight ? {
           name: "right",
           fn: D(() => [
-            S(C.$slots, "navbar-right", {}, void 0, !0)
+            S($.$slots, "navbar-right", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0
@@ -1993,7 +1993,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
         "header-height": R.value,
         "mobile-enabled": "",
         "mobile-header-visible": !1,
-        "mobile-top-offset": M.value,
+        "mobile-top-offset": P.value,
         open: A.value,
         "top-items": m.topItems,
         "top-offset": w.value,
@@ -2003,37 +2003,37 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
         u.sidebarHeader ? {
           name: "header",
           fn: D(() => [
-            S(C.$slots, "sidebar-header", {}, void 0, !0)
+            S($.$slots, "sidebar-header", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         u.sidebarTop ? {
           name: "top",
           fn: D(() => [
-            S(C.$slots, "sidebar-top", {}, void 0, !0)
+            S($.$slots, "sidebar-top", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         u.sidebarFooter ? {
           name: "footer",
           fn: D(() => [
-            S(C.$slots, "sidebar-footer", {}, void 0, !0)
+            S($.$slots, "sidebar-footer", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         Te([...m.topItems || [], ...m.bottomItems || []], (W) => ({
           name: `sidebar-icon-${W.key}`,
           fn: D(() => [
-            S(C.$slots, `sidebar-icon-${W.key}`, {}, void 0, !0)
+            S($.$slots, `sidebar-icon-${W.key}`, {}, void 0, !0)
           ])
         }))
       ]), 1032, ["bottom-items", "header-height", "mobile-top-offset", "open", "top-items", "top-offset"])),
       I("main", vr, [
         I("div", br, [
           I("div", hr, [
-            P[0] || (P[0] = I("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
-            S(C.$slots, "app-error", {}, void 0, !0),
-            o.value ? _("", !0) : S(C.$slots, "default", { key: 0 }, void 0, !0)
+            M[0] || (M[0] = I("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
+            S($.$slots, "app-error", {}, void 0, !0),
+            o.value ? _("", !0) : S($.$slots, "default", { key: 0 }, void 0, !0)
           ])
         ])
       ])
@@ -2059,7 +2059,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
   key: 1,
   class: "page-header-section-below",
   "data-testid": "page-header-section-below"
-}, Cr = /* @__PURE__ */ J({
+}, $r = /* @__PURE__ */ J({
   __name: "AppPageHeader",
   props: {
     title: {
@@ -2117,15 +2117,16 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       ]);
     };
   }
-}), Mr = /* @__PURE__ */ Q(Cr, [["__scopeId", "data-v-204b7f98"]]), $r = { class: "collapsible-section-default-header" }, Er = {
+}), Pr = /* @__PURE__ */ Q($r, [["__scopeId", "data-v-204b7f98"]]), Cr = { class: "page-info-section-default-header" }, Er = {
   key: 1,
-  class: "collapsible-section-description"
+  class: "page-info-section-description",
+  "data-testid": "page-info-section-description"
 }, Nr = {
   key: 0,
-  class: "collapsible-section-content",
-  "data-testid": "collapsible-section-content"
+  class: "page-info-section-content",
+  "data-testid": "page-info-section-content"
 }, Ar = /* @__PURE__ */ J({
-  __name: "CollapsibleSection",
+  __name: "PageInfoSection",
   props: {
     collapsible: {
       type: Boolean,
@@ -2147,20 +2148,21 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
   },
   setup(a) {
     return (t, i) => (h(), K(Ke(a.collapsible ? "details" : "div"), {
-      class: "collapsible-section",
-      "data-testid": "collapsible-section"
+      class: "page-info-section",
+      "data-testid": "page-info-section"
     }, {
       default: D(() => [
         (h(), K(Ke(a.collapsible ? "summary" : "div"), {
-          class: "collapsible-section-header",
-          "data-testid": "collapsible-section-header"
+          class: "page-info-section-header",
+          "data-testid": "page-info-section-header"
         }, {
           default: D(() => [
             S(t.$slots, "header", {}, () => [
-              I("div", $r, [
+              I("div", Cr, [
                 a.title ? (h(), K(Ke(a.titleTag), {
                   key: 0,
-                  class: "collapsible-section-title"
+                  class: "page-info-section-title",
+                  "data-testid": "page-info-section-title"
                 }, {
                   default: D(() => [
                     He(q(a.title), 1)
@@ -2172,9 +2174,9 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
             ], !0),
             a.collapsible ? (h(), K(Wt(Sn), {
               key: 0,
-              class: "collapsible-section-chevron-icon",
+              class: "page-info-section-chevron-icon",
               decorative: ""
-            })) : S(t.$slots, "actions", { key: 1 }, void 0, !0)
+            })) : t.$slots.actions ? S(t.$slots, "actions", { key: 1 }, void 0, !0) : _("", !0)
           ]),
           _: 3
         })),
@@ -2185,7 +2187,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       _: 3
     }));
   }
-}), Pr = /* @__PURE__ */ Q(Ar, [["__scopeId", "data-v-9a665c30"]]), jr = {
+}), Mr = /* @__PURE__ */ Q(Ar, [["__scopeId", "data-v-a38c591b"]]), jr = {
   // 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, t = {}) => {
@@ -2198,9 +2200,9 @@ export {
   Lr as AppError,
   mr as AppLayout,
   ai as AppNavbar,
-  Mr as AppPageHeader,
+  Pr as AppPageHeader,
   er as AppSidebar,
-  Pr as CollapsibleSection,
+  Mr as PageInfoSection,
   nr as SidebarToggle,
   jr as default
 };