@kong-ui-public/app-layout 4.3.9-pr.1951.58adfc393.0 → 4.3.9

package/dist/app-layout.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as Q, resolveComponent as he, openBlock as h, createBlock as K, withCtx as R, renderSlot as T, createElementBlock as y, Fragment as Ce, renderList as Te, normalizeClass as ie, createTextVNode as He, toDisplayString as X, computed as w, createSlots as Ue, createVNode as Ne, createCommentVNode as S, createElementVNode as _, createStaticVNode as hn, useCssVars as ft, useSlots as Xe, reactive as Ze, onMounted as Ye, resolveDynamicComponent as Ke, withKeys as pn, ref as q, 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__ */ Q({
+const In = /* @__PURE__ */ J({
   __name: "AccountDropdown",
   props: {
     options: {
@@ -19,27 +19,27 @@ const In = /* @__PURE__ */ Q({
       default: " "
     }
   },
-  setup(n) {
+  setup(a) {
     return (t, i) => {
-      const a = he("KDropdownItem"), c = he("KDropdown");
+      const n = he("KDropdownItem"), c = he("KDropdown");
       return h(), K(c, {
         class: "account-dropdown",
         "kpop-attributes": { placement: "bottom-end" },
-        "trigger-text": n.userInitials,
-        width: n.width
+        "trigger-text": a.userInitials,
+        width: a.width
       }, {
-        items: R(({ handleSelection: u }) => [
-          T(t.$slots, "default", {}, () => [
-            (h(!0), y(Ce, null, Te(n.options, (o) => (h(), K(a, {
+        items: D(({ handleSelection: u }) => [
+          S(t.$slots, "default", {}, () => [
+            (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,
               "has-divider": o.hasDivider,
               onClick: (v) => u(o)
             }, {
-              default: R(() => [
-                T(t.$slots, "default", { option: o }, () => [
-                  He(X(o.label), 1)
+              default: D(() => [
+                S(t.$slots, "default", { option: o }, () => [
+                  He(q(o.label), 1)
                 ], !0)
               ]),
               _: 2
@@ -50,12 +50,12 @@ const In = /* @__PURE__ */ Q({
       }, 8, ["trigger-text", "width"]);
     };
   }
-}), ee = (n, t) => {
-  const i = n.__vccOpts || n;
-  for (const [a, c] of t)
-    i[a] = c;
+}), Q = (a, t) => {
+  const i = a.__vccOpts || a;
+  for (const [n, c] of t)
+    i[n] = c;
   return i;
-}, Rr = /* @__PURE__ */ ee(In, [["__scopeId", "data-v-b33191a2"]]), On = {
+}, Rr = /* @__PURE__ */ Q(In, [["__scopeId", "data-v-b33191a2"]]), On = {
   class: "about-section-title",
   "data-testid": "about-section-title"
 }, $n = { class: "about-section-header-end" }, Cn = {
@@ -91,7 +91,7 @@ const In = /* @__PURE__ */ Q({
   key: 3,
   class: "about-divider-section",
   "data-testid": "about-divider-section"
-}, Pn = /* @__PURE__ */ Q({
+}, Pn = /* @__PURE__ */ J({
   __name: "AppAboutSection",
   props: {
     title: {
@@ -123,16 +123,16 @@ const In = /* @__PURE__ */ Q({
       default: !1
     }
   },
-  setup(n) {
-    const t = n, i = w(() => !!t.modified && t.modified !== t.created);
-    return (a, c) => {
+  setup(a) {
+    const t = a, i = k(() => !!t.modified && t.modified !== t.created);
+    return (n, c) => {
       const u = he("KSkeletonBox"), o = he("KCard");
       return h(), K(o, {
         class: "kong-ui-app-about-section",
         "title-tag": "h2"
       }, Ue({
-        default: R(() => [
-          n.isLoading ? (h(), y("div", Fn, [
+        default: D(() => [
+          a.isLoading ? (h(), y("div", Fn, [
             Ne(u, {
               height: "2",
               width: "100"
@@ -142,40 +142,40 @@ const In = /* @__PURE__ */ Q({
               width: "100"
             })
           ])) : (h(), y("div", Dn, [
-            n.description ? (h(), y("p", xn, X(n.description), 1)) : S("", !0),
-            a.$slots.default ? (h(), y("div", Rn, [
-              T(a.$slots, "default", {}, void 0, !0)
-            ])) : S("", !0),
-            a.$slots["divider-section"] ? (h(), y("hr", Bn)) : S("", !0),
-            a.$slots["divider-section"] ? (h(), y("div", Ln, [
-              T(a.$slots, "divider-section", {}, void 0, !0)
-            ])) : S("", !0)
+            a.description ? (h(), y("p", xn, q(a.description), 1)) : _("", !0),
+            n.$slots.default ? (h(), y("div", Rn, [
+              S(n.$slots, "default", {}, void 0, !0)
+            ])) : _("", !0),
+            n.$slots["divider-section"] ? (h(), y("hr", Bn)) : _("", !0),
+            n.$slots["divider-section"] ? (h(), y("div", Ln, [
+              S(n.$slots, "divider-section", {}, void 0, !0)
+            ])) : _("", !0)
           ]))
         ]),
         _: 2
       }, [
-        n.title ? {
+        a.title ? {
           name: "title",
-          fn: R(() => [
-            _("span", On, X(n.title), 1)
+          fn: D(() => [
+            I("span", On, q(a.title), 1)
           ]),
           key: "0"
         } : void 0,
-        a.$slots.actions || n.created || n.modified ? {
+        n.$slots.actions || a.created || a.modified ? {
           name: "actions",
-          fn: R(() => [
-            _("div", $n, [
-              n.created || n.modified ? (h(), y("div", {
+          fn: D(() => [
+            I("div", $n, [
+              a.created || a.modified ? (h(), y("div", {
                 key: 0,
-                class: ie(["about-section-timestamps", { "has-actions": a.$slots.actions }])
+                class: ie(["about-section-timestamps", { "has-actions": n.$slots.actions }])
               }, [
-                n.created ? (h(), y("span", Cn, X(n.createdLabel) + ": " + X(n.created), 1)) : S("", !0),
-                n.created && i.value ? (h(), y("span", En, "->")) : S("", !0),
-                i.value ? (h(), y("span", Nn, X(n.modifiedLabel) + ": " + X(n.modified), 1)) : S("", !0)
-              ], 2)) : S("", !0),
-              a.$slots.actions ? (h(), y("div", An, [
-                T(a.$slots, "actions", {}, void 0, !0)
-              ])) : S("", !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),
+              n.$slots.actions ? (h(), y("div", An, [
+                S(n.$slots, "actions", {}, void 0, !0)
+              ])) : _("", !0)
             ])
           ]),
           key: "1"
@@ -183,40 +183,40 @@ const In = /* @__PURE__ */ Q({
       ]), 1024);
     };
   }
-}), Br = /* @__PURE__ */ ee(Pn, [["__scopeId", "data-v-521dcc27"]]), Mn = {}, jn = {
+}), Br = /* @__PURE__ */ Q(Pn, [["__scopeId", "data-v-521dcc27"]]), Mn = {}, jn = {
   fill: "none",
   height: "130",
   width: "130",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Zn(n, t) {
+function Zn(a, t) {
   return h(), y("svg", jn, t[0] || (t[0] = [
     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__ */ ee(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-error" }, Un = { class: "banana-icon" }, Wn = { class: "kong-ui-app-error-content" }, zn = /* @__PURE__ */ Q({
+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(n) {
+  setup(a) {
     return (t, i) => (h(), y("section", Hn, [
-      _("div", Un, [
+      I("div", Un, [
         Ne(Kn)
       ]),
-      _("div", Wn, [
-        T(t.$slots, "default", {}, () => [
-          i[0] || (i[0] = _("h2", null, "An unexpected error has occurred", -1)),
-          i[1] || (i[1] = _("p", null, [
+      I("div", Wn, [
+        S(t.$slots, "default", {}, () => [
+          i[0] || (i[0] = I("h2", null, "An unexpected error has occurred", -1)),
+          i[1] || (i[1] = I("p", null, [
             He("Go back to the previous page or "),
-            _("a", { href: "/" }, "return home"),
+            I("a", { href: "/" }, "return home"),
             He(".")
           ], -1))
         ], !0)
       ])
     ]));
   }
-}), Lr = /* @__PURE__ */ ee(zn, [["__scopeId", "data-v-b6d8dc55"]]), Vn = { class: "kong-ui-app-navbar" }, Gn = { class: "header-content" }, qn = { class: "mobile-header-left" }, Xn = {
+}), Lr = /* @__PURE__ */ Q(zn, [["__scopeId", "data-v-b6d8dc55"]]), Vn = { class: "kong-ui-app-navbar" }, Gn = { class: "header-content" }, qn = { class: "mobile-header-left" }, Xn = {
   key: 0,
   class: "app-navbar-logo"
-}, Yn = { class: "navbar-content" }, Jn = { class: "navbar-content-left" }, Qn = { class: "navbar-content-center" }, ei = { class: "navbar-content-right" }, ti = /* @__PURE__ */ Q({
+}, Yn = { class: "navbar-content" }, Jn = { class: "navbar-content-left" }, Qn = { class: "navbar-content-center" }, ei = { class: "navbar-content-right" }, ti = /* @__PURE__ */ J({
   __name: "AppNavbar",
   props: {
     topOffset: {
@@ -233,7 +233,7 @@ const Kn = /* @__PURE__ */ ee(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-
       default: 3
     }
   },
-  setup(n) {
+  setup(a) {
     ft((o) => ({
       "27c93a10": u.value.top,
       "0f284bf5": u.value.zIndex,
@@ -241,7 +241,7 @@ const Kn = /* @__PURE__ */ ee(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-
       "3d9232e8": c.marginRight,
       "038c3c78": c.width
     }));
-    const t = n, i = Xe(), a = w(() => !!i.logo), c = Ze({
+    const t = a, i = Xe(), n = k(() => !!i.logo), c = Ze({
       marginRight: "0",
       width: "0"
     });
@@ -249,35 +249,35 @@ const Kn = /* @__PURE__ */ ee(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-
       var o, v;
       (v = (o = document == null ? void 0 : document.querySelector(".kong-ui-app-navbar .app-navbar-logo")) == null ? void 0 : o.children) != null && v.length ? (c.marginRight = "32px", c.width = "calc(240px - 32px)") : (c.marginRight = "0", c.width = "0");
     });
-    const u = w(() => ({
+    const u = k(() => ({
       top: t.topOffset ? `${t.topOffset}px` : "0",
       left: t.leftOffset ? `${t.leftOffset}px` : "0",
       zIndex: t.zIndex
     }));
     return (o, v) => (h(), y("header", Vn, [
-      _("div", Gn, [
-        _("div", qn, [
-          T(o.$slots, "mobile-sidebar-toggle"),
-          T(o.$slots, "mobile-logo")
+      I("div", Gn, [
+        I("div", qn, [
+          S(o.$slots, "mobile-sidebar-toggle"),
+          S(o.$slots, "mobile-logo")
         ]),
-        a.value ? (h(), y("div", Xn, [
-          T(o.$slots, "logo")
-        ])) : S("", !0),
-        _("div", Yn, [
-          _("div", Jn, [
-            T(o.$slots, "left")
+        n.value ? (h(), y("div", Xn, [
+          S(o.$slots, "logo")
+        ])) : _("", !0),
+        I("div", Yn, [
+          I("div", Jn, [
+            S(o.$slots, "left")
           ]),
-          _("div", Qn, [
-            T(o.$slots, "center")
+          I("div", Qn, [
+            S(o.$slots, "center")
           ]),
-          _("div", ei, [
-            T(o.$slots, "right")
+          I("div", ei, [
+            S(o.$slots, "right")
           ])
         ])
       ])
     ]));
   }
-}), ai = /* @__PURE__ */ ee(ti, [["__scopeId", "data-v-2f6fc50f"]]), ni = ["title"], lt = 99, ii = /* @__PURE__ */ Q({
+}), ai = /* @__PURE__ */ Q(ti, [["__scopeId", "data-v-2f6fc50f"]]), ni = ["title"], lt = 99, ii = /* @__PURE__ */ J({
   __name: "ItemBadge",
   props: {
     count: {
@@ -286,21 +286,21 @@ const Kn = /* @__PURE__ */ ee(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-
       default: void 0
     }
   },
-  setup(n) {
-    const t = n, i = w(() => t.count ? t.count > lt ? `${lt}+` : t.count.toString() : "");
-    return (a, c) => i.value ? (h(), y("div", {
+  setup(a) {
+    const t = a, i = k(() => t.count ? t.count > lt ? `${lt}+` : t.count.toString() : "");
+    return (n, c) => i.value ? (h(), y("div", {
       key: 0,
       class: "item-badge",
-      title: (n.count || 0) > lt ? String(n.count) : void 0
-    }, X(i.value), 9, ni)) : S("", !0);
+      title: (a.count || 0) > lt ? String(a.count) : void 0
+    }, q(i.value), 9, ni)) : _("", !0);
   }
-}), ri = /* @__PURE__ */ ee(ii, [["__scopeId", "data-v-afb0d903"]]), oi = ["data-testid"], si = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], ci = {
+}), ri = /* @__PURE__ */ Q(ii, [["__scopeId", "data-v-afb0d903"]]), oi = ["data-testid"], si = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], ci = {
   key: 0,
   class: "sidebar-item-icon"
 }, li = { class: "sidebar-item-name-container" }, ui = { class: "sidebar-item-name has-tooltip" }, di = {
   key: 2,
   class: "sidebar-item-label truncate-text truncate-18"
-}, fi = ["id"], vi = /* @__PURE__ */ Q({
+}, fi = ["id"], vi = /* @__PURE__ */ J({
   __name: "SidebarItem",
   props: {
     item: {
@@ -314,133 +314,133 @@ const Kn = /* @__PURE__ */ ee(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-
     }
   },
   emits: ["click"],
-  setup(n, { emit: t }) {
-    const i = t, a = n, c = w(() => typeof a.item.to != "string" ? !1 : !!a.item.newWindow || !!a.item.external || a.item.to.startsWith("http")), u = w(() => !a.item.to || typeof a.item.to != "string" || !a.item.newWindow ? !1 : a.item.newWindow && (a.item.to.startsWith("http") || a.item.to.startsWith("/"))), o = w(() => a.subnavItem && a.item.badgeCount !== void 0), v = w(() => a.subnavItem ? o.value ? a.item.name.length > 17 : a.item.name.length > 24 : a.item.name.length > 17), m = (E) => {
-      i("click", E);
-    }, C = (E, F, D) => {
-      m(F), typeof D == "function" && (E.preventDefault(), D());
+  setup(a, { emit: t }) {
+    const i = t, n = a, c = k(() => typeof n.item.to != "string" ? !1 : !!n.item.newWindow || !!n.item.external || n.item.to.startsWith("http")), u = k(() => !n.item.to || typeof n.item.to != "string" || !n.item.newWindow ? !1 : n.item.newWindow && (n.item.to.startsWith("http") || n.item.to.startsWith("/"))), o = k(() => n.subnavItem && n.item.badgeCount !== void 0), v = (O) => {
+      i("click", O);
+    }, m = (O, A, N) => {
+      v(A), typeof N == "function" && (O.preventDefault(), N());
     };
-    return (E, F) => {
-      var O;
-      const D = he("KTooltip"), L = he("SidebarItem", !0);
+    return (O, A) => {
+      var R;
+      const N = he("KTooltip"), x = he("SidebarItem", !0);
       return h(), y("li", {
-        class: ie([n.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: n.item.expanded }, { active: n.item.active }]),
-        "data-testid": n.item.testId ? `sidebar-item-${n.item.testId}` : void 0
+        class: ie([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
       }, [
         (h(), K(Ke(c.value ? "div" : "router-link"), {
           custom: c.value ? void 0 : !0,
-          to: !c.value && !u.value ? n.item.to : void 0
+          to: !c.value && !u.value ? a.item.to : void 0
         }, {
-          default: R((A) => {
-            var Y, P;
+          default: D((w) => {
+            var P, Y;
             return [
-              _("a", {
-                "aria-controls": (Y = n.item.items) != null && Y.length && n.item.expanded ? `subnav-${n.item.key}` : void 0,
-                "aria-current": n.item.active ? "page" : void 0,
-                "aria-expanded": (P = n.item.items) != null && P.length && n.item.expanded ? !0 : void 0,
+              I("a", {
+                "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 }]),
-                href: c.value ? String(n.item.to || "#") : A == null ? void 0 : A.href,
+                href: c.value ? String(a.item.to || "#") : w == null ? void 0 : w.href,
                 target: u.value ? "_blank" : void 0,
-                onClick: (W) => C(W, n.item, A == null ? void 0 : A.navigate),
-                onKeypress: pn((W) => C(W, n.item, A == null ? void 0 : A.navigate), ["enter"])
+                onClick: (B) => m(B, a.item, w == null ? void 0 : w.navigate),
+                onKeypress: pn((B) => m(B, a.item, w == null ? void 0 : w.navigate), ["enter"])
               }, [
-                _("div", {
-                  class: ie(["sidebar-item-display", { "has-label": !!n.item.label && n.item.expanded, "has-badge": o.value }])
+                I("div", {
+                  class: ie(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-badge": o.value }])
                 }, [
-                  E.$slots[`sidebar-icon-${n.item.key}`] ? (h(), y("div", ci, [
-                    n.subnavItem ? S("", !0) : T(E.$slots, `sidebar-icon-${n.item.key}`, { key: 0 }, void 0, !0)
-                  ])) : S("", !0),
-                  _("div", li, [
-                    v.value ? (h(), K(D, {
+                  O.$slots[`sidebar-icon-${a.item.key}`] ? (h(), y("div", ci, [
+                    a.subnavItem ? _("", !0) : S(O.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
+                  ])) : _("", !0),
+                  I("div", li, [
+                    (a.subnavItem && !o.value ? a.item.name.length < 25 : a.item.name.length < 18) ? (h(), y("div", {
+                      key: 0,
+                      class: ie(["sidebar-item-name truncate-text", [a.subnavItem ? "has-badge-max-width truncate-24" : "truncate-17"]])
+                    }, q(a.item.name), 3)) : (h(), K(N, {
                       key: 1,
                       class: "sidebar-item-tooltip",
                       placement: "right",
                       "position-fixed": "",
-                      text: n.item.name
+                      text: a.item.name
                     }, {
-                      default: R(() => [
-                        _("div", ui, [
-                          _("span", {
-                            class: ie(["truncate-text", [n.subnavItem ? "truncate-18" : "truncate-17", { "has-badge-max-width": o.value }]])
-                          }, X(n.item.name), 3)
+                      default: D(() => [
+                        I("div", ui, [
+                          I("span", {
+                            class: ie(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-badge-max-width": o.value }]])
+                          }, q(a.item.name), 3)
                         ])
                       ]),
                       _: 1
-                    }, 8, ["text"])) : (h(), y("div", {
-                      key: 0,
-                      class: ie(["sidebar-item-name truncate-text", [n.subnavItem ? "has-badge-max-width truncate-24" : "truncate-17"]])
-                    }, X(n.item.name), 3)),
-                    n.item.label && n.item.expanded ? (h(), y("div", di, X(n.item.label), 1)) : S("", !0)
+                    }, 8, ["text"])),
+                    a.item.label && a.item.expanded ? (h(), y("div", di, q(a.item.label), 1)) : _("", !0)
                   ]),
                   o.value ? (h(), K(ri, {
                     key: 1,
-                    count: n.item.badgeCount
-                  }, null, 8, ["count"])) : S("", !0)
+                    count: a.item.badgeCount
+                  }, null, 8, ["count"])) : _("", !0)
                 ], 2)
               ], 42, si)
             ];
           }),
           _: 3
         }, 8, ["custom", "to"])),
-        (O = n.item.items) != null && O.length && n.item.expanded ? (h(), y("ul", {
+        (R = a.item.items) != null && R.length && a.item.expanded ? (h(), y("ul", {
           key: 0,
-          id: `subnav-${n.item.key}`,
+          id: `subnav-${a.item.key}`,
           class: "level-secondary"
         }, [
-          (h(!0), y(Ce, null, Te(n.item.items, (A) => (h(), K(L, {
-            key: A.name,
-            item: A,
+          (h(!0), y(Ce, null, Te(a.item.items, (w) => (h(), K(x, {
+            key: w.name,
+            item: w,
             "subnav-item": !0,
-            onClick: (Y) => m(A)
+            onClick: (P) => v(w)
           }, null, 8, ["item", "onClick"]))), 128))
-        ], 8, fi)) : S("", !0)
+        ], 8, fi)) : _("", !0)
       ], 10, oi);
     };
   }
-}), Lt = /* @__PURE__ */ ee(vi, [["__scopeId", "data-v-e6555f9e"]]);
+}), Lt = /* @__PURE__ */ Q(vi, [["__scopeId", "data-v-49ad078a"]]);
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], We = /* @__PURE__ */ zt.join(","), Vt = typeof Element > "u", pe = Vt ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, ze = !Vt && Element.prototype.getRootNode ? function(n) {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, ze = !Vt && Element.prototype.getRootNode ? function(a) {
   var t;
-  return n == null || (t = n.getRootNode) === null || t === void 0 ? void 0 : t.call(n);
-} : function(n) {
-  return n == null ? void 0 : n.ownerDocument;
-}, Ve = function n(t, i) {
-  var a;
+  return a == null || (t = a.getRootNode) === null || t === void 0 ? void 0 : t.call(a);
+} : function(a) {
+  return a == null ? void 0 : a.ownerDocument;
+}, Ve = function a(t, i) {
+  var n;
   i === void 0 && (i = !0);
-  var c = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "inert"), u = c === "" || c === "true", o = u || i && t && n(t.parentNode);
+  var c = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "inert"), u = c === "" || c === "true", o = u || i && t && a(t.parentNode);
   return o;
 }, bi = function(t) {
-  var i, a = t == null || (i = t.getAttribute) === null || i === void 0 ? void 0 : i.call(t, "contenteditable");
-  return a === "" || a === "true";
-}, Gt = function(t, i, a) {
+  var i, n = t == null || (i = t.getAttribute) === null || i === void 0 ? void 0 : i.call(t, "contenteditable");
+  return n === "" || n === "true";
+}, Gt = function(t, i, n) {
   if (Ve(t))
     return [];
   var c = Array.prototype.slice.apply(t.querySelectorAll(We));
-  return i && pe.call(t, We) && c.unshift(t), c = c.filter(a), c;
-}, qt = function n(t, i, a) {
+  return i && pe.call(t, We) && c.unshift(t), c = c.filter(n), c;
+}, qt = function a(t, i, n) {
   for (var c = [], u = Array.from(t); u.length; ) {
     var o = u.shift();
     if (!Ve(o, !1))
       if (o.tagName === "SLOT") {
-        var v = o.assignedElements(), m = v.length ? v : o.children, C = n(m, !0, a);
-        a.flatten ? c.push.apply(c, C) : c.push({
+        var v = o.assignedElements(), m = v.length ? v : o.children, O = a(m, !0, n);
+        n.flatten ? c.push.apply(c, O) : c.push({
           scopeParent: o,
-          candidates: C
+          candidates: O
         });
       } else {
-        var E = pe.call(o, We);
-        E && a.filter(o) && (i || !t.includes(o)) && c.push(o);
-        var F = o.shadowRoot || // check for an undisclosed shadow
-        typeof a.getShadowRoot == "function" && a.getShadowRoot(o), D = !Ve(F, !1) && (!a.shadowRootFilter || a.shadowRootFilter(o));
-        if (F && D) {
-          var L = n(F === !0 ? o.children : F.children, !0, a);
-          a.flatten ? c.push.apply(c, L) : c.push({
+        var A = pe.call(o, We);
+        A && n.filter(o) && (i || !t.includes(o)) && c.push(o);
+        var N = o.shadowRoot || // check for an undisclosed shadow
+        typeof n.getShadowRoot == "function" && n.getShadowRoot(o), x = !Ve(N, !1) && (!n.shadowRootFilter || n.shadowRootFilter(o));
+        if (N && x) {
+          var R = a(N === !0 ? o.children : N.children, !0, n);
+          n.flatten ? c.push.apply(c, R) : c.push({
             scopeParent: o,
-            candidates: L
+            candidates: R
           });
         } else
           u.unshift.apply(u, o.children);
@@ -454,8 +454,8 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     throw new Error("No node provided");
   return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || bi(t)) && !Xt(t) ? 0 : t.tabIndex;
 }, hi = function(t, i) {
-  var a = be(t);
-  return a < 0 && i && !Xt(t) ? 0 : a;
+  var n = be(t);
+  return n < 0 && i && !Xt(t) ? 0 : n;
 }, pi = function(t, i) {
   return t.tabIndex === i.tabIndex ? t.documentOrder - i.documentOrder : t.tabIndex - i.tabIndex;
 }, Yt = function(t) {
@@ -463,25 +463,25 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, mi = function(t) {
   return Yt(t) && t.type === "hidden";
 }, gi = function(t) {
-  var i = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(a) {
-    return a.tagName === "SUMMARY";
+  var i = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(n) {
+    return n.tagName === "SUMMARY";
   });
   return i;
 }, yi = function(t, i) {
-  for (var a = 0; a < t.length; a++)
-    if (t[a].checked && t[a].form === i)
-      return t[a];
+  for (var n = 0; n < t.length; n++)
+    if (t[n].checked && t[n].form === i)
+      return t[n];
 }, wi = function(t) {
   if (!t.name)
     return !0;
-  var i = t.form || ze(t), a = function(v) {
+  var i = t.form || ze(t), n = function(v) {
     return i.querySelectorAll('input[type="radio"][name="' + v + '"]');
   }, c;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    c = a(window.CSS.escape(t.name));
+    c = n(window.CSS.escape(t.name));
   else
     try {
-      c = a(t.name);
+      c = n(t.name);
     } catch (o) {
       return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", o.message), !1;
     }
@@ -492,48 +492,48 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Ti = function(t) {
   return ki(t) && !wi(t);
 }, Si = function(t) {
-  var i, a = t && ze(t), c = (i = a) === null || i === void 0 ? void 0 : i.host, u = !1;
-  if (a && a !== t) {
+  var i, n = t && ze(t), c = (i = n) === null || i === void 0 ? void 0 : i.host, u = !1;
+  if (n && n !== t) {
     var o, v, m;
     for (u = !!((o = c) !== null && o !== void 0 && (v = o.ownerDocument) !== null && v !== void 0 && v.contains(c) || t != null && (m = t.ownerDocument) !== null && m !== void 0 && m.contains(t)); !u && c; ) {
-      var C, E, F;
-      a = ze(c), c = (C = a) === null || C === void 0 ? void 0 : C.host, u = !!((E = c) !== null && E !== void 0 && (F = E.ownerDocument) !== null && F !== void 0 && F.contains(c));
+      var O, A, N;
+      n = ze(c), c = (O = n) === null || O === void 0 ? void 0 : O.host, u = !!((A = c) !== null && A !== void 0 && (N = A.ownerDocument) !== null && N !== void 0 && N.contains(c));
     }
   }
   return u;
 }, Pt = function(t) {
-  var i = t.getBoundingClientRect(), a = i.width, c = i.height;
-  return a === 0 && c === 0;
+  var i = t.getBoundingClientRect(), n = i.width, c = i.height;
+  return n === 0 && c === 0;
 }, _i = function(t, i) {
-  var a = i.displayCheck, c = i.getShadowRoot;
+  var n = i.displayCheck, c = i.getShadowRoot;
   if (getComputedStyle(t).visibility === "hidden")
     return !0;
   var u = pe.call(t, "details>summary:first-of-type"), o = u ? t.parentElement : t;
   if (pe.call(o, "details:not([open]) *"))
     return !0;
-  if (!a || a === "full" || a === "legacy-full") {
+  if (!n || n === "full" || n === "legacy-full") {
     if (typeof c == "function") {
       for (var v = t; t; ) {
-        var m = t.parentElement, C = ze(t);
+        var m = t.parentElement, O = ze(t);
         if (m && !m.shadowRoot && c(m) === !0)
           return Pt(t);
-        t.assignedSlot ? t = t.assignedSlot : !m && C !== t.ownerDocument ? t = C.host : t = m;
+        t.assignedSlot ? t = t.assignedSlot : !m && O !== t.ownerDocument ? t = O.host : t = m;
       }
       t = v;
     }
     if (Si(t))
       return !t.getClientRects().length;
-    if (a !== "legacy-full")
+    if (n !== "legacy-full")
       return !0;
-  } else if (a === "non-zero-area")
+  } else if (n === "non-zero-area")
     return Pt(t);
   return !1;
 }, Ii = function(t) {
   if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
     for (var i = t.parentElement; i; ) {
       if (i.tagName === "FIELDSET" && i.disabled) {
-        for (var a = 0; a < i.children.length; a++) {
-          var c = i.children.item(a);
+        for (var n = 0; n < i.children.length; n++) {
+          var c = i.children.item(n);
           if (c.tagName === "LEGEND")
             return pe.call(i, "fieldset[disabled] *") ? !0 : !c.contains(t);
         }
@@ -553,37 +553,37 @@ 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);
-}, $i = function n(t) {
-  var i = [], a = [];
+}, $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), C = o ? n(c.candidates) : v;
-    m === 0 ? o ? i.push.apply(i, C) : i.push(v) : a.push({
+    var o = !!c.scopeParent, v = o ? c.scopeParent : c, m = hi(v, o), O = o ? a(c.candidates) : v;
+    m === 0 ? o ? i.push.apply(i, O) : i.push(v) : n.push({
       documentOrder: u,
       tabIndex: m,
       item: c,
       isScope: o,
-      content: C
+      content: O
     });
-  }), a.sort(pi).reduce(function(c, u) {
+  }), n.sort(pi).reduce(function(c, u) {
     return u.isScope ? c.push.apply(c, u.content) : c.push(u.content), c;
   }, []).concat(i);
 }, Ci = function(t, i) {
   i = i || {};
-  var a;
-  return i.getShadowRoot ? a = qt([t], i.includeContainer, {
+  var n;
+  return i.getShadowRoot ? n = qt([t], i.includeContainer, {
     filter: dt.bind(null, i),
     flatten: !1,
     getShadowRoot: i.getShadowRoot,
     shadowRootFilter: Oi
-  }) : a = Gt(t, i.includeContainer, dt.bind(null, i)), $i(a);
+  }) : n = Gt(t, i.includeContainer, dt.bind(null, i)), $i(n);
 }, Ei = function(t, i) {
   i = i || {};
-  var a;
-  return i.getShadowRoot ? a = qt([t], i.includeContainer, {
+  var n;
+  return i.getShadowRoot ? n = qt([t], i.includeContainer, {
     filter: Ge.bind(null, i),
     flatten: !0,
     getShadowRoot: i.getShadowRoot
-  }) : a = Gt(t, i.includeContainer, Ge.bind(null, i)), a;
+  }) : n = Gt(t, i.includeContainer, Ge.bind(null, i)), n;
 }, ke = function(t, i) {
   if (i = i || {}, !t)
     throw new Error("No node provided");
@@ -597,61 +597,61 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 * focus-trap 7.6.0
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
-function Ai(n, t, i) {
-  return (t = Di(t)) in n ? Object.defineProperty(n, t, {
+function Ai(a, t, i) {
+  return (t = Di(t)) in a ? Object.defineProperty(a, t, {
     value: i,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : n[t] = i, n;
+  }) : a[t] = i, a;
 }
-function Mt(n, t) {
-  var i = Object.keys(n);
+function Mt(a, t) {
+  var i = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(n);
-    t && (a = a.filter(function(c) {
-      return Object.getOwnPropertyDescriptor(n, c).enumerable;
-    })), i.push.apply(i, a);
+    var n = Object.getOwnPropertySymbols(a);
+    t && (n = n.filter(function(c) {
+      return Object.getOwnPropertyDescriptor(a, c).enumerable;
+    })), i.push.apply(i, n);
   }
   return i;
 }
-function jt(n) {
+function jt(a) {
   for (var t = 1; t < arguments.length; t++) {
     var i = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Mt(Object(i), !0).forEach(function(a) {
-      Ai(n, a, i[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(i)) : Mt(Object(i)).forEach(function(a) {
-      Object.defineProperty(n, a, Object.getOwnPropertyDescriptor(i, a));
+    t % 2 ? Mt(Object(i), !0).forEach(function(n) {
+      Ai(a, n, i[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(i)) : Mt(Object(i)).forEach(function(n) {
+      Object.defineProperty(a, n, Object.getOwnPropertyDescriptor(i, n));
     });
   }
-  return n;
+  return a;
 }
-function Fi(n, t) {
-  if (typeof n != "object" || !n) return n;
-  var i = n[Symbol.toPrimitive];
+function Fi(a, t) {
+  if (typeof a != "object" || !a) return a;
+  var i = a[Symbol.toPrimitive];
   if (i !== void 0) {
-    var a = i.call(n, t || "default");
-    if (typeof a != "object") return a;
+    var n = i.call(a, t || "default");
+    if (typeof n != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(n);
+  return (t === "string" ? String : Number)(a);
 }
-function Di(n) {
-  var t = Fi(n, "string");
+function Di(a) {
+  var t = Fi(a, "string");
   return typeof t == "symbol" ? t : t + "";
 }
 var Zt = {
   activateTrap: function(t, i) {
     if (t.length > 0) {
-      var a = t[t.length - 1];
-      a !== i && a.pause();
+      var n = t[t.length - 1];
+      n !== i && n.pause();
     }
     var c = t.indexOf(i);
     c === -1 || t.splice(c, 1), t.push(i);
   },
   deactivateTrap: function(t, i) {
-    var a = t.indexOf(i);
-    a !== -1 && t.splice(a, 1), t.length > 0 && t[t.length - 1].unpause();
+    var n = t.indexOf(i);
+    n !== -1 && t.splice(n, 1), t.length > 0 && t[t.length - 1].unpause();
   }
 }, xi = function(t) {
   return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
@@ -666,18 +666,18 @@ var Zt = {
 }, Kt = function(t) {
   return setTimeout(t, 0);
 }, Ht = function(t, i) {
-  var a = -1;
+  var n = -1;
   return t.every(function(c, u) {
-    return i(c) ? (a = u, !1) : !0;
-  }), a;
+    return i(c) ? (n = u, !1) : !0;
+  }), n;
 }, $e = function(t) {
-  for (var i = arguments.length, a = new Array(i > 1 ? i - 1 : 0), c = 1; c < i; c++)
-    a[c - 1] = arguments[c];
-  return typeof t == "function" ? t.apply(void 0, a) : 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;
 }, Me = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
 }, Pi = [], Mi = function(t, i) {
-  var a = (i == null ? void 0 : i.document) || document, c = (i == null ? void 0 : i.trapStack) || Pi, u = jt({
+  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,
@@ -721,23 +721,23 @@ var Zt = {
     recentNavEvent: void 0
   }, v, m = function(d, s, f) {
     return d && d[s] !== void 0 ? d[s] : u[f || s];
-  }, C = function(d, s) {
+  }, O = function(d, s) {
     var f = typeof (s == null ? void 0 : s.composedPath) == "function" ? s.composedPath() : void 0;
     return o.containerGroups.findIndex(function(b) {
-      var k = b.container, N = b.tabbableNodes;
-      return k.contains(d) || // fall back to explicit tabbable search which will take into consideration any
+      var T = b.container, E = b.tabbableNodes;
+      return T.contains(d) || // 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
       //  look inside web components even if open)
-      (f == null ? void 0 : f.includes(k)) || N.find(function(x) {
-        return x === d;
+      (f == null ? void 0 : f.includes(T)) || E.find(function(F) {
+        return F === d;
       });
     });
-  }, E = function(d) {
+  }, A = function(d) {
     var s = u[d];
     if (typeof s == "function") {
-      for (var f = arguments.length, b = new Array(f > 1 ? f - 1 : 0), k = 1; k < f; k++)
-        b[k - 1] = arguments[k];
+      for (var f = arguments.length, b = new Array(f > 1 ? f - 1 : 0), T = 1; T < f; T++)
+        b[T - 1] = arguments[T];
       s = s.apply(void 0, b);
     }
     if (s === !0 && (s = void 0), !s) {
@@ -745,32 +745,32 @@ var Zt = {
         return s;
       throw new Error("`".concat(d, "` was specified but was not a node, or did not return a node"));
     }
-    var N = s;
-    if (typeof s == "string" && (N = a.querySelector(s), !N))
+    var E = s;
+    if (typeof s == "string" && (E = n.querySelector(s), !E))
       throw new Error("`".concat(d, "` as selector refers to no known node"));
-    return N;
-  }, F = function() {
-    var d = E("initialFocus");
+    return E;
+  }, N = function() {
+    var d = A("initialFocus");
     if (d === !1)
       return !1;
     if (d === void 0 || !ut(d, u.tabbableOptions))
-      if (C(a.activeElement) >= 0)
-        d = a.activeElement;
+      if (O(n.activeElement) >= 0)
+        d = n.activeElement;
       else {
         var s = o.tabbableGroups[0], f = s && s.firstTabbableNode;
-        d = f || E("fallbackFocus");
+        d = f || A("fallbackFocus");
       }
     if (!d)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return d;
-  }, D = function() {
+  }, x = function() {
     if (o.containerGroups = o.containers.map(function(d) {
-      var s = Ci(d, u.tabbableOptions), f = Ei(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, k = s.length > 0 ? s[s.length - 1] : void 0, N = f.find(function(B) {
-        return ke(B);
-      }), x = f.slice().reverse().find(function(B) {
-        return ke(B);
-      }), g = !!s.find(function(B) {
-        return be(B) > 0;
+      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);
+      }), g = !!s.find(function(L) {
+        return be(L) > 0;
       });
       return {
         container: d,
@@ -781,7 +781,7 @@ var Zt = {
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
         firstTabbableNode: b,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: k,
+        lastTabbableNode: T,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
         //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
         //  because that API doesn't work with Shadow DOM as well as it should (@see
@@ -790,9 +790,9 @@ var Zt = {
         //  "close enough most of the time" alternative for positive tabindexes which should generally
         //  be avoided anyway...
         /** First tabbable node in container, __DOM__ order; `undefined` if none. */
-        firstDomTabbableNode: N,
+        firstDomTabbableNode: E,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
-        lastDomTabbableNode: x,
+        lastDomTabbableNode: F,
         /**
          * Finds the __tabbable__ node that follows the given node in the specified direction,
          *  in this container, if any.
@@ -802,72 +802,72 @@ var Zt = {
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
         nextTabbableNode: function(re) {
-          var U = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, ne = s.indexOf(re);
-          return ne < 0 ? U ? f.slice(f.indexOf(re) + 1).find(function(le) {
+          var U = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, ae = s.indexOf(re);
+          return ae < 0 ? U ? f.slice(f.indexOf(re) + 1).find(function(le) {
             return ke(le);
           }) : f.slice(0, f.indexOf(re)).reverse().find(function(le) {
             return ke(le);
-          }) : s[ne + (U ? 1 : -1)];
+          }) : s[ae + (U ? 1 : -1)];
         }
       };
     }), o.tabbableGroups = o.containerGroups.filter(function(d) {
       return d.tabbableNodes.length > 0;
-    }), o.tabbableGroups.length <= 0 && !E("fallbackFocus"))
+    }), o.tabbableGroups.length <= 0 && !A("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
     if (o.containerGroups.find(function(d) {
       return d.posTabIndexesFound;
     }) && o.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, L = function(d) {
+  }, R = function(d) {
     var s = d.activeElement;
     if (s)
-      return s.shadowRoot && s.shadowRoot.activeElement !== null ? L(s.shadowRoot) : s;
-  }, O = function(d) {
-    if (d !== !1 && d !== L(document)) {
+      return s.shadowRoot && s.shadowRoot.activeElement !== null ? R(s.shadowRoot) : s;
+  }, w = function(d) {
+    if (d !== !1 && d !== R(document)) {
       if (!d || !d.focus) {
-        O(F());
+        w(N());
         return;
       }
       d.focus({
         preventScroll: !!u.preventScroll
       }), o.mostRecentlyFocusedNode = d, xi(d) && d.select();
     }
-  }, A = function(d) {
-    var s = E("setReturnFocus", 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, k = b === void 0 ? !1 : b;
-    s = s || Me(f), D();
-    var N = null;
+    var s = d.target, f = d.event, b = d.isBackward, T = b === void 0 ? !1 : b;
+    s = s || Me(f), x();
+    var E = null;
     if (o.tabbableGroups.length > 0) {
-      var x = C(s, f), g = x >= 0 ? o.containerGroups[x] : void 0;
-      if (x < 0)
-        k ? N = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : N = o.tabbableGroups[0].firstTabbableNode;
-      else if (k) {
-        var B = Ht(o.tabbableGroups, function(Se) {
+      var F = O(s, f), g = F >= 0 ? o.containerGroups[F] : void 0;
+      if (F < 0)
+        T ? E = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : E = o.tabbableGroups[0].firstTabbableNode;
+      else if (T) {
+        var L = Ht(o.tabbableGroups, function(Se) {
           var _e = Se.firstTabbableNode;
           return s === _e;
         });
-        if (B < 0 && (g.container === s || ut(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !g.nextTabbableNode(s, !1)) && (B = x), B >= 0) {
-          var re = B === 0 ? o.tabbableGroups.length - 1 : B - 1, U = o.tabbableGroups[re];
-          N = be(s) >= 0 ? U.lastTabbableNode : U.lastDomTabbableNode;
-        } else Ee(f) || (N = g.nextTabbableNode(s, !1));
+        if (L < 0 && (g.container === s || ut(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !g.nextTabbableNode(s, !1)) && (L = F), L >= 0) {
+          var re = L === 0 ? o.tabbableGroups.length - 1 : L - 1, U = o.tabbableGroups[re];
+          E = be(s) >= 0 ? U.lastTabbableNode : U.lastDomTabbableNode;
+        } else Ee(f) || (E = g.nextTabbableNode(s, !1));
       } else {
-        var ne = Ht(o.tabbableGroups, function(Se) {
+        var ae = Ht(o.tabbableGroups, function(Se) {
           var _e = Se.lastTabbableNode;
           return s === _e;
         });
-        if (ne < 0 && (g.container === s || ut(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !g.nextTabbableNode(s)) && (ne = x), ne >= 0) {
-          var le = ne === o.tabbableGroups.length - 1 ? 0 : ne + 1, Fe = o.tabbableGroups[le];
-          N = be(s) >= 0 ? Fe.firstTabbableNode : Fe.firstDomTabbableNode;
-        } else Ee(f) || (N = g.nextTabbableNode(s));
+        if (ae < 0 && (g.container === s || ut(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !g.nextTabbableNode(s)) && (ae = F), ae >= 0) {
+          var le = ae === o.tabbableGroups.length - 1 ? 0 : ae + 1, Fe = o.tabbableGroups[le];
+          E = be(s) >= 0 ? Fe.firstTabbableNode : Fe.firstDomTabbableNode;
+        } else Ee(f) || (E = g.nextTabbableNode(s));
       }
     } else
-      N = E("fallbackFocus");
-    return N;
-  }, P = function(d) {
+      E = A("fallbackFocus");
+    return E;
+  }, B = function(d) {
     var s = Me(d);
-    if (!(C(s, d) >= 0)) {
+    if (!(O(s, d) >= 0)) {
       if ($e(u.clickOutsideDeactivates, d)) {
         v.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -882,36 +882,36 @@ var Zt = {
       }
       $e(u.allowOutsideClick, d) || d.preventDefault();
     }
-  }, W = function(d) {
-    var s = Me(d), f = C(s, d) >= 0;
+  }, ne = function(d) {
+    var s = Me(d), f = O(s, d) >= 0;
     if (f || s instanceof Document)
       f && (o.mostRecentlyFocusedNode = s);
     else {
       d.stopImmediatePropagation();
-      var b, k = !0;
+      var b, T = !0;
       if (o.mostRecentlyFocusedNode)
         if (be(o.mostRecentlyFocusedNode) > 0) {
-          var N = C(o.mostRecentlyFocusedNode), x = o.containerGroups[N].tabbableNodes;
-          if (x.length > 0) {
-            var g = x.findIndex(function(B) {
-              return B === o.mostRecentlyFocusedNode;
+          var E = O(o.mostRecentlyFocusedNode), F = o.containerGroups[E].tabbableNodes;
+          if (F.length > 0) {
+            var g = F.findIndex(function(L) {
+              return L === o.mostRecentlyFocusedNode;
             });
-            g >= 0 && (u.isKeyForward(o.recentNavEvent) ? g + 1 < x.length && (b = x[g + 1], k = !1) : g - 1 >= 0 && (b = x[g - 1], k = !1));
+            g >= 0 && (u.isKeyForward(o.recentNavEvent) ? g + 1 < F.length && (b = F[g + 1], T = !1) : g - 1 >= 0 && (b = F[g - 1], T = !1));
           }
         } else
-          o.containerGroups.some(function(B) {
-            return B.tabbableNodes.some(function(re) {
+          o.containerGroups.some(function(L) {
+            return L.tabbableNodes.some(function(re) {
               return be(re) > 0;
             });
-          }) || (k = !1);
+          }) || (T = !1);
       else
-        k = !1;
-      k && (b = Y({
+        T = !1;
+      T && (b = Y({
         // 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)
-      })), O(b || o.mostRecentlyFocusedNode || F());
+      })), w(b || o.mostRecentlyFocusedNode || N());
     }
     o.recentNavEvent = void 0;
   }, ce = function(d) {
@@ -921,45 +921,45 @@ var Zt = {
       event: d,
       isBackward: s
     });
-    f && (Ee(d) && d.preventDefault(), O(f));
-  }, te = function(d) {
+    f && (Ee(d) && d.preventDefault(), w(f));
+  }, ee = function(d) {
     (u.isKeyForward(d) || u.isKeyBackward(d)) && ce(d, u.isKeyBackward(d));
-  }, ae = function(d) {
+  }, te = function(d) {
     Ri(d) && $e(u.escapeDeactivates, d) !== !1 && (d.preventDefault(), v.deactivate());
   }, Z = function(d) {
     var s = Me(d);
-    C(s, d) >= 0 || $e(u.clickOutsideDeactivates, d) || $e(u.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
-  }, J = function() {
+    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() {
-        O(F());
-      }) : O(F()), a.addEventListener("focusin", W, !0), a.addEventListener("mousedown", P, {
+        w(N());
+      }) : w(N()), n.addEventListener("focusin", ne, !0), n.addEventListener("mousedown", B, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("touchstart", P, {
+      }), n.addEventListener("touchstart", B, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("click", Z, {
+      }), n.addEventListener("click", Z, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("keydown", te, {
+      }), n.addEventListener("keydown", ee, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("keydown", ae), v;
-  }, I = function() {
+      }), n.addEventListener("keydown", te), v;
+  }, $ = function() {
     if (o.active)
-      return a.removeEventListener("focusin", W, !0), a.removeEventListener("mousedown", P, !0), a.removeEventListener("touchstart", P, !0), a.removeEventListener("click", Z, !0), a.removeEventListener("keydown", te, !0), a.removeEventListener("keydown", ae), v;
+      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;
   }, M = function(d) {
     var s = d.some(function(f) {
       var b = Array.from(f.removedNodes);
-      return b.some(function(k) {
-        return k === o.mostRecentlyFocusedNode;
+      return b.some(function(T) {
+        return T === o.mostRecentlyFocusedNode;
       });
     });
-    s && O(F());
-  }, z = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(M) : void 0, H = function() {
-    z && (z.disconnect(), o.active && !o.paused && o.containers.map(function(d) {
-      z.observe(d, {
+    s && w(N());
+  }, 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,
         childList: !0
       });
@@ -976,11 +976,11 @@ var Zt = {
       if (o.active)
         return this;
       var s = m(d, "onActivate"), f = m(d, "onPostActivate"), b = m(d, "checkCanFocusTrap");
-      b || D(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = a.activeElement, s == null || s();
-      var k = function() {
-        b && D(), J(), H(), f == null || f();
+      b || x(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = n.activeElement, s == null || s();
+      var T = function() {
+        b && x(), X(), H(), f == null || f();
       };
-      return b ? (b(o.containers.concat()).then(k, k), this) : (k(), this);
+      return b ? (b(o.containers.concat()).then(T, T), this) : (T(), this);
     },
     deactivate: function(d) {
       if (!o.active)
@@ -990,33 +990,33 @@ var Zt = {
         onPostDeactivate: u.onPostDeactivate,
         checkCanReturnFocus: u.checkCanReturnFocus
       }, d);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, I(), o.active = !1, o.paused = !1, H(), Zt.deactivateTrap(c, v);
-      var f = m(s, "onDeactivate"), b = m(s, "onPostDeactivate"), k = m(s, "checkCanReturnFocus"), N = m(s, "returnFocus", "returnFocusOnDeactivate");
+      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 x = function() {
+      var F = function() {
         Kt(function() {
-          N && O(A(o.nodeFocusedBeforeActivation)), b == null || b();
+          E && w(P(o.nodeFocusedBeforeActivation)), b == null || b();
         });
       };
-      return N && k ? (k(A(o.nodeFocusedBeforeActivation)).then(x, x), this) : (x(), 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(), I(), 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)
         return this;
       var s = m(d, "onUnpause"), f = m(d, "onPostUnpause");
-      return o.paused = !1, s == null || s(), D(), J(), H(), f == null || f(), this;
+      return o.paused = !1, s == null || s(), x(), X(), H(), f == null || f(), this;
     },
     updateContainerElements: function(d) {
       var s = [].concat(d).filter(Boolean);
       return o.containers = s.map(function(f) {
-        return typeof f == "string" ? a.querySelector(f) : f;
-      }), o.active && D(), H(), this;
+        return typeof f == "string" ? n.querySelector(f) : f;
+      }), o.active && x(), H(), this;
     }
   }, v.updateContainerElements(t), v;
 };
@@ -1051,7 +1051,7 @@ const ji = {
   preventScroll: Boolean,
   setReturnFocus: [Object, String, Boolean, Function],
   tabbableOptions: Object
-}, Zi = Q({
+}, Zi = J({
   props: Object.assign({
     active: {
       // TODO: could be options for activate but what about the options for deactivating?
@@ -1069,18 +1069,18 @@ const ji = {
   render() {
     return this.renderImpl();
   },
-  setup(n, { slots: t, emit: i }) {
-    let a;
-    const c = q(null), u = w(() => {
+  setup(a, { slots: t, emit: i }) {
+    let n;
+    const c = G(null), u = k(() => {
       const v = c.value;
       return v && (v instanceof HTMLElement ? v : v.$el);
     });
     function o() {
-      return a || (a = Mi(u.value, {
-        escapeDeactivates: n.escapeDeactivates,
-        allowOutsideClick: n.allowOutsideClick,
-        returnFocusOnDeactivate: n.returnFocusOnDeactivate,
-        clickOutsideDeactivates: n.clickOutsideDeactivates,
+      return n || (n = Mi(u.value, {
+        escapeDeactivates: a.escapeDeactivates,
+        allowOutsideClick: a.allowOutsideClick,
+        returnFocusOnDeactivate: a.returnFocusOnDeactivate,
+        clickOutsideDeactivates: a.clickOutsideDeactivates,
         onActivate: () => {
           i("update:active", !0), i("activate");
         },
@@ -1089,30 +1089,30 @@ const ji = {
         },
         onPostActivate: () => i("postActivate"),
         onPostDeactivate: () => i("postDeactivate"),
-        initialFocus: n.initialFocus,
-        fallbackFocus: n.fallbackFocus,
-        tabbableOptions: n.tabbableOptions,
-        delayInitialFocus: n.delayInitialFocus,
-        preventScroll: n.preventScroll
+        initialFocus: a.initialFocus,
+        fallbackFocus: a.fallbackFocus,
+        tabbableOptions: a.tabbableOptions,
+        delayInitialFocus: a.delayInitialFocus,
+        preventScroll: a.preventScroll
       }));
     }
     return Ye(() => {
-      Ae(() => n.active, (v) => {
-        v && u.value ? o().activate() : a && (a.deactivate(), (!u.value || u.value.nodeType === Node.COMMENT_NODE) && (a = null));
+      Ae(() => a.active, (v) => {
+        v && u.value ? o().activate() : n && (n.deactivate(), (!u.value || u.value.nodeType === Node.COMMENT_NODE) && (n = null));
       }, { immediate: !0, flush: "post" });
     }), mn(() => {
-      a && a.deactivate(), a = null;
+      n && n.deactivate(), n = null;
     }), {
       activate() {
         o().activate();
       },
       deactivate() {
-        a && a.deactivate();
+        n && n.deactivate();
       },
       renderImpl() {
         if (!t.default)
           return null;
-        const v = t.default().filter((C) => C.type !== gn);
+        const v = t.default().filter((O) => O.type !== gn);
         return !v || !v.length || v.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), v) : yn(v[0], { ref: c });
       }
     };
@@ -1121,9 +1121,9 @@ const ji = {
 function Jt() {
   return {
     debounce: (t, i) => {
-      let a;
+      let n;
       return (...c) => {
-        clearTimeout(a), a = window == null ? void 0 : window.setTimeout(() => {
+        clearTimeout(n), n = window == null ? void 0 : window.setTimeout(() => {
           t(...c);
         }, i);
       };
@@ -1131,15 +1131,15 @@ function Jt() {
   };
 }
 var je = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Ki(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+function Ki(a) {
+  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
 var qe = { exports: {} };
 qe.exports;
-(function(n, t) {
-  var i = 200, a = "__lodash_hash_undefined__", c = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", C = "[object Error]", E = "[object Function]", F = "[object GeneratorFunction]", D = "[object Map]", L = "[object Number]", O = "[object Object]", A = "[object Promise]", Y = "[object RegExp]", P = "[object Set]", W = "[object String]", ce = "[object Symbol]", te = "[object WeakMap]", ae = "[object ArrayBuffer]", Z = "[object DataView]", J = "[object Float32Array]", I = "[object Float64Array]", M = "[object Int8Array]", z = "[object Int16Array]", H = "[object Int32Array]", $ = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, k = /\w*$/, N = /^\[object .+?Constructor\]$/, x = /^(?:0|[1-9]\d*)$/, g = {};
-  g[u] = g[o] = g[ae] = g[Z] = g[v] = g[m] = g[J] = g[I] = g[M] = g[z] = g[H] = g[D] = g[L] = g[O] = g[Y] = g[P] = g[W] = g[ce] = g[$] = g[d] = g[s] = g[f] = !0, g[C] = g[E] = g[te] = !1;
-  var B = typeof je == "object" && je && je.Object === Object && je, re = typeof self == "object" && self && self.Object === Object && self, U = B || re || Function("return this")(), ne = t && !t.nodeType && t, le = ne && !0 && n && !n.nodeType && n, Fe = le && le.exports === ne;
+(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]", 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;
   }
@@ -1157,7 +1157,7 @@ qe.exports;
     return e;
   }
   function vt(e, r, l, p) {
-    for (var j = -1, V = e ? e.length : 0; ++j < V; )
+    for (var j = -1, z = e ? e.length : 0; ++j < z; )
       l = r(l, e[j], j, e);
     return l;
   }
@@ -1218,7 +1218,7 @@ qe.exports;
     var r = this.__data__;
     if (Oe) {
       var l = r[e];
-      return l === a ? void 0 : l;
+      return l === n ? void 0 : l;
     }
     return ue.call(r, e) ? r[e] : void 0;
   }
@@ -1228,7 +1228,7 @@ qe.exports;
   }
   function ka(e, r) {
     var l = this.__data__;
-    return l[e] = Oe && r === void 0 ? a : r, this;
+    return l[e] = Oe && r === void 0 ? n : r, this;
   }
   de.prototype.clear = ma, de.prototype.delete = ga, de.prototype.get = ya, de.prototype.has = wa, de.prototype.set = ka;
   function oe(e) {
@@ -1315,8 +1315,8 @@ qe.exports;
   ge.prototype.clear = Fa, ge.prototype.delete = Da, ge.prototype.get = xa, ge.prototype.has = Ra, ge.prototype.set = Ba;
   function La(e, r) {
     var l = ot(e) || cn(e) ? ta(e.length, String) : [], p = l.length, j = !!p;
-    for (var V in e)
-      ue.call(e, V) && !(j && (V == "length" || nn(V, p))) && l.push(V);
+    for (var z in e)
+      ue.call(e, z) && !(j && (z == "length" || nn(z, p))) && l.push(z);
     return l;
   }
   function It(e, r, l) {
@@ -1332,40 +1332,40 @@ qe.exports;
   function Pa(e, r) {
     return e && Ot(r, st(r), e);
   }
-  function it(e, r, l, p, j, V, se) {
-    var G;
-    if (p && (G = V ? p(e, j, V, se) : p(e)), G !== void 0)
-      return G;
+  function it(e, r, l, p, j, z, se) {
+    var V;
+    if (p && (V = z ? p(e, j, z, se) : p(e)), V !== void 0)
+      return V;
     if (!Le(e))
       return e;
     var Ft = ot(e);
     if (Ft) {
-      if (G = en(e), !r)
-        return Ya(e, G);
+      if (V = en(e), !r)
+        return Ya(e, V);
     } else {
-      var we = fe(e), Dt = we == E || we == F;
+      var we = fe(e), Dt = we == A || we == N;
       if (un(e))
         return Ua(e, r);
-      if (we == O || we == u || Dt && !V) {
+      if (we == w || we == u || Dt && !z) {
         if (bt(e))
-          return V ? e : {};
-        if (G = tn(Dt ? {} : e), !r)
-          return Ja(e, Pa(G, e));
+          return z ? e : {};
+        if (V = tn(Dt ? {} : e), !r)
+          return Ja(e, Pa(V, e));
       } else {
         if (!g[we])
-          return V ? e : {};
-        G = an(e, we, it, r);
+          return z ? e : {};
+        V = an(e, we, it, r);
       }
     }
     se || (se = new ge());
     var xt = se.get(e);
     if (xt)
       return xt;
-    if (se.set(e, G), !Ft)
+    if (se.set(e, V), !Ft)
       var Rt = l ? Qa(e) : st(e);
     return Qt(Rt || e, function(ct, Pe) {
-      Rt && (Pe = ct, ct = e[Pe]), It(G, Pe, it(ct, r, l, p, Pe, e, se));
-    }), G;
+      Rt && (Pe = ct, ct = e[Pe]), It(V, Pe, it(ct, r, l, p, Pe, e, se));
+    }), V;
   }
   function Ma(e) {
     return Le(e) ? sa(e) : {};
@@ -1380,7 +1380,7 @@ qe.exports;
   function Ka(e) {
     if (!Le(e) || on(e))
       return !1;
-    var r = At(e) || bt(e) ? ra : N;
+    var r = At(e) || bt(e) ? ra : E;
     return r.test(ve(e));
   }
   function Ha(e) {
@@ -1410,7 +1410,7 @@ qe.exports;
     return vt(p, Se, new e.constructor());
   }
   function Va(e) {
-    var r = new e.constructor(e.source, k.exec(e));
+    var r = new e.constructor(e.source, T.exec(e));
     return r.lastIndex = e.lastIndex, r;
   }
   function Ga(e, r, l) {
@@ -1432,9 +1432,9 @@ qe.exports;
   }
   function Ot(e, r, l, p) {
     l || (l = {});
-    for (var j = -1, V = r.length; ++j < V; ) {
-      var se = r[j], G = void 0;
-      It(l, se, G === void 0 ? e[se] : G);
+    for (var j = -1, z = r.length; ++j < z; ) {
+      var se = r[j], V = void 0;
+      It(l, se, V === void 0 ? e[se] : V);
     }
     return l;
   }
@@ -1453,20 +1453,20 @@ qe.exports;
     return Ka(l) ? l : void 0;
   }
   var $t = Tt ? Je(Tt, Object) : vn, fe = Za;
-  (et && fe(new et(new ArrayBuffer(1))) != Z || Ie && fe(new Ie()) != D || tt && fe(tt.resolve()) != A || at && fe(new at()) != P || nt && fe(new nt()) != te) && (fe = function(e) {
-    var r = xe.call(e), l = r == O ? e.constructor : void 0, p = l ? ve(l) : void 0;
+  (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) {
         case fa:
           return Z;
         case va:
-          return D;
+          return x;
         case ba:
-          return A;
-        case ha:
           return P;
+        case ha:
+          return B;
         case pa:
-          return te;
+          return ee;
       }
     return r;
   });
@@ -1480,38 +1480,38 @@ qe.exports;
   function an(e, r, l, p) {
     var j = e.constructor;
     switch (r) {
-      case ae:
+      case te:
         return rt(e);
       case v:
       case m:
         return new j(+e);
       case Z:
         return Wa(e, p);
-      case J:
-      case I:
+      case X:
+      case $:
       case M:
-      case z:
+      case W:
       case H:
-      case $:
+      case C:
       case d:
       case s:
       case f:
         return Xa(e, p);
-      case D:
+      case x:
         return za(e, p, l);
-      case L:
-      case W:
+      case R:
+      case ne:
         return new j(e);
       case Y:
         return Va(e);
-      case P:
+      case B:
         return Ga(e, p, l);
       case ce:
         return qa(e);
     }
   }
   function nn(e, r) {
-    return r = r ?? c, !!r && (typeof e == "number" || x.test(e)) && e > -1 && e % 1 == 0 && e < r;
+    return r = r ?? c, !!r && (typeof e == "number" || F.test(e)) && e > -1 && e % 1 == 0 && e < r;
   }
   function rn(e) {
     var r = typeof e;
@@ -1556,7 +1556,7 @@ qe.exports;
   var un = ua || bn;
   function At(e) {
     var r = Le(e) ? xe.call(e) : "";
-    return r == E || r == F;
+    return r == A || r == N;
   }
   function dn(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= c;
@@ -1577,7 +1577,7 @@ qe.exports;
   function bn() {
     return !1;
   }
-  n.exports = sn;
+  a.exports = sn;
 })(qe, qe.exports);
 var Hi = qe.exports;
 const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
@@ -1596,7 +1596,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
 }, Yi = {
   key: 2,
   class: "level-primary bottom-items"
-}, Ji = { class: "sidebar-footer" }, Qi = /* @__PURE__ */ Q({
+}, Ji = { class: "sidebar-footer" }, Qi = /* @__PURE__ */ J({
   __name: "AppSidebar",
   props: {
     topItems: {
@@ -1654,66 +1654,66 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
     }
   },
   emits: ["click", "toggle"],
-  setup(n, { emit: t }) {
+  setup(a, { emit: t }) {
     ft((s) => ({
       ed9817ee: v.value.mobileHeight,
       "283219b3": v.value.mobileTop,
-      "1e921eff": n.zIndex,
+      "1e921eff": a.zIndex,
       "17659e72": v.value.height,
       "2fcb7496": v.value.top,
-      "17bdc609": C.value.marginTop,
-      "4329f5c0": $.value,
+      "17bdc609": O.value.marginTop,
+      "4329f5c0": C.value,
       dc71923a: m.value.display,
       "261cb7fa": m.value.minHeight,
-      "07598d84": E.value.top,
-      "568185e9": E.value.zIndex
+      "07598d84": A.value.top,
+      "568185e9": A.value.zIndex
     }));
-    const i = t, a = n, c = Xe(), u = w(() => !!c.header), o = w(() => !!c.top), v = w(() => ({
-      mobileTop: a.mobileTopOffset && a.mobileEnabled ? `${a.mobileTopOffset}px` : a.topOffset ? `${a.topOffset}px` : "0",
-      top: a.topOffset ? `${a.topOffset}px` : "0",
-      mobileHeight: a.mobileTopOffset && a.mobileEnabled ? `calc(100% - ${a.mobileTopOffset}px)` : "100%",
-      height: a.topOffset ? `calc(100% - ${a.topOffset}px)` : "100%"
-    })), m = w(() => ({
-      display: !a.mobileHeaderVisible && a.mobileEnabled ? "none" : "flex",
-      minHeight: `${a.headerHeight}px`
-    })), C = w(() => ({
-      marginTop: u.value ? `${a.headerHeight}px` : "0"
-    })), E = w(() => ({
-      top: a.mobileTopOffset && a.mobileEnabled ? `${a.mobileTopOffset}px` : "0",
-      zIndex: a.mobileOverlayZIndex !== null ? a.mobileOverlayZIndex : a.zIndex > 1 ? a.zIndex - 1 : 1
-    })), F = (s) => Ui(s).map((b) => {
-      var k, N, x;
+    const i = t, n = a, c = Xe(), u = k(() => !!c.header), o = k(() => !!c.top), v = k(() => ({
+      mobileTop: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : n.topOffset ? `${n.topOffset}px` : "0",
+      top: n.topOffset ? `${n.topOffset}px` : "0",
+      mobileHeight: n.mobileTopOffset && n.mobileEnabled ? `calc(100% - ${n.mobileTopOffset}px)` : "100%",
+      height: n.topOffset ? `calc(100% - ${n.topOffset}px)` : "100%"
+    })), m = k(() => ({
+      display: !n.mobileHeaderVisible && n.mobileEnabled ? "none" : "flex",
+      minHeight: `${n.headerHeight}px`
+    })), O = k(() => ({
+      marginTop: u.value ? `${n.headerHeight}px` : "0"
+    })), A = k(() => ({
+      top: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : "0",
+      zIndex: n.mobileOverlayZIndex !== null ? n.mobileOverlayZIndex : n.zIndex > 1 ? n.zIndex - 1 : 1
+    })), N = (s) => Ui(s).map((b) => {
+      var T, E, F;
       if (b) {
-        (!b.key || !((k = b.key) != null && k.trim())) && (b.key = String(b.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!b.testId || !((N = b.testId) != null && N.trim())) && (b.testId = String(b.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
+        (!b.key || !((T = b.key) != null && T.trim())) && (b.key = String(b.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!b.testId || !((E = b.testId) != null && E.trim())) && (b.testId = String(b.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
         for (const g of b.items || [])
-          g.parentKey = b.key, (!g.testId || !((x = g.testId) != null && x.trim())) && (g.testId = String(g.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
+          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;
-    }), D = w(() => a.topItems.length ? F(a.topItems) : []), L = w(() => a.bottomItems.length ? F(a.bottomItems) : []), O = q(a.open), A = (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;
-      O.value !== s && (O.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"), P.value = !1;
+      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 = () => {
-      a.mobileOverlayCloseOnClick && A(!1);
-    }, P = q(!1), W = (s) => {
-      P.value = !0, i("click", s), setTimeout(() => {
-        A(!1);
-      }, a.mobileCloseDelay);
+      n.mobileOverlayCloseOnClick && P(!1);
+    }, B = G(!1), ne = (s) => {
+      B.value = !0, i("click", s), setTimeout(() => {
+        P(!1);
+      }, n.mobileCloseDelay);
     };
-    Ae(() => a.open, (s) => {
-      A(s);
+    Ae(() => n.open, (s) => {
+      P(s);
     });
-    const { debounce: ce } = Jt(), te = ce(() => {
-      O.value && ae.value !== (window == null ? void 0 : window.innerWidth) && (ae.value = window == null ? void 0 : window.innerWidth, A(!1));
-    }, 200), ae = q(), Z = q(!1), J = q(), I = () => {
-      Z.value || (Z.value = !0, clearTimeout(J.value), J.value = setTimeout(() => Z.value = !1, 1300));
-    }, M = q(null), z = w(() => O.value && a.mobileEnabled), H = async (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, 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));
+    }, M = G(null), W = k(() => w.value && n.mobileEnabled), H = async (s) => {
       var f, b;
-      s ? (await Bt(), await new Promise((k) => setTimeout(k, 300)), (f = M.value) == null || f.activate()) : (b = M.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(z, async (s) => {
+    Ae(W, async (s) => {
       s ? await H(!0) : await H(!1);
     }, { immediate: !0 });
-    const $ = q("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;
@@ -1721,21 +1721,21 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       f.style.visibility = "hidden", f.style.width = "100px", document.body.appendChild(f);
       const b = f.offsetWidth;
       f.style.overflow = "scroll";
-      const k = document.createElement("div");
-      k.style.width = "100%", f.appendChild(k);
-      const N = k.offsetWidth;
-      f.parentNode && f.parentNode.removeChild(f), b - N === 0 && ($.value = "8px");
+      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 && (C.value = "8px");
     };
     return Ye(async () => {
-      ae.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", te), window.addEventListener("resize", I), 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", te), window.removeEventListener("resize", I);
+      window.removeEventListener("resize", ee), window.removeEventListener("resize", $);
     }), (s, f) => (h(), y(Ce, null, [
-      O.value && n.mobileOverlay && n.mobileEnabled ? (h(), y("div", {
+      w.value && a.mobileOverlay && a.mobileEnabled ? (h(), y("div", {
         key: 0,
         class: "kong-ui-app-sidebar-overlay",
         onClick: Y
-      })) : S("", !0),
+      })) : _("", !0),
       Ne(Wt(Zi), {
         ref_key: "focusTrap",
         ref: M,
@@ -1743,54 +1743,54 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
         "allow-outside-click": "",
         "fallback-focus": ".kong-ui-app-sidebar"
       }, {
-        default: R(() => [
-          _("aside", {
+        default: D(() => [
+          I("aside", {
             class: ie(["kong-ui-app-sidebar", {
-              "sidebar-open": O.value,
+              "sidebar-open": w.value,
               "no-sidebar-header": !u.value,
-              "mobile-header-hidden": n.mobileEnabled && (!u.value || !n.mobileHeaderVisible),
-              "mobile-disabled": !n.mobileEnabled,
+              "mobile-header-hidden": a.mobileEnabled && (!u.value || !a.mobileHeaderVisible),
+              "mobile-disabled": !a.mobileEnabled,
               "disable-transitions": Z.value
             }]),
             tabindex: "-1"
           }, [
             u.value ? (h(), y("div", Wi, [
-              T(s.$slots, "header", {}, void 0, !0)
-            ])) : S("", !0),
-            _("div", zi, [
+              S(s.$slots, "header", {}, void 0, !0)
+            ])) : _("", !0),
+            I("div", zi, [
               o.value ? (h(), y("div", Vi, [
-                T(s.$slots, "top", {}, void 0, !0)
-              ])) : S("", !0),
-              _("nav", Gi, [
-                D.value.length ? (h(), y("ul", qi, [
-                  (h(!0), y(Ce, null, Te(D.value, (b) => (h(), K(Lt, {
+                S(s.$slots, "top", {}, void 0, !0)
+              ])) : _("", !0),
+              I("nav", Gi, [
+                x.value.length ? (h(), y("ul", qi, [
+                  (h(!0), y(Ce, null, Te(x.value, (b) => (h(), K(Lt, {
                     key: b.name,
                     item: b,
-                    onClick: W
+                    onClick: ne
                   }, {
-                    [`sidebar-icon-${b.key}`]: R(() => [
-                      T(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
+                    [`sidebar-icon-${b.key}`]: D(() => [
+                      S(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item"]))), 128))
-                ])) : S("", !0),
-                D.value.length && L.value.length ? (h(), y("div", Xi)) : S("", !0),
-                L.value.length ? (h(), y("ul", Yi, [
-                  (h(!0), y(Ce, null, Te(L.value, (b) => (h(), K(Lt, {
+                ])) : _("", !0),
+                x.value.length && R.value.length ? (h(), y("div", Xi)) : _("", !0),
+                R.value.length ? (h(), y("ul", Yi, [
+                  (h(!0), y(Ce, null, Te(R.value, (b) => (h(), K(Lt, {
                     key: b.name,
                     item: b,
-                    onClick: W
+                    onClick: ne
                   }, {
-                    [`sidebar-icon-${b.key}`]: R(() => [
-                      T(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
+                    [`sidebar-icon-${b.key}`]: D(() => [
+                      S(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item"]))), 128))
-                ])) : S("", !0)
+                ])) : _("", !0)
               ])
             ]),
-            _("div", Ji, [
-              T(s.$slots, "footer", {}, void 0, !0)
+            I("div", Ji, [
+              S(s.$slots, "footer", {}, void 0, !0)
             ])
           ], 2)
         ]),
@@ -1798,7 +1798,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       }, 512)
     ], 64));
   }
-}), er = /* @__PURE__ */ ee(Qi, [["__scopeId", "data-v-084541f1"]]), tr = ["aria-label"], ar = /* @__PURE__ */ Q({
+}), er = /* @__PURE__ */ Q(Qi, [["__scopeId", "data-v-084541f1"]]), tr = ["aria-label"], ar = /* @__PURE__ */ J({
   __name: "SidebarToggle",
   props: {
     active: {
@@ -1807,11 +1807,11 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
     }
   },
   emits: ["toggle"],
-  setup(n, { emit: t }) {
-    const i = t, a = n, c = q(a.active || !1), u = (o) => {
+  setup(a, { emit: t }) {
+    const i = t, n = a, c = G(n.active || !1), u = (o) => {
       o.preventDefault(), c.value = !c.value, i("toggle", c.value);
     };
-    return Ae(() => a.active, (o) => {
+    return Ae(() => n.active, (o) => {
       c.value = o;
     }), (o, v) => (h(), y("a", {
       "aria-haspopup": "true",
@@ -1821,18 +1821,18 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       role: "button",
       onClick: wn(u, ["prevent"])
     }, v[0] || (v[0] = [
-      _("span", { class: "line" }, null, -1),
-      _("span", { class: "line" }, null, -1),
-      _("span", { class: "line" }, null, -1)
+      I("span", { class: "line" }, null, -1),
+      I("span", { class: "line" }, null, -1),
+      I("span", { class: "line" }, null, -1)
     ]), 10, tr));
   }
-}), nr = /* @__PURE__ */ ee(ar, [["__scopeId", "data-v-cbb41bbd"]]), ir = "#ffffff", rr = "#000933", or = "#000933", sr = "#ffffff", cr = "0px", lr = "4px", ur = { id: "kong-ui-app-layout-notification" }, dr = { class: "mobile-logo" }, fr = {
+}), nr = /* @__PURE__ */ Q(ar, [["__scopeId", "data-v-cbb41bbd"]]), ir = "#ffffff", rr = "#000933", or = "#000933", sr = "#ffffff", cr = "0px", lr = "4px", ur = { id: "kong-ui-app-layout-notification" }, dr = { class: "mobile-logo" }, fr = {
   key: 0,
   class: "navbar-logo"
 }, vr = {
   class: "kong-ui-app-layout-main",
   "data-testid": "kong-ui-app-layout-main"
-}, br = { class: "kong-ui-app-layout-content" }, hr = { class: "kong-ui-app-layout-content-inner" }, pr = /* @__PURE__ */ Q({
+}, br = { class: "kong-ui-app-layout-content" }, hr = { class: "kong-ui-app-layout-content-inner" }, pr = /* @__PURE__ */ J({
   __name: "AppLayout",
   props: {
     hideDefaultSlot: {
@@ -1864,182 +1864,182 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
     theme: {
       type: String,
       default: "light",
-      validator: (n) => ["light", "dark"].includes(n)
+      validator: (a) => ["light", "dark"].includes(a)
     }
   },
   emits: ["sidebar-click", "update:topOffset"],
-  setup(n, { emit: t }) {
-    ft((I) => ({
-      "2235c6e4": P.value,
-      "29d04344": W.value,
+  setup(a, { emit: t }) {
+    ft(($) => ({
+      "2235c6e4": B.value,
+      "29d04344": ne.value,
       "3d470f48": Y.value,
       "81803d80": ce.value,
-      "64da7a33": te.value
+      "64da7a33": ee.value
     }));
-    const i = n, a = t, c = Xe(), u = Ze({
-      navbarLeft: w(() => !!c["navbar-left"]),
-      navbarCenter: w(() => !!c["navbar-center"]),
-      navbarRight: w(() => !!c["navbar-right"]),
-      navbarLogo: w(() => !!c["navbar-logo"]),
-      navbarMobileLogo: w(() => !!c["navbar-mobile-logo"]),
-      sidebarHeader: w(() => !!c["sidebar-header"]),
-      sidebarTop: w(() => !!c["sidebar-top"]),
-      sidebarFooter: w(() => !!c["sidebar-footer"])
-    }), o = w(() => i.hideDefaultSlot), v = Ze({
-      hidden: w(() => i.navbarHidden)
+    const i = a, n = t, c = Xe(), u = Ze({
+      navbarLeft: k(() => !!c["navbar-left"]),
+      navbarCenter: k(() => !!c["navbar-center"]),
+      navbarRight: k(() => !!c["navbar-right"]),
+      navbarLogo: k(() => !!c["navbar-logo"]),
+      navbarMobileLogo: k(() => !!c["navbar-mobile-logo"]),
+      sidebarHeader: k(() => !!c["sidebar-header"]),
+      sidebarTop: k(() => !!c["sidebar-top"]),
+      sidebarFooter: k(() => !!c["sidebar-footer"])
+    }), o = k(() => i.hideDefaultSlot), v = Ze({
+      hidden: k(() => i.navbarHidden)
     }), m = Ze({
-      topItems: w(() => i.sidebarTopItems),
-      bottomItems: w(() => i.sidebarBottomItems),
-      open: w(() => i.sidebarOpen),
-      hidden: w(() => i.sidebarHidden)
-    }), C = (I) => {
-      a("sidebar-click", I);
-    }, E = q(!1), F = (I) => {
-      E.value = I;
+      topItems: k(() => i.sidebarTopItems),
+      bottomItems: k(() => i.sidebarBottomItems),
+      open: k(() => i.sidebarOpen),
+      hidden: k(() => i.sidebarHidden)
+    }), O = ($) => {
+      n("sidebar-click", $);
+    }, A = G(!1), N = ($) => {
+      A.value = $;
     };
     kn(() => {
-      E.value = Tn(m, "open").value || !1;
+      A.value = Tn(m, "open").value || !1;
     });
-    const D = q(0), L = q(60), O = q(0), A = w(() => v.hidden ? O.value : L.value + O.value), Y = w(() => i.theme === "light" ? or : sr), P = w(() => i.theme === "light" ? ir : rr), W = w(() => i.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), ce = w(() => `${A.value}px`), te = w(() => m.hidden || v.hidden ? cr : lr), { debounce: ae } = Jt(), Z = ae((I = !1) => {
-      if (I || D.value !== (window == null ? void 0 : window.innerWidth)) {
-        D.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 M = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-        M && (O.value = M.offsetHeight);
+        M && (w.value = M.offsetHeight);
       }
-    }, 200), J = q();
-    return Ae(O, (I) => {
-      a("update:topOffset", I || 0);
+    }, 200), X = G();
+    return Ae(w, ($) => {
+      n("update:topOffset", $ || 0);
     }, { immediate: !0 }), Ye(() => {
-      var M, z;
-      (M = document == null ? void 0 : document.body) == null || M.classList.add("kong-ui-app-layout-body"), (z = document == null ? void 0 : document.documentElement) == null || z.classList.add("kong-ui-app-layout-html"), D.value = window == null ? void 0 : window.innerWidth, Z(!0);
-      const I = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-      I && (J.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;
-              O.value !== d && (O.value = d);
+            for (const C of H) {
+              const d = C.contentRect.height;
+              w.value !== d && (w.value = d);
             }
         });
-      }), J.value.observe(I)), window.addEventListener("resize", Z);
+      }), X.value.observe($)), window.addEventListener("resize", Z);
     }), Ut(() => {
-      J.value && J.value.disconnect(), window.removeEventListener("resize", Z);
-    }), (I, M) => (h(), y("div", {
+      X.value && X.value.disconnect(), window.removeEventListener("resize", Z);
+    }), ($, M) => (h(), y("div", {
       class: ie(["kong-ui-app-layout", [
         { "navbar-hidden": v.hidden },
         { "sidebar-hidden": m.hidden }
       ]])
     }, [
-      _("div", ur, [
-        T(I.$slots, "notification", {}, void 0, !0)
+      I("div", ur, [
+        S($.$slots, "notification", {}, void 0, !0)
       ]),
-      v.hidden ? S("", !0) : (h(), K(ai, {
+      v.hidden ? _("", !0) : (h(), K(ai, {
         key: String(m.hidden),
         "left-offset": m.hidden ? 0 : void 0,
-        "top-offset": O.value
+        "top-offset": w.value
       }, Ue({
-        "mobile-sidebar-toggle": R(() => [
-          m.hidden ? S("", !0) : (h(), K(nr, {
+        "mobile-sidebar-toggle": D(() => [
+          m.hidden ? _("", !0) : (h(), K(nr, {
             key: 0,
-            active: E.value,
-            onToggle: F
+            active: A.value,
+            onToggle: N
           }, null, 8, ["active"]))
         ]),
         _: 2
       }, [
         u.navbarMobileLogo ? {
           name: "mobile-logo",
-          fn: R(() => [
-            _("div", dr, [
-              T(I.$slots, "navbar-mobile-logo", {}, void 0, !0)
+          fn: D(() => [
+            I("div", dr, [
+              S($.$slots, "navbar-mobile-logo", {}, void 0, !0)
             ])
           ]),
           key: "0"
         } : void 0,
         u.navbarLogo ? {
           name: "logo",
-          fn: R(() => [
+          fn: D(() => [
             m.hidden ? (h(), y("div", fr, [
-              T(I.$slots, "navbar-logo", {}, void 0, !0)
-            ])) : S("", !0)
+              S($.$slots, "navbar-logo", {}, void 0, !0)
+            ])) : _("", !0)
           ]),
           key: "1"
         } : void 0,
         u.navbarLeft ? {
           name: "left",
-          fn: R(() => [
-            T(I.$slots, "navbar-left", {}, void 0, !0)
+          fn: D(() => [
+            S($.$slots, "navbar-left", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         u.navbarCenter ? {
           name: "center",
-          fn: R(() => [
-            T(I.$slots, "navbar-center", {}, void 0, !0)
+          fn: D(() => [
+            S($.$slots, "navbar-center", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         u.navbarRight ? {
           name: "right",
-          fn: R(() => [
-            T(I.$slots, "navbar-right", {}, void 0, !0)
+          fn: D(() => [
+            S($.$slots, "navbar-right", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0
       ]), 1032, ["left-offset", "top-offset"])),
-      m.hidden ? S("", !0) : (h(), K(er, {
+      m.hidden ? _("", !0) : (h(), K(er, {
         key: 1,
         "bottom-items": m.bottomItems,
-        "header-height": L.value,
+        "header-height": R.value,
         "mobile-enabled": "",
         "mobile-header-visible": !1,
-        "mobile-top-offset": A.value,
-        open: E.value,
+        "mobile-top-offset": P.value,
+        open: A.value,
         "top-items": m.topItems,
-        "top-offset": O.value,
-        onClick: C,
-        onToggle: F
+        "top-offset": w.value,
+        onClick: O,
+        onToggle: N
       }, Ue({ _: 2 }, [
         u.sidebarHeader ? {
           name: "header",
-          fn: R(() => [
-            T(I.$slots, "sidebar-header", {}, void 0, !0)
+          fn: D(() => [
+            S($.$slots, "sidebar-header", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         u.sidebarTop ? {
           name: "top",
-          fn: R(() => [
-            T(I.$slots, "sidebar-top", {}, void 0, !0)
+          fn: D(() => [
+            S($.$slots, "sidebar-top", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         u.sidebarFooter ? {
           name: "footer",
-          fn: R(() => [
-            T(I.$slots, "sidebar-footer", {}, void 0, !0)
+          fn: D(() => [
+            S($.$slots, "sidebar-footer", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        Te([...m.topItems || [], ...m.bottomItems || []], (z) => ({
-          name: `sidebar-icon-${z.key}`,
-          fn: R(() => [
-            T(I.$slots, `sidebar-icon-${z.key}`, {}, void 0, !0)
+        Te([...m.topItems || [], ...m.bottomItems || []], (W) => ({
+          name: `sidebar-icon-${W.key}`,
+          fn: D(() => [
+            S($.$slots, `sidebar-icon-${W.key}`, {}, void 0, !0)
           ])
         }))
       ]), 1032, ["bottom-items", "header-height", "mobile-top-offset", "open", "top-items", "top-offset"])),
-      _("main", vr, [
-        _("div", br, [
-          _("div", hr, [
-            M[0] || (M[0] = _("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
-            T(I.$slots, "app-error", {}, void 0, !0),
-            o.value ? S("", !0) : T(I.$slots, "default", { key: 0 }, void 0, !0)
+      I("main", vr, [
+        I("div", br, [
+          I("div", hr, [
+            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)
           ])
         ])
       ])
     ], 2));
   }
-}), mr = /* @__PURE__ */ ee(pr, [["__scopeId", "data-v-8e8c270a"]]), gr = { class: "kong-ui-app-page-header" }, yr = {
+}), mr = /* @__PURE__ */ Q(pr, [["__scopeId", "data-v-8e8c270a"]]), gr = { class: "kong-ui-app-page-header" }, yr = {
   key: 0,
   class: "page-header-breadcrumbs",
   "data-testid": "page-header-breadcrumbs"
@@ -2059,7 +2059,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
   key: 1,
   class: "page-header-section-below",
   "data-testid": "page-header-section-below"
-}, $r = /* @__PURE__ */ Q({
+}, $r = /* @__PURE__ */ J({
   __name: "AppPageHeader",
   props: {
     title: {
@@ -2072,52 +2072,52 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       default: () => []
     }
   },
-  setup(n) {
-    const t = n, i = Xe(), a = w(() => {
+  setup(a) {
+    const t = a, i = Xe(), n = k(() => {
       var u;
       return !!((u = t.breadcrumbs) != null && u.length);
-    }), c = w(() => Object.keys(i).filter((u) => u.startsWith("icon-")));
+    }), c = k(() => Object.keys(i).filter((u) => u.startsWith("icon-")));
     return (u, o) => {
       const v = he("KBreadcrumbs");
       return h(), y("div", gr, [
-        a.value ? (h(), y("div", yr, [
+        n.value ? (h(), y("div", yr, [
           Ne(v, {
             "item-max-width": "150",
-            items: n.breadcrumbs
+            items: a.breadcrumbs
           }, Ue({ _: 2 }, [
             Te(c.value, (m) => ({
               name: m,
-              fn: R(() => [
-                T(u.$slots, m, {}, void 0, !0)
+              fn: D(() => [
+                S(u.$slots, m, {}, void 0, !0)
               ])
             }))
           ]), 1032, ["items"])
-        ])) : S("", !0),
-        _("div", wr, [
-          _("div", kr, [
+        ])) : _("", !0),
+        I("div", wr, [
+          I("div", kr, [
             u.$slots["title-before"] ? (h(), y("div", Tr, [
-              T(u.$slots, "title-before", {}, void 0, !0)
-            ])) : S("", !0),
-            _("h1", {
+              S(u.$slots, "title-before", {}, void 0, !0)
+            ])) : _("", !0),
+            I("h1", {
               class: "page-header-title",
               "data-testid": "page-header-title",
-              title: n.title
-            }, X(n.title), 9, Sr),
+              title: a.title
+            }, q(a.title), 9, Sr),
             u.$slots["title-after"] ? (h(), y("div", _r, [
-              T(u.$slots, "title-after", {}, void 0, !0)
-            ])) : S("", !0)
+              S(u.$slots, "title-after", {}, void 0, !0)
+            ])) : _("", !0)
           ]),
           u.$slots.actions ? (h(), y("div", Ir, [
-            T(u.$slots, "actions", {}, void 0, !0)
-          ])) : S("", !0)
+            S(u.$slots, "actions", {}, void 0, !0)
+          ])) : _("", !0)
         ]),
         u.$slots.below ? (h(), y("div", Or, [
-          T(u.$slots, "below", {}, void 0, !0)
-        ])) : S("", !0)
+          S(u.$slots, "below", {}, void 0, !0)
+        ])) : _("", !0)
       ]);
     };
   }
-}), Pr = /* @__PURE__ */ ee($r, [["__scopeId", "data-v-204b7f98"]]), Cr = { class: "app-page-info-section-default-header" }, Er = {
+}), Pr = /* @__PURE__ */ Q($r, [["__scopeId", "data-v-204b7f98"]]), Cr = { class: "app-page-info-section-default-header" }, Er = {
   key: 1,
   class: "app-page-info-section-description",
   "data-testid": "app-page-info-section-description"
@@ -2125,7 +2125,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
   key: 0,
   class: "app-page-info-section-content",
   "data-testid": "app-page-info-section-content"
-}, Ar = /* @__PURE__ */ Q({
+}, Ar = /* @__PURE__ */ J({
   __name: "AppPageInfoSection",
   props: {
     collapsible: {
@@ -2143,55 +2143,55 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
     titleTag: {
       type: String,
       default: "div",
-      validator: (n) => _n.includes(n)
+      validator: (a) => _n.includes(a)
     }
   },
-  setup(n) {
-    return (t, i) => (h(), K(Ke(n.collapsible ? "details" : "div"), {
+  setup(a) {
+    return (t, i) => (h(), K(Ke(a.collapsible ? "details" : "div"), {
       class: "app-page-info-section",
       "data-testid": "app-page-info-section"
     }, {
-      default: R(() => [
-        (h(), K(Ke(n.collapsible ? "summary" : "div"), {
+      default: D(() => [
+        (h(), K(Ke(a.collapsible ? "summary" : "div"), {
           class: "app-page-info-section-header",
           "data-testid": "app-page-info-section-header"
         }, {
-          default: R(() => [
-            T(t.$slots, "header", {}, () => [
-              _("div", Cr, [
-                n.title ? (h(), K(Ke(n.titleTag), {
+          default: D(() => [
+            S(t.$slots, "header", {}, () => [
+              I("div", Cr, [
+                a.title ? (h(), K(Ke(a.titleTag), {
                   key: 0,
                   class: "app-page-info-section-title",
                   "data-testid": "app-page-info-section-title"
                 }, {
-                  default: R(() => [
-                    He(X(n.title), 1)
+                  default: D(() => [
+                    He(q(a.title), 1)
                   ]),
                   _: 1
-                })) : S("", !0),
-                n.description ? (h(), y("div", Er, X(n.description), 1)) : S("", !0)
+                })) : _("", !0),
+                a.description ? (h(), y("div", Er, q(a.description), 1)) : _("", !0)
               ])
             ]),
-            n.collapsible ? (h(), K(Wt(Sn), {
+            a.collapsible ? (h(), K(Wt(Sn), {
               key: 0,
               class: "app-page-info-section-chevron-icon",
               decorative: ""
-            })) : t.$slots.actions ? T(t.$slots, "actions", { key: 1 }) : S("", !0)
+            })) : t.$slots.actions ? S(t.$slots, "actions", { key: 1 }) : _("", !0)
           ]),
           _: 3
         })),
         t.$slots.default ? (h(), y("div", Nr, [
-          T(t.$slots, "default")
-        ])) : S("", !0)
+          S(t.$slots, "default")
+        ])) : _("", !0)
       ]),
       _: 3
     }));
   }
-}), Mr = /* @__PURE__ */ ee(Ar, [["__scopeId", "data-v-21cd75da"]]), jr = {
+}), Mr = /* @__PURE__ */ Q(Ar, [["__scopeId", "data-v-21cd75da"]]), 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: (n, t = {}) => {
-    n.component(t.name || "AppLayout", mr);
+  install: (a, t = {}) => {
+    a.component(t.name || "AppLayout", mr);
   }
 };
 export {