npm - @kong-ui-public/app-layout - Versions diffs - 4.9.2 → 4.9.3-pr.2577.25462c94d.0 - Mend

@kong-ui-public/app-layout 4.9.2 → 4.9.3-pr.2577.25462c94d.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/app-layout.es.js +384 -360
package/dist/app-layout.umd.js +3 -3
package/dist/style.css +1 -1
package/dist/types/components/gradientBadge/GradientBadge.vue.d.ts +34 -0
package/dist/types/components/gradientBadge/GradientBadge.vue.d.ts.map +1 -0
package/dist/types/index.d.ts +2 -1
package/dist/types/index.d.ts.map +1 -1
package/package.json +1 -1

package/dist/app-layout.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { defineComponent as ie, resolveComponent as he, createBlock as W, openBlock as p, withCtx as L, renderSlot as I, createElementBlock as T, Fragment as Ee, renderList as pe, normalizeClass as se, createTextVNode as Be, toDisplayString as Q, computed as S, createSlots as Me, createVNode as Le, createCommentVNode as $, createElementVNode as F, createStaticVNode as In, useCssVars as yt, reactive as qe, useSlots as je, onMounted as Pe, getCurrentInstance as Yt, hasInjectionContext as Qt, inject as $n, watch as Te, getCurrentScope as On, onScopeDispose as En, shallowRef as Xe, watchEffect as Jt, toValue as Ae, unref as be, resolveDynamicComponent as Fe, withKeys as An, ref as ae, onUnmounted as Fn, Comment as Nn, cloneVNode as Dn, nextTick as Ht, onBeforeUnmount as ea, withModifiers as Rn, toRef as xn } from "vue";
-import { ChevronRightIcon as ta, ChevronDownIcon as Bn } from "@kong/icons";
+import { defineComponent as ie, resolveComponent as he, createBlock as W, openBlock as p, withCtx as L, renderSlot as C, createElementBlock as k, Fragment as Ee, renderList as pe, normalizeClass as re, createTextVNode as xe, toDisplayString as Q, computed as S, createSlots as Me, createVNode as Le, createCommentVNode as $, createElementVNode as E, createStaticVNode as In, useCssVars as yt, reactive as qe, useSlots as je, onMounted as Pe, getCurrentInstance as Yt, hasInjectionContext as Qt, inject as $n, watch as Te, getCurrentScope as On, onScopeDispose as En, shallowRef as Xe, watchEffect as Jt, toValue as Ae, unref as be, resolveDynamicComponent as Fe, withKeys as An, ref as ae, onUnmounted as Fn, Comment as Nn, cloneVNode as Dn, nextTick as Ht, onBeforeUnmount as ea, withModifiers as Rn, toRef as Bn } from "vue";
+import { ChevronRightIcon as ta, ChevronDownIcon as xn } from "@kong/icons";
 import { KButton as Mn, HeaderTags as Ln } from "@kong/kongponents";
 const jn = /* @__PURE__ */ ie({
   __name: "AccountDropdown",
@@ -29,17 +29,17 @@ const jn = /* @__PURE__ */ ie({
         width: a.width
       }, {
         items: L(({ handleSelection: u }) => [
-          I(t.$slots, "default", {}, () => [
-            (p(!0), T(Ee, null, pe(a.options, (o) => (p(), W(n, {
+          C(t.$slots, "default", {}, () => [
+            (p(!0), k(Ee, null, pe(a.options, (o) => (p(), W(n, {
               key: o.value,
-              class: se({ "has-divider": o.hasDivider }),
+              class: re({ "has-divider": o.hasDivider }),
               "data-testid": "select-" + o.value,
               "has-divider": o.hasDivider,
               onClick: (d) => u(o)
             }, {
               default: L(() => [
-                I(t.$slots, "default", { option: o }, () => [
-                  Be(Q(o.label), 1)
+                C(t.$slots, "default", { option: o }, () => [
+                  xe(Q(o.label), 1)
                 ], !0)
               ]),
               _: 2
@@ -55,7 +55,7 @@ const jn = /* @__PURE__ */ ie({
   for (const [n, s] of t)
     r[n] = s;
   return r;
-}, yo = /* @__PURE__ */ oe(jn, [["__scopeId", "data-v-b33191a2"]]), Pn = {
+}, wo = /* @__PURE__ */ oe(jn, [["__scopeId", "data-v-b33191a2"]]), Pn = {
   class: "about-section-title",
   "data-testid": "about-section-title"
 }, Kn = { class: "about-section-header-end" }, Zn = {
@@ -69,11 +69,11 @@ const jn = /* @__PURE__ */ ie({
   key: 2,
   class: "about-section-timestamps-modified",
   "data-testid": "about-section-timestamps-modified"
-}, zn = {
+}, Gn = {
   key: 1,
   class: "about-section-actions",
   "data-testid": "about-section-actions"
-}, Gn = {
+}, zn = {
   key: 0,
   "data-testid": "about-section-loading-skeleton"
 }, Un = { key: 1 }, Vn = {
@@ -111,7 +111,7 @@ const jn = /* @__PURE__ */ ie({
         "title-tag": "h2"
       }, Me({
         default: L(() => [
-          n.isLoading ? (p(), T("div", Gn, [
+          n.isLoading ? (p(), k("div", zn, [
             Le(u, {
               height: "2",
               width: "100"
@@ -120,14 +120,14 @@ const jn = /* @__PURE__ */ ie({
               height: "2",
               width: "100"
             })
-          ])) : (p(), T("div", Un, [
-            n.description ? (p(), T("p", Vn, Q(n.description), 1)) : $("", !0),
-            n.$slots.default ? (p(), T("div", qn, [
-              I(n.$slots, "default", {}, void 0, !0)
+          ])) : (p(), k("div", Un, [
+            n.description ? (p(), k("p", Vn, Q(n.description), 1)) : $("", !0),
+            n.$slots.default ? (p(), k("div", qn, [
+              C(n.$slots, "default", {}, void 0, !0)
             ])) : $("", !0),
-            n.$slots["divider-section"] ? (p(), T("hr", Xn)) : $("", !0),
-            n.$slots["divider-section"] ? (p(), T("div", Yn, [
-              I(n.$slots, "divider-section", {}, void 0, !0)
+            n.$slots["divider-section"] ? (p(), k("hr", Xn)) : $("", !0),
+            n.$slots["divider-section"] ? (p(), k("div", Yn, [
+              C(n.$slots, "divider-section", {}, void 0, !0)
             ])) : $("", !0)
           ]))
         ]),
@@ -136,9 +136,9 @@ const jn = /* @__PURE__ */ ie({
         n.$slots.title || n.title ? {
           name: "title",
           fn: L(() => [
-            F("span", Pn, [
-              I(n.$slots, "title", {}, () => [
-                Be(Q(n.title), 1)
+            E("span", Pn, [
+              C(n.$slots, "title", {}, () => [
+                xe(Q(n.title), 1)
               ], !0)
             ])
           ]),
@@ -147,17 +147,17 @@ const jn = /* @__PURE__ */ ie({
         n.$slots.actions || n.created || n.modified ? {
           name: "actions",
           fn: L(() => [
-            F("div", Kn, [
-              n.created || n.modified ? (p(), T("div", {
+            E("div", Kn, [
+              n.created || n.modified ? (p(), k("div", {
                 key: 0,
-                class: se(["about-section-timestamps", { "has-actions": n.$slots.actions }])
+                class: re(["about-section-timestamps", { "has-actions": n.$slots.actions }])
               }, [
-                n.created ? (p(), T("span", Zn, Q(n.createdLabel) + ": " + Q(n.created), 1)) : $("", !0),
-                n.created && r.value ? (p(), T("span", Hn, "->")) : $("", !0),
-                r.value ? (p(), T("span", Wn, Q(n.modifiedLabel) + ": " + Q(n.modified), 1)) : $("", !0)
+                n.created ? (p(), k("span", Zn, Q(n.createdLabel) + ": " + Q(n.created), 1)) : $("", !0),
+                n.created && r.value ? (p(), k("span", Hn, "->")) : $("", !0),
+                r.value ? (p(), k("span", Wn, Q(n.modifiedLabel) + ": " + Q(n.modified), 1)) : $("", !0)
               ], 2)) : $("", !0),
-              n.$slots.actions ? (p(), T("div", zn, [
-                I(n.$slots, "actions", {}, void 0, !0)
+              n.$slots.actions ? (p(), k("div", Gn, [
+                C(n.$slots, "actions", {}, void 0, !0)
               ])) : $("", !0)
             ])
           ]),
@@ -166,37 +166,37 @@ const jn = /* @__PURE__ */ ie({
       ]), 1024);
     };
   }
-}), wo = /* @__PURE__ */ oe(Qn, [["__scopeId", "data-v-f5864a9c"]]), Jn = {}, er = {
+}), ko = /* @__PURE__ */ oe(Qn, [["__scopeId", "data-v-f5864a9c"]]), Jn = {}, er = {
   fill: "none",
   height: "130",
   width: "130",
   xmlns: "http://www.w3.org/2000/svg"
 };
 function tr(a, t) {
-  return p(), T("svg", er, t[0] || (t[0] = [
+  return p(), k("svg", er, t[0] || (t[0] = [
     In('<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 ar = /* @__PURE__ */ oe(Jn, [["render", tr]]), nr = { class: "kong-ui-app-error" }, rr = { class: "banana-icon" }, ir = { class: "kong-ui-app-error-content" }, or = /* @__PURE__ */ ie({
   __name: "AppError",
   setup(a) {
-    return (t, r) => (p(), T("section", nr, [
-      F("div", rr, [
+    return (t, r) => (p(), k("section", nr, [
+      E("div", rr, [
         Le(ar)
       ]),
-      F("div", ir, [
-        I(t.$slots, "default", {}, () => [
-          r[0] || (r[0] = F("h2", null, "An unexpected error has occurred", -1)),
-          r[1] || (r[1] = F("p", null, [
-            Be("Go back to the previous page or "),
-            F("a", { href: "/" }, "return home"),
-            Be(".")
+      E("div", ir, [
+        C(t.$slots, "default", {}, () => [
+          r[0] || (r[0] = E("h2", null, "An unexpected error has occurred", -1)),
+          r[1] || (r[1] = E("p", null, [
+            xe("Go back to the previous page or "),
+            E("a", { href: "/" }, "return home"),
+            xe(".")
           ], -1))
         ], !0)
       ])
     ]));
   }
-}), ko = /* @__PURE__ */ oe(or, [["__scopeId", "data-v-b6d8dc55"]]), sr = { class: "kong-ui-app-navbar" }, lr = { class: "header-content" }, cr = { class: "mobile-header-left" }, ur = {
+}), To = /* @__PURE__ */ oe(or, [["__scopeId", "data-v-b6d8dc55"]]), sr = { class: "kong-ui-app-navbar" }, lr = { class: "header-content" }, cr = { class: "mobile-header-left" }, ur = {
   key: 0,
   class: "app-navbar-logo"
 }, dr = { class: "navbar-content" }, fr = { class: "navbar-content-left" }, vr = { class: "navbar-content-center" }, br = { class: "navbar-content-right" }, pr = /* @__PURE__ */ ie({
@@ -237,24 +237,24 @@ const ar = /* @__PURE__ */ oe(Jn, [["render", tr]]), nr = { class: "kong-ui-app-
       left: t.leftOffset ? `${t.leftOffset}px` : "0",
       zIndex: t.zIndex
     }));
-    return (o, d) => (p(), T("header", sr, [
-      F("div", lr, [
-        F("div", cr, [
-          I(o.$slots, "mobile-sidebar-toggle"),
-          I(o.$slots, "mobile-logo")
+    return (o, d) => (p(), k("header", sr, [
+      E("div", lr, [
+        E("div", cr, [
+          C(o.$slots, "mobile-sidebar-toggle"),
+          C(o.$slots, "mobile-logo")
         ]),
-        n.value ? (p(), T("div", ur, [
-          I(o.$slots, "logo")
+        n.value ? (p(), k("div", ur, [
+          C(o.$slots, "logo")
         ])) : $("", !0),
-        F("div", dr, [
-          F("div", fr, [
-            I(o.$slots, "left")
+        E("div", dr, [
+          E("div", fr, [
+            C(o.$slots, "left")
           ]),
-          F("div", vr, [
-            I(o.$slots, "center")
+          E("div", vr, [
+            C(o.$slots, "center")
           ]),
-          F("div", br, [
-            I(o.$slots, "right")
+          E("div", br, [
+            C(o.$slots, "right")
           ])
         ])
       ])
@@ -298,28 +298,28 @@ function _r(a) {
 function Sr(...a) {
   const t = [], r = () => {
     t.forEach((d) => d()), t.length = 0;
-  }, n = (d, b, k, _) => (d.addEventListener(b, k, _), () => d.removeEventListener(b, k, _)), s = S(() => {
+  }, n = (d, b, T, _) => (d.addEventListener(b, T, _), () => d.removeEventListener(b, T, _)), s = S(() => {
     const d = bt(Ae(a[0])).filter((b) => b != null);
     return d.every((b) => typeof b != "string") ? d : void 0;
   }), u = Tr(
     () => {
       var d, b;
       return [
-        (b = (d = s.value) == null ? void 0 : d.map((k) => _r(k))) != null ? b : [aa].filter((k) => k != null),
+        (b = (d = s.value) == null ? void 0 : d.map((T) => _r(T))) != null ? b : [aa].filter((T) => T != null),
         bt(Ae(s.value ? a[1] : a[0])),
         bt(be(s.value ? a[2] : a[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
         Ae(s.value ? a[3] : a[2])
       ];
     },
-    ([d, b, k, _]) => {
-      if (r(), !(d != null && d.length) || !(b != null && b.length) || !(k != null && k.length))
+    ([d, b, T, _]) => {
+      if (r(), !(d != null && d.length) || !(b != null && b.length) || !(T != null && T.length))
         return;
-      const x = kr(_) ? { ..._ } : _;
+      const B = kr(_) ? { ..._ } : _;
       t.push(
         ...d.flatMap(
-          (B) => b.flatMap(
-            (P) => k.map((E) => n(B, P, E, x))
+          (x) => b.flatMap(
+            (P) => T.map((A) => n(x, P, A, B))
           )
         )
       );
@@ -346,24 +346,24 @@ function Or() {
   return typeof a == "number" ? a : void 0;
 }
 function Er(a, t = {}) {
-  const { window: r = aa, ssrWidth: n = Or() } = t, s = Ir(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), u = Xe(typeof n == "number"), o = Xe(), d = Xe(!1), b = (k) => {
-    d.value = k.matches;
+  const { window: r = aa, ssrWidth: n = Or() } = t, s = Ir(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), u = Xe(typeof n == "number"), o = Xe(), d = Xe(!1), b = (T) => {
+    d.value = T.matches;
   };
   return Jt(() => {
     if (u.value) {
       u.value = !s.value;
-      const k = Ae(a).split(",");
-      d.value = k.some((_) => {
-        const x = _.includes("not all"), B = _.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), P = _.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let E = !!(B || P);
-        return B && E && (E = n >= Wt(B[1])), P && E && (E = n <= Wt(P[1])), x ? !E : E;
+      const T = Ae(a).split(",");
+      d.value = T.some((_) => {
+        const B = _.includes("not all"), x = _.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), P = _.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let A = !!(x || P);
+        return x && A && (A = n >= Wt(x[1])), P && A && (A = n <= Wt(P[1])), B ? !A : A;
       });
       return;
     }
     s.value && (o.value = r.matchMedia(Ae(a)), d.value = o.value.matches);
   }), Sr(o, "change", b, { passive: !0 }), S(() => d.value);
 }
-const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px", xr = "4px", Br = "640px", Mr = "16px", Lr = "#bee2ff", jr = ["title"], pt = 99, Pr = /* @__PURE__ */ ie({
+const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px", Br = "4px", xr = "640px", Mr = "16px", Lr = "#bee2ff", jr = ["title"], pt = 99, Pr = /* @__PURE__ */ ie({
   __name: "ItemBadge",
   props: {
     count: {
@@ -374,7 +374,7 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
   },
   setup(a) {
     const t = a, r = S(() => t.count ? t.count > pt ? `${pt}+` : t.count.toString() : "");
-    return (n, s) => r.value ? (p(), T("div", {
+    return (n, s) => r.value ? (p(), k("div", {
       key: 0,
       class: "item-badge",
       title: (a.count || 0) > pt ? String(a.count) : void 0
@@ -383,7 +383,7 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
 }), Kr = /* @__PURE__ */ oe(Pr, [["__scopeId", "data-v-afb0d903"]]), Zr = ["data-testid"], Hr = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], Wr = {
   key: 0,
   class: "sidebar-item-icon"
-}, zr = { class: "sidebar-item-name-container" }, Gr = { class: "sidebar-item-name has-tooltip" }, Ur = {
+}, Gr = { class: "sidebar-item-name-container" }, zr = { class: "sidebar-item-name has-tooltip" }, Ur = {
   key: 2,
   class: "sidebar-item-label truncate-text truncate-18"
 }, Vr = {
@@ -410,14 +410,14 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
       !!s[`sidebar-after-${n.item.key}`]
     ), b = (_) => {
       r("click", _);
-    }, k = (_, x, B) => {
-      b(x), typeof B == "function" && (_.preventDefault(), B());
+    }, T = (_, B, x) => {
+      b(B), typeof x == "function" && (_.preventDefault(), x());
     };
-    return (_, x) => {
-      var E;
-      const B = he("KTooltip"), P = he("SidebarItem", !0);
-      return p(), T("li", {
-        class: se([a.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: a.item.expanded }, { active: a.item.active }]),
+    return (_, B) => {
+      var A;
+      const x = he("KTooltip"), P = he("SidebarItem", !0);
+      return p(), k("li", {
+        class: re([a.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: a.item.expanded }, { active: a.item.active }]),
         "data-testid": a.item.testId ? `sidebar-item-${a.item.testId}` : void 0
       }, [
         (p(), W(Fe(u.value ? "div" : "router-link"), {
@@ -427,27 +427,27 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
           default: L((j) => {
             var ne, K;
             return [
-              F("a", {
+              E("a", {
                 "aria-controls": (ne = a.item.items) != null && ne.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
                 "aria-current": a.item.active ? "page" : void 0,
                 "aria-expanded": (K = a.item.items) != null && K.length && a.item.expanded ? !0 : void 0,
-                class: se(["sidebar-item-link", { "sidebar-item-external-link": o.value, "router-link": !u.value }]),
+                class: re(["sidebar-item-link", { "sidebar-item-external-link": o.value, "router-link": !u.value }]),
                 href: u.value ? String(a.item.to || "#") : j == null ? void 0 : j.href,
                 target: o.value ? "_blank" : void 0,
-                onClick: (z) => k(z, a.item, j == null ? void 0 : j.navigate),
-                onKeypress: An((z) => k(z, a.item, j == null ? void 0 : j.navigate), ["enter"])
+                onClick: (G) => T(G, a.item, j == null ? void 0 : j.navigate),
+                onKeypress: An((G) => T(G, a.item, j == null ? void 0 : j.navigate), ["enter"])
               }, [
-                F("div", {
-                  class: se(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-after-content": d.value }])
+                E("div", {
+                  class: re(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-after-content": d.value }])
                 }, [
-                  _.$slots[`sidebar-icon-${a.item.key}`] ? (p(), T("div", Wr, [
-                    a.subnavItem ? $("", !0) : I(_.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
+                  _.$slots[`sidebar-icon-${a.item.key}`] ? (p(), k("div", Wr, [
+                    a.subnavItem ? $("", !0) : C(_.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
                   ])) : $("", !0),
-                  F("div", zr, [
-                    (a.subnavItem && !d.value ? a.item.name.length < 25 : a.item.name.length < 18) ? (p(), T("div", {
+                  E("div", Gr, [
+                    (a.subnavItem && !d.value ? a.item.name.length < 25 : a.item.name.length < 18) ? (p(), k("div", {
                       key: 0,
-                      class: se(["sidebar-item-name truncate-text", [a.subnavItem ? "has-after-content-max-width truncate-24" : "truncate-17"]])
-                    }, Q(a.item.name), 3)) : (p(), W(B, {
+                      class: re(["sidebar-item-name truncate-text", [a.subnavItem ? "has-after-content-max-width truncate-24" : "truncate-17"]])
+                    }, Q(a.item.name), 3)) : (p(), W(x, {
                       key: 1,
                       class: "sidebar-item-tooltip",
                       placement: "right",
@@ -455,21 +455,21 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
                       text: a.item.name
                     }, {
                       default: L(() => [
-                        F("div", Gr, [
-                          F("span", {
-                            class: se(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-after-content-max-width": d.value }]])
+                        E("div", zr, [
+                          E("span", {
+                            class: re(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-after-content-max-width": d.value }]])
                           }, Q(a.item.name), 3)
                         ])
                       ]),
                       _: 1
                     }, 8, ["text"])),
-                    a.item.label && a.item.expanded ? (p(), T("div", Ur, Q(a.item.label), 1)) : $("", !0)
+                    a.item.label && a.item.expanded ? (p(), k("div", Ur, Q(a.item.label), 1)) : $("", !0)
                   ]),
-                  d.value ? (p(), T("div", Vr, [
+                  d.value ? (p(), k("div", Vr, [
                     a.item.badgeCount ? (p(), W(Kr, {
                       key: 0,
                       count: a.item.badgeCount
-                    }, null, 8, ["count"])) : I(_.$slots, `sidebar-after-${a.item.key}`, { key: 1 }, void 0, !0)
+                    }, null, 8, ["count"])) : C(_.$slots, `sidebar-after-${a.item.key}`, { key: 1 }, void 0, !0)
                   ])) : $("", !0)
                 ], 2)
               ], 42, Hr)
@@ -477,12 +477,12 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
           }),
           _: 3
         }, 8, ["custom", "to"])),
-        (E = a.item.items) != null && E.length && a.item.expanded ? (p(), T("ul", {
+        (A = a.item.items) != null && A.length && a.item.expanded ? (p(), k("ul", {
           key: 0,
           id: `subnav-${a.item.key}`,
           class: "level-secondary"
         }, [
-          (p(!0), T(Ee, null, pe(a.item.items, (j) => (p(), W(P, {
+          (p(!0), k(Ee, null, pe(a.item.items, (j) => (p(), W(P, {
             key: j.name,
             item: j,
             "subnav-item": !0,
@@ -492,7 +492,7 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
       ], 10, Zr);
     };
   }
-}), zt = /* @__PURE__ */ oe(Xr, [["__scopeId", "data-v-7ea61d78"]]);
+}), Gt = /* @__PURE__ */ oe(Xr, [["__scopeId", "data-v-7ea61d78"]]);
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -521,18 +521,18 @@ var na = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     var o = u.shift();
     if (!Je(o, !1))
       if (o.tagName === "SLOT") {
-        var d = o.assignedElements(), b = d.length ? d : o.children, k = a(b, !0, n);
-        n.flatten ? s.push.apply(s, k) : s.push({
+        var d = o.assignedElements(), b = d.length ? d : o.children, T = a(b, !0, n);
+        n.flatten ? s.push.apply(s, T) : s.push({
           scopeParent: o,
-          candidates: k
+          candidates: T
         });
       } else {
         var _ = _e.call(o, Ye);
         _ && n.filter(o) && (r || !t.includes(o)) && s.push(o);
-        var x = o.shadowRoot || // check for an undisclosed shadow
-        typeof n.getShadowRoot == "function" && n.getShadowRoot(o), B = !Je(x, !1) && (!n.shadowRootFilter || n.shadowRootFilter(o));
-        if (x && B) {
-          var P = a(x === !0 ? o.children : x.children, !0, n);
+        var B = o.shadowRoot || // check for an undisclosed shadow
+        typeof n.getShadowRoot == "function" && n.getShadowRoot(o), x = !Je(B, !1) && (!n.shadowRootFilter || n.shadowRootFilter(o));
+        if (B && x) {
+          var P = a(B === !0 ? o.children : B.children, !0, n);
           n.flatten ? s.push.apply(s, P) : s.push({
             scopeParent: o,
             candidates: P
@@ -591,12 +591,12 @@ var na = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (n && n !== t) {
     var o, d, b;
     for (u = !!((o = s) !== null && o !== void 0 && (d = o.ownerDocument) !== null && d !== void 0 && d.contains(s) || t != null && (b = t.ownerDocument) !== null && b !== void 0 && b.contains(t)); !u && s; ) {
-      var k, _, x;
-      n = Qe(s), s = (k = n) === null || k === void 0 ? void 0 : k.host, u = !!((_ = s) !== null && _ !== void 0 && (x = _.ownerDocument) !== null && x !== void 0 && x.contains(s));
+      var T, _, B;
+      n = Qe(s), s = (T = n) === null || T === void 0 ? void 0 : T.host, u = !!((_ = s) !== null && _ !== void 0 && (B = _.ownerDocument) !== null && B !== void 0 && B.contains(s));
     }
   }
   return u;
-}, Gt = function(t) {
+}, zt = function(t) {
   var r = t.getBoundingClientRect(), n = r.width, s = r.height;
   return n === 0 && s === 0;
 }, si = function(t, r) {
@@ -609,10 +609,10 @@ var na = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (!n || n === "full" || n === "legacy-full") {
     if (typeof s == "function") {
       for (var d = t; t; ) {
-        var b = t.parentElement, k = Qe(t);
+        var b = t.parentElement, T = Qe(t);
         if (b && !b.shadowRoot && s(b) === !0)
-          return Gt(t);
-        t.assignedSlot ? t = t.assignedSlot : !b && k !== t.ownerDocument ? t = k.host : t = b;
+          return zt(t);
+        t.assignedSlot ? t = t.assignedSlot : !b && T !== t.ownerDocument ? t = T.host : t = b;
       }
       t = d;
     }
@@ -621,7 +621,7 @@ var na = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     if (n !== "legacy-full")
       return !0;
   } else if (n === "non-zero-area")
-    return Gt(t);
+    return zt(t);
   return !1;
 }, li = function(t) {
   if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
@@ -651,13 +651,13 @@ var na = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, ui = function a(t) {
   var r = [], n = [];
   return t.forEach(function(s, u) {
-    var o = !!s.scopeParent, d = o ? s.scopeParent : s, b = Qr(d, o), k = o ? a(s.candidates) : d;
-    b === 0 ? o ? r.push.apply(r, k) : r.push(d) : n.push({
+    var o = !!s.scopeParent, d = o ? s.scopeParent : s, b = Qr(d, o), T = o ? a(s.candidates) : d;
+    b === 0 ? o ? r.push.apply(r, T) : r.push(d) : n.push({
       documentOrder: u,
       tabIndex: b,
       item: s,
       isScope: o,
-      content: k
+      content: T
     });
   }), n.sort(Jr).reduce(function(s, u) {
     return u.isScope ? s.push.apply(s, u.content) : s.push(u.content), s;
@@ -777,12 +777,12 @@ var qt = {
   return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
 }, _i = function(t) {
   return (t == null ? void 0 : t.key) === "Escape" || (t == null ? void 0 : t.key) === "Esc" || (t == null ? void 0 : t.keyCode) === 27;
-}, xe = function(t) {
+}, Be = function(t) {
   return (t == null ? void 0 : t.key) === "Tab" || (t == null ? void 0 : t.keyCode) === 9;
 }, Si = function(t) {
-  return xe(t) && !t.shiftKey;
+  return Be(t) && !t.shiftKey;
 }, Ci = function(t) {
-  return xe(t) && t.shiftKey;
+  return Be(t) && t.shiftKey;
 }, Xt = function(t) {
   return setTimeout(t, 0);
 }, Re = function(t) {
@@ -837,10 +837,10 @@ var qt = {
     recentNavEvent: void 0
   }, d, b = function(l, f, m) {
     return l && l[f] !== void 0 ? l[f] : u[m || f];
-  }, k = function(l, f) {
+  }, T = function(l, f) {
     var m = typeof (f == null ? void 0 : f.composedPath) == "function" ? f.composedPath() : void 0;
-    return o.containerGroups.findIndex(function(A) {
-      var R = A.container, M = A.tabbableNodes;
+    return o.containerGroups.findIndex(function(F) {
+      var R = F.container, M = F.tabbableNodes;
       return R.contains(l) || // 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
@@ -850,7 +850,7 @@ var qt = {
       });
     });
   }, _ = function(l) {
-    var f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, m = f.hasFallback, A = m === void 0 ? !1 : m, R = f.params, M = R === void 0 ? [] : R, O = u[l];
+    var f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, m = f.hasFallback, F = m === void 0 ? !1 : m, R = f.params, M = R === void 0 ? [] : R, O = u[l];
     if (typeof O == "function" && (O = O.apply(void 0, gi(M))), O === !0 && (O = void 0), !O) {
       if (O === void 0 || O === !1)
         return O;
@@ -863,18 +863,18 @@ var qt = {
       } catch (v) {
         throw new Error("`".concat(l, '` appears to be an invalid selector; error="').concat(v.message, '"'));
       }
-      if (!w && !A)
+      if (!w && !F)
         throw new Error("`".concat(l, "` as selector refers to no known node"));
     }
     return w;
-  }, x = function() {
+  }, B = function() {
     var l = _("initialFocus", {
       hasFallback: !0
     });
     if (l === !1)
       return !1;
     if (l === void 0 || l && !ht(l, u.tabbableOptions))
-      if (k(n.activeElement) >= 0)
+      if (T(n.activeElement) >= 0)
         l = n.activeElement;
       else {
         var f = o.tabbableGroups[0], m = f && f.firstTabbableNode;
@@ -884,9 +884,9 @@ var qt = {
     if (!l)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return l;
-  }, B = function() {
+  }, x = function() {
     if (o.containerGroups = o.containers.map(function(l) {
-      var f = di(l, u.tabbableOptions), m = fi(l, u.tabbableOptions), A = f.length > 0 ? f[0] : void 0, R = f.length > 0 ? f[f.length - 1] : void 0, M = m.find(function(v) {
+      var f = di(l, u.tabbableOptions), m = fi(l, u.tabbableOptions), F = f.length > 0 ? f[0] : void 0, R = f.length > 0 ? f[f.length - 1] : void 0, M = m.find(function(v) {
         return Oe(v);
       }), O = m.slice().reverse().find(function(v) {
         return Oe(v);
@@ -900,7 +900,7 @@ var qt = {
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: w,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: A,
+        firstTabbableNode: F,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
         lastTabbableNode: R,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
@@ -922,11 +922,11 @@ var qt = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function(C) {
-          var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, g = f.indexOf(C);
-          return g < 0 ? y ? m.slice(m.indexOf(C) + 1).find(function(Y) {
+        nextTabbableNode: function(I) {
+          var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, g = f.indexOf(I);
+          return g < 0 ? y ? m.slice(m.indexOf(I) + 1).find(function(Y) {
             return Oe(Y);
-          }) : m.slice(0, m.indexOf(C)).reverse().find(function(Y) {
+          }) : m.slice(0, m.indexOf(I)).reverse().find(function(Y) {
             return Oe(Y);
           }) : f[g + (y ? 1 : -1)];
         }
@@ -943,10 +943,10 @@ var qt = {
     var f = l.activeElement;
     if (f)
       return f.shadowRoot && f.shadowRoot.activeElement !== null ? P(f.shadowRoot) : f;
-  }, E = function(l) {
+  }, A = function(l) {
     if (l !== !1 && l !== P(document)) {
       if (!l || !l.focus) {
-        E(x());
+        A(B());
         return;
       }
       l.focus({
@@ -959,11 +959,11 @@ var qt = {
     });
     return f || (f === !1 ? !1 : l);
   }, ne = function(l) {
-    var f = l.target, m = l.event, A = l.isBackward, R = A === void 0 ? !1 : A;
-    f = f || Ue(m), B();
+    var f = l.target, m = l.event, F = l.isBackward, R = F === void 0 ? !1 : F;
+    f = f || Ue(m), x();
     var M = null;
     if (o.tabbableGroups.length > 0) {
-      var O = k(f, m), w = O >= 0 ? o.containerGroups[O] : void 0;
+      var O = T(f, m), w = O >= 0 ? o.containerGroups[O] : void 0;
       if (O < 0)
         R ? M = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : M = o.tabbableGroups[0].firstTabbableNode;
       else if (R) {
@@ -972,9 +972,9 @@ var qt = {
           return f === ce;
         });
         if (v < 0 && (w.container === f || ht(f, u.tabbableOptions) && !Oe(f, u.tabbableOptions) && !w.nextTabbableNode(f, !1)) && (v = O), v >= 0) {
-          var C = v === 0 ? o.tabbableGroups.length - 1 : v - 1, y = o.tabbableGroups[C];
+          var I = v === 0 ? o.tabbableGroups.length - 1 : v - 1, y = o.tabbableGroups[I];
           M = ke(f) >= 0 ? y.lastTabbableNode : y.lastDomTabbableNode;
-        } else xe(m) || (M = w.nextTabbableNode(f, !1));
+        } else Be(m) || (M = w.nextTabbableNode(f, !1));
       } else {
         var g = o.tabbableGroups.findIndex(function(X) {
           var ce = X.lastTabbableNode;
@@ -983,14 +983,14 @@ var qt = {
         if (g < 0 && (w.container === f || ht(f, u.tabbableOptions) && !Oe(f, u.tabbableOptions) && !w.nextTabbableNode(f)) && (g = O), g >= 0) {
           var Y = g === o.tabbableGroups.length - 1 ? 0 : g + 1, H = o.tabbableGroups[Y];
           M = ke(f) >= 0 ? H.firstTabbableNode : H.firstDomTabbableNode;
-        } else xe(m) || (M = w.nextTabbableNode(f));
+        } else Be(m) || (M = w.nextTabbableNode(f));
       }
     } else
       M = _("fallbackFocus");
     return M;
   }, K = function(l) {
     var f = Ue(l);
-    if (!(k(f, l) >= 0)) {
+    if (!(T(f, l) >= 0)) {
       if (Re(u.clickOutsideDeactivates, l)) {
         d.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -1005,36 +1005,36 @@ var qt = {
       }
       Re(u.allowOutsideClick, l) || l.preventDefault();
     }
-  }, z = function(l) {
-    var f = Ue(l), m = k(f, l) >= 0;
+  }, G = function(l) {
+    var f = Ue(l), m = T(f, l) >= 0;
     if (m || f instanceof Document)
       m && (o.mostRecentlyFocusedNode = f);
     else {
       l.stopImmediatePropagation();
-      var A, R = !0;
+      var F, R = !0;
       if (o.mostRecentlyFocusedNode)
         if (ke(o.mostRecentlyFocusedNode) > 0) {
-          var M = k(o.mostRecentlyFocusedNode), O = o.containerGroups[M].tabbableNodes;
+          var M = T(o.mostRecentlyFocusedNode), O = o.containerGroups[M].tabbableNodes;
           if (O.length > 0) {
             var w = O.findIndex(function(v) {
               return v === o.mostRecentlyFocusedNode;
             });
-            w >= 0 && (u.isKeyForward(o.recentNavEvent) ? w + 1 < O.length && (A = O[w + 1], R = !1) : w - 1 >= 0 && (A = O[w - 1], R = !1));
+            w >= 0 && (u.isKeyForward(o.recentNavEvent) ? w + 1 < O.length && (F = O[w + 1], R = !1) : w - 1 >= 0 && (F = O[w - 1], R = !1));
           }
         } else
           o.containerGroups.some(function(v) {
-            return v.tabbableNodes.some(function(C) {
-              return ke(C) > 0;
+            return v.tabbableNodes.some(function(I) {
+              return ke(I) > 0;
             });
           }) || (R = !1);
       else
         R = !1;
-      R && (A = ne({
+      R && (F = ne({
         // 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: o.mostRecentlyFocusedNode,
         isBackward: u.isKeyBackward(o.recentNavEvent)
-      })), E(A || o.mostRecentlyFocusedNode || x());
+      })), A(F || o.mostRecentlyFocusedNode || B());
     }
     o.recentNavEvent = void 0;
   }, fe = function(l) {
@@ -1044,19 +1044,19 @@ var qt = {
       event: l,
       isBackward: f
     });
-    m && (xe(l) && l.preventDefault(), E(m));
+    m && (Be(l) && l.preventDefault(), A(m));
   }, le = function(l) {
     (u.isKeyForward(l) || u.isKeyBackward(l)) && fe(l, u.isKeyBackward(l));
   }, J = function(l) {
     _i(l) && Re(u.escapeDeactivates, l) !== !1 && (l.preventDefault(), d.deactivate());
   }, q = function(l) {
     var f = Ue(l);
-    k(f, l) >= 0 || Re(u.clickOutsideDeactivates, l) || Re(u.allowOutsideClick, l) || (l.preventDefault(), l.stopImmediatePropagation());
-  }, re = function() {
+    T(f, l) >= 0 || Re(u.clickOutsideDeactivates, l) || Re(u.allowOutsideClick, l) || (l.preventDefault(), l.stopImmediatePropagation());
+  }, se = function() {
     if (o.active)
       return qt.activateTrap(s, d), o.delayInitialFocusTimer = u.delayInitialFocus ? Xt(function() {
-        E(x());
-      }) : E(x()), n.addEventListener("focusin", z, !0), n.addEventListener("mousedown", K, {
+        A(B());
+      }) : A(B()), n.addEventListener("focusin", G, !0), n.addEventListener("mousedown", K, {
         capture: !0,
         passive: !1
       }), n.addEventListener("touchstart", K, {
@@ -1071,16 +1071,16 @@ var qt = {
       }), n.addEventListener("keydown", J), d;
   }, N = function() {
     if (o.active)
-      return n.removeEventListener("focusin", z, !0), n.removeEventListener("mousedown", K, !0), n.removeEventListener("touchstart", K, !0), n.removeEventListener("click", q, !0), n.removeEventListener("keydown", le, !0), n.removeEventListener("keydown", J), d;
-  }, G = function(l) {
+      return n.removeEventListener("focusin", G, !0), n.removeEventListener("mousedown", K, !0), n.removeEventListener("touchstart", K, !0), n.removeEventListener("click", q, !0), n.removeEventListener("keydown", le, !0), n.removeEventListener("keydown", J), d;
+  }, z = function(l) {
     var f = l.some(function(m) {
-      var A = Array.from(m.removedNodes);
-      return A.some(function(R) {
+      var F = Array.from(m.removedNodes);
+      return F.some(function(R) {
         return R === o.mostRecentlyFocusedNode;
       });
     });
-    f && E(x());
-  }, Z = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(G) : void 0, U = function() {
+    f && A(B());
+  }, Z = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(z) : void 0, U = function() {
     Z && (Z.disconnect(), o.active && !o.paused && o.containers.map(function(l) {
       Z.observe(l, {
         subtree: !0,
@@ -1098,12 +1098,12 @@ var qt = {
     activate: function(l) {
       if (o.active)
         return this;
-      var f = b(l, "onActivate"), m = b(l, "onPostActivate"), A = b(l, "checkCanFocusTrap");
-      A || B(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = P(n), f == null || f();
+      var f = b(l, "onActivate"), m = b(l, "onPostActivate"), F = b(l, "checkCanFocusTrap");
+      F || x(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = P(n), f == null || f();
       var R = function() {
-        A && B(), re(), U(), m == null || m();
+        F && x(), se(), U(), m == null || m();
       };
-      return A ? (A(o.containers.concat()).then(R, R), this) : (R(), this);
+      return F ? (F(o.containers.concat()).then(R, R), this) : (R(), this);
     },
     deactivate: function(l) {
       if (!o.active)
@@ -1114,11 +1114,11 @@ var qt = {
         checkCanReturnFocus: u.checkCanReturnFocus
       }, l);
       clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, N(), o.active = !1, o.paused = !1, U(), qt.deactivateTrap(s, d);
-      var m = b(f, "onDeactivate"), A = b(f, "onPostDeactivate"), R = b(f, "checkCanReturnFocus"), M = b(f, "returnFocus", "returnFocusOnDeactivate");
+      var m = b(f, "onDeactivate"), F = b(f, "onPostDeactivate"), R = b(f, "checkCanReturnFocus"), M = b(f, "returnFocus", "returnFocusOnDeactivate");
       m == null || m();
       var O = function() {
         Xt(function() {
-          M && E(j(o.nodeFocusedBeforeActivation)), A == null || A();
+          M && A(j(o.nodeFocusedBeforeActivation)), F == null || F();
         });
       };
       return M && R ? (R(j(o.nodeFocusedBeforeActivation)).then(O, O), this) : (O(), this);
@@ -1133,7 +1133,7 @@ var qt = {
       var f = [].concat(l).filter(Boolean);
       return o.containers = f.map(function(m) {
         return typeof m == "string" ? n.querySelector(m) : m;
-      }), o.active && B(), U(), this;
+      }), o.active && x(), U(), this;
     }
   }, Object.defineProperties(d, {
     _isManuallyPaused: {
@@ -1146,11 +1146,11 @@ var qt = {
         if (o.paused === l)
           return this;
         if (o.paused = l, l) {
-          var m = b(f, "onPause"), A = b(f, "onPostPause");
-          m == null || m(), N(), U(), A == null || A();
+          var m = b(f, "onPause"), F = b(f, "onPostPause");
+          m == null || m(), N(), U(), F == null || F();
         } else {
           var R = b(f, "onUnpause"), M = b(f, "onPostUnpause");
-          R == null || R(), B(), re(), U(), M == null || M();
+          R == null || R(), x(), se(), U(), M == null || M();
         }
         return this;
       }
@@ -1250,7 +1250,7 @@ const Oi = {
       renderImpl() {
         if (!t.default)
           return null;
-        const d = t.default().filter((k) => k.type !== Nn);
+        const d = t.default().filter((T) => T.type !== Nn);
         return !d || !d.length || d.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), d) : Dn(d[0], { ref: s });
       }
     };
@@ -1275,9 +1275,9 @@ function Ai(a) {
 var tt = { exports: {} };
 tt.exports;
 (function(a, t) {
-  var r = 200, n = "__lodash_hash_undefined__", s = 9007199254740991, u = "[object Arguments]", o = "[object Array]", d = "[object Boolean]", b = "[object Date]", k = "[object Error]", _ = "[object Function]", x = "[object GeneratorFunction]", B = "[object Map]", P = "[object Number]", E = "[object Object]", j = "[object Promise]", ne = "[object RegExp]", K = "[object Set]", z = "[object String]", fe = "[object Symbol]", le = "[object WeakMap]", J = "[object ArrayBuffer]", q = "[object DataView]", re = "[object Float32Array]", N = "[object Float64Array]", G = "[object Int8Array]", Z = "[object Int16Array]", U = "[object Int32Array]", D = "[object Uint8Array]", l = "[object Uint8ClampedArray]", f = "[object Uint16Array]", m = "[object Uint32Array]", A = /[\\^$.*+?()[\]{}|]/g, R = /\w*$/, M = /^\[object .+?Constructor\]$/, O = /^(?:0|[1-9]\d*)$/, w = {};
-  w[u] = w[o] = w[J] = w[q] = w[d] = w[b] = w[re] = w[N] = w[G] = w[Z] = w[U] = w[B] = w[P] = w[E] = w[ne] = w[K] = w[z] = w[fe] = w[D] = w[l] = w[f] = w[m] = !0, w[k] = w[_] = w[le] = !1;
-  var v = typeof Ve == "object" && Ve && Ve.Object === Object && Ve, C = typeof self == "object" && self && self.Object === Object && self, y = v || C || Function("return this")(), g = t && !t.nodeType && t, Y = g && !0 && a && !a.nodeType && a, H = Y && Y.exports === g;
+  var r = 200, n = "__lodash_hash_undefined__", s = 9007199254740991, u = "[object Arguments]", o = "[object Array]", d = "[object Boolean]", b = "[object Date]", T = "[object Error]", _ = "[object Function]", B = "[object GeneratorFunction]", x = "[object Map]", P = "[object Number]", A = "[object Object]", j = "[object Promise]", ne = "[object RegExp]", K = "[object Set]", G = "[object String]", fe = "[object Symbol]", le = "[object WeakMap]", J = "[object ArrayBuffer]", q = "[object DataView]", se = "[object Float32Array]", N = "[object Float64Array]", z = "[object Int8Array]", Z = "[object Int16Array]", U = "[object Int32Array]", D = "[object Uint8Array]", l = "[object Uint8ClampedArray]", f = "[object Uint16Array]", m = "[object Uint32Array]", F = /[\\^$.*+?()[\]{}|]/g, R = /\w*$/, M = /^\[object .+?Constructor\]$/, O = /^(?:0|[1-9]\d*)$/, w = {};
+  w[u] = w[o] = w[J] = w[q] = w[d] = w[b] = w[se] = w[N] = w[z] = w[Z] = w[U] = w[x] = w[P] = w[A] = w[ne] = w[K] = w[G] = w[fe] = w[D] = w[l] = w[f] = w[m] = !0, w[T] = w[_] = w[le] = !1;
+  var v = typeof Ve == "object" && Ve && Ve.Object === Object && Ve, I = typeof self == "object" && self && self.Object === Object && self, y = v || I || Function("return this")(), g = t && !t.nodeType && t, Y = g && !0 && a && !a.nodeType && a, H = Y && Y.exports === g;
   function X(e, i) {
     return e.set(i[0], i[1]), e;
   }
@@ -1337,7 +1337,7 @@ tt.exports;
     var e = /[^.]+$/.exec(nt && nt.keys && nt.keys.IE_PROTO || "");
     return e ? "Symbol(src)_1." + e : "";
   }(), Ct = pa.toString, ve = Ke.hasOwnProperty, Ze = Ke.toString, ha = RegExp(
-    "^" + Ct.call(ve).replace(A, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    "^" + Ct.call(ve).replace(F, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   ), It = H ? y.Buffer : void 0, $t = y.Symbol, Ot = y.Uint8Array, ma = at(Object.getPrototypeOf, Object), ga = Object.create, ya = Ke.propertyIsEnumerable, wa = ba.splice, Et = Object.getOwnPropertySymbols, ka = It ? It.isBuffer : void 0, Ta = at(Object.keys, Object), rt = Ie(y, "DataView"), Ne = Ie(y, "Map"), it = Ie(y, "Promise"), ot = Ie(y, "Set"), st = Ie(y, "WeakMap"), De = Ie(Object, "create"), _a = ye(rt), Sa = ye(Ne), Ca = ye(it), Ia = ye(ot), $a = ye(st), At = $t ? $t.prototype : void 0, Ft = At ? At.valueOf : void 0;
   function me(e) {
     var i = -1, c = e ? e.length : 0;
@@ -1386,18 +1386,18 @@ tt.exports;
     var h = i.length - 1;
     return c == h ? i.pop() : wa.call(i, c, 1), !0;
   }
-  function xa(e) {
+  function Ba(e) {
     var i = this.__data__, c = He(i, e);
     return c < 0 ? void 0 : i[c][1];
   }
-  function Ba(e) {
+  function xa(e) {
     return He(this.__data__, e) > -1;
   }
   function Ma(e, i) {
     var c = this.__data__, h = He(c, e);
     return h < 0 ? c.push([e, i]) : c[h][1] = i, this;
   }
-  ue.prototype.clear = Da, ue.prototype.delete = Ra, ue.prototype.get = xa, ue.prototype.has = Ba, ue.prototype.set = Ma;
+  ue.prototype.clear = Da, ue.prototype.delete = Ra, ue.prototype.get = Ba, ue.prototype.has = xa, ue.prototype.set = Ma;
   function Se(e) {
     var i = -1, c = e ? e.length : 0;
     for (this.clear(); ++i < c; ) {
@@ -1434,10 +1434,10 @@ tt.exports;
   function Wa(e) {
     return this.__data__.delete(e);
   }
-  function za(e) {
+  function Ga(e) {
     return this.__data__.get(e);
   }
-  function Ga(e) {
+  function za(e) {
     return this.__data__.has(e);
   }
   function Ua(e, i) {
@@ -1450,7 +1450,7 @@ tt.exports;
     }
     return c.set(e, i), this;
   }
-  Ce.prototype.clear = Ha, Ce.prototype.delete = Wa, Ce.prototype.get = za, Ce.prototype.has = Ga, Ce.prototype.set = Ua;
+  Ce.prototype.clear = Ha, Ce.prototype.delete = Wa, Ce.prototype.get = Ga, Ce.prototype.has = za, Ce.prototype.set = Ua;
   function Va(e, i) {
     var c = ut(e) || yn(e) ? fa(e.length, String) : [], h = c.length, V = !!h;
     for (var ee in e)
@@ -1459,11 +1459,11 @@ tt.exports;
   }
   function Nt(e, i, c) {
     var h = e[i];
-    (!(ve.call(e, i) && Bt(h, c)) || c === void 0 && !(i in e)) && (e[i] = c);
+    (!(ve.call(e, i) && xt(h, c)) || c === void 0 && !(i in e)) && (e[i] = c);
   }
   function He(e, i) {
     for (var c = e.length; c--; )
-      if (Bt(e[c][0], i))
+      if (xt(e[c][0], i))
         return c;
     return -1;
   }
@@ -1474,17 +1474,17 @@ tt.exports;
     var te;
     if (h && (te = ee ? h(e, V, ee, de) : h(e)), te !== void 0)
       return te;
-    if (!ze(e))
+    if (!Ge(e))
       return e;
     var jt = ut(e);
     if (jt) {
       if (te = fn(e), !i)
         return cn(e, te);
     } else {
-      var $e = ge(e), Pt = $e == _ || $e == x;
+      var $e = ge(e), Pt = $e == _ || $e == B;
       if (kn(e))
         return tn(e, i);
-      if ($e == E || $e == u || Pt && !ee) {
+      if ($e == A || $e == u || Pt && !ee) {
         if (kt(e))
           return ee ? e : {};
         if (te = vn(Pt ? {} : e), !i)
@@ -1501,12 +1501,12 @@ tt.exports;
       return Kt;
     if (de.set(e, te), !jt)
       var Zt = c ? dn(e) : dt(e);
-    return ua(Zt || e, function(ft, Ge) {
-      Zt && (Ge = ft, ft = e[Ge]), Nt(te, Ge, lt(ft, i, c, h, Ge, e, de));
+    return ua(Zt || e, function(ft, ze) {
+      Zt && (ze = ft, ft = e[ze]), Nt(te, ze, lt(ft, i, c, h, ze, e, de));
     }), te;
   }
   function Xa(e) {
-    return ze(e) ? ga(e) : {};
+    return Ge(e) ? ga(e) : {};
   }
   function Ya(e, i, c) {
     var h = i(e);
@@ -1516,13 +1516,13 @@ tt.exports;
     return Ze.call(e);
   }
   function Ja(e) {
-    if (!ze(e) || mn(e))
+    if (!Ge(e) || mn(e))
       return !1;
     var i = Lt(e) || kt(e) ? ha : M;
     return i.test(ye(e));
   }
   function en(e) {
-    if (!xt(e))
+    if (!Bt(e))
       return Ta(e);
     var i = [];
     for (var c in Object(e))
@@ -1591,14 +1591,14 @@ tt.exports;
     return Ja(c) ? c : void 0;
   }
   var Rt = Et ? at(Et, Object) : Sn, ge = Qa;
-  (rt && ge(new rt(new ArrayBuffer(1))) != q || Ne && ge(new Ne()) != B || it && ge(it.resolve()) != j || ot && ge(new ot()) != K || st && ge(new st()) != le) && (ge = function(e) {
-    var i = Ze.call(e), c = i == E ? e.constructor : void 0, h = c ? ye(c) : void 0;
+  (rt && ge(new rt(new ArrayBuffer(1))) != q || Ne && ge(new Ne()) != x || it && ge(it.resolve()) != j || ot && ge(new ot()) != K || st && ge(new st()) != le) && (ge = function(e) {
+    var i = Ze.call(e), c = i == A ? e.constructor : void 0, h = c ? ye(c) : void 0;
     if (h)
       switch (h) {
         case _a:
           return q;
         case Sa:
-          return B;
+          return x;
         case Ca:
           return j;
         case Ia:
@@ -1613,7 +1613,7 @@ tt.exports;
     return i && typeof e[0] == "string" && ve.call(e, "index") && (c.index = e.index, c.input = e.input), c;
   }
   function vn(e) {
-    return typeof e.constructor == "function" && !xt(e) ? Xa(ma(e)) : {};
+    return typeof e.constructor == "function" && !Bt(e) ? Xa(ma(e)) : {};
   }
   function bn(e, i, c, h) {
     var V = e.constructor;
@@ -1625,9 +1625,9 @@ tt.exports;
         return new V(+e);
       case q:
         return an(e, h);
-      case re:
+      case se:
       case N:
-      case G:
+      case z:
       case Z:
       case U:
       case D:
@@ -1635,10 +1635,10 @@ tt.exports;
       case f:
       case m:
         return ln(e, h);
-      case B:
+      case x:
         return nn(e, h, c);
       case P:
-      case z:
+      case G:
         return new V(e);
       case ne:
         return rn(e);
@@ -1658,7 +1658,7 @@ tt.exports;
   function mn(e) {
     return !!St && St in e;
   }
-  function xt(e) {
+  function Bt(e) {
     var i = e && e.constructor, c = typeof i == "function" && i.prototype || Ke;
     return e === c;
   }
@@ -1678,7 +1678,7 @@ tt.exports;
   function gn(e) {
     return lt(e, !0, !0);
   }
-  function Bt(e, i) {
+  function xt(e, i) {
     return e === i || e !== e && i !== i;
   }
   function yn(e) {
@@ -1693,13 +1693,13 @@ tt.exports;
   }
   var kn = ka || Cn;
   function Lt(e) {
-    var i = ze(e) ? Ze.call(e) : "";
-    return i == _ || i == x;
+    var i = Ge(e) ? Ze.call(e) : "";
+    return i == _ || i == B;
   }
   function Tn(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= s;
   }
-  function ze(e) {
+  function Ge(e) {
     var i = typeof e;
     return !!e && (i == "object" || i == "function");
   }
@@ -1721,10 +1721,10 @@ var Fi = tt.exports;
 const Ni = /* @__PURE__ */ Ai(Fi), Di = {
   key: 0,
   class: "sidebar-header"
-}, Ri = { class: "sidebar-content-container" }, xi = {
+}, Ri = { class: "sidebar-content-container" }, Bi = {
   key: 0,
   class: "sidebar-top"
-}, Bi = { "aria-label": "Main menu" }, Mi = ["id"], Li = ["aria-labelledby"], ji = {
+}, xi = { "aria-label": "Main menu" }, Mi = ["id"], Li = ["aria-labelledby"], ji = {
   key: 1,
   class: "sidebar-level-divider",
   role: "separator"
@@ -1800,7 +1800,7 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
       "59c6ce92": a.zIndex,
       bbad6fe2: d.value.height,
       "4d9eb36d": d.value.top,
-      "7d4233c1": k.value.marginTop,
+      "7d4233c1": T.value.marginTop,
       "87d455f0": O.value,
       "3fa34e2b": b.value.display,
       "655fc57c": b.value.minHeight,
@@ -1815,12 +1815,12 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
     })), b = S(() => ({
       display: !n.mobileHeaderVisible && n.mobileEnabled ? "none" : "flex",
       minHeight: `${n.headerHeight}px`
-    })), k = S(() => ({
+    })), T = S(() => ({
       marginTop: u.value ? `${n.headerHeight}px` : "0"
     })), _ = S(() => ({
       top: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : "0",
       zIndex: n.mobileOverlayZIndex !== null ? n.mobileOverlayZIndex : n.zIndex > 1 ? n.zIndex - 1 : 1
-    })), x = (v) => Ni(v).map((y) => {
+    })), B = (v) => Ni(v).map((y) => {
       var g, Y, H;
       if (y) {
         (!y.key || !((g = y.key) != null && g.trim())) && (y.key = String(y.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!y.testId || !((Y = y.testId) != null && Y.trim())) && (y.testId = String(y.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
@@ -1828,40 +1828,40 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
           X.parentKey = y.key, (!X.testId || !((H = X.testId) != null && H.trim())) && (X.testId = String(X.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
       }
       return y;
-    }), B = S(() => n.topItems.length ? x(n.topItems) : []), P = S(() => n.bottomItems.length ? x(n.bottomItems) : []), E = (v = "") => v.trim().replace(" ", "").replace(/[^a-z0-9]+/gi, "-").toLowerCase(), j = S(() => {
-      var C;
+    }), x = S(() => n.topItems.length ? B(n.topItems) : []), P = S(() => n.bottomItems.length ? B(n.bottomItems) : []), A = (v = "") => v.trim().replace(" ", "").replace(/[^a-z0-9]+/gi, "-").toLowerCase(), j = S(() => {
+      var I;
       const v = /* @__PURE__ */ new Map();
       v.set(we, []);
-      for (const y of B.value) {
+      for (const y of x.value) {
         const g = y.group || we;
-        v.has(g) || v.set(g, []), (C = v.get(g)) == null || C.push(y);
+        v.has(g) || v.set(g, []), (I = v.get(g)) == null || I.push(y);
       }
       return v;
-    }), ne = Er(`max-width: ${Br}`), K = (v = "") => {
+    }), ne = Er(`max-width: ${xr}`), K = (v = "") => {
       if (v === we || !v.trim())
         return null;
-      const C = {
+      const I = {
         label: v,
         collapsible: !1,
         collapsed: !1
       };
       let y = v.trim().replace(" ", "");
-      return y = y.charAt(0).toLowerCase() + y.slice(1), v && n.groupConfig && (n.groupConfig[v] || n.groupConfig[y]) ? n.groupConfig[v] || n.groupConfig[y] : C;
-    }, z = (v) => {
-      var C;
-      return !!((C = K(v)) != null && C.collapsible);
+      return y = y.charAt(0).toLowerCase() + y.slice(1), v && n.groupConfig && (n.groupConfig[v] || n.groupConfig[y]) ? n.groupConfig[v] || n.groupConfig[y] : I;
+    }, G = (v) => {
+      var I;
+      return !!((I = K(v)) != null && I.collapsible);
     }, fe = (v) => {
-      var C;
-      return !!((C = K(v)) != null && C.collapsed);
-    }, le = (v, C, y) => {
+      var I;
+      return !!((I = K(v)) != null && I.collapsed);
+    }, le = (v, I, y) => {
       const g = K(v);
-      g && (g.collapsed = !C), y(), r("toggle-collapse", v, g);
+      g && (g.collapsed = !I), y(), r("toggle-collapse", v, g);
     }, J = ae(n.open), q = (v) => {
-      var C, y;
-      J.value !== v && (J.value = v, r("toggle", v)), v ? (C = document == null ? void 0 : document.body) == null || C.classList.add("kong-ui-app-sidebar-open") : (y = document == null ? void 0 : document.body) == null || y.classList.remove("kong-ui-app-sidebar-open"), N.value = !1;
-    }, re = () => {
+      var I, y;
+      J.value !== v && (J.value = v, r("toggle", v)), v ? (I = document == null ? void 0 : document.body) == null || I.classList.add("kong-ui-app-sidebar-open") : (y = document == null ? void 0 : document.body) == null || y.classList.remove("kong-ui-app-sidebar-open"), N.value = !1;
+    }, se = () => {
       n.mobileOverlayCloseOnClick && q(!1);
-    }, N = ae(!1), G = (v) => {
+    }, N = ae(!1), z = (v) => {
       N.value = !0, r("click", v), setTimeout(() => {
         q(!1);
       }, n.mobileCloseDelay);
@@ -1873,9 +1873,9 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
       J.value && D.value !== (window == null ? void 0 : window.innerWidth) && (D.value = window == null ? void 0 : window.innerWidth, q(!1));
     }, 200), D = ae(), l = ae(!1), f = ae(), m = () => {
       l.value || (l.value = !0, clearTimeout(f.value), f.value = setTimeout(() => l.value = !1, 1300));
-    }, A = ae(null), R = S(() => J.value && n.mobileEnabled), M = async (v) => {
-      var C, y;
-      v ? (await Ht(), await new Promise((g) => setTimeout(g, 300)), (C = A.value) == null || C.activate()) : (y = A.value) == null || y.deactivate();
+    }, F = ae(null), R = S(() => J.value && n.mobileEnabled), M = async (v) => {
+      var I, y;
+      v ? (await Ht(), await new Promise((g) => setTimeout(g, 300)), (I = F.value) == null || I.activate()) : (y = F.value) == null || y.deactivate();
     };
     Te(R, async (v) => {
       v ? await M(!0) : await M(!1);
@@ -1884,44 +1884,44 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
       var X;
       if (!(/Mac|iPhone|iPod|iPad/i.test(navigator == null ? void 0 : navigator.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test((X = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : X.platform)))
         return;
-      const C = document.createElement("div");
-      C.style.visibility = "hidden", C.style.width = "100px", document.body.appendChild(C);
-      const y = C.offsetWidth;
-      C.style.overflow = "scroll";
+      const I = document.createElement("div");
+      I.style.visibility = "hidden", I.style.width = "100px", document.body.appendChild(I);
+      const y = I.offsetWidth;
+      I.style.overflow = "scroll";
       const g = document.createElement("div");
-      g.style.width = "100%", C.appendChild(g);
+      g.style.width = "100%", I.appendChild(g);
       const Y = g.offsetWidth;
-      C.parentNode && C.parentNode.removeChild(C), y - Y === 0 && (O.value = "8px");
+      I.parentNode && I.parentNode.removeChild(I), y - Y === 0 && (O.value = "8px");
     };
     return Pe(async () => {
       if (D.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", U), window.addEventListener("resize", m), n.groupConfig && ne.value)
         for (const v in n.groupConfig) {
-          const C = n.groupConfig[v];
-          C.collapsed = !1;
+          const I = n.groupConfig[v];
+          I.collapsed = !1;
         }
       await Ht(), w();
     }), ea(() => {
       window.removeEventListener("resize", U), window.removeEventListener("resize", m);
     }), Te(() => n.groupConfig, (v) => {
       console.log("groupConfig updated", v);
-    }), (v, C) => {
+    }), (v, I) => {
       const y = he("KCollapse");
-      return p(), T(Ee, null, [
-        J.value && a.mobileOverlay && a.mobileEnabled ? (p(), T("div", {
+      return p(), k(Ee, null, [
+        J.value && a.mobileOverlay && a.mobileEnabled ? (p(), k("div", {
           key: 0,
           class: "kong-ui-app-sidebar-overlay",
-          onClick: re
+          onClick: se
         })) : $("", !0),
         Le(be(Ei), {
           ref_key: "focusTrap",
-          ref: A,
+          ref: F,
           active: !1,
           "allow-outside-click": "",
           "fallback-focus": ".kong-ui-app-sidebar"
         }, {
           default: L(() => [
-            F("aside", {
-              class: se(["kong-ui-app-sidebar", {
+            E("aside", {
+              class: re(["kong-ui-app-sidebar", {
                 "sidebar-open": J.value,
                 "no-sidebar-header": !u.value,
                 "mobile-header-hidden": a.mobileEnabled && (!u.value || !a.mobileHeaderVisible),
@@ -1930,40 +1930,40 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
               }]),
               tabindex: "-1"
             }, [
-              u.value ? (p(), T("div", Di, [
-                I(v.$slots, "header", {}, void 0, !0)
+              u.value ? (p(), k("div", Di, [
+                C(v.$slots, "header", {}, void 0, !0)
               ])) : $("", !0),
-              F("div", Ri, [
-                o.value ? (p(), T("div", xi, [
-                  I(v.$slots, "top", {}, void 0, !0)
+              E("div", Ri, [
+                o.value ? (p(), k("div", Bi, [
+                  C(v.$slots, "top", {}, void 0, !0)
                 ])) : $("", !0),
-                F("nav", Bi, [
-                  j.value.size > 0 ? (p(!0), T(Ee, { key: 0 }, pe(j.value, ([g, Y]) => (p(), W(y, {
+                E("nav", xi, [
+                  j.value.size > 0 ? (p(!0), k(Ee, { key: 0 }, pe(j.value, ([g, Y]) => (p(), W(y, {
                     key: g,
-                    class: se(["level-primary-group-collapse", {
-                      "not-collapsible": !z(g),
+                    class: re(["level-primary-group-collapse", {
+                      "not-collapsible": !G(g),
                       ungrouped: g === we
                     }]),
                     "data-testid": g === we ? "level-primary-group-collapse-ungrouped" : `level-primary-group-collapse-${g}`,
-                    "model-value": z(g) && fe(g) || !1
+                    "model-value": G(g) && fe(g) || !1
                   }, {
                     trigger: L(({ isCollapsed: H, toggle: X }) => [
-                      (p(), W(Fe(z(g) ? be(Mn) : "div"), {
-                        appearance: z(g) ? "none" : void 0,
+                      (p(), W(Fe(G(g) ? be(Mn) : "div"), {
+                        appearance: G(g) ? "none" : void 0,
                         class: "level-primary-group-collapse-trigger",
-                        onClick: (ce) => z(g) ? le(g, H, X) : void 0
+                        onClick: (ce) => G(g) ? le(g, H, X) : void 0
                       }, {
                         default: L(() => {
                           var ce;
                           return [
-                            g !== we ? (p(), T("div", {
+                            g !== we ? (p(), k("div", {
                               key: 0,
-                              id: `level-primary-group-${E(g)}`,
+                              id: `level-primary-group-${A(g)}`,
                               class: "level-primary-group-name",
                               "data-testid": "level-primary-group-name",
                               role: "presentation"
                             }, Q(((ce = K(g)) == null ? void 0 : ce.label) || g), 9, Mi)) : $("", !0),
-                            z(g) ? (p(), W(Fe(H ? be(ta) : be(Bn)), {
+                            G(g) ? (p(), W(Fe(H ? be(ta) : be(xn)), {
                               key: 1,
                               class: "level-primary-group-collapse-icon",
                               color: be(Lr),
@@ -1976,24 +1976,24 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
                       }, 1032, ["appearance", "onClick"]))
                     ]),
                     default: L(() => [
-                      F("ul", {
-                        "aria-labelledby": g !== we ? `level-primary-group-${E(g)}` : void 0,
+                      E("ul", {
+                        "aria-labelledby": g !== we ? `level-primary-group-${A(g)}` : void 0,
                         class: "level-primary top-items"
                       }, [
-                        (p(!0), T(Ee, null, pe(Y, (H) => (p(), W(zt, {
+                        (p(!0), k(Ee, null, pe(Y, (H) => (p(), W(Gt, {
                           key: H.name,
                           item: H,
-                          onClick: G
+                          onClick: z
                         }, Me({
                           [`sidebar-icon-${H.key}`]: L(() => [
-                            I(v.$slots, `sidebar-icon-${H.key}`, {}, void 0, !0)
+                            C(v.$slots, `sidebar-icon-${H.key}`, {}, void 0, !0)
                           ]),
                           _: 2
                         }, [
                           v.$slots[`sidebar-after-${H.key}`] ? {
                             name: `sidebar-after-${H.key}`,
                             fn: L(() => [
-                              I(v.$slots, `sidebar-after-${H.key}`, {}, void 0, !0)
+                              C(v.$slots, `sidebar-after-${H.key}`, {}, void 0, !0)
                             ]),
                             key: "0"
                           } : void 0
@@ -2002,23 +2002,23 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
                     ]),
                     _: 2
                   }, 1032, ["class", "data-testid", "model-value"]))), 128)) : $("", !0),
-                  j.value.size > 0 && P.value.length ? (p(), T("div", ji)) : $("", !0),
-                  P.value.length ? (p(), T("ul", Pi, [
-                    (p(!0), T(Ee, null, pe(P.value, (g) => (p(), W(zt, {
+                  j.value.size > 0 && P.value.length ? (p(), k("div", ji)) : $("", !0),
+                  P.value.length ? (p(), k("ul", Pi, [
+                    (p(!0), k(Ee, null, pe(P.value, (g) => (p(), W(Gt, {
                       key: g.name,
                       item: g,
-                      onClick: G
+                      onClick: z
                     }, {
                       [`sidebar-icon-${g.key}`]: L(() => [
-                        I(v.$slots, `sidebar-icon-${g.key}`, {}, void 0, !0)
+                        C(v.$slots, `sidebar-icon-${g.key}`, {}, void 0, !0)
                       ]),
                       _: 2
                     }, 1032, ["item"]))), 128))
                   ])) : $("", !0)
                 ])
               ]),
-              F("div", Ki, [
-                I(v.$slots, "footer", {}, void 0, !0)
+              E("div", Ki, [
+                C(v.$slots, "footer", {}, void 0, !0)
               ])
             ], 2)
           ]),
@@ -2027,7 +2027,7 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
       ], 64);
     };
   }
-}), Hi = /* @__PURE__ */ oe(Zi, [["__scopeId", "data-v-857560c7"]]), Wi = ["aria-label"], zi = /* @__PURE__ */ ie({
+}), Hi = /* @__PURE__ */ oe(Zi, [["__scopeId", "data-v-857560c7"]]), Wi = ["aria-label"], Gi = /* @__PURE__ */ ie({
   __name: "SidebarToggle",
   props: {
     active: {
@@ -2042,20 +2042,20 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
     };
     return Te(() => n.active, (o) => {
       s.value = o;
-    }), (o, d) => (p(), T("a", {
+    }), (o, d) => (p(), k("a", {
       "aria-haspopup": "true",
       "aria-label": s.value ? "Close Main Menu" : "Open Main Menu",
-      class: se(["sidebar-menu-toggle", { active: s.value }]),
+      class: re(["sidebar-menu-toggle", { active: s.value }]),
       href: "#",
       role: "button",
       onClick: Rn(u, ["prevent"])
     }, d[0] || (d[0] = [
-      F("span", { class: "line" }, null, -1),
-      F("span", { class: "line" }, null, -1),
-      F("span", { class: "line" }, null, -1)
+      E("span", { class: "line" }, null, -1),
+      E("span", { class: "line" }, null, -1),
+      E("span", { class: "line" }, null, -1)
     ]), 10, Wi));
   }
-}), Gi = /* @__PURE__ */ oe(zi, [["__scopeId", "data-v-cbb41bbd"]]), Ui = { id: "kong-ui-app-layout-notification" }, Vi = { class: "mobile-logo" }, qi = {
+}), zi = /* @__PURE__ */ oe(Gi, [["__scopeId", "data-v-cbb41bbd"]]), Ui = { id: "kong-ui-app-layout-notification" }, Vi = { class: "mobile-logo" }, qi = {
   key: 0,
   class: "navbar-logo"
 }, Xi = {
@@ -2104,7 +2104,7 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
   setup(a, { emit: t }) {
     yt((N) => ({
       "26cbc8ac": K.value,
-      "4eb9dde2": z.value,
+      "4eb9dde2": G.value,
       "5f0811fa": ne.value,
       "37ad0844": fe.value,
       "999c315e": le.value
@@ -2125,57 +2125,57 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
       bottomItems: S(() => r.sidebarBottomItems),
       open: S(() => r.sidebarOpen),
       hidden: S(() => r.sidebarHidden)
-    }), k = (N) => {
+    }), T = (N) => {
       n("sidebar-click", N);
-    }, _ = ae(!1), x = (N) => {
+    }, _ = ae(!1), B = (N) => {
       _.value = N;
     };
     Jt(() => {
-      _.value = xn(b, "open").value || !1;
+      _.value = Bn(b, "open").value || !1;
     });
-    const B = ae(0), P = ae(60), E = ae(0), j = S(() => d.hidden ? E.value : P.value + E.value), ne = S(() => r.theme === "light" ? Nr : Dr), K = S(() => r.theme === "light" ? Ar : Fr), z = S(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), fe = S(() => `${j.value}px`), le = S(() => b.hidden || d.hidden ? Rr : xr), { debounce: J } = ca(), q = J((N = !1) => {
-      if (N || B.value !== (window == null ? void 0 : window.innerWidth)) {
-        B.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 && (E.value = G.offsetHeight);
+    const x = ae(0), P = ae(60), A = ae(0), j = S(() => d.hidden ? A.value : P.value + A.value), ne = S(() => r.theme === "light" ? Nr : Dr), K = S(() => r.theme === "light" ? Ar : Fr), G = S(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), fe = S(() => `${j.value}px`), le = S(() => b.hidden || d.hidden ? Rr : Br), { debounce: J } = ca(), q = J((N = !1) => {
+      if (N || x.value !== (window == null ? void 0 : window.innerWidth)) {
+        x.value = window == null ? void 0 : window.innerWidth;
+        const z = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
+        z && (A.value = z.offsetHeight);
       }
-    }, 200), re = ae();
-    return Te(E, (N) => {
+    }, 200), se = ae();
+    return Te(A, (N) => {
       n("update:topOffset", N || 0);
     }, { immediate: !0 }), Pe(() => {
-      var G, Z;
-      (G = document == null ? void 0 : document.body) == null || G.classList.add("kong-ui-app-layout-body"), (Z = document == null ? void 0 : document.documentElement) == null || Z.classList.add("kong-ui-app-layout-html"), B.value = window == null ? void 0 : window.innerWidth, q(!0);
+      var z, Z;
+      (z = document == null ? void 0 : document.body) == null || z.classList.add("kong-ui-app-layout-body"), (Z = document == null ? void 0 : document.documentElement) == null || Z.classList.add("kong-ui-app-layout-html"), x.value = window == null ? void 0 : window.innerWidth, q(!0);
       const N = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-      N && (re.value = new ResizeObserver((U) => {
+      N && (se.value = new ResizeObserver((U) => {
         window.requestAnimationFrame(() => {
           if (!(!Array.isArray(U) || !U.length))
             for (const D of U) {
               const l = D.contentRect.height;
-              E.value !== l && (E.value = l);
+              A.value !== l && (A.value = l);
             }
         });
-      }), re.value.observe(N)), window.addEventListener("resize", q);
+      }), se.value.observe(N)), window.addEventListener("resize", q);
     }), ea(() => {
-      re.value && re.value.disconnect(), window.removeEventListener("resize", q);
-    }), (N, G) => (p(), T("div", {
-      class: se(["kong-ui-app-layout", [
+      se.value && se.value.disconnect(), window.removeEventListener("resize", q);
+    }), (N, z) => (p(), k("div", {
+      class: re(["kong-ui-app-layout", [
         { "navbar-hidden": d.hidden },
         { "sidebar-hidden": b.hidden }
       ]])
     }, [
-      F("div", Ui, [
-        I(N.$slots, "notification", {}, void 0, !0)
+      E("div", Ui, [
+        C(N.$slots, "notification", {}, void 0, !0)
       ]),
       d.hidden ? $("", !0) : (p(), W(hr, {
         key: String(b.hidden),
         "left-offset": b.hidden ? 0 : void 0,
-        "top-offset": E.value
+        "top-offset": A.value
       }, Me({
         "mobile-sidebar-toggle": L(() => [
-          b.hidden ? $("", !0) : (p(), W(Gi, {
+          b.hidden ? $("", !0) : (p(), W(zi, {
             key: 0,
             active: _.value,
-            onToggle: x
+            onToggle: B
           }, null, 8, ["active"]))
         ]),
         _: 2
@@ -2183,8 +2183,8 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
         u.navbarMobileLogo ? {
           name: "mobile-logo",
           fn: L(() => [
-            F("div", Vi, [
-              I(N.$slots, "navbar-mobile-logo", {}, void 0, !0)
+            E("div", Vi, [
+              C(N.$slots, "navbar-mobile-logo", {}, void 0, !0)
             ])
           ]),
           key: "0"
@@ -2192,8 +2192,8 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
         u.navbarLogo ? {
           name: "logo",
           fn: L(() => [
-            b.hidden ? (p(), T("div", qi, [
-              I(N.$slots, "navbar-logo", {}, void 0, !0)
+            b.hidden ? (p(), k("div", qi, [
+              C(N.$slots, "navbar-logo", {}, void 0, !0)
             ])) : $("", !0)
           ]),
           key: "1"
@@ -2201,21 +2201,21 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
         u.navbarLeft ? {
           name: "left",
           fn: L(() => [
-            I(N.$slots, "navbar-left", {}, void 0, !0)
+            C(N.$slots, "navbar-left", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         u.navbarCenter ? {
           name: "center",
           fn: L(() => [
-            I(N.$slots, "navbar-center", {}, void 0, !0)
+            C(N.$slots, "navbar-center", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         u.navbarRight ? {
           name: "right",
           fn: L(() => [
-            I(N.$slots, "navbar-right", {}, void 0, !0)
+            C(N.$slots, "navbar-right", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0
@@ -2230,51 +2230,51 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
         "mobile-top-offset": j.value,
         open: _.value,
         "top-items": b.topItems,
-        "top-offset": E.value,
-        onClick: k,
-        onToggle: x,
-        onToggleCollapse: G[0] || (G[0] = (Z, U) => n("toggle-collapse", Z, U))
+        "top-offset": A.value,
+        onClick: T,
+        onToggle: B,
+        onToggleCollapse: z[0] || (z[0] = (Z, U) => n("toggle-collapse", Z, U))
       }, Me({ _: 2 }, [
         u.sidebarHeader ? {
           name: "header",
           fn: L(() => [
-            I(N.$slots, "sidebar-header", {}, void 0, !0)
+            C(N.$slots, "sidebar-header", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         u.sidebarTop ? {
           name: "top",
           fn: L(() => [
-            I(N.$slots, "sidebar-top", {}, void 0, !0)
+            C(N.$slots, "sidebar-top", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         u.sidebarFooter ? {
           name: "footer",
           fn: L(() => [
-            I(N.$slots, "sidebar-footer", {}, void 0, !0)
+            C(N.$slots, "sidebar-footer", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         pe([...b.topItems || [], ...b.bottomItems || []], (Z) => ({
           name: `sidebar-icon-${Z.key}`,
           fn: L(() => [
-            I(N.$slots, `sidebar-icon-${Z.key}`, {}, void 0, !0)
+            C(N.$slots, `sidebar-icon-${Z.key}`, {}, void 0, !0)
           ])
         })),
         pe([...b.topItems || [], ...b.bottomItems || []], (Z) => ({
           name: `sidebar-after-${Z.key}`,
           fn: L(() => [
-            I(N.$slots, `sidebar-after-${Z.key}`, {}, void 0, !0)
+            C(N.$slots, `sidebar-after-${Z.key}`, {}, void 0, !0)
           ])
         }))
       ]), 1032, ["bottom-items", "group-config", "header-height", "mobile-top-offset", "open", "top-items", "top-offset"])),
-      F("main", Xi, [
-        F("div", Yi, [
-          F("div", Qi, [
-            G[1] || (G[1] = F("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
-            I(N.$slots, "app-error", {}, void 0, !0),
-            o.value ? $("", !0) : I(N.$slots, "default", { key: 0 }, void 0, !0)
+      E("main", Xi, [
+        E("div", Yi, [
+          E("div", Qi, [
+            z[1] || (z[1] = E("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
+            C(N.$slots, "app-error", {}, void 0, !0),
+            o.value ? $("", !0) : C(N.$slots, "default", { key: 0 }, void 0, !0)
           ])
         ])
       ])
@@ -2320,8 +2320,8 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
     }), s = S(() => Object.keys(r).filter((u) => u.startsWith("icon-")));
     return (u, o) => {
       const d = he("KBreadcrumbs");
-      return p(), T("div", to, [
-        n.value ? (p(), T("div", ao, [
+      return p(), k("div", to, [
+        n.value ? (p(), k("div", ao, [
           Le(d, {
             "item-max-width": "150",
             items: a.breadcrumbs
@@ -2329,36 +2329,36 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
             pe(s.value, (b) => ({
               name: b,
               fn: L(() => [
-                I(u.$slots, b, {}, void 0, !0)
+                C(u.$slots, b, {}, void 0, !0)
               ])
             }))
           ]), 1032, ["items"])
         ])) : $("", !0),
-        F("div", no, [
-          F("div", ro, [
-            u.$slots["title-before"] ? (p(), T("div", io, [
-              I(u.$slots, "title-before", {}, void 0, !0)
+        E("div", no, [
+          E("div", ro, [
+            u.$slots["title-before"] ? (p(), k("div", io, [
+              C(u.$slots, "title-before", {}, void 0, !0)
             ])) : $("", !0),
-            F("h1", {
+            E("h1", {
               class: "page-header-title",
               "data-testid": "page-header-title",
               title: a.title
             }, Q(a.title), 9, oo),
-            u.$slots["title-after"] ? (p(), T("div", so, [
-              I(u.$slots, "title-after", {}, void 0, !0)
+            u.$slots["title-after"] ? (p(), k("div", so, [
+              C(u.$slots, "title-after", {}, void 0, !0)
             ])) : $("", !0)
           ]),
-          u.$slots.actions ? (p(), T("div", lo, [
-            I(u.$slots, "actions", {}, void 0, !0)
+          u.$slots.actions ? (p(), k("div", lo, [
+            C(u.$slots, "actions", {}, void 0, !0)
           ])) : $("", !0)
         ]),
-        u.$slots.below ? (p(), T("div", co, [
-          I(u.$slots, "below", {}, void 0, !0)
+        u.$slots.below ? (p(), k("div", co, [
+          C(u.$slots, "below", {}, void 0, !0)
         ])) : $("", !0)
       ]);
     };
   }
-}), To = /* @__PURE__ */ oe(uo, [["__scopeId", "data-v-204b7f98"]]), fo = { class: "app-page-info-section-default-header" }, vo = {
+}), _o = /* @__PURE__ */ oe(uo, [["__scopeId", "data-v-204b7f98"]]), fo = { class: "app-page-info-section-default-header" }, vo = {
   key: 1,
   class: "app-page-info-section-description",
   "data-testid": "app-page-info-section-description"
@@ -2398,37 +2398,60 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
           "data-testid": "app-page-info-section-header"
         }, {
           default: L(() => [
-            I(t.$slots, "header", {}, () => [
-              F("div", fo, [
+            C(t.$slots, "header", {}, () => [
+              E("div", fo, [
                 a.title ? (p(), W(Fe(a.titleTag), {
                   key: 0,
                   class: "app-page-info-section-title",
                   "data-testid": "app-page-info-section-title"
                 }, {
                   default: L(() => [
-                    Be(Q(a.title), 1)
+                    xe(Q(a.title), 1)
                   ]),
                   _: 1
                 })) : $("", !0),
-                a.description ? (p(), T("div", vo, Q(a.description), 1)) : $("", !0)
+                a.description ? (p(), k("div", vo, Q(a.description), 1)) : $("", !0)
               ])
             ]),
             a.collapsible ? (p(), W(be(ta), {
               key: 0,
               class: "app-page-info-section-chevron-icon",
               decorative: ""
-            })) : t.$slots.actions ? I(t.$slots, "actions", { key: 1 }) : $("", !0)
+            })) : t.$slots.actions ? C(t.$slots, "actions", { key: 1 }) : $("", !0)
           ]),
           _: 3
         })),
-        t.$slots.default ? (p(), T("div", bo, [
-          I(t.$slots, "default")
+        t.$slots.default ? (p(), k("div", bo, [
+          C(t.$slots, "default")
         ])) : $("", !0)
       ]),
       _: 3
     }));
   }
-}), _o = /* @__PURE__ */ oe(po, [["__scopeId", "data-v-62f17e32"]]), So = {
+}), So = /* @__PURE__ */ oe(po, [["__scopeId", "data-v-62f17e32"]]), ho = /* @__PURE__ */ ie({
+  __name: "GradientBadge",
+  props: {
+    large: {
+      type: Boolean,
+      default: !1
+    },
+    inverse: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(a) {
+    return (t, r) => (p(), k("div", {
+      class: re(["gradient-badge", { inverse: a.inverse }])
+    }, [
+      E("div", {
+        class: re(["gradient-badge-content", { large: a.large }])
+      }, [
+        C(t.$slots, "default", {}, void 0, !0)
+      ], 2)
+    ], 2));
+  }
+}), Co = /* @__PURE__ */ oe(ho, [["__scopeId", "data-v-4679a763"]]), Io = {
   // 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 = {}) => {
@@ -2436,14 +2459,15 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
   }
 };
 export {
-  yo as AccountDropdown,
-  wo as AppAboutSection,
-  ko as AppError,
+  wo as AccountDropdown,
+  ko as AppAboutSection,
+  To as AppError,
   eo as AppLayout,
   hr as AppNavbar,
-  To as AppPageHeader,
-  _o as AppPageInfoSection,
+  _o as AppPageHeader,
+  So as AppPageInfoSection,
   Hi as AppSidebar,
-  Gi as SidebarToggle,
-  So as default
+  Co as GradientBadge,
+  zi as SidebarToggle,
+  Io as default
 };