@kong/kongponents 9.35.4 → 9.35.5-pr.2805.04dbddeb3.0

package/dist/kongponents.es.js

@@ -1,7 +1,7 @@
 var h1 = Object.defineProperty;
 var g1 = (e, t, a) => t in e ? h1(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var Ua = (e, t, a) => g1(e, typeof t != "symbol" ? t + "" : t, a);
-import { defineComponent as le, renderSlot as V, reactive as Yr, ref as N, computed as b, createBlock as ee, openBlock as y, resolveDynamicComponent as He, normalizeStyle as Me, withCtx as P, createElementBlock as T, normalizeClass as de, createCommentVNode as U, createElementVNode as H, unref as A, toDisplayString as re, withKeys as ut, withModifiers as Ke, shallowRef as Yp, watch as ue, getCurrentScope as Hp, onScopeDispose as qp, shallowReadonly as sr, useSlots as Dt, useAttrs as Jt, onMounted as rt, mergeProps as Ye, toHandlers as Ms, Teleport as m1, toValue as wn, getCurrentInstance as Wp, useId as $t, onBeforeUnmount as rn, createVNode as j, createTextVNode as we, Transition as oa, withDirectives as Za, vShow as Er, useCssVars as Rt, nextTick as ht, Fragment as Ae, renderList as Re, onUnmounted as Fa, isReadonly as y1, toRefs as _p, watchEffect as wu, createSlots as mt, isVNode as Up, useTemplateRef as St, normalizeProps as na, inject as xi, toRef as Lo, provide as Mi, guardReactiveProps as Da, isRef as pr, resolveComponent as Ht, resolveDirective as b1, warn as w1, Comment as C1, cloneVNode as k1, onBeforeMount as $1, TransitionGroup as S1, render as Ed, h as xd, createPropsRestProxy as Kp, mergeModels as Md, useModel as T1, vModelText as D1 } from "vue";
+import { defineComponent as le, renderSlot as K, reactive as Yr, ref as N, useSlots as St, createCommentVNode as U, computed as b, createBlock as ee, openBlock as y, resolveDynamicComponent as He, normalizeStyle as Me, withCtx as P, createElementBlock as T, normalizeClass as de, createElementVNode as H, unref as A, toDisplayString as re, withKeys as ut, withModifiers as Ke, shallowRef as Yp, watch as ue, getCurrentScope as Hp, onScopeDispose as qp, shallowReadonly as sr, useAttrs as Jt, onMounted as rt, mergeProps as Ye, toHandlers as Ms, Teleport as m1, toValue as wn, getCurrentInstance as Wp, useId as $t, onBeforeUnmount as rn, createVNode as j, createTextVNode as we, Transition as oa, withDirectives as Za, vShow as Er, useCssVars as Rt, nextTick as ht, Fragment as Ae, renderList as Re, onUnmounted as Fa, isReadonly as y1, toRefs as _p, watchEffect as wu, createSlots as mt, isVNode as Up, useTemplateRef as Tt, normalizeProps as na, inject as xi, toRef as Lo, provide as Mi, guardReactiveProps as Da, isRef as pr, resolveComponent as Ht, resolveDirective as b1, warn as w1, Comment as C1, cloneVNode as k1, onBeforeMount as $1, TransitionGroup as S1, render as Ed, h as xd, createPropsRestProxy as Kp, mergeModels as Md, useModel as T1, vModelText as D1 } from "vue";
 async function Vp(e) {
   var n, r;
   if (navigator.clipboard)
@@ -25,7 +25,7 @@ const jp = /* @__PURE__ */ le({
   __name: "KClipboardProvider",
   setup(e) {
     const t = (a = "") => Vp(a);
-    return (a, n) => V(a.$slots, "default", { copyToClipboard: t });
+    return (a, n) => K(a.$slots, "default", { copyToClipboard: t });
   }
 }), A1 = le({
   name: "KComponent",
@@ -42,39 +42,32 @@ const jp = /* @__PURE__ */ le({
       data: a
     });
   }
-}), Os = le({
-  name: "KToggle",
+}), Os = /* @__PURE__ */ le({
+  __name: "KToggle",
   props: {
-    toggled: {
-      type: Boolean,
-      default: !1
-    }
+    toggled: { type: Boolean }
   },
   emits: ["toggled"],
-  setup(e, { slots: t, emit: a }) {
-    const n = N(e.toggled), r = () => {
+  setup(e, { emit: t }) {
+    const a = t, n = N(e.toggled), r = [n], i = () => {
       n.value = !n.value, a("toggled", n.value);
     };
-    try {
-      if (!t.default)
-        throw new Error("KToggle expects slot content");
-      return () => (t == null ? void 0 : t.default) && t.default({
-        isToggled: n,
-        toggle: r
-      });
-    } catch {
-      return console.error(`KToggle expects to have slot content.
+    return St().default || console.error(`KToggle expects to have slot content.
 
-  Example usage:
+Example usage:
 
-    <KToggle>
-      <button #default="{isToggled, toggle}" @click="toggle">
-        {{ isToggled ? 'hello' : 'goodbye' }}
-      </button>
-      ^^------add slotted content
-    </KToggle>
-  `), () => null;
-    }
+<KToggle>
+  <template #default="{ isToggled, toggle }">
+    <button @click="toggle">
+      {{ isToggled ? 'hello' : 'goodbye' }}
+    </button>
+  </template>
+</KToggle>
+`), (u, l) => u.$slots.default ? K(u.$slots, "default", {
+      key: 0,
+      isToggled: r[0],
+      toggle: i
+    }) : U("", !0);
   }
 }), Qr = {
   info: "info",
@@ -3648,7 +3641,7 @@ const Qp = {
       class: de(["k-alert", [r.appearance]])
     }, [
       r.showIcon || r.$slots.icon ? (y(), T("div", Ly, [
-        V(r.$slots, "icon", {}, () => [
+        K(r.$slots, "icon", {}, () => [
           (y(), ee(He(n.value), {
             class: "alert-icon",
             decorative: "",
@@ -3659,7 +3652,7 @@ const Qp = {
       H("div", By, [
         r.title ? (y(), T("span", Ry, re(r.title), 1)) : U("", !0),
         r.message || r.$slots.default ? (y(), T("div", Fy, [
-          V(r.$slots, "default", {}, () => [
+          K(r.$slots, "default", {}, () => [
             H("p", null, re(r.message), 1)
           ])
         ])) : U("", !0)
@@ -4067,7 +4060,7 @@ const Zy = function(e) {
           switch (v) {
             case "bestFit": {
               var L;
-              const D = (L = Y.map((B) => [B.placement, B.overflows.filter((Z) => Z > 0).reduce((Z, K) => Z + K, 0)]).sort((B, Z) => B[1] - Z[1])[0]) == null ? void 0 : L[0];
+              const D = (L = Y.map((B) => [B.placement, B.overflows.filter((Z) => Z > 0).reduce((Z, V) => Z + V, 0)]).sort((B, Z) => B[1] - Z[1])[0]) == null ? void 0 : L[0];
               D && (M = D);
               break;
             }
@@ -4732,7 +4725,7 @@ const Ab = {
     ue(() => e.icon, (s) => {
       typeof s == "string" && console.warn("KButton: `icon` prop usage has changed. Please refer to the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kbutton");
     }, { immediate: !0 });
-    const t = Dt(), a = Jt(), n = b(() => e.to && typeof e.to == "string" ? "a" : e.to ? "router-link" : "button"), r = b(() => Object.values(I1).indexOf(e.appearance) === -1 ? ["primary", e.appearance] : e.appearance), i = b(() => e.appearance === "none" && !e.icon ? null : e.size), o = b(() => {
+    const t = St(), a = Jt(), n = b(() => e.to && typeof e.to == "string" ? "a" : e.to ? "router-link" : "button"), r = b(() => Object.values(I1).indexOf(e.appearance) === -1 ? ["primary", e.appearance] : e.appearance), i = b(() => e.appearance === "none" && !e.icon ? null : e.size), o = b(() => {
       const s = Object.assign({}, a);
       return e.to && (typeof e.to == "string" ? s.href = e.to : s.to = e.to, e.disabled && (s.href = null)), e.disabled !== void 0 && e.disabled !== !1 || delete s.disabled, s;
     }), u = (s) => {
@@ -4752,8 +4745,8 @@ const Ab = {
       type: s.type
     }, o.value, Ms(l.value)), {
       default: P(() => [
-        V(s.$slots, "icon", {}, void 0, !0),
-        V(s.$slots, "default", {}, void 0, !0)
+        K(s.$slots, "icon", {}, void 0, !0),
+        K(s.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16, ["class", "disabled", "tabindex", "type"]));
@@ -4769,8 +4762,8 @@ const Ab = {
       key: 0,
       to: t.target
     }, [
-      V(t.$slots, "default")
-    ], 8, ["to"])) : V(t.$slots, "default", { key: 1 });
+      K(t.$slots, "default")
+    ], 8, ["to"])) : K(t.$slots, "default", { key: 1 });
   }
 });
 function ph(e) {
@@ -4962,7 +4955,7 @@ function Yb(e = {}) {
     selection: a
   };
 }
-const Tt = (e) => {
+const Dt = (e) => {
   const t = Number(e);
   return Number.isNaN(t) ? `${e}` : `${t}px`;
 }, Hb = ["id", "aria-labelledby", "x-placement"], qb = ["tabindex"], Wb = {
@@ -4994,7 +4987,7 @@ const Tt = (e) => {
   },
   emits: ["open", "close", "popover-click"],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = Dt(), i = $t(), o = $t(), u = N(null), l = N(null), s = N(null), c = N(!1), d = b(() => {
+    const n = a, r = St(), i = $t(), o = $t(), u = N(null), l = N(null), s = N(null), c = N(!1), d = b(() => {
       var $, M;
       return l.value && (($ = l.value) != null && $.children[0]) ? (M = l.value) == null ? void 0 : M.children[0] : null;
     }), f = N(null), v = () => {
@@ -5010,9 +5003,9 @@ const Tt = (e) => {
         h(), c.value = !1;
       }, e.trigger === "hover" ? e.popoverTimeout : 0);
     }, w = ($) => {
-      var D, B, Z, K, ae;
+      var D, B, Z, V, ae;
       const M = $.target;
-      (D = d.value) != null && D.contains(M) && !((B = s.value) != null && B.contains(M)) ? v() : (Z = s.value) != null && Z.contains(M) && !((K = l.value) != null && K.contains(M)) ? (e.closeOnPopoverClick && p(), n("popover-click")) : c.value && !((ae = u.value) != null && ae.contains(M)) && p();
+      (D = d.value) != null && D.contains(M) && !((B = s.value) != null && B.contains(M)) ? v() : (Z = s.value) != null && Z.contains(M) && !((V = l.value) != null && V.contains(M)) ? (e.closeOnPopoverClick && p(), n("popover-click")) : c.value && !((ae = u.value) != null && ae.contains(M)) && p();
     }, C = b(() => e.placement.trim().replace(/ /g, "-").replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, M) => (M ? "-" : "") + $.toLowerCase()).replace(/--+/g, "-").replace(/-+$/g, "")), { floatingStyles: k, placement: S, update: I } = Db(d, s, {
       ...C.value === "auto" && { middleware: [Cb()] },
       // when placement is auto just use autoPlacement middleware
@@ -5027,7 +5020,7 @@ const Tt = (e) => {
       },
       strategy: "fixed",
       transform: !1
-    }), x = b(() => Tt(e.offset)), Y = b(() => S.value.includes("top") ? {
+    }), x = b(() => Dt(e.offset)), Y = b(() => S.value.includes("top") ? {
       marginBottom: x.value
     } : S.value.includes("bottom") ? {
       marginTop: x.value
@@ -5040,9 +5033,9 @@ const Tt = (e) => {
       zIndex: e.zIndex
     })), q = b(() => ({
       ...Y.value,
-      width: Tt(e.width),
-      maxWidth: Tt(e.maxWidth),
-      maxHeight: Tt(e.maxHeight)
+      width: Dt(e.width),
+      maxWidth: Dt(e.maxWidth),
+      maxHeight: Dt(e.maxHeight)
     })), L = b(() => [e.popoverClasses, { "hide-caret": e.hideCaret }]), O = N();
     return t({
       hidePopover: p,
@@ -5073,7 +5066,7 @@ const Tt = (e) => {
           ref: l,
           class: "popover-trigger-wrapper"
         }, [
-          V($.$slots, "default", {}, () => [
+          K($.$slots, "default", {}, () => [
             j(nt, {
               "aria-controls": A(i),
               "data-testid": "popover-button"
@@ -5127,7 +5120,7 @@ const Tt = (e) => {
                         id: A(o),
                         class: de(["popover-title", { "close-icon-spacing": !$.hideCloseIcon }])
                       }, [
-                        V($.$slots, "title", {}, () => [
+                        K($.$slots, "title", {}, () => [
                           we(re($.title), 1)
                         ], !0)
                       ], 10, _b)) : U("", !0)
@@ -5135,10 +5128,10 @@ const Tt = (e) => {
                     H("div", {
                       class: de(["popover-content", { "close-icon-spacing": !$.hideCloseIcon && !(r.title || $.title) }])
                     }, [
-                      V($.$slots, "content", {}, void 0, !0)
+                      K($.$slots, "content", {}, void 0, !0)
                     ], 2),
                     r.footer ? (y(), T("div", Ub, [
-                      V($.$slots, "footer", {}, void 0, !0)
+                      K($.$slots, "footer", {}, void 0, !0)
                     ])) : U("", !0)
                   ], 4)
                 ], 14, Hb), [
@@ -5168,7 +5161,7 @@ const Tt = (e) => {
     disabled: { type: Boolean }
   },
   setup(e) {
-    const t = Dt(), a = b(() => !e.disabled && (!!e.text || !!e.label || !!t.content)), n = $t();
+    const t = St(), a = b(() => !e.disabled && (!!e.text || !!e.label || !!t.content)), n = $t();
     return (r, i) => a.value ? (y(), ee(Jn, Ye({
       key: 0,
       "hide-caret": "",
@@ -5187,7 +5180,7 @@ const Tt = (e) => {
           id: r.tooltipId || A(n),
           role: "tooltip"
         }, [
-          V(r.$slots, "content", {
+          K(r.$slots, "content", {
             label: r.text || r.label
           }, () => [
             we(re(r.text || r.label), 1)
@@ -5195,10 +5188,10 @@ const Tt = (e) => {
         ], 8, Vb)
       ]),
       default: P(() => [
-        V(r.$slots, "default")
+        K(r.$slots, "default")
       ]),
       _: 3
-    }, 16, ["max-width", "offset", "placement", "z-index"])) : V(r.$slots, "default", { key: 1 });
+    }, 16, ["max-width", "offset", "placement", "z-index"])) : K(r.$slots, "default", { key: 1 });
   }
 }), jb = ["tabindex"], Gb = /* @__PURE__ */ le({
   __name: "KBadge",
@@ -5214,7 +5207,7 @@ const Tt = (e) => {
     Rt((u) => ({
       "5ee2d747": r.value
     }));
-    const t = b(() => Object.keys(Gp).includes(e.appearance)), a = N(), n = N(!1), r = b(() => Tt(e.maxWidth)), i = async () => {
+    const t = b(() => Object.keys(Gp).includes(e.appearance)), a = N(), n = N(!1), r = b(() => Dt(e.maxWidth)), i = async () => {
       var u, l;
       a.value && (await ht(), n.value = ((u = a.value) == null ? void 0 : u.offsetWidth) < ((l = a.value) == null ? void 0 : l.scrollWidth));
     }, o = b(() => e.tooltip ? e.truncationTooltip ? n.value : !0 : !1);
@@ -5231,13 +5224,13 @@ const Tt = (e) => {
             class: de(["badge-content", { "icon-after": !u.iconBefore }]),
             tabindex: o.value ? 0 : void 0
           }, [
-            u.$slots.icon ? V(u.$slots, "icon", { key: 0 }, void 0, !0) : U("", !0),
+            u.$slots.icon ? K(u.$slots, "icon", { key: 0 }, void 0, !0) : U("", !0),
             H("div", {
               ref_key: "badgeTextElement",
               ref: a,
               class: "badge-content-wrapper"
             }, [
-              V(u.$slots, "default", {}, void 0, !0)
+              K(u.$slots, "default", {}, void 0, !0)
             ], 512)
           ], 10, jb)
         ]),
@@ -5290,18 +5283,18 @@ const Tt = (e) => {
         }), {
           default: P(() => [
             n.$slots[`icon-${a(i, o)}`] ? (y(), T("span", Qb, [
-              V(n.$slots, `icon-${a(i, o)}`, {}, void 0, !0)
+              K(n.$slots, `icon-${a(i, o)}`, {}, void 0, !0)
             ])) : U("", !0),
             i.text ? (y(), T("span", {
               key: 1,
               class: "breadcrumbs-text",
-              style: Me({ maxWidth: A(Tt)(i.maxWidth ?? n.itemMaxWidth) })
+              style: Me({ maxWidth: A(Dt)(i.maxWidth ?? n.itemMaxWidth) })
             }, re(i.text), 5)) : U("", !0)
           ]),
           _: 2
         }, 1040, ["class"])),
         o < n.items.length - 1 ? (y(), T("span", Zb, [
-          V(n.$slots, "divider", {}, () => [
+          K(n.$slots, "divider", {}, () => [
             r[0] || (r[0] = we(" / "))
           ], !0)
         ])) : U("", !0)
@@ -5327,7 +5320,7 @@ const Tt = (e) => {
     titleTag: { default: "div" }
   },
   setup(e) {
-    const t = Dt(), a = b(() => !!(t.title || e.title || t.actions));
+    const t = St(), a = b(() => !!(t.title || e.title || t.actions));
     return (n, r) => (y(), T("div", e0, [
       a.value ? (y(), T("div", t0, [
         t.title || n.title ? (y(), ee(He(n.titleTag), {
@@ -5335,21 +5328,21 @@ const Tt = (e) => {
           class: "card-title"
         }, {
           default: P(() => [
-            V(n.$slots, "title", {}, () => [
+            K(n.$slots, "title", {}, () => [
               we(re(n.title), 1)
             ], !0)
           ]),
           _: 3
         })) : U("", !0),
         t.actions ? (y(), T("div", a0, [
-          V(n.$slots, "actions", {}, void 0, !0)
+          K(n.$slots, "actions", {}, void 0, !0)
         ])) : U("", !0)
       ])) : U("", !0),
       t.default ? (y(), T("div", n0, [
-        V(n.$slots, "default", {}, void 0, !0)
+        K(n.$slots, "default", {}, void 0, !0)
       ])) : U("", !0),
       t.footer ? (y(), T("div", r0, [
-        V(n.$slots, "footer", {}, void 0, !0)
+        K(n.$slots, "footer", {}, void 0, !0)
       ])) : U("", !0)
     ]));
   }
@@ -5852,7 +5845,7 @@ const m0 = /* @__PURE__ */ le({
   __name: "SkeletonBase",
   setup(e) {
     return (t, a) => (y(), T("div", y0, [
-      V(t.$slots, "default", {}, () => [
+      K(t.$slots, "default", {}, () => [
         j(ba, {
           height: "1",
           width: "100"
@@ -5878,19 +5871,19 @@ const m0 = /* @__PURE__ */ le({
     Rt((a) => ({
       "243e7eb5": t.value
     }));
-    const t = b(() => e.maxWidth ? Tt(e.maxWidth) : e.cardCount === 1 ? "470px" : `calc((100% / 3) - ${Ny})`);
+    const t = b(() => e.maxWidth ? Dt(e.maxWidth) : e.cardCount === 1 ? "470px" : `calc((100% / 3) - ${Ny})`);
     return (a, n) => (y(), T("div", C0, [
       (y(!0), T(Ae, null, Re(a.cardCount, (r) => (y(), T("div", {
         key: r,
         class: "skeleton-card"
       }, [
         H("div", k0, [
-          V(a.$slots, "card-header", {}, () => [
+          K(a.$slots, "card-header", {}, () => [
             j(ba, { width: "50" })
           ], !0)
         ]),
         H("div", $0, [
-          V(a.$slots, "card-content", {}, () => [
+          K(a.$slots, "card-content", {}, () => [
             (y(), T(Ae, null, Re(3, (i) => j(ba, {
               key: i,
               width: "100"
@@ -5899,7 +5892,7 @@ const m0 = /* @__PURE__ */ le({
           ], !0)
         ]),
         H("div", S0, [
-          V(a.$slots, "card-footer", {}, () => [
+          K(a.$slots, "card-footer", {}, () => [
             (y(), T(Ae, null, Re(2, (i) => j(ba, {
               key: i,
               height: "2",
@@ -5926,7 +5919,7 @@ const m0 = /* @__PURE__ */ le({
         key: r,
         class: "skeleton-table-row"
       }, [
-        V(a.$slots, "default", {}, () => [
+        K(a.$slots, "default", {}, () => [
           (y(!0), T(Ae, null, Re(a.columns, (i) => (y(), T("div", {
             key: i,
             class: "skeleton-cell-container"
@@ -6067,13 +6060,13 @@ const m0 = /* @__PURE__ */ le({
         "max-width": a.cardMaxWidth
       }, {
         "card-header": P(() => [
-          V(a.$slots, "card-header")
+          K(a.$slots, "card-header")
         ]),
         "card-content": P(() => [
-          V(a.$slots, "card-content")
+          K(a.$slots, "card-content")
         ]),
         "card-footer": P(() => [
-          V(a.$slots, "card-footer")
+          K(a.$slots, "card-footer")
         ]),
         _: 3
       }, 8, ["card-count", "max-width"])) : a.type === "table" ? (y(), ee(E0, {
@@ -6082,7 +6075,7 @@ const m0 = /* @__PURE__ */ le({
         rows: a.tableRows
       }, {
         default: P(() => [
-          V(a.$slots, "default")
+          K(a.$slots, "default")
         ]),
         _: 3
       }, 8, ["columns", "rows"])) : a.type === "form" ? (y(), ee(O0, { key: 2 })) : a.type === "fullscreen-kong" ? (y(), ee(F0, {
@@ -6150,7 +6143,7 @@ const m0 = /* @__PURE__ */ le({
     }, [
       H("div", W0, [
         H("div", _0, [
-          V(i.$slots, "icon", {}, () => [
+          K(i.$slots, "icon", {}, () => [
             (y(), ee(He(n.value), {
               color: r.value,
               decorative: "",
@@ -6159,18 +6152,18 @@ const m0 = /* @__PURE__ */ le({
           ], !0)
         ]),
         i.title || i.$slots.title ? (y(), T("div", U0, [
-          V(i.$slots, "title", {}, () => [
+          K(i.$slots, "title", {}, () => [
             we(re(i.title), 1)
           ], !0)
         ])) : U("", !0),
         i.message || i.$slots.default ? (y(), T("div", K0, [
-          V(i.$slots, "default", {}, () => [
+          K(i.$slots, "default", {}, () => [
             H("p", null, re(i.message), 1)
           ], !0)
         ])) : U("", !0)
       ]),
       i.actionButtonVisible && i.actionButtonText || i.$slots.action ? (y(), T("div", V0, [
-        V(i.$slots, "action", {}, () => [
+        K(i.$slots, "action", {}, () => [
           j(nt, {
             disabled: i.actionButtonDisabled,
             type: "button",
@@ -6275,7 +6268,7 @@ const m0 = /* @__PURE__ */ le({
       }), {
         default: P(() => [
           H("span", G0, [
-            V(d.$slots, "default", {}, () => [
+            K(d.$slots, "default", {}, () => [
               we(re(i.value), 1)
             ], !0)
           ])
@@ -6340,7 +6333,7 @@ const m0 = /* @__PURE__ */ le({
     }), (v, h) => (y(), T("div", {
       class: de(["k-dropdown", { "selection-dropdown-menu": v.selectionMenu }])
     }, [
-      j(A(Os), null, {
+      j(Os, null, {
         default: P(({ toggle: m, isToggled: g }) => [
           j(Jn, Ye({
             ref_key: "kPop",
@@ -6355,7 +6348,7 @@ const m0 = /* @__PURE__ */ le({
           }), {
             content: P(() => [
               H("ul", Z0, [
-                V(v.$slots, "items", {
+                K(v.$slots, "items", {
                   closeDropdown: c,
                   handleSelection: s,
                   items: v.items
@@ -6382,7 +6375,7 @@ const m0 = /* @__PURE__ */ le({
                 position: v.disabledTooltip ? "bottom" : void 0
               }, {
                 default: P(() => [
-                  V(v.$slots, "default", {
+                  K(v.$slots, "default", {
                     isOpen: g.value
                   }, () => [
                     u.value ? (y(), ee(nt, {
@@ -6414,7 +6407,7 @@ const m0 = /* @__PURE__ */ le({
       })
     ], 2));
   }
-}), Mr = /* @__PURE__ */ Oe(X0, [["__scopeId", "data-v-816d9a8b"]]), J0 = { class: "pagination-offset-button-container" }, ew = /* @__PURE__ */ le({
+}), Mr = /* @__PURE__ */ Oe(X0, [["__scopeId", "data-v-dceaa4c1"]]), J0 = { class: "pagination-offset-button-container" }, ew = /* @__PURE__ */ le({
   __name: "PaginationOffset",
   props: {
     previousButtonDisabled: {
@@ -6516,24 +6509,24 @@ const aw = {
   setup(e, { emit: t }) {
     const a = {
       placement: "top"
-    }, n = t, r = N(null), i = N(), o = N(e.currentPage ? e.currentPage : 1), u = N(e.initialPageSize ? e.initialPageSize : e.pageSizes[0]), l = b(() => Math.ceil(e.totalCount / u.value)), s = e.pageSizes.map((K, ae) => ({
-      label: `${K}`,
+    }, n = t, r = N(null), i = N(), o = N(e.currentPage ? e.currentPage : 1), u = N(e.initialPageSize ? e.initialPageSize : e.pageSizes[0]), l = b(() => Math.ceil(e.totalCount / u.value)), s = e.pageSizes.map((V, ae) => ({
+      label: `${V}`,
       key: `size-${ae}`,
-      value: K,
-      selected: K === u.value
+      value: V,
+      selected: V === u.value
     })), c = b(() => `${u.value} ${u.value === 1 ? "item per page" : " items per page"}`), d = N(e.neighbors), f = N(3), v = async () => (await ht(), r.value ? r.value.scrollWidth > r.value.clientWidth : !1), h = async () => {
       await v() && (d.value > 1 || f.value > 1) && (d.value > 1 ? d.value-- : f.value > 1 && f.value--, q.value = m(o.value, l.value, Y.value, F.value));
-    }, m = (K, ae, G, he) => {
+    }, m = (V, ae, G, he) => {
       if (e.disablePageJump)
         return [];
       let fe = [...Array(ae).keys()].map((ge) => ge + 1);
       const $e = f.value + 2 + 2 * d.value;
       return fe.length <= $e || (G ? G && he ? fe = fe.filter(
-        (ge) => ge > K - d.value - 1 && ge < K + d.value + 1
+        (ge) => ge > V - d.value - 1 && ge < V + d.value + 1
       ) : G && !he && (fe = fe.filter((ge) => ge > ae - d.value * 2 - f.value)) : fe = fe.filter((ge) => ge <= d.value * 2 + f.value)), fe;
     }, g = N(o.value === 1), p = N(o.value === l.value), w = b(() => (o.value - 1) * u.value + 1), C = b(() => {
-      const K = w.value - 1 + u.value;
-      return K > e.totalCount ? e.totalCount : K;
+      const V = w.value - 1 + u.value;
+      return V > e.totalCount ? e.totalCount : V;
     }), k = b(() => `${w.value} to ${C.value}`), S = b(() => ` of ${e.totalCount}`), I = b(() => e.currentPage ? e.currentPage : o.value), x = b(() => 5 + 2 * d.value), Y = N(I.value >= d.value + (f.value + 1) && l.value > x.value), F = N(l.value > f.value + 2 + 2 * d.value), q = N(m(
       I.value,
       l.value,
@@ -6543,19 +6536,19 @@ const aw = {
       o.value++, M();
     }, O = () => {
       o.value--, M();
-    }, $ = (K) => {
-      o.value = K, M();
+    }, $ = (V) => {
+      o.value = V, M();
     }, M = () => {
-      const K = (o.value - 1) * u.value + u.value;
-      p.value = K >= e.totalCount, g.value = o.value === 1, l.value <= x.value ? (Y.value = !1, F.value = !1) : (Y.value = o.value >= d.value + (f.value + 1), F.value = o.value <= l.value - d.value - f.value), q.value = m(o.value, l.value, Y.value, F.value), n("pageChange", {
+      const V = (o.value - 1) * u.value + u.value;
+      p.value = V >= e.totalCount, g.value = o.value === 1, l.value <= x.value ? (Y.value = !1, F.value = !1) : (Y.value = o.value >= d.value + (f.value + 1), F.value = o.value <= l.value - d.value - f.value), q.value = m(o.value, l.value, Y.value, F.value), n("pageChange", {
         page: o.value,
         pageCount: l.value,
         firstItem: w.value,
         lastItem: C.value,
         visibleItems: e.items.slice(w.value - 1, C.value)
       });
-    }, D = (K) => {
-      u.value !== K.value && (u.value = K.value, n("pageSizeChange", {
+    }, D = (V) => {
+      u.value !== V.value && (u.value = V.value, n("pageSizeChange", {
         pageSize: u.value,
         pageCount: l.value
       }), e.currentPage !== 1 && $(1));
@@ -6564,12 +6557,12 @@ const aw = {
     }, Z = () => {
       n("getPreviousOffset");
     };
-    return ue(() => e.currentPage, (K, ae) => {
-      K !== ae && K && $(K);
-    }), ue(l, (K, ae) => {
-      K !== ae && (p.value = o.value === K, F.value = K > f.value + 2 + 2 * d.value, q.value = m(
+    return ue(() => e.currentPage, (V, ae) => {
+      V !== ae && V && $(V);
+    }), ue(l, (V, ae) => {
+      V !== ae && (p.value = o.value === V, F.value = V > f.value + 2 + 2 * d.value, q.value = m(
         I.value,
-        K,
+        V,
         !1,
         F.value
       ));
@@ -6578,18 +6571,18 @@ const aw = {
     }), rt(() => {
       !e.disablePageJump && !e.offset && (i.value = er.create(h), i.value.observe(r.value));
     }), rn(() => {
-      var K;
-      !e.disablePageJump && !e.offset && ((K = i.value) == null || K.unobserve(r.value));
-    }), (K, ae) => (y(), T("nav", {
+      var V;
+      !e.disablePageJump && !e.offset && ((V = i.value) == null || V.unobserve(r.value));
+    }), (V, ae) => (y(), T("nav", {
       ref_key: "kPaginationElement",
       ref: r,
-      class: de(["k-pagination", { "page-jump": !K.disablePageJump && !K.offset }]),
+      class: de(["k-pagination", { "page-jump": !V.disablePageJump && !V.offset }]),
       "data-testid": "k-pagination"
     }, [
-      K.offset ? (y(), ee(tw, {
+      V.offset ? (y(), ee(tw, {
         key: 1,
-        "next-button-disabled": K.offsetNextButtonDisabled,
-        "previous-button-disabled": K.offsetPreviousButtonDisabled,
+        "next-button-disabled": V.offsetNextButtonDisabled,
+        "previous-button-disabled": V.offsetPreviousButtonDisabled,
         onGetNextOffset: B,
         onGetPreviousOffset: Z
       }, null, 8, ["next-button-disabled", "previous-button-disabled"])) : (y(), T(Ae, { key: 0 }, [
@@ -6619,7 +6612,7 @@ const aw = {
               _: 1
             }, 8, ["disabled"])
           ]),
-          !K.disablePageJump && Y.value ? (y(), T("li", iw, [
+          !V.disablePageJump && Y.value ? (y(), T("li", iw, [
             H("button", {
               "aria-label": "Go to the first page",
               class: "pagination-button",
@@ -6628,7 +6621,7 @@ const aw = {
               onClick: ae[0] || (ae[0] = (G) => $(1))
             }, " 1 ")
           ])) : U("", !0),
-          !K.disablePageJump && Y.value ? (y(), T("li", ow, " ... ")) : U("", !0),
+          !V.disablePageJump && Y.value ? (y(), T("li", ow, " ... ")) : U("", !0),
           (y(!0), T(Ae, null, Re(q.value, (G) => (y(), T("li", { key: G }, [
             H("button", {
               "aria-current": G == I.value && "page" || void 0,
@@ -6639,8 +6632,8 @@ const aw = {
               onClick: (he) => $(G)
             }, re(G), 11, sw)
           ]))), 128)),
-          !K.disablePageJump && F.value ? (y(), T("li", lw, " ... ")) : U("", !0),
-          !K.disablePageJump && F.value ? (y(), T("li", uw, [
+          !V.disablePageJump && F.value ? (y(), T("li", lw, " ... ")) : U("", !0),
+          !V.disablePageJump && F.value ? (y(), T("li", uw, [
             H("button", {
               "aria-label": "Go to the last page",
               class: "pagination-button",
@@ -6673,7 +6666,7 @@ const aw = {
         ])
       ], 64)),
       H("div", dw, [
-        !K.disablePageJump && !K.offset ? (y(), T("span", cw, [
+        !V.disablePageJump && !V.offset ? (y(), T("span", cw, [
           H("span", fw, re(k.value), 1),
           we(" " + re(S.value), 1)
         ])) : U("", !0),
@@ -6710,7 +6703,7 @@ const aw = {
       ])
     ], 2));
   }
-}), zs = /* @__PURE__ */ Oe(vw, [["__scopeId", "data-v-b0dcd595"]]), pw = /* @__PURE__ */ le({
+}), zs = /* @__PURE__ */ Oe(vw, [["__scopeId", "data-v-efb5f715"]]), pw = /* @__PURE__ */ le({
   __name: "KCatalogItem",
   props: {
     item: {},
@@ -6732,21 +6725,21 @@ const aw = {
       onClick: n
     }, {
       title: P(() => [
-        V(r.$slots, "card-title", {}, () => [
+        K(r.$slots, "card-title", {}, () => [
           we(re(r.item ? r.item.title : ""), 1)
         ], !0)
       ]),
       actions: P(() => [
-        V(r.$slots, "card-actions", {}, void 0, !0)
+        K(r.$slots, "card-actions", {}, void 0, !0)
       ]),
       footer: P(() => [
-        V(r.$slots, "card-footer", {}, void 0, !0)
+        K(r.$slots, "card-footer", {}, void 0, !0)
       ]),
       default: P(() => [
         H("div", {
           class: de({ "multi-line-truncate": r.truncate })
         }, [
-          V(r.$slots, "card-body", {}, () => [
+          K(r.$slots, "card-body", {}, () => [
             we(re(r.item ? r.item.description : ""), 1)
           ], !0)
         ], 2)
@@ -6799,7 +6792,7 @@ const aw = {
   },
   emits: ["card-click", "error-action-click", "empty-state-action-click", "update:catalog-preferences", "state"],
   setup(e, { emit: t }) {
-    const { useRequest: a, useDebounce: n, useSwrvState: r } = In(), i = t, o = Dt(), u = $t(), l = () => {
+    const { useRequest: a, useDebounce: n, useSwrvState: r } = In(), i = t, o = St(), u = $t(), l = () => {
       var se;
       const ie = (se = e.paginationPageSizes) == null ? void 0 : se[0];
       return ie || Cc;
@@ -6834,14 +6827,14 @@ const aw = {
       return e.cacheIdentifier && (ie = e.cacheIdentifier), e.fetcherCacheKey && (ie += `-${e.fetcherCacheKey}`), `k-catalog_${ie}`;
     }), $ = N(""), { debouncedFn: M, generateDebouncedFn: D } = n((ie) => {
       $.value = ie;
-    }, 350), B = D(0), { data: Z, error: K, revalidate: ae, isValidating: G } = a(
+    }, 350), B = D(0), { data: Z, error: V, revalidate: ae, isValidating: G } = a(
       () => O.value,
       () => q(),
       { revalidateOnFocus: !1, revalidateDebounce: 0 }
-    ), { state: he, hasData: fe, swrvState: $e } = r(Z, K, G), ge = N(!0), Ne = b(() => ({
+    ), { state: he, hasData: fe, swrvState: $e } = r(Z, V, G), ge = N(!0), Ne = b(() => ({
       hasData: fe.value,
       state: he.value
-    })), _e = b(() => ge.value ? "loading" : K.value ? "error" : "success"), Le = ({ page: ie }) => {
+    })), _e = b(() => ge.value ? "loading" : V.value ? "error" : "success"), Le = ({ page: ie }) => {
       f.value = ie;
     }, qe = ({ pageSize: ie }) => {
       m.value = [null], h.value = null, v.value = ie, f.value = 1;
@@ -6901,7 +6894,7 @@ const aw = {
         _: 1
       })) : U("", !0),
       k.value ? (y(), T("div", gw, [
-        V(ie.$slots, "toolbar", { state: Ne.value }, void 0, !0)
+        K(ie.$slots, "toolbar", { state: Ne.value }, void 0, !0)
       ])) : U("", !0),
       I.value ? (y(), ee(Fs, {
         key: 2,
@@ -6910,7 +6903,7 @@ const aw = {
         "data-testid": "catalog-skeleton-loader",
         type: "card"
       })) : ie.error ? (y(), T("div", mw, [
-        V(ie.$slots, "error-state", {}, () => [
+        K(ie.$slots, "error-state", {}, () => [
           j(Kn, {
             "icon-variant": "error",
             message: ie.errorStateMessage,
@@ -6935,7 +6928,7 @@ const aw = {
           ]), 1032, ["message", "title"])
         ], !0)
       ])) : x.value ? (y(), T("div", yw, [
-        V(ie.$slots, "empty-state", {}, () => [
+        K(ie.$slots, "empty-state", {}, () => [
           j(Kn, {
             "icon-variant": ie.emptyStateIconVariant,
             message: ie.emptyStateMessage,
@@ -6951,7 +6944,7 @@ const aw = {
                   onClick: se[1] || (se[1] = (ve) => i("empty-state-action-click"))
                 }, {
                   default: P(() => [
-                    V(ie.$slots, "empty-state-action-icon", {}, void 0, !0),
+                    K(ie.$slots, "empty-state-action-icon", {}, void 0, !0),
                     we(" " + re(ie.emptyStateActionMessage), 1)
                   ]),
                   _: 3
@@ -6966,7 +6959,7 @@ const aw = {
         class: de(["catalog-page", `card-${ie.cardSize}`]),
         "data-tableid": A(u)
       }, [
-        V(ie.$slots, "body", { data: s.value }, () => [
+        K(ie.$slots, "body", { data: s.value }, () => [
           (y(!0), T(Ae, null, Re(s.value, (ve, z) => (y(), ee(bh, {
             key: ve.key ? ve.key : `catalog-${A(u)}-item-${z}`,
             class: "catalog-item",
@@ -6976,15 +6969,15 @@ const aw = {
             onClick: (Ce) => i("card-click", ve)
           }, {
             "card-title": P(() => [
-              V(ie.$slots, "card-title", { item: ve }, () => [
+              K(ie.$slots, "card-title", { item: ve }, () => [
                 we(re(ve.title), 1)
               ], !0)
             ]),
             "card-actions": P(() => [
-              V(ie.$slots, "card-actions", { item: ve }, void 0, !0)
+              K(ie.$slots, "card-actions", { item: ve }, void 0, !0)
             ]),
             "card-body": P(() => [
-              V(ie.$slots, "card-body", { item: ve }, () => [
+              K(ie.$slots, "card-body", { item: ve }, () => [
                 we(re(ve.description), 1)
               ], !0)
             ]),
@@ -7012,7 +7005,7 @@ const aw = {
       }, null, 8, ["current-page", "disable-page-jump", "initial-page-size", "neighbors", "offset", "offset-next-button-disabled", "offset-previous-button-disabled", "page-sizes", "total-count"])) : U("", !0)
     ]));
   }
-}), Cw = /* @__PURE__ */ Oe(ww, [["__scopeId", "data-v-12a23f83"]]), kw = /* @__PURE__ */ le({
+}), Cw = /* @__PURE__ */ Oe(ww, [["__scopeId", "data-v-2935e34d"]]), kw = /* @__PURE__ */ le({
   __name: "KLabel",
   props: {
     info: { default: "" },
@@ -7024,17 +7017,17 @@ const aw = {
     ue(() => e.help, (r) => {
       r && console.warn("KLabel: `help` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel");
     }, { immediate: !0 });
-    const t = Dt(), a = b(() => !!(e.help || e.info || t.tooltip)), n = $t();
+    const t = St(), a = b(() => !!(e.help || e.info || t.tooltip)), n = $t();
     return (r, i) => (y(), T("label", {
       class: de(["k-label", { required: r.required }])
     }, [
-      V(r.$slots, "default", {}, void 0, !0),
+      K(r.$slots, "default", {}, void 0, !0),
       a.value ? (y(), ee(pa, Ye({ key: 0 }, r.tooltipAttributes, {
         class: "label-tooltip",
         "tooltip-id": A(n)
       }), {
         content: P(() => [
-          V(r.$slots, "tooltip", {}, () => [
+          K(r.$slots, "tooltip", {}, () => [
             we(re(r.info || r.help), 1)
           ], !0)
         ]),
@@ -7065,7 +7058,7 @@ const aw = {
   },
   emits: ["change", "input", "update:modelValue"],
   setup(e, { emit: t }) {
-    const a = t, n = Dt(), r = Jt(), i = $t(), o = b(() => r.id ? String(r.id) : i), u = b(() => !!(e.label || n.default)), l = b(() => (r == null ? void 0 : r.disabled) !== void 0 && String(r == null ? void 0 : r.disabled) !== "false"), s = b(() => u.value && (!!e.description || !!n.description)), c = b(() => !!n.tooltip), d = b(() => {
+    const a = t, n = St(), r = Jt(), i = $t(), o = b(() => r.id ? String(r.id) : i), u = b(() => !!(e.label || n.default)), l = b(() => (r == null ? void 0 : r.disabled) !== void 0 && String(r == null ? void 0 : r.disabled) !== "false"), s = b(() => u.value && (!!e.description || !!n.description)), c = b(() => !!n.tooltip), d = b(() => {
       const m = { ...r };
       return delete m.class, m.checked = e.modelValue, m.indeterminate !== void 0 && String(m.indeterminate) !== "false" && !e.modelValue ? (delete m.checked, m.indeterminate = !0) : delete m.indeterminate, m;
     }), f = b(() => ({
@@ -7114,7 +7107,7 @@ const aw = {
           for: o.value
         }), mt({
           default: P(() => [
-            V(m.$slots, "default", {}, () => [
+            K(m.$slots, "default", {}, () => [
               we(re(m.label), 1)
             ], !0)
           ]),
@@ -7123,13 +7116,13 @@ const aw = {
           c.value ? {
             name: "tooltip",
             fn: P(() => [
-              V(m.$slots, "tooltip", {}, void 0, !0)
+              K(m.$slots, "tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["for"])) : U("", !0),
         s.value ? (y(), T("div", Tw, [
-          V(m.$slots, "description", {}, () => [
+          K(m.$slots, "description", {}, () => [
             H("p", null, re(m.description), 1)
           ], !0)
         ])) : U("", !0)
@@ -7198,8 +7191,8 @@ const aw = {
       case 1: {
         const Z = v;
         v = 0;
-        const K = $ - c, ae = kc(K);
-        Z && ae < kc(Z) + 1 || m !== 0 || (h = K < 0 ? 2 : 1), o && (g = Tr, o = !1), c = $, B = 4;
+        const V = $ - c, ae = kc(V);
+        Z && ae < kc(Z) + 1 || m !== 0 || (h = V < 0 ? 2 : 1), o && (g = Tr, o = !1), c = $, B = 4;
         const G = S();
         G >= -l && G <= Y() && (B += 1, D = ae > l);
         break;
@@ -7208,21 +7201,21 @@ const aw = {
         B = 8, h !== 0 && (M = !0, B += 1), h = 0, m = 0, g = Tr;
         break;
       case 3: {
-        const Z = $.filter(([K, ae]) => C.t[K] !== ae);
+        const Z = $.filter(([V, ae]) => C.t[V] !== ae);
         if (!Z.length) break;
-        L(Z.reduce((K, [ae, G]) => ((m === 2 || (g ? !o && ae < g[0] : F(ae) + (h === 0 && m === 0 ? q(ae) : 0) < S())) && (K += G - q(ae)), K), 0));
-        for (const [K, ae] of Z) {
-          const G = q(K), he = Iw(C, K, ae);
+        L(Z.reduce((V, [ae, G]) => ((m === 2 || (g ? !o && ae < g[0] : F(ae) + (h === 0 && m === 0 ? q(ae) : 0) < S())) && (V += G - q(ae)), V), 0));
+        for (const [V, ae] of Z) {
+          const G = q(V), he = Iw(C, V, ae);
           i && (w += he ? ae : ae - G);
         }
-        i && l && w > l && (L(((K, ae) => {
+        i && l && w > l && (L(((V, ae) => {
           let G = 0;
           const he = [];
-          K.t.forEach((Le, qe) => {
+          V.t.forEach((Le, qe) => {
             Le !== qn && (he.push(Le), qe < ae && G++);
-          }), K.i = -1;
-          const fe = Ch(he), $e = fe.length, ge = $e / 2 | 0, Ne = $e % 2 == 0 ? (fe[ge - 1] + fe[ge]) / 2 : fe[ge], _e = K.o;
-          return ((K.o = Ne) - _e) * Ta(ae - G, 0);
+          }), V.i = -1;
+          const fe = Ch(he), $e = fe.length, ge = $e / 2 | 0, Ne = $e % 2 == 0 ? (fe[ge - 1] + fe[ge]) / 2 : fe[ge], _e = V.o;
+          return ((V.o = Ne) - _e) * Ta(ae - G, 0);
         })(C, Mn(C, I()))), i = !1), B = 3, D = !0;
         break;
       }
@@ -7241,8 +7234,8 @@ const aw = {
       case 8:
         g = x($), B = 1;
     }
-    B && (u = 1 + (2147483647 & u), M && f && (d += f, f = 0), k.forEach(([Z, K]) => {
-      B & Z && K(D);
+    B && (u = 1 + (2147483647 & u), M && f && (d += f, f = 0), k.forEach(([Z, V]) => {
+      B & Z && V(D);
     }));
   } };
 }, Ul = setTimeout, Ro = (e, t) => t && $h() ? -e : e, Lw = (e, t, a, n, r, i) => {
@@ -8312,7 +8305,7 @@ const w$ = ["id", "aria-describedby", "aria-invalid", "type", "value"], C$ = ["a
     }, { immediate: !0 }), ue(() => e.labelAttributes.help, (D) => {
       D && console.warn("KInput: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel");
     });
-    const n = a, r = St("inputElement"), i = N(""), o = N(!1), u = N(0), { stripRequiredLabel: l } = In(), s = Dt(), c = Jt(), d = b(() => (c == null ? void 0 : c.required) !== void 0 && String(c == null ? void 0 : c.required) !== "false"), f = $t(), v = b(() => c.id ? String(c.id) : f), h = $t(), m = b(() => l(e.label, d.value)), g = b(() => {
+    const n = a, r = Tt("inputElement"), i = N(""), o = N(!1), u = N(0), { stripRequiredLabel: l } = In(), s = St(), c = Jt(), d = b(() => (c == null ? void 0 : c.required) !== void 0 && String(c == null ? void 0 : c.required) !== "false"), f = $t(), v = b(() => c.id ? String(c.id) : f), h = $t(), m = b(() => l(e.label, d.value)), g = b(() => {
       var D;
       return !!((D = e.labelAttributes) != null && D.info || s["label-tooltip"]);
     }), p = b({
@@ -8326,8 +8319,8 @@ const w$ = ["id", "aria-describedby", "aria-invalid", "type", "value"], C$ = ["a
       const D = { ...c };
       return delete D.class, delete D.input, delete D.onInput, D;
     }), C = b(() => {
-      var K, ae;
-      const D = ((K = i.value) == null ? void 0 : K.toString().length) || 0, B = ((ae = e.modelValue) == null ? void 0 : ae.toString().length) || 0;
+      var V, ae;
+      const D = ((V = i.value) == null ? void 0 : V.toString().length) || 0, B = ((ae = e.modelValue) == null ? void 0 : ae.toString().length) || 0;
       let Z = D;
       return !o.value && B && (Z = B), !!e.characterLimit && Z > e.characterLimit;
     }), k = b(() => {
@@ -8375,7 +8368,7 @@ const w$ = ["id", "aria-describedby", "aria-invalid", "type", "value"], C$ = ["a
         g.value ? {
           name: "tooltip",
           fn: P(() => [
-            V(D.$slots, "label-tooltip", {}, void 0, !0)
+            K(D.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
@@ -8389,7 +8382,7 @@ const w$ = ["id", "aria-describedby", "aria-invalid", "type", "value"], C$ = ["a
           ref: F,
           class: "before-content-wrapper"
         }, [
-          V(D.$slots, "before", {}, void 0, !0)
+          K(D.$slots, "before", {}, void 0, !0)
         ], 512)) : U("", !0),
         H("input", Ye({
           id: v.value,
@@ -8426,7 +8419,7 @@ const w$ = ["id", "aria-describedby", "aria-invalid", "type", "value"], C$ = ["a
               key: 1,
               decorative: ""
             }))
-          ], 40, C$)) : V(D.$slots, "after", { key: 1 }, void 0, !0)
+          ], 40, C$)) : K(D.$slots, "after", { key: 1 }, void 0, !0)
         ], 512)) : U("", !0)
       ], 2),
       j(oa, {
@@ -8599,7 +8592,7 @@ const L$ = /* @__PURE__ */ le({
           onClick: n
         }), {
           default: P(() => [
-            V(r.$slots, "default", {}, void 0, !0)
+            K(r.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 16, ["class"])
@@ -8665,7 +8658,7 @@ const F$ = ["id"], z$ = {
         "KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers."
       );
     }, { immediate: !0 });
-    const r = t, i = Dt(), o = N(e.query), u = N(!1), l = N(e.initialRegExpMode), s = N(e.initialFilterMode), c = N(null), d = N(e.query), f = N(0), v = N([]), h = N(null), m = St("codeBlock"), g = St("codeBlockContent"), p = St("codeBlockLineNumbers"), w = N(!1), C = N(!1), k = b(() => new Set(v.value)), S = b(() => {
+    const r = t, i = St(), o = N(e.query), u = N(!1), l = N(e.initialRegExpMode), s = N(e.initialFilterMode), c = N(null), d = N(e.query), f = N(0), v = N([]), h = N(null), m = Tt("codeBlock"), g = Tt("codeBlockContent"), p = Tt("codeBlockLineNumbers"), w = N(!1), C = N(!1), k = b(() => new Set(v.value)), S = b(() => {
       var se;
       return Array.from({ length: (se = e.code) == null ? void 0 : se.split(`
 `).length }, (ve, z) => z + 1);
@@ -8684,7 +8677,7 @@ const F$ = ["id"], z$ = {
     }), $ = b(() => !e.singleLine && e.searchable), M = b(
       () => e.singleLine ? Qc(e.code).replaceAll(`
 `, "") : Qc(e.code)
-    ), D = b(() => Tt(e.maxHeight));
+    ), D = b(() => Dt(e.maxHeight));
     ue(() => e.code, async function() {
       await ht(), ae(), Ne();
     }), ue(() => l.value, function() {
@@ -8742,11 +8735,11 @@ const F$ = ["id"], z$ = {
         },
         shouldPreventDefaultAction: !0
       }
-    }, K = new T$(B, Z);
+    }, V = new T$(B, Z);
     rt(function() {
-      K.registerListener(), ae(), !e.query && e.highlightedLineNumbers.length ? ge() : Ne();
+      V.registerListener(), ae(), !e.query && e.highlightedLineNumbers.length ? ge() : Ne();
     }), rn(function() {
-      K.unRegisterListener();
+      V.unRegisterListener();
     });
     function ae() {
       var z;
@@ -9021,7 +9014,7 @@ const F$ = ["id"], z$ = {
               ]),
               _: 1
             }, 8, ["aria-label", "copy-tooltip", "data-testid", "theme"])) : U("", !0),
-            V(se.$slots, "secondary-actions", {}, void 0, !0)
+            K(se.$slots, "secondary-actions", {}, void 0, !0)
           ])
         ])) : U("", !0),
         Y.value || C.value ? Za((y(), ee(He("pre"), {
@@ -9099,7 +9092,7 @@ const F$ = ["id"], z$ = {
   },
   emits: ["toggle", "update:modelValue"],
   setup(e, { emit: t }) {
-    const a = t, n = Dt(), r = $t(), i = N(!0), o = N(!1), u = b(() => e.triggerAlignment === "trailing"), l = b(() => !!n["visible-content"]), s = b({
+    const a = t, n = St(), r = $t(), i = N(!0), o = N(!1), u = b(() => e.triggerAlignment === "trailing"), l = b(() => !!n["visible-content"]), s = b({
       get() {
         return e.modelValue;
       },
@@ -9121,14 +9114,14 @@ const F$ = ["id"], z$ = {
           "data-testid": "collapse-title"
         }, {
           default: P(() => [
-            V(f.$slots, "title", {}, () => [
+            K(f.$slots, "title", {}, () => [
               we(re(f.title), 1)
             ], !0)
           ]),
           _: 3
         })) : U("", !0),
         H("div", X$, [
-          V(f.$slots, "trigger", {
+          K(f.$slots, "trigger", {
             isCollapsed: c.value,
             toggle: d
           }, () => [
@@ -9141,7 +9134,7 @@ const F$ = ["id"], z$ = {
               type: "button",
               onClick: v[0] || (v[0] = Ke((h) => d(), ["prevent", "stop"]))
             }, [
-              V(f.$slots, "trigger-content", {}, () => [
+              K(f.$slots, "trigger-content", {}, () => [
                 j(A(ku), {
                   class: de(["collapse-trigger-icon", { "collapse-expanded": !c.value }]),
                   "data-testid": "collapse-trigger-icon",
@@ -9155,7 +9148,7 @@ const F$ = ["id"], z$ = {
         ])
       ], 2),
       l.value ? (y(), T("div", tS, [
-        V(f.$slots, "visible-content", {}, void 0, !0)
+        K(f.$slots, "visible-content", {}, void 0, !0)
       ])) : U("", !0),
       j(oa, { name: "kongponents-fade-transition" }, {
         default: P(() => [
@@ -9164,7 +9157,7 @@ const F$ = ["id"], z$ = {
             class: "collapse-hidden-content",
             "data-testid": "collapse-hidden-content"
           }, [
-            V(f.$slots, "default", {}, void 0, !0)
+            K(f.$slots, "default", {}, void 0, !0)
           ], 8, aS), [
             [Er, !c.value]
           ])
@@ -12147,12 +12140,12 @@ function LT() {
     }), t.default = C;
     var n = a(/* @__PURE__ */ fT()), r = a(/* @__PURE__ */ pT()), i = a(/* @__PURE__ */ qa()), o = a(/* @__PURE__ */ CT()), u = a(/* @__PURE__ */ kT()), l = a(/* @__PURE__ */ ug()), s = /* @__PURE__ */ $T(), c = a(/* @__PURE__ */ nr()), d = a(/* @__PURE__ */ Vt()), f = /* @__PURE__ */ Ks(), v = a(/* @__PURE__ */ NT()), h = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, m = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, g = /^'([^]*?)'?$/, p = /''/g, w = /[a-zA-Z]/;
     function C(S, I, x) {
-      var Y, F, q, L, O, $, M, D, B, Z, K, ae, G, he, fe, $e, ge, Ne;
+      var Y, F, q, L, O, $, M, D, B, Z, V, ae, G, he, fe, $e, ge, Ne;
       (0, d.default)(2, arguments);
       var _e = String(I), Le = (0, f.getDefaultOptions)(), qe = (Y = (F = x == null ? void 0 : x.locale) !== null && F !== void 0 ? F : Le.locale) !== null && Y !== void 0 ? Y : v.default, Ge = (0, c.default)((q = (L = (O = ($ = x == null ? void 0 : x.firstWeekContainsDate) !== null && $ !== void 0 ? $ : x == null || (M = x.locale) === null || M === void 0 || (D = M.options) === null || D === void 0 ? void 0 : D.firstWeekContainsDate) !== null && O !== void 0 ? O : Le.firstWeekContainsDate) !== null && L !== void 0 ? L : (B = Le.locale) === null || B === void 0 || (Z = B.options) === null || Z === void 0 ? void 0 : Z.firstWeekContainsDate) !== null && q !== void 0 ? q : 1);
       if (!(Ge >= 1 && Ge <= 7))
         throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-      var it = (0, c.default)((K = (ae = (G = (he = x == null ? void 0 : x.weekStartsOn) !== null && he !== void 0 ? he : x == null || (fe = x.locale) === null || fe === void 0 || ($e = fe.options) === null || $e === void 0 ? void 0 : $e.weekStartsOn) !== null && G !== void 0 ? G : Le.weekStartsOn) !== null && ae !== void 0 ? ae : (ge = Le.locale) === null || ge === void 0 || (Ne = ge.options) === null || Ne === void 0 ? void 0 : Ne.weekStartsOn) !== null && K !== void 0 ? K : 0);
+      var it = (0, c.default)((V = (ae = (G = (he = x == null ? void 0 : x.weekStartsOn) !== null && he !== void 0 ? he : x == null || (fe = x.locale) === null || fe === void 0 || ($e = fe.options) === null || $e === void 0 ? void 0 : $e.weekStartsOn) !== null && G !== void 0 ? G : Le.weekStartsOn) !== null && ae !== void 0 ? ae : (ge = Le.locale) === null || ge === void 0 || (Ne = ge.options) === null || Ne === void 0 ? void 0 : Ne.weekStartsOn) !== null && V !== void 0 ? V : 0);
       if (!(it >= 0 && it <= 6))
         throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
       if (!qe.localize)
@@ -13241,8 +13234,8 @@ function tD(e) {
         padding: s
       }), Z = M ? $ ? ga : Xt : $ ? ha : Zt;
       S[D] > I[D] && (Z = zo(Z));
-      var K = zo(Z), ae = [];
-      if (i && ae.push(B[O] <= 0), u && ae.push(B[Z] <= 0, B[K] <= 0), ae.every(function(ge) {
+      var V = zo(Z), ae = [];
+      if (i && ae.push(B[O] <= 0), u && ae.push(B[Z] <= 0, B[V] <= 0), ae.every(function(ge) {
         return ge;
       })) {
         F = L, Y = !1;
@@ -13380,10 +13373,10 @@ function cD(e) {
   };
   if (I) {
     if (i) {
-      var $, M = k === "y" ? Zt : Xt, D = k === "y" ? ha : ga, B = k === "y" ? "height" : "width", Z = I[k], K = Z + g[M], ae = Z - g[D], G = v ? -Y[B] / 2 : 0, he = w === Pr ? x[B] : Y[B], fe = w === Pr ? -Y[B] : -x[B], $e = t.elements.arrow, ge = v && $e ? Gu($e) : {
+      var $, M = k === "y" ? Zt : Xt, D = k === "y" ? ha : ga, B = k === "y" ? "height" : "width", Z = I[k], V = Z + g[M], ae = Z - g[D], G = v ? -Y[B] / 2 : 0, he = w === Pr ? x[B] : Y[B], fe = w === Pr ? -Y[B] : -x[B], $e = t.elements.arrow, ge = v && $e ? Gu($e) : {
         width: 0,
         height: 0
-      }, Ne = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : mg(), _e = Ne[M], Le = Ne[D], qe = pi(0, x[B], ge[B]), Ge = C ? x[B] / 2 - G - qe - _e - q.mainAxis : he - qe - _e - q.mainAxis, it = C ? -x[B] / 2 + G + qe + Le + q.mainAxis : fe + qe + Le + q.mainAxis, Ze = t.elements.arrow && Bi(t.elements.arrow), Je = Ze ? k === "y" ? Ze.clientTop || 0 : Ze.clientLeft || 0 : 0, et = ($ = L == null ? void 0 : L[k]) != null ? $ : 0, ie = Z + Ge - et - Je, se = Z + it - et, ve = pi(v ? cs(K, ie) : K, Z, v ? Wn(ae, se) : ae);
+      }, Ne = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : mg(), _e = Ne[M], Le = Ne[D], qe = pi(0, x[B], ge[B]), Ge = C ? x[B] / 2 - G - qe - _e - q.mainAxis : he - qe - _e - q.mainAxis, it = C ? -x[B] / 2 + G + qe + Le + q.mainAxis : fe + qe + Le + q.mainAxis, Ze = t.elements.arrow && Bi(t.elements.arrow), Je = Ze ? k === "y" ? Ze.clientTop || 0 : Ze.clientLeft || 0 : 0, et = ($ = L == null ? void 0 : L[k]) != null ? $ : 0, ie = Z + Ge - et - Je, se = Z + it - et, ve = pi(v ? cs(V, ie) : V, Z, v ? Wn(ae, se) : ae);
       I[k] = ve, O[k] = ve - Z;
     }
     if (u) {
@@ -15212,7 +15205,7 @@ function JN({
   for (let $ = 1; $ <= U9; $++) {
     for (let M = 1, D = i; M <= Bt; M++, D += D === Bt ? 1 - Bt : 1) {
       f && D === o && (p = 1, w = e.numDays, C = Math.floor((p - 1) / Bt + 1), k = Math.floor((s - p) / Bt + 1), S = 1, I = c, x = e.month, Y = e.year, f = !1, v = !0);
-      const B = n.getDateFromParams(Y, x, p, 0, 0, 0, 0), Z = n.getDateFromParams(Y, x, p, 12, 0, 0, 0), K = n.getDateFromParams(
+      const B = n.getDateFromParams(Y, x, p, 0, 0, 0, 0), Z = n.getDateFromParams(Y, x, p, 12, 0, 0, 0), V = n.getDateFromParams(
         Y,
         x,
         p,
@@ -15243,7 +15236,7 @@ function JN({
         year: Y,
         date: ae,
         startDate: B,
-        endDate: K,
+        endDate: V,
         noonDate: Z,
         dayIndex: Je,
         isToday: Ne,
@@ -17081,7 +17074,7 @@ function A6(e, { slots: t, emit: a }) {
     () => e.minPage || (C.value ? fe(C.value) : null)
   ), O = b(
     () => e.maxPage || (k.value ? fe(k.value) : null)
-  ), $ = b(() => e.navVisibility), M = b(() => !!e.showWeeknumbers), D = b(() => !!e.showIsoWeeknumbers), B = b(() => s.value === "monthly"), Z = b(() => s.value === "weekly"), K = b(() => s.value === "daily"), ae = () => {
+  ), $ = b(() => e.navVisibility), M = b(() => !!e.showWeeknumbers), D = b(() => !!e.showIsoWeeknumbers), B = b(() => s.value === "monthly"), Z = b(() => s.value === "weekly"), V = b(() => s.value === "daily"), ae = () => {
     o.value = !0, a("transition-start");
   }, G = () => {
     o.value = !1, a("transition-end"), f && (f.resolve(!0), f = null);
@@ -17337,7 +17330,7 @@ function A6(e, { slots: t, emit: a }) {
     maxPage: O,
     isMonthly: B,
     isWeekly: Z,
-    isDaily: K,
+    isDaily: V,
     navVisibility: $,
     showWeeknumbers: M,
     showIsoWeeknumbers: D,
@@ -17521,7 +17514,7 @@ const I6 = le({
     function Z() {
       o.isFocused = !0, o.isInteractive && ["focus", "hover-focus"].includes(o.visibility) && g();
     }
-    function K(G) {
+    function V(G) {
       ["focus", "hover-focus"].includes(o.visibility) && (!G.relatedTarget || !Yo(n.value, G.relatedTarget)) && (o.isFocused = !1, !o.isHovered && o.autoHide && p());
     }
     function ae() {
@@ -17554,7 +17547,7 @@ const I6 = le({
       onMouseOver: D,
       onMouseLeave: B,
       onFocusIn: Z,
-      onFocusOut: K
+      onFocusOut: V
     };
   }
 }), xn = (e, t) => {
@@ -17587,7 +17580,7 @@ function E6(e, t, a, n, r, i) {
           tabindex: "-1",
           class: `vc-popover-content direction-${e.direction}`
         }, e.$attrs), [
-          V(e.$slots, "default", {
+          K(e.$slots, "default", {
             direction: e.direction,
             alignment: e.alignment,
             data: e.data,
@@ -17636,7 +17629,7 @@ const Cd = /* @__PURE__ */ xn(I6, [["render", E6]]), x6 = { class: "vc-day-popov
         }, null, 2)
       ])) : U("", !0),
       H("div", O6, [
-        V(n.$slots, "default", {}, () => [
+        K(n.$slots, "default", {}, () => [
           we(re(e.attribute.popover ? e.attribute.popover.label : "No content provided"), 1)
         ])
       ])
@@ -17652,7 +17645,7 @@ const Cd = /* @__PURE__ */ xn(I6, [["render", E6]]), x6 = { class: "vc-day-popov
   },
   setup(e) {
     const a = Nm(e.name);
-    return (n, r) => A(a) ? (y(), ee(He(A(a)), na(Ye({ key: 0 }, n.$attrs)), null, 16)) : V(n.$slots, "default", { key: 1 });
+    return (n, r) => A(a) ? (y(), ee(He(A(a)), na(Ye({ key: 0 }, n.$attrs)), null, 16)) : K(n.$slots, "default", { key: 1 });
   }
 }), L6 = { class: "vc-day-popover-container" }, B6 = {
   key: 0,
@@ -17982,7 +17975,7 @@ const pL = { class: "vc-nav-header" }, hL = ["disabled"], gL = ["disabled"], mL
       Z.value && (o.value && w(), k());
     }
     function p() {
-      K.value && (o.value && C(), S());
+      V.value && (o.value && C(), S());
     }
     function w() {
       l.value--;
@@ -18040,7 +18033,7 @@ const pL = { class: "vc-nav-header" }, hL = ["disabled"], gL = ["disabled"], mL
       () => o.value ? I.value : L.value
     ), Z = b(
       () => o.value ? Y.value : $.value
-    ), K = b(
+    ), V = b(
       () => o.value ? q.value : D.value
     ), ae = b(() => nm(L.value.map((fe) => fe.year))), G = b(() => Cr(L.value.map((fe) => fe.year))), he = b(() => o.value ? l.value : `${ae.value} - ${G.value}`);
     return wu(() => {
@@ -18085,14 +18078,14 @@ const pL = { class: "vc-nav-header" }, hL = ["disabled"], gL = ["disabled"], mL
         H("button", {
           type: "button",
           class: "vc-nav-arrow is-right vc-focus",
-          disabled: !A(K),
+          disabled: !A(V),
           onClick: p,
           onKeydown: $e[2] || ($e[2] = (ge) => A(Eo)(ge, p))
         }, [
           j(da, {
             name: "nav-next-button",
             move: p,
-            disabled: !A(K)
+            disabled: !A(V)
           }, {
             default: P(() => [
               j(Fr, {
@@ -18127,7 +18120,7 @@ const pL = { class: "vc-nav-header" }, hL = ["disabled"], gL = ["disabled"], mL
     page: null
   },
   setup(e) {
-    return vL(Lo(e, "page")), (a, n) => V(a.$slots, "default");
+    return vL(Lo(e, "page")), (a, n) => K(a.$slots, "default");
   }
 }), wL = /* @__PURE__ */ le({
   __name: "CalendarNavPopover",
@@ -18181,13 +18174,13 @@ const pL = { class: "vc-nav-header" }, hL = ["disabled"], gL = ["disabled"], mL
       attributeCells: f.value
     }));
     function m({ data: D }, { popovers: B }) {
-      const { key: Z, customData: K, popover: ae } = D;
+      const { key: Z, customData: V, popover: ae } = D;
       if (!ae)
         return;
       const G = Yv(
         {
           key: Z,
-          customData: K,
+          customData: V,
           attribute: D
         },
         { ...ae },
@@ -18574,7 +18567,7 @@ function zL(e, { emit: t, slots: a }) {
       start: E[0],
       end: E[1]
     } : E[0];
-  }), K = b(() => {
+  }), V = b(() => {
     if (!Le(s.value))
       return null;
     const E = {
@@ -18599,7 +18592,7 @@ function zL(e, { emit: t, slots: a }) {
     }), E;
   }), G = b(() => {
     const E = va(e.attributes) ? [...e.attributes] : [];
-    return ae.value ? E.unshift(ae.value) : K.value && E.unshift(K.value), E;
+    return ae.value ? E.unshift(ae.value) : V.value && E.unshift(V.value), E;
   }), he = b(() => $e(
     e.rules === "auto" ? fe() : e.rules ?? {}
   ));
@@ -19350,7 +19343,7 @@ const WL = ["value"], _L = ["value", "disabled"], UL = {
 function iB(e, t, a, n, r, i) {
   const o = Ht("DatePickerPopover"), u = Ht("DatePickerBase");
   return e.$slots.default ? (y(), T(Ae, { key: 0 }, [
-    V(e.$slots, "default", na(Da(e.slotCtx))),
+    K(e.$slots, "default", na(Da(e.slotCtx))),
     j(o, na(Da(e.$attrs)), null, 16)
   ], 64)) : (y(), ee(u, na(Ye({ key: 1 }, e.$attrs)), null, 16));
 }
@@ -19397,7 +19390,7 @@ const sB = { class: "k-segmented-control" }, lB = ["data-testid", "disabled", "o
         type: "button",
         onClick: (h) => c(v)
       }, [
-        V(d.$slots, "option-label", { option: v }, () => [
+        K(d.$slots, "option-label", { option: v }, () => [
           we(re(v.label), 1)
         ], !0)
       ], 10, lB))), 128))
@@ -19450,7 +19443,7 @@ const sB = { class: "k-segmented-control" }, lB = ["data-testid", "disabled", "o
     }, v = N(e.modelValue.start), h = N(e.modelValue || f), m = l.value ? v : h, g = N({
       minutes: [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55]
     }), p = b(() => ({
-      width: Tt(e.width)
+      width: Dt(e.width)
     })), w = b(() => e.mode === $r.RelativeDateTime ? "dateTime" : e.mode === $r.RelativeDate ? "date" : e.mode), C = Intl.DateTimeFormat().resolvedOptions().timeZone, k = Yr({
       abbreviatedDisplay: e.placeholder,
       fullRangeDisplay: "",
@@ -19462,28 +19455,28 @@ const sB = { class: "k-segmented-control" }, lB = ["data-testid", "disabled", "o
       tabName: "relative"
     }), S = (D) => {
       if (!D) return;
-      const B = l.value ? !D.start : !D.start || !D.end, Z = (D == null ? void 0 : D.start) || /* @__PURE__ */ new Date(), K = (D == null ? void 0 : D.end) || null;
-      d.value = !!B, !l.value && D && D.start && D.end ? (h.value.start = Z, h.value.end = K) : D && D.start && (v.value = Z), k.selectedRange = k.previouslySelectedRange = {
+      const B = l.value ? !D.start : !D.start || !D.end, Z = (D == null ? void 0 : D.start) || /* @__PURE__ */ new Date(), V = (D == null ? void 0 : D.end) || null;
+      d.value = !!B, !l.value && D && D.start && D.end ? (h.value.start = Z, h.value.end = V) : D && D.start && (v.value = Z), k.selectedRange = k.previouslySelectedRange = {
         start: Z,
-        end: K,
+        end: V,
         timePeriodsKey: ""
       };
     }, I = (D, B = !1) => {
       k.selectedTimeframe = k.previouslySelectedTimeframe = D;
-      const Z = k.selectedTimeframe.start(), K = k.selectedTimeframe.end();
+      const Z = k.selectedTimeframe.start(), V = k.selectedTimeframe.end();
       k.selectedRange = {
         start: new Date(Z),
-        end: new Date(K),
+        end: new Date(V),
         timePeriodsKey: k.selectedTimeframe.key
       }, k.fullRangeDisplay = Y(k.selectedRange, !1), d.value = !1, B && F();
     }, x = () => {
       var D;
       h.value = f, v.value = null, k.abbreviatedDisplay = e.placeholder, k.fullRangeDisplay = "", s.value && (k.selectedTimeframe = (D = e.timePeriods[0]) == null ? void 0 : D.values[0]), k.selectedRange = k.previouslySelectedRange = f, a("change", k.selectedRange), a("update:modelValue", k.selectedRange);
     }, Y = (D, B) => {
-      const { start: Z, end: K } = D;
+      const { start: Z, end: V } = D;
       let ae = "PP hh:mm a";
       const G = Cl(Z, C, "(z)");
-      return !u.value && s.value ? ae = "PP hh:mm a" : M1.includes(e.mode) && (ae = "PP"), l.value ? `${vl(Z, ae)} ${G}` : B ? `<div>${vl(Z, ae)} -&nbsp;</div><div>${Cl(K, C, ae)} ${G}</div>` : `${vl(Z, ae)} - ${Cl(K, C, ae)} ${G}`;
+      return !u.value && s.value ? ae = "PP hh:mm a" : M1.includes(e.mode) && (ae = "PP"), l.value ? `${vl(Z, ae)} ${G}` : B ? `<div>${vl(Z, ae)} -&nbsp;</div><div>${Cl(V, C, ae)} ${G}</div>` : `${vl(Z, ae)} - ${Cl(V, C, ae)} ${G}`;
     }, F = async () => {
       var D;
       l.value ? (a("change", { start: k.selectedRange.start, end: null }), a("update:modelValue", { start: k.selectedRange.start, end: null })) : (a("change", k.selectedRange), a("update:modelValue", k.selectedRange)), (D = n.value) == null || D.hidePopover(), q();
@@ -19555,8 +19548,8 @@ const sB = { class: "k-segmented-control" }, lB = ["data-testid", "disabled", "o
             "select-attribute": i,
             transparent: ""
           }, null, 8, ["modelValue", "is-range", "max-date", "min-date", "mode", "rules"])) : s.value && !l.value ? (y(), T("div", vB, [
-            (y(!0), T(Ae, null, Re(D.timePeriods, (Z, K) => (y(), T("div", {
-              key: `section-${String(Z.section || K)}`,
+            (y(!0), T(Ae, null, Re(D.timePeriods, (Z, V) => (y(), T("div", {
+              key: `section-${String(Z.section || V)}`,
               class: "timeframe-section"
             }, [
               H("div", pB, re(Z.section), 1),
@@ -19655,10 +19648,10 @@ const sB = { class: "k-segmented-control" }, lB = ["data-testid", "disabled", "o
   },
   emits: ["file-added", "file-removed", "error"],
   setup(e, { emit: t }) {
-    const a = t, n = Dt(), r = Jt(), { stripRequiredLabel: i } = In(), o = $t(), u = b(() => r.id ? String(r.id) : o), l = b(() => {
+    const a = t, n = St(), r = Jt(), { stripRequiredLabel: i } = In(), o = $t(), u = b(() => r.id ? String(r.id) : o), l = b(() => {
       const x = { ...r };
       return delete x.id, x;
-    }), s = St("input"), c = b(() => {
+    }), s = Tt("input"), c = b(() => {
       var x;
       return !!((x = e.labelAttributes) != null && x.info || n["label-tooltip"]);
     }), d = b(() => i(e.label, f.value)), f = b(() => (r == null ? void 0 : r.required) !== void 0 && String(r == null ? void 0 : r.required) !== "false"), v = N(!1), h = b(() => {
@@ -19699,7 +19692,7 @@ const sB = { class: "k-segmented-control" }, lB = ["data-testid", "disabled", "o
         c.value ? {
           name: "tooltip",
           fn: P(() => [
-            V(x.$slots, "label-tooltip", {}, void 0, !0)
+            K(x.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
@@ -19744,7 +19737,7 @@ const sB = { class: "k-segmented-control" }, lB = ["data-testid", "disabled", "o
           x.$slots.icon ? {
             name: "before",
             fn: P(() => [
-              V(x.$slots, "icon", {}, void 0, !0)
+              K(x.$slots, "icon", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -19821,7 +19814,7 @@ const sB = { class: "k-segmented-control" }, lB = ["data-testid", "disabled", "o
           for: o.value
         }, {
           default: P(() => [
-            V(c.$slots, "label", {}, () => [
+            K(c.$slots, "label", {}, () => [
               we(re(c.label), 1)
             ], !0)
           ]),
@@ -20178,18 +20171,18 @@ var bp = {
   }, s = function($, M) {
     var D = typeof (M == null ? void 0 : M.composedPath) == "function" ? M.composedPath() : void 0;
     return o.containerGroups.findIndex(function(B) {
-      var Z = B.container, K = B.tabbableNodes;
+      var Z = B.container, V = B.tabbableNodes;
       return Z.contains($) || // 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)
-      (D == null ? void 0 : D.includes(Z)) || K.find(function(ae) {
+      (D == null ? void 0 : D.includes(Z)) || V.find(function(ae) {
         return ae === $;
       });
     });
   }, c = function($) {
-    var M = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, D = M.hasFallback, B = D === void 0 ? !1 : D, Z = M.params, K = Z === void 0 ? [] : Z, ae = i[$];
-    if (typeof ae == "function" && (ae = ae.apply(void 0, jB(K))), ae === !0 && (ae = void 0), !ae) {
+    var M = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, D = M.hasFallback, B = D === void 0 ? !1 : D, Z = M.params, V = Z === void 0 ? [] : Z, ae = i[$];
+    if (typeof ae == "function" && (ae = ae.apply(void 0, jB(V))), ae === !0 && (ae = void 0), !ae) {
       if (ae === void 0 || ae === !1)
         return ae;
       throw new Error("`".concat($, "` was specified but was not a node, or did not return a node"));
@@ -20224,7 +20217,7 @@ var bp = {
     return $;
   }, f = function() {
     if (o.containerGroups = o.containers.map(function($) {
-      var M = HB($, i.tabbableOptions), D = qB($, i.tabbableOptions), B = M.length > 0 ? M[0] : void 0, Z = M.length > 0 ? M[M.length - 1] : void 0, K = D.find(function(he) {
+      var M = HB($, i.tabbableOptions), D = qB($, i.tabbableOptions), B = M.length > 0 ? M[0] : void 0, Z = M.length > 0 ? M[M.length - 1] : void 0, V = D.find(function(he) {
         return cr(he);
       }), ae = D.slice().reverse().find(function(he) {
         return cr(he);
@@ -20249,7 +20242,7 @@ var bp = {
         //  "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: K,
+        firstDomTabbableNode: V,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
         lastDomTabbableNode: ae,
         /**
@@ -20299,11 +20292,11 @@ var bp = {
   }, g = function($) {
     var M = $.target, D = $.event, B = $.isBackward, Z = B === void 0 ? !1 : B;
     M = M || xo(D), f();
-    var K = null;
+    var V = null;
     if (o.tabbableGroups.length > 0) {
       var ae = s(M, D), G = ae >= 0 ? o.containerGroups[ae] : void 0;
       if (ae < 0)
-        Z ? K = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : K = o.tabbableGroups[0].firstTabbableNode;
+        Z ? V = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : V = o.tabbableGroups[0].firstTabbableNode;
       else if (Z) {
         var he = o.tabbableGroups.findIndex(function(Le) {
           var qe = Le.firstTabbableNode;
@@ -20311,8 +20304,8 @@ var bp = {
         });
         if (he < 0 && (G.container === M || xl(M, i.tabbableOptions) && !cr(M, i.tabbableOptions) && !G.nextTabbableNode(M, !1)) && (he = ae), he >= 0) {
           var fe = he === 0 ? o.tabbableGroups.length - 1 : he - 1, $e = o.tabbableGroups[fe];
-          K = Rn(M) >= 0 ? $e.lastTabbableNode : $e.lastDomTabbableNode;
-        } else gi(D) || (K = G.nextTabbableNode(M, !1));
+          V = Rn(M) >= 0 ? $e.lastTabbableNode : $e.lastDomTabbableNode;
+        } else gi(D) || (V = G.nextTabbableNode(M, !1));
       } else {
         var ge = o.tabbableGroups.findIndex(function(Le) {
           var qe = Le.lastTabbableNode;
@@ -20320,12 +20313,12 @@ var bp = {
         });
         if (ge < 0 && (G.container === M || xl(M, i.tabbableOptions) && !cr(M, i.tabbableOptions) && !G.nextTabbableNode(M)) && (ge = ae), ge >= 0) {
           var Ne = ge === o.tabbableGroups.length - 1 ? 0 : ge + 1, _e = o.tabbableGroups[Ne];
-          K = Rn(M) >= 0 ? _e.firstTabbableNode : _e.firstDomTabbableNode;
-        } else gi(D) || (K = G.nextTabbableNode(M));
+          V = Rn(M) >= 0 ? _e.firstTabbableNode : _e.firstDomTabbableNode;
+        } else gi(D) || (V = G.nextTabbableNode(M));
       }
     } else
-      K = c("fallbackFocus");
-    return K;
+      V = c("fallbackFocus");
+    return V;
   }, p = function($) {
     var M = xo($);
     if (!(s(M, $) >= 0)) {
@@ -20352,7 +20345,7 @@ var bp = {
       var B, Z = !0;
       if (o.mostRecentlyFocusedNode)
         if (Rn(o.mostRecentlyFocusedNode) > 0) {
-          var K = s(o.mostRecentlyFocusedNode), ae = o.containerGroups[K].tabbableNodes;
+          var V = s(o.mostRecentlyFocusedNode), ae = o.containerGroups[V].tabbableNodes;
           if (ae.length > 0) {
             var G = ae.findIndex(function(he) {
               return he === o.mostRecentlyFocusedNode;
@@ -20452,14 +20445,14 @@ var bp = {
         checkCanReturnFocus: i.checkCanReturnFocus
       }, $);
       clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, Y(), o.active = !1, o.paused = !1, L(), bp.deactivateTrap(r, u);
-      var D = l(M, "onDeactivate"), B = l(M, "onPostDeactivate"), Z = l(M, "checkCanReturnFocus"), K = l(M, "returnFocus", "returnFocusOnDeactivate");
+      var D = l(M, "onDeactivate"), B = l(M, "onPostDeactivate"), Z = l(M, "checkCanReturnFocus"), V = l(M, "returnFocus", "returnFocusOnDeactivate");
       D == null || D();
       var ae = function() {
         wp(function() {
-          K && h(m(o.nodeFocusedBeforeActivation)), B == null || B();
+          V && h(m(o.nodeFocusedBeforeActivation)), B == null || B();
         });
       };
-      return K && Z ? (Z(m(o.nodeFocusedBeforeActivation)).then(ae, ae), this) : (ae(), this);
+      return V && Z ? (Z(m(o.nodeFocusedBeforeActivation)).then(ae, ae), this) : (ae(), this);
     },
     pause: function($) {
       return o.active ? (o.manuallyPaused = !0, this._setPausedState(!0, $)) : this;
@@ -20487,8 +20480,8 @@ var bp = {
           var D = l(M, "onPause"), B = l(M, "onPostPause");
           D == null || D(), Y(), L(), B == null || B();
         } else {
-          var Z = l(M, "onUnpause"), K = l(M, "onPostUnpause");
-          Z == null || Z(), f(), x(), L(), K == null || K();
+          var Z = l(M, "onUnpause"), V = l(M, "onPostUnpause");
+          Z == null || Z(), f(), x(), L(), V == null || V();
         }
         return this;
       }
@@ -20628,7 +20621,7 @@ const rR = {
       "5c7fae9c": l.value,
       "7a620b59": s.value
     }));
-    const a = t, n = Dt(), r = Jt(), i = Yb(), o = N(null), u = N(null), l = b(() => e.fullScreen && !n.content ? "95%" : Tt(e.maxWidth)), s = b(() => e.fullScreen && !n.content ? "95vh" : Tt(e.maxHeight)), c = b(() => {
+    const a = t, n = St(), r = Jt(), i = Yb(), o = N(null), u = N(null), l = b(() => e.fullScreen && !n.content ? "95%" : Dt(e.maxWidth)), s = b(() => e.fullScreen && !n.content ? "95vh" : Dt(e.maxHeight)), c = b(() => {
       const w = Object.assign({}, r);
       return delete w.class, w;
     }), d = b(() => !!e.title || !!n.title || !e.hideCloseIcon), f = (w) => {
@@ -20679,10 +20672,10 @@ const rR = {
               class: de(["modal-container", { "custom-content": w.$slots.content }]),
               tabindex: "-1"
             }, [
-              V(w.$slots, "content", {}, () => [
+              K(w.$slots, "content", {}, () => [
                 d.value ? (y(), T("div", sR, [
                   w.title || w.$slots.title ? (y(), T("div", lR, [
-                    V(w.$slots, "title", {}, () => [
+                    K(w.$slots, "title", {}, () => [
                       we(re(w.title), 1)
                     ], !0)
                   ])) : U("", !0),
@@ -20703,12 +20696,12 @@ const rR = {
                 H("div", {
                   class: de(["modal-content", { "no-header": !d.value }])
                 }, [
-                  V(w.$slots, "default", {}, void 0, !0)
+                  K(w.$slots, "default", {}, void 0, !0)
                 ], 2),
                 H("div", uR, [
-                  V(w.$slots, "footer", {}, () => [
+                  K(w.$slots, "footer", {}, () => [
                     H("div", dR, [
-                      V(w.$slots, "footer-actions", {}, () => [
+                      K(w.$slots, "footer-actions", {}, () => [
                         w.hideCancelButton ? U("", !0) : (y(), ee(nt, {
                           key: 0,
                           appearance: w.cancelButtonAppearance,
@@ -20865,36 +20858,36 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
       }, [
         H("div", vR, [
           s.$slots["body-header"] || e.bodyHeader ? (y(), T("div", pR, [
-            V(s.$slots, "body-header", {}, () => [
+            K(s.$slots, "body-header", {}, () => [
               we(re(e.bodyHeader), 1)
             ], !0)
           ])) : U("", !0),
           s.$slots["body-header-description"] || e.bodyHeaderDescription ? (y(), T("div", hR, [
-            V(s.$slots, "body-header-description", {}, () => [
+            K(s.$slots, "body-header-description", {}, () => [
               we(re(e.bodyHeaderDescription), 1)
             ], !0)
           ])) : U("", !0)
         ]),
         H("div", gR, [
-          V(s.$slots, "default", {}, void 0, !0)
+          K(s.$slots, "default", {}, void 0, !0)
         ]),
         H("div", mR, [
           H("div", yR, [
             H("div", bR, [
               H("span", wR, [
-                V(s.$slots, "header-icon", {}, () => [
+                K(s.$slots, "header-icon", {}, () => [
                   j(A($u), { color: A(Sy) }, null, 8, ["color"])
                 ], !0)
               ]),
               H("span", CR, [
-                V(s.$slots, "header-content", {}, () => [
+                K(s.$slots, "header-content", {}, () => [
                   we(re(e.title), 1)
                 ], !0)
               ])
             ]),
             H("div", kR, [
               H("div", $R, [
-                V(s.$slots, "action-buttons", {}, () => [
+                K(s.$slots, "action-buttons", {}, () => [
                   j(nt, {
                     appearance: e.cancelButtonAppearance,
                     class: "cancel-button",
@@ -20921,10 +20914,10 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
           ])
         ]),
         s.$slots["footer-content"] ? (y(), T("div", SR, [
-          V(s.$slots, "footer-content", {}, void 0, !0),
+          K(s.$slots, "footer-content", {}, void 0, !0),
           H("div", TR, [
             H("div", DR, [
-              V(s.$slots, "action-buttons", {}, () => [
+              K(s.$slots, "action-buttons", {}, () => [
                 j(nt, {
                   appearance: e.actionButtonAppearance,
                   class: "proceed-button",
@@ -20972,7 +20965,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
           ]
         }, [
           H("span", OR, [
-            V(r.$slots, "content", {}, () => [
+            K(r.$slots, "content", {}, () => [
               we(re(r.item.label), 1)
             ], !0)
           ])
@@ -21003,7 +20996,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
     }), u = (d) => {
       var f;
       return (f = e.items) == null ? void 0 : f.filter((v) => v.group === d);
-    }, l = St("itemsContainer"), s = (d) => {
+    }, l = Tt("itemsContainer"), s = (d) => {
       var h;
       const f = l.value;
       if (!f)
@@ -21028,7 +21021,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
         onSelected: r
       }, {
         content: P(() => [
-          V(d.$slots, "content", { item: v }, void 0, !0)
+          K(d.$slots, "content", { item: v }, void 0, !0)
         ]),
         _: 2
       }, 1032, ["item"]))), 128)),
@@ -21044,7 +21037,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
           onSelected: r
         }, {
           content: P(() => [
-            V(d.$slots, "content", { item: h }, void 0, !0)
+            K(d.$slots, "content", { item: h }, void 0, !0)
           ]),
           _: 2
         }, 1032, ["item"]))), 128))
@@ -21067,7 +21060,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
       }, 8, ["item"])) : U("", !0)
     ], 512));
   }
-}), FR = /* @__PURE__ */ Oe(RR, [["__scopeId", "data-v-d937032e"]]);
+}), FR = /* @__PURE__ */ Oe(RR, [["__scopeId", "data-v-a2ee6e0d"]]);
 function vu(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
@@ -21146,13 +21139,13 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
   emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
   setup(e, { emit: t }) {
     Rt((X) => ({
-      "719ee018": qe.value
+      "5a822525": qe.value
     }));
-    const a = Jt(), n = Dt(), { cloneDeep: r, stripRequiredLabel: i } = In(), o = 36, u = "Filter...";
+    const a = Jt(), n = St(), { cloneDeep: r, stripRequiredLabel: i } = In(), o = 36, u = "Filter...";
     ue(() => e.items, (X) => {
       !X.length || X.every((Ee) => Ee.label !== void 0 && Ee.value !== void 0) && JR(X) || console.warn("KMultiselect: Items must have a label & value and value must be unique");
     }, { immediate: !0 });
-    const l = t, s = St("kMultiselectItems"), c = b(() => a.required !== void 0 && String(a.required) !== "false"), d = b(() => i(e.label, c.value)), f = b(() => {
+    const l = t, s = Tt("kMultiselectItems"), c = b(() => a.required !== void 0 && String(a.required) !== "false"), d = b(() => i(e.label, c.value)), f = b(() => {
       var X, me;
       return !!((X = e.labelAttributes) != null && X.help || (me = e.labelAttributes) != null && me.info || n["label-tooltip"]);
     }), v = (X) => $e.value || ge.value || X != null && X.disabled ? "neutral" : e.error ? "danger" : "info", h = {
@@ -21160,7 +21153,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
       placement: "bottom-start",
       popoverTimeout: 0,
       popoverClasses: "multiselect-popover"
-    }, m = N(0), g = N(0), p = $t(), w = b(() => a.id ? String(a.id) : p), C = $t(), k = St("multiselectElement"), S = St("multiselectDropdownInputElement"), I = St("multiselectSelectionsStagingElement"), x = b(() => e.selectedRowCount * o), Y = N(""), F = b(() => !(!Y.value || L.value.filter((X) => X.label === Y.value).length)), q = N(null), L = N([]), O = N([]), $ = N([]), M = N([]), D = N([]), B = /* @__PURE__ */ new Set(), Z = N([]), K = N([]), ae = b(() => K.value.map((X) => X.label).join(", ")), G = N(!1), he = N(!1), fe = N(!1), $e = b(() => (a == null ? void 0 : a.disabled) !== void 0 && String(a == null ? void 0 : a.disabled) !== "false"), ge = b(() => (a == null ? void 0 : a.readonly) !== void 0 && String(a == null ? void 0 : a.readonly) !== "false"), Ne = b({
+    }, m = N(0), g = N(0), p = $t(), w = b(() => a.id ? String(a.id) : p), C = $t(), k = Tt("multiselectElement"), S = Tt("multiselectDropdownInputElement"), I = Tt("multiselectSelectionsStagingElement"), x = b(() => e.selectedRowCount * o), Y = N(""), F = b(() => !(!Y.value || L.value.filter((X) => X.label === Y.value).length)), q = N(null), L = N([]), O = N([]), $ = N([]), M = N([]), D = N([]), B = /* @__PURE__ */ new Set(), Z = N([]), V = N([]), ae = b(() => V.value.map((X) => X.label).join(", ")), G = N(!1), he = N(!1), fe = N(!1), $e = b(() => (a == null ? void 0 : a.disabled) !== void 0 && String(a == null ? void 0 : a.disabled) !== "false"), ge = b(() => (a == null ? void 0 : a.readonly) !== void 0 && String(a == null ? void 0 : a.readonly) !== "false"), Ne = b({
       get() {
         return e.modelValue;
       },
@@ -21181,9 +21174,9 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
         maxWidth: oe.value + "px",
         disabled: a.disabled !== void 0 && String(a.disabled) !== "false" || a.readonly !== void 0 && String(a.readonly) !== "false"
       };
-    }), qe = b(() => Tt(e.dropdownMaxHeight)), Ge = b(() => ({ ...Le.value })), it = b(() => {
+    }), qe = b(() => Dt(e.dropdownMaxHeight)), Ge = b(() => ({ ...Le.value })), it = b(() => {
       const X = e.width ? e.width : "300";
-      return Tt(X);
+      return Dt(X);
     }), Ze = b(() => ({
       width: it.value
     })), Je = b(() => ({
@@ -21297,7 +21290,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
       setTimeout(() => {
         const X = I.value;
         if (e.collapsedContext) {
-          Z.value = r(M.value), K.value = [], m.value++;
+          Z.value = r(M.value), V.value = [], m.value++;
           return;
         }
         if (X)
@@ -21305,7 +21298,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
             const Ee = M.value.pop();
             Ee && !B.has(Ee.value) && (D.value.push(Ee), B.add(Ee.value)), g.value++;
           } else
-            Z.value = r(M.value), K.value = r(D.value), m.value++;
+            Z.value = r(M.value), V.value = r(D.value), m.value++;
       }, 0);
     }), ue(m, async () => {
       q.value && typeof q.value.updatePopper == "function" && (await ht(), q.value.updatePopper());
@@ -21364,13 +21357,13 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
           f.value ? {
             name: "tooltip",
             fn: P(() => [
-              V(X.$slots, "label-tooltip", {}, void 0, !0)
+              K(X.$slots, "label-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["data-testid", "for", "required"])) : U("", !0),
         H("div", qR, [
-          j(A(Os), null, {
+          j(Os, null, {
             default: P(({ isToggled: W, toggle: E }) => [
               j(Jn, Ye({
                 ref_key: "popper",
@@ -21422,7 +21415,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                       onSelected: Se
                     }, {
                       content: P(({ item: Q }) => [
-                        V(X.$slots, "item-template", {
+                        K(X.$slots, "item-template", {
                           class: "multiselect-item",
                           item: Q
                         }, void 0, !0)
@@ -21436,7 +21429,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                       item: { label: "No results", value: "no_results", disabled: !0 }
                     })) : U("", !0),
                     X.$slots.empty && !X.loading && !O.value.length ? (y(), T("div", GR, [
-                      V(X.$slots, "empty", {}, void 0, !0)
+                      K(X.$slots, "empty", {}, void 0, !0)
                     ])) : U("", !0)
                   ], 32),
                   X.dropdownFooterText || X.$slots["dropdown-footer-text"] ? (y(), T("div", {
@@ -21444,7 +21437,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                     class: de(["dropdown-footer", `dropdown-footer-${X.dropdownFooterTextPosition}`]),
                     "data-testid": "dropdown-footer"
                   }, [
-                    V(X.$slots, "dropdown-footer-text", {}, () => [
+                    K(X.$slots, "dropdown-footer-text", {}, () => [
                       we(re(X.dropdownFooterText), 1)
                     ], !0)
                   ], 2)) : U("", !0)
@@ -21525,7 +21518,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                           key: "0"
                         } : void 0
                       ]), 1032, ["appearance", "tooltip"]))), 128)),
-                      K.value.length ? (y(), ee(Ee, {
+                      V.value.length ? (y(), ee(Ee, {
                         key: 0,
                         class: "hidden-selection-count-tooltip",
                         "max-width": "300",
@@ -21540,7 +21533,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                             }, ["stop"]))
                           }, {
                             default: P(() => [
-                              we(" +" + re(K.value.length), 1)
+                              we(" +" + re(V.value.length), 1)
                             ]),
                             _: 1
                           }, 8, ["appearance"])
@@ -21620,7 +21613,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
       ], 6);
     };
   }
-}), tF = /* @__PURE__ */ Oe(eF, [["__scopeId", "data-v-fb549160"]]), aF = {
+}), tF = /* @__PURE__ */ Oe(eF, [["__scopeId", "data-v-24a98a81"]]), aF = {
   key: 0,
   class: "prompt-content"
 }, nF = { class: "prompt-message" }, rF = {
@@ -21646,7 +21639,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
   },
   emits: ["proceed", "cancel"],
   setup(e, { emit: t }) {
-    const a = t, n = Dt(), r = Jt(), i = b(() => {
+    const a = t, n = St(), r = Jt(), i = b(() => {
       const d = Object.assign({}, r);
       return delete d["tabbable-options"], delete d["max-width"], delete d["max-height"], delete d["close-on-backdrop-click"], delete d["input-autofocus"], delete d["hide-close-icon"], delete d["hide-cancel-button"], delete d["full-screen"], d;
     }), o = N(""), u = N(!1), l = b(() => e.actionButtonDisabled ? !0 : e.confirmationText ? e.confirmationText !== o.value : !1), s = b(() => e.confirmationPrompt.split("{confirmationText}")), c = () => {
@@ -21672,7 +21665,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
     }), mt({
       default: P(() => [
         n.default || d.message ? (y(), T("div", aF, [
-          V(d.$slots, "default", {}, () => [
+          K(d.$slots, "default", {}, () => [
             H("p", nF, re(d.message), 1)
           ], !0)
         ])) : U("", !0),
@@ -21700,7 +21693,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
       n.title ? {
         name: "title",
         fn: P(() => [
-          V(d.$slots, "title", {}, void 0, !0)
+          K(d.$slots, "title", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0
@@ -21745,7 +21738,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
     }, { deep: !0, immediate: !0 }), ue(() => e.type, (p) => {
       p && console.warn("KRadio: `type` prop is deprecated. Please use `card` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kradio");
     }, { immediate: !0 });
-    const a = t, n = Dt(), r = Jt(), i = $t(), o = b(() => r.id ? String(r.id) : i), u = b(() => (r == null ? void 0 : r.disabled) !== void 0 && String(r == null ? void 0 : r.disabled) !== "false"), l = b(() => !!(e.label || n.default)), s = b(() => l.value && (!!e.description || !!n.description)), c = b(() => !!e.label && (!!e.description || !!n.description)), d = b(() => !!n.tooltip), f = b(() => e.selectedValue === e.modelValue), v = () => {
+    const a = t, n = St(), r = Jt(), i = $t(), o = b(() => r.id ? String(r.id) : i), u = b(() => (r == null ? void 0 : r.disabled) !== void 0 && String(r == null ? void 0 : r.disabled) !== "false"), l = b(() => !!(e.label || n.default)), s = b(() => l.value && (!!e.description || !!n.description)), c = b(() => !!e.label && (!!e.description || !!n.description)), d = b(() => !!n.tooltip), f = b(() => e.selectedValue === e.modelValue), v = () => {
       a("change", e.selectedValue), a("update:modelValue", e.selectedValue);
     }, h = b(() => {
       const p = { ...r };
@@ -21784,7 +21777,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
           for: o.value
         }), mt({
           default: P(() => [
-            V(p.$slots, "default", {}, () => [
+            K(p.$slots, "default", {}, () => [
               we(re(p.label), 1)
             ], !0)
           ]),
@@ -21793,13 +21786,13 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
           d.value ? {
             name: "tooltip",
             fn: P(() => [
-              V(p.$slots, "tooltip", {}, void 0, !0)
+              K(p.$slots, "tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["for"]),
         s.value ? (y(), T("div", dF, [
-          V(p.$slots, "description", {}, () => [
+          K(p.$slots, "description", {}, () => [
             H("p", null, re(p.description), 1)
           ], !0)
         ])) : U("", !0)
@@ -21814,12 +21807,12 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
         onKeyup: ut(v, ["space"])
       }, [
         p.$slots.default ? (y(), T("span", fF, [
-          V(p.$slots, "default", {}, void 0, !0)
+          K(p.$slots, "default", {}, void 0, !0)
         ])) : U("", !0),
         p.label || c.value ? (y(), T("span", vF, [
           p.label ? (y(), T("span", pF, re(p.label), 1)) : U("", !0),
           c.value ? (y(), T("span", hF, [
-            V(p.$slots, "description", {}, () => [
+            K(p.$slots, "description", {}, () => [
               we(re(p.description), 1)
             ], !0)
           ])) : U("", !0)
@@ -21861,7 +21854,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
           ]
         }, [
           H("span", kF, [
-            V(r.$slots, "content", {}, () => [
+            K(r.$slots, "content", {}, () => [
               we(re(r.item.label), 1)
             ], !0)
           ])
@@ -21888,7 +21881,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
     }), u = (d) => {
       var f;
       return (f = e.items) == null ? void 0 : f.filter((v) => v.group === d);
-    }, l = St("itemsContainer"), s = (d) => {
+    }, l = Tt("itemsContainer"), s = (d) => {
       var m, g;
       const f = l.value;
       if (!f)
@@ -21920,7 +21913,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
         onSelected: r
       }, {
         content: P(() => [
-          V(d.$slots, "content", { item: v }, void 0, !0)
+          K(d.$slots, "content", { item: v }, void 0, !0)
         ]),
         _: 2
       }, 1032, ["item"]))), 128)),
@@ -21937,7 +21930,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
           onSelected: r
         }, {
           content: P(() => [
-            V(d.$slots, "content", { item: h }, void 0, !0)
+            K(d.$slots, "content", { item: h }, void 0, !0)
           ]),
           _: 2
         }, 1032, ["item"]))), 128))
@@ -21960,7 +21953,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
       }, 8, ["item"])) : U("", !0)
     ], 512));
   }
-}), EF = /* @__PURE__ */ Oe(IF, [["__scopeId", "data-v-c6d81412"]]), xF = ["id"], MF = ["aria-live"], OF = {
+}), EF = /* @__PURE__ */ Oe(IF, [["__scopeId", "data-v-2f823fac"]]), xF = ["id"], MF = ["aria-live"], OF = {
   key: 0,
   class: "select-loading",
   "data-propagate-clicks": "false",
@@ -22012,11 +22005,11 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
   emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
   setup(e, { emit: t }) {
     Rt((z) => ({
-      "0ad73176": O.value,
-      c17fbdb8: $.value,
-      f5eff1aa: B.value
+      b7866b0a: O.value,
+      "7ace2269": $.value,
+      "465dedf4": B.value
     }));
-    const { stripRequiredLabel: a } = In(), n = t, r = Jt(), i = Dt(), o = $t(), u = b(() => r.id ? String(r.id) : o), l = N(!1), s = N(), c = b(() => {
+    const { stripRequiredLabel: a } = In(), n = t, r = Jt(), i = St(), o = $t(), u = b(() => r.id ? String(r.id) : o), l = N(!1), s = N(), c = b(() => {
       var z;
       return !!((z = e.labelAttributes) != null && z.info || i["label-tooltip"]);
     }), d = b(() => r.required !== void 0 && String(r.required) !== "false"), f = b(() => r.disabled !== void 0 && String(r.disabled) !== "false"), v = b(() => r.readonly !== void 0 && String(r.readonly) !== "false"), h = {
@@ -22024,10 +22017,10 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
       popoverTimeout: 0,
       placement: "bottom-start",
       hideCaret: !0
-    }, m = N(0), g = St("inputElement"), p = b(() => a(e.label, d.value)), w = N(!1), C = N(""), k = b(() => {
+    }, m = N(0), g = Tt("inputElement"), p = b(() => a(e.label, d.value)), w = N(!1), C = N(""), k = b(() => {
       var z, Ce;
       return !(!C.value || (Ce = (z = x.value) == null ? void 0 : z.filter((Ie) => Ie.label === C.value)) != null && Ce.length);
-    }), S = $t(), I = N(null), x = N([]), Y = N(!1), F = St("popperElement"), q = St("selectWrapperElement"), L = b({
+    }), S = $t(), I = N(null), x = N([]), Y = N(!1), F = Tt("popperElement"), q = Tt("selectWrapperElement"), L = b({
       get() {
         return e.modelValue;
       },
@@ -22036,7 +22029,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
         const Ce = (Ie = x.value) == null ? void 0 : Ie.filter((Se) => Se.value === z);
         Ce != null && Ce.length ? Ne(Ce[0]) : z || _e();
       }
-    }), O = b(() => Tt(e.width || "100%")), $ = N(""), M = b(() => {
+    }), O = b(() => Dt(e.width || "100%")), $ = N(""), M = b(() => {
       const z = { ...r };
       return delete z.class, z;
     }), D = b(() => {
@@ -22049,7 +22042,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
         maxWidth: String($.value),
         disabled: f.value || v.value
       };
-    }), B = b(() => Tt(e.dropdownMaxHeight)), Z = b(() => ({ ...D.value })), K = b(() => e.placeholder || r.placeholder || "Select..."), ae = b(() => !f.value && e.clearable && !!I.value), G = b(() => !!(I.value && (i["selected-item-template"] || e.reuseItemTemplate && i["item-template"]))), he = b(() => {
+    }), B = b(() => Dt(e.dropdownMaxHeight)), Z = b(() => ({ ...D.value })), V = b(() => e.placeholder || r.placeholder || "Select..."), ae = b(() => !f.value && e.clearable && !!I.value), G = b(() => !!(I.value && (i["selected-item-template"] || e.reuseItemTemplate && i["item-template"]))), he = b(() => {
       let z = [];
       if (!e.enableFiltering || !C.value)
         z = x.value;
@@ -22087,7 +22080,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
         var Se;
         Ce.selected = !1, Ce.custom && ((Se = x.value) == null || Se.splice(Ie, 1), n("item-removed", Ce));
       }), I.value = null, C.value = "", n("input", null), n("change", null), n("update:modelValue", null);
-    }, Le = St("kSelectItems"), qe = (z, Ce) => {
+    }, Le = Tt("kSelectItems"), qe = (z, Ce) => {
       var Se, Ue;
       if (z.keyCode === 27) {
         Ce.value = !1;
@@ -22164,12 +22157,12 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
         c.value ? {
           name: "tooltip",
           fn: P(() => [
-            V(z.$slots, "label-tooltip", {}, void 0, !0)
+            K(z.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
       ]), 1040, ["for", "required"])) : U("", !0),
-      j(A(Os), null, {
+      j(Os, null, {
         default: P(({ toggle: Ie, isToggled: Se }) => [
           j(Jn, Ye({ ref: "popperElement" }, Z.value, {
             "close-on-popover-click": "",
@@ -22183,7 +22176,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                 "aria-live": z.enableFiltering ? "polite" : "off"
               }, [
                 z.enableFiltering && z.loading ? (y(), T("div", OF, [
-                  V(z.$slots, "loading", {}, () => [
+                  K(z.$slots, "loading", {}, () => [
                     j(A(Oi), {
                       class: "loading-icon",
                       title: "Loading"
@@ -22200,7 +22193,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                     onSelected: Ne
                   }, {
                     content: P(({ item: Ue }) => [
-                      V(z.$slots, "item-template", { item: Ue }, void 0, !0)
+                      K(z.$slots, "item-template", { item: Ue }, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["filter-string", "item-creation-enabled", "item-creation-valid", "items"]),
@@ -22209,17 +22202,17 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                     item: { label: "No results", value: "no_results", disabled: !0 }
                   })) : U("", !0),
                   (z.dropdownFooterText || z.$slots["dropdown-footer-text"]) && z.dropdownFooterTextPosition === "static" ? (y(), T("div", NF, [
-                    V(z.$slots, "dropdown-footer-text", {}, () => [
+                    K(z.$slots, "dropdown-footer-text", {}, () => [
                       we(re(z.dropdownFooterText), 1)
                     ], !0)
                   ])) : U("", !0)
                 ])),
                 !z.loading && !he.value.length && z.$slots.empty ? (y(), T("div", LF, [
-                  V(z.$slots, "empty", {}, void 0, !0)
+                  K(z.$slots, "empty", {}, void 0, !0)
                 ])) : U("", !0)
               ], 8, MF),
               (z.dropdownFooterText || z.$slots["dropdown-footer-text"]) && z.dropdownFooterTextPosition === "sticky" ? (y(), T("div", BF, [
-                V(z.$slots, "dropdown-footer-text", {}, () => [
+                K(z.$slots, "dropdown-footer-text", {}, () => [
                   we(re(z.dropdownFooterText), 1)
                 ], !0)
               ])) : U("", !0)
@@ -22245,7 +22238,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                   disabled: f.value,
                   error: z.error,
                   "model-value": C.value,
-                  placeholder: I.value && !z.enableFiltering ? I.value.label : K.value,
+                  placeholder: I.value && !z.enableFiltering ? I.value.label : V.value,
                   readonly: v.value,
                   spellcheck: "false"
                 }, M.value, {
@@ -22282,14 +22275,14 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                   i.before ? {
                     name: "before",
                     fn: P(() => [
-                      V(z.$slots, "before", {}, void 0, !0)
+                      K(z.$slots, "before", {}, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
                   z.$slots["label-tooltip"] ? {
                     name: "label-tooltip",
                     fn: P(() => [
-                      V(z.$slots, "label-tooltip", {}, void 0, !0)
+                      K(z.$slots, "label-tooltip", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0
@@ -22300,10 +22293,10 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
                       key: 0,
                       class: de(["custom-selected-item-wrapper", { clearable: z.clearable }])
                     }, [
-                      V(z.$slots, "selected-item-template", {
+                      K(z.$slots, "selected-item-template", {
                         item: I.value
                       }, () => [
-                        V(z.$slots, "item-template", {
+                        K(z.$slots, "item-template", {
                           item: I.value
                         }, void 0, !0)
                       ], !0)
@@ -22324,7 +22317,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
       }, re(z.help), 3)) : U("", !0)
     ], 2));
   }
-}), FF = /* @__PURE__ */ Oe(RF, [["__scopeId", "data-v-32afcba4"]]), zF = { class: "k-slideout" }, YF = { class: "slideout-header" }, HF = {
+}), FF = /* @__PURE__ */ Oe(RF, [["__scopeId", "data-v-e90c141b"]]), zF = { class: "k-slideout" }, YF = { class: "slideout-header" }, HF = {
   key: 0,
   class: "slideout-title",
   "data-testid": "slideout-title"
@@ -22347,7 +22340,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
       "5dace9c6": u.maxWidth,
       df700f08: u.zIndex
     }));
-    const a = t, n = St("slideoutContainerElement"), r = b(() => Tt(e.offsetTop));
+    const a = t, n = Tt("slideoutContainerElement"), r = b(() => Dt(e.offsetTop));
     Lb(n, (u) => {
       u.isTrusted && e.closeOnBlur && a("close");
     });
@@ -22381,7 +22374,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
           }, [
             H("div", YF, [
               u.title || u.$slots.title ? (y(), T("div", HF, [
-                V(u.$slots, "title", {}, () => [
+                K(u.$slots, "title", {}, () => [
                   we(re(u.title), 1)
                 ], !0)
               ])) : U("", !0),
@@ -22399,7 +22392,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
               ])
             ]),
             H("div", qF, [
-              V(u.$slots, "default", {}, void 0, !0)
+              K(u.$slots, "default", {}, void 0, !0)
             ])
           ], 512)) : U("", !0)
         ]),
@@ -22416,7 +22409,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
   },
   setup(e) {
     const t = b(() => ({
-      maxWidth: Tt(e.maxLabelWidth)
+      maxWidth: Dt(e.maxLabelWidth)
     }));
     return (a, n) => (y(), T("li", {
       "aria-current": a.state === "active" ? "step" : "false",
@@ -22873,17 +22866,17 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
   emits: ["cell-click", "row-click", "error-action-click", "empty-state-action-click", "update:table-preferences", "sort", "state"],
   setup(e, { emit: t }) {
     Rt((_) => ({
-      "3d4335a5": et.value
+      "514b4f8d": et.value
     }));
-    const { useDebounce: a, useRequest: n, useSwrvState: r, clientSideSorter: i } = In(), o = e, u = t, l = Jt(), s = Dt(), c = $t(), d = {
+    const { useDebounce: a, useRequest: n, useSwrvState: r, clientSideSorter: i } = In(), o = e, u = t, l = Jt(), s = St(), c = $t(), d = {
       pageSize: 15,
       page: 1,
       query: "",
       sortColumnKey: "",
       sortColumnOrder: "desc",
       offset: null
-    }, f = N([]), v = N(), h = N([]), m = N([]), g = N(""), p = N(""), w = N(""), C = b(() => h.value.filter((_) => _.hidable).length > 0), k = b(() => !!(C.value && !o.error && !Be.value && !o.loading && f.value && f.value.length)), S = b(() => h.value.filter((_) => _.hidable)), I = b(() => k.value ? o.tablePreferences.columnVisibility || {} : {}), x = N(k.value ? o.tablePreferences.columnVisibility || {} : {}), Y = N(0), F = N(!1), q = N(1), L = N(15), O = N(""), $ = N(""), M = N("desc"), D = N(null), B = N([]), Z = N(!0), K = N(!1), ae = N(!1), G = b(() => !!s.toolbar || k.value), he = b(() => ({
-      maxHeight: Tt(o.maxHeight)
+    }, f = N([]), v = N(), h = N([]), m = N([]), g = N(""), p = N(""), w = N(""), C = b(() => h.value.filter((_) => _.hidable).length > 0), k = b(() => !!(C.value && !o.error && !Be.value && !o.loading && f.value && f.value.length)), S = b(() => h.value.filter((_) => _.hidable)), I = b(() => k.value ? o.tablePreferences.columnVisibility || {} : {}), x = N(k.value ? o.tablePreferences.columnVisibility || {} : {}), Y = N(0), F = N(!1), q = N(1), L = N(15), O = N(""), $ = N(""), M = N("desc"), D = N(null), B = N([]), Z = N(!0), V = N(!1), ae = N(!1), G = b(() => !!s.toolbar || k.value), he = b(() => ({
+      maxHeight: Dt(o.maxHeight)
     })), fe = (_) => `column-${_}`, $e = (_) => `tooltip-${_}`, ge = (_) => _, Ne = (_, te) => (ce, ye) => {
       const Pe = /^on[^a-z]/, je = {};
       for (const ct in te)
@@ -22897,7 +22890,7 @@ const tl = () => HR(), qR = { "data-testid": "multiselect-container" }, WR = ["i
       }, {});
     }, _e = b(() => (_, te) => {
       const ce = Ne("onRow:", l)(te, "row"), ye = Ne("onCell:", l)(_, "cell"), Pe = ["a", "button", "label", "input", "select"];
-      return ce.click && (K.value = !0), {
+      return ce.click && (V.value = !0), {
         ...ce,
         ...ye,
         click(je) {
@@ -23090,7 +23083,7 @@ We suggest using 'KTableData' component instead.
 Docs: https://kongponents.konghq.com/components/table-data.html`), z();
     }), (_, te) => (y(), T("div", tz, [
       G.value ? (y(), T("div", az, [
-        V(_.$slots, "toolbar", { state: De.value }, void 0, !0),
+        K(_.$slots, "toolbar", { state: De.value }, void 0, !0),
         k.value ? (y(), T("div", nz, [
           j(Xm, {
             columns: S.value,
@@ -23105,7 +23098,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
         "data-testid": "table-skeleton",
         type: "table"
       })) : e.error ? (y(), T("div", rz, [
-        V(_.$slots, "error-state", {}, () => [
+        K(_.$slots, "error-state", {}, () => [
           j(Kn, {
             "icon-variant": "error",
             message: e.errorStateMessage,
@@ -23130,7 +23123,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
           ]), 1032, ["message", "title"])
         ], !0)
       ])) : !e.error && !Be.value && !e.loading && !J.value && f.value && !f.value.length ? (y(), T("div", iz, [
-        V(_.$slots, "empty-state", {}, () => [
+        K(_.$slots, "empty-state", {}, () => [
           j(Kn, {
             "icon-variant": e.emptyStateIconVariant,
             message: e.emptyStateMessage,
@@ -23146,7 +23139,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
                   onClick: te[2] || (te[2] = (ce) => _.$emit("empty-state-action-click"))
                 }, {
                   default: P(() => [
-                    V(_.$slots, "empty-state-action-icon", {}, void 0, !0),
+                    K(_.$slots, "empty-state-action-icon", {}, void 0, !0),
                     we(" " + re(e.emptyStateActionMessage), 1)
                   ]),
                   _: 3
@@ -23165,7 +23158,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
           H("table", {
             class: de(["table", {
               "has-hover": e.rowHover,
-              "is-clickable": K.value
+              "is-clickable": V.value
             }]),
             "data-tableid": A(c)
           }, [
@@ -23207,7 +23200,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
                     "aria-describedby": ce.tooltip || _.$slots[$e(ce.key)] ? `${$e(ce.key)}-${A(c)}` : void 0,
                     class: de(["table-headers-container", { resized: g.value === ce.key }])
                   }, [
-                    V(_.$slots, fe(ce.key), {
+                    K(_.$slots, fe(ce.key), {
                       column: ge(ce)
                     }, () => [
                       H("span", {
@@ -23222,7 +23215,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
                       "tooltip-id": `${$e(ce.key)}-${A(c)}`
                     }, {
                       content: P(() => [
-                        V(_.$slots, $e(ce.key), {
+                        K(_.$slots, $e(ce.key), {
                           column: ge(ce)
                         }, () => [
                           we(re(ce.tooltip), 1)
@@ -23259,8 +23252,8 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
             H("tbody", null, [
               (y(!0), T(Ae, null, Re(f.value, (ce, ye) => (y(), T("tr", Ye({ ref_for: !0 }, e.rowAttrs(ce), {
                 key: `table-${A(c)}-row-${ye}`,
-                role: K.value ? "link" : null,
-                tabindex: K.value ? 0 : null
+                role: V.value ? "link" : null,
+                tabindex: V.value ? 0 : null
               }), [
                 (y(!0), T(Ae, null, Re(m.value, (Pe, je) => (y(), T("td", Ye({ ref_for: !0 }, e.cellAttrs({ headerKey: Pe.key, row: ce, rowIndex: ye, colIndex: je }), {
                   key: `table-${A(c)}-cell-${je}`,
@@ -23269,7 +23262,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
                   },
                   style: qe.value[Pe.key]
                 }, Ms(_e.value(ce[Pe.key], ce), !0)), [
-                  V(_.$slots, Pe.key, {
+                  K(_.$slots, Pe.key, {
                     row: ge(ce),
                     rowKey: ye,
                     rowValue: ce[Pe.key]
@@ -23302,7 +23295,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
       ]))
     ]));
   }
-}), pz = /* @__PURE__ */ Oe(vz, [["__scopeId", "data-v-f98342d3"]]), hz = { class: "k-tabs" }, gz = {
+}), pz = /* @__PURE__ */ Oe(vz, [["__scopeId", "data-v-f70c5972"]]), hz = { class: "k-tabs" }, gz = {
   "aria-label": "Tabs",
   role: "tablist"
 }, mz = ["id", "data-testid"], yz = ["id", "aria-labelledby"], bz = /* @__PURE__ */ le({
@@ -23349,7 +23342,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
             ]
           }, {
             default: P(() => [
-              V(l.$slots, `${i(c.hash)}-anchor`, {}, () => [
+              K(l.$slots, `${i(c.hash)}-anchor`, {}, () => [
                 H("span", null, re(c.title), 1)
               ])
             ]),
@@ -23364,7 +23357,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
         class: "tab-container",
         role: "tabpanel"
       }, [
-        n.value === c.hash ? V(l.$slots, i(c.hash), { key: 0 }) : U("", !0)
+        n.value === c.hash ? K(l.$slots, i(c.hash), { key: 0 }) : U("", !0)
       ], 8, yz))), 128))
     ]));
   }
@@ -23393,7 +23386,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
     }, { immediate: !0 }), ue(() => e.hasError, (S) => {
       S && console.warn("KTextArea: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea");
     }, { immediate: !0 });
-    const a = t, n = Jt(), r = Dt(), { stripRequiredLabel: i } = In(), o = b(() => (n == null ? void 0 : n.required) !== void 0 && String(n == null ? void 0 : n.required) !== "false"), u = N(""), l = b(() => i(e.label, o.value)), s = b(() => {
+    const a = t, n = Jt(), r = St(), { stripRequiredLabel: i } = In(), o = b(() => (n == null ? void 0 : n.required) !== void 0 && String(n == null ? void 0 : n.required) !== "false"), u = N(""), l = b(() => i(e.label, o.value)), s = b(() => {
       var S, I;
       return !!((S = e.labelAttributes) != null && S.help || (I = e.labelAttributes) != null && I.info || r["label-tooltip"]);
     }), c = b(() => e.error || e.hasError || g.value ? !0 : void 0), d = N(0), f = b({
@@ -23448,7 +23441,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), z();
         s.value ? {
           name: "tooltip",
           fn: P(() => [
-            V(S.$slots, "label-tooltip", {}, void 0, !0)
+            K(S.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
@@ -24388,8 +24381,8 @@ ze.prototype = /** @lends Sortable.prototype */
   _onDragOver: function(t) {
     var a = this.el, n = t.target, r, i, o, u = this.options, l = u.group, s = ze.active, c = Mo === l, d = u.sort, f = Ot || s, v, h = this, m = !1;
     if (pu) return;
-    function g(K, ae) {
-      Qt(K, h, Ra({
+    function g(V, ae) {
+      Qt(V, h, Ra({
         evt: t,
         isOwner: c,
         axis: v ? "vertical" : "horizontal",
@@ -24409,12 +24402,12 @@ ze.prototype = /** @lends Sortable.prototype */
     function p() {
       g("dragOverAnimationCapture"), h.captureAnimationState(), h !== f && f.captureAnimationState();
     }
-    function w(K) {
+    function w(V) {
       return g("dragOverCompleted", {
-        insertion: K
-      }), K && (c ? s._hideClone() : s._showClone(h), h !== f && (ta(be, Ot ? Ot.options.ghostClass : s.options.ghostClass, !1), ta(be, u.ghostClass, !0)), Ot !== h && h !== ze.active ? Ot = h : h === ze.active && Ot && (Ot = null), f === h && (h._ignoreWhileAnimating = n), h.animateAll(function() {
+        insertion: V
+      }), V && (c ? s._hideClone() : s._showClone(h), h !== f && (ta(be, Ot ? Ot.options.ghostClass : s.options.ghostClass, !1), ta(be, u.ghostClass, !0)), Ot !== h && h !== ze.active ? Ot = h : h === ze.active && Ot && (Ot = null), f === h && (h._ignoreWhileAnimating = n), h.animateAll(function() {
         g("dragOverAnimationComplete"), h._ignoreWhileAnimating = null;
-      }), h !== f && (f.animateAll(), f._ignoreWhileAnimating = null)), (n === be && !be.animated || n === a && !n.animated) && (vr = null), !u.dragoverBubble && !t.rootEl && n !== document && (be.parentNode[ia]._isOutsideThisEl(t.target), !K && Pn(t)), !u.dragoverBubble && t.stopPropagation && t.stopPropagation(), m = !0;
+      }), h !== f && (f.animateAll(), f._ignoreWhileAnimating = null)), (n === be && !be.animated || n === a && !n.animated) && (vr = null), !u.dragoverBubble && !t.rootEl && n !== document && (be.parentNode[ia]._isOutsideThisEl(t.target), !V && Pn(t)), !u.dragoverBubble && t.stopPropagation && t.stopPropagation(), m = !0;
     }
     function C() {
       aa = ua(be), hn = ua(be, u.draggable), Yt({
@@ -25188,7 +25181,7 @@ const yY = {
   emits: ["selected", "expanded"],
   setup(e, { expose: t, emit: a }) {
     var d;
-    const n = e, r = a, i = Dt(), o = b(() => !n.hideIcons || !!i["item-icon"]), u = (f) => {
+    const n = e, r = a, i = St(), o = b(() => !n.hideIcons || !!i["item-icon"]), u = (f) => {
       f.target && f.target.closest("a:not(.disabled), button:not([data-tree-item-trigger]), label, input, select") !== null || r("selected", n.item);
     }, l = N(!0), s = (f) => {
       l.value = f;
@@ -25245,12 +25238,12 @@ const yY = {
         onClick: Ke(u, ["prevent"])
       }, [
         o.value ? (y(), T("div", $Y, [
-          V(f.$slots, "item-icon", {}, () => [
+          K(f.$slots, "item-icon", {}, () => [
             j(A(hy), { decorative: "" })
           ], !0)
         ])) : U("", !0),
         H("div", SY, [
-          V(f.$slots, "item-label", {}, () => [
+          K(f.$slots, "item-label", {}, () => [
             we(re(e.item.name), 1)
           ], !0)
         ])
@@ -25337,7 +25330,7 @@ const yY = {
       r("selected", L);
     }, m = N(/* @__PURE__ */ new Map()), g = (L, O) => {
       m.value.set(O, L);
-    }, p = (L) => n.collapsible ? !!m.value.get(L) : !0, w = St("tree-items"), C = () => {
+    }, p = (L) => n.collapsible ? !!m.value.get(L) : !0, w = Tt("tree-items"), C = () => {
       var L;
       o.value.forEach((O) => {
         m.value.set(O.id, !1);
@@ -25352,8 +25345,8 @@ const yY = {
         O == null || O.setExpandedValue(!0);
       });
     }, S = b(() => n.level > n.maxDepth - 1), I = (L) => {
-      var B, Z, K, ae;
-      const O = ((Z = (B = L.relatedContext) == null ? void 0 : B.component) == null ? void 0 : Z.$attrs.level) || 0, $ = (K = L.draggedContext) == null ? void 0 : K.element;
+      var B, Z, V, ae;
+      const O = ((Z = (B = L.relatedContext) == null ? void 0 : B.component) == null ? void 0 : Z.$attrs.level) || 0, $ = (V = L.draggedContext) == null ? void 0 : V.element;
       let M = 0;
       return (ae = $.children) != null && ae.length && (M = Id($)), !(O + M > n.maxDepth - 1);
     }, x = (L) => {
@@ -25421,7 +25414,7 @@ const yY = {
               onSelected: h
             }, mt({
               "item-label": P(() => [
-                V(L.$slots, "item-label", { item: M }, () => [
+                K(L.$slots, "item-label", { item: M }, () => [
                   we(re(M.name), 1)
                 ], !0)
               ]),
@@ -25430,7 +25423,7 @@ const yY = {
               L.$slots["item-icon"] ? {
                 name: "item-icon",
                 fn: P(() => [
-                  V(L.$slots, "item-icon", { item: M }, void 0, !0)
+                  K(L.$slots, "item-icon", { item: M }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0
@@ -25455,14 +25448,14 @@ const yY = {
               onSelected: h
             }, mt({
               "item-label": P(({ item: D }) => [
-                V(L.$slots, "item-label", { item: D }, void 0, !0)
+                K(L.$slots, "item-label", { item: D }, void 0, !0)
               ]),
               _: 2
             }, [
               L.$slots["item-icon"] ? {
                 name: "item-icon",
                 fn: P(({ item: D }) => [
-                  V(L.$slots, "item-icon", { item: D }, void 0, !0)
+                  K(L.$slots, "item-icon", { item: D }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0
@@ -25475,7 +25468,7 @@ const yY = {
       }, 16, ["disabled", "filter", "group", "level", "list"]);
     };
   }
-}), IY = /* @__PURE__ */ Oe(AY, [["__scopeId", "data-v-d5756bf1"]]), v1 = (e, t) => (e.forEach((a) => {
+}), IY = /* @__PURE__ */ Oe(AY, [["__scopeId", "data-v-f0240cb3"]]), v1 = (e, t) => (e.forEach((a) => {
   var n;
   t.push(a.id), (n = a.children) != null && n.length && v1(a.children, t);
 }), t), EY = (e) => {
@@ -25544,7 +25537,7 @@ const yY = {
         i.value = h;
       }
     }), u = b(() => ({
-      maxWidth: Tt(n.width)
+      maxWidth: Dt(n.width)
     })), l = (h, m) => {
       (m || i.value).forEach((p) => {
         var w;
@@ -25564,7 +25557,7 @@ const yY = {
         g.children || (g.children = []);
       }));
     });
-    const d = St("tree-draggable");
+    const d = Tt("tree-draggable");
     return t({ collapseAll: () => {
       var h;
       (h = d.value) == null || h.collapseAll();
@@ -25596,14 +25589,14 @@ const yY = {
         onSelected: l
       }, mt({
         "item-label": P(({ item: g }) => [
-          V(h.$slots, "item-label", { item: g })
+          K(h.$slots, "item-label", { item: g })
         ]),
         _: 2
       }, [
         h.$slots["item-icon"] ? {
           name: "item-icon",
           fn: P(({ item: g }) => [
-            V(h.$slots, "item-icon", { item: g })
+            K(h.$slots, "item-icon", { item: g })
           ]),
           key: "0"
         } : void 0
@@ -25628,7 +25621,7 @@ const yY = {
       rel: "noopener",
       target: "_blank"
     }, [
-      V(a.$slots, "default", {}, void 0, !0),
+      K(a.$slots, "default", {}, void 0, !0),
       a.hideIcon ? U("", !0) : (y(), ee(A(ty), {
         key: 0,
         decorative: "",
@@ -25692,7 +25685,7 @@ const yY = {
     }, v = async () => {
       t.value = !t.value, await ht(), d();
     }, h = b(() => ({
-      width: Tt(e.width)
+      width: Dt(e.width)
     }));
     return rt(() => {
       n.value = er.create(c), n.value.observe(r.value), d();
@@ -25709,7 +25702,7 @@ const yY = {
       }, [
         !m.truncateText && a.value ? (y(), T("div", LY, [
           t.value ? U("", !0) : (y(), T("div", BY, [
-            V(m.$slots, "expand-trigger", {
+            K(m.$slots, "expand-trigger", {
               expand: v,
               truncatedCount: s.value
             }, () => [
@@ -25727,9 +25720,9 @@ const yY = {
           ref: r,
           class: "truncate-container"
         }, [
-          V(m.$slots, "default", {}, void 0, !0),
+          K(m.$slots, "default", {}, void 0, !0),
           !m.truncateText && t.value ? (y(), T("div", FY, [
-            V(m.$slots, "collapse-trigger", { collapse: v }, () => [
+            K(m.$slots, "collapse-trigger", { collapse: v }, () => [
               H("button", {
                 "aria-label": "Collapse content",
                 class: "collapse-trigger",
@@ -25751,7 +25744,7 @@ const yY = {
           class: "truncate-collapse-controls"
         }, [
           t.value ? U("", !0) : (y(), T("div", zY, [
-            V(m.$slots, "expand-trigger", { expand: v }, () => [
+            K(m.$slots, "expand-trigger", { expand: v }, () => [
               j(p, {
                 appearance: "tertiary",
                 size: "small",
@@ -25766,7 +25759,7 @@ const yY = {
             ], !0)
           ])),
           t.value ? (y(), T("div", YY, [
-            V(m.$slots, "collapse-trigger", { collapse: v }, () => [
+            K(m.$slots, "collapse-trigger", { collapse: v }, () => [
               j(p, {
                 appearance: "tertiary",
                 size: "small",
@@ -25908,7 +25901,7 @@ const yY = {
       "kpop-attributes": { placement: "bottom-end" }
     }, {
       items: P(() => [
-        V(t.$slots, "items", {}, void 0, !0)
+        K(t.$slots, "items", {}, void 0, !0)
       ]),
       default: P(() => [
         j(pa, {
@@ -26044,14 +26037,14 @@ const yY = {
   setup(e, { emit: t }) {
     var ma;
     Rt((R) => ({
-      "7b3561d9": A(qe).expandable,
-      "25cf786e": ve.value,
-      25376546: k.value,
-      a7c831cc: D.value
+      "3fd36684": A(qe).expandable,
+      "5f0ecfba": ve.value,
+      "95d5ad8a": k.value,
+      "50fbed8f": D.value
     }));
-    const a = Kp(e, ["resizeColumns", "tablePreferences", "rowHover", "rowAttrs", "rowLink", "rowBulkActionEnabled", "rowKey", "cellAttrs", "loading", "emptyStateTitle", "emptyStateMessage", "emptyStateActionMessage", "emptyStateIconVariant", "emptyStateButtonAppearance", "emptyStateActionRoute", "error", "errorStateTitle", "errorStateMessage", "errorStateActionMessage", "errorStateActionRoute", "maxHeight", "hidePagination", "paginationAttributes", "rowExpandable", "rowExpanded", "hideHeaders", "nested", "hidePaginationWhenOptional", "hideToolbar", "tooltipTarget", "data", "headers"]), n = t, r = Dt(), i = $t(), o = (R) => typeof e.rowKey == "function" && typeof e.rowKey(R) == "string" ? e.rowKey(R) : typeof e.rowKey == "string" && e.rowKey in R && typeof R[e.rowKey] == "string" ? R[e.rowKey] : "", u = St("table-wrapper"), l = St("header-row"), s = N([]), c = N([]), d = N(""), f = N(""), v = N(""), h = b(() => s.value.filter((R) => R.hidable).length > 0), m = b(() => e.nested || !h.value || e.error ? !1 : r.toolbar ? !0 : !e.loading && !!e.data && !!e.data.length), g = b(() => e.loading || !(e.data && e.data.length)), p = b(() => s.value.filter((R) => R.hidable && !Ie(R.key))), w = b(() => m.value ? e.tablePreferences.columnVisibility || {} : {}), C = N(m.value ? e.tablePreferences.columnVisibility || {} : {}), k = N("100%"), S = N(!1), I = N(!1), x = N(!1), Y = N(!1), F = N(""), q = N("desc"), L = N(!1), O = b(() => !e.hideToolbar && !e.nested && (!!r.toolbar || m.value || ae.value)), $ = N(!1), M = b(() => ({
-      maxHeight: Tt(e.maxHeight)
-    })), D = b(() => `${tg()}px`), B = N([]), Z = b(() => !e.nested && !e.error && s.value.some((R) => R.key === Ve.BULK_ACTIONS) && !!(r["bulk-action-items"] || r["bulk-actions"]) && !!e.data.every((R) => o(R))), K = N([]), ae = b(() => e.nested || !Z.value || e.error ? !1 : r.toolbar ? !0 : !e.loading && !!e.data && !!e.data.length), G = b(() => {
+    const a = Kp(e, ["resizeColumns", "tablePreferences", "rowHover", "rowAttrs", "rowLink", "rowBulkActionEnabled", "rowKey", "cellAttrs", "loading", "emptyStateTitle", "emptyStateMessage", "emptyStateActionMessage", "emptyStateIconVariant", "emptyStateButtonAppearance", "emptyStateActionRoute", "error", "errorStateTitle", "errorStateMessage", "errorStateActionMessage", "errorStateActionRoute", "maxHeight", "hidePagination", "paginationAttributes", "rowExpandable", "rowExpanded", "hideHeaders", "nested", "hidePaginationWhenOptional", "hideToolbar", "tooltipTarget", "data", "headers"]), n = t, r = St(), i = $t(), o = (R) => typeof e.rowKey == "function" && typeof e.rowKey(R) == "string" ? e.rowKey(R) : typeof e.rowKey == "string" && e.rowKey in R && typeof R[e.rowKey] == "string" ? R[e.rowKey] : "", u = Tt("table-wrapper"), l = Tt("header-row"), s = N([]), c = N([]), d = N(""), f = N(""), v = N(""), h = b(() => s.value.filter((R) => R.hidable).length > 0), m = b(() => e.nested || !h.value || e.error ? !1 : r.toolbar ? !0 : !e.loading && !!e.data && !!e.data.length), g = b(() => e.loading || !(e.data && e.data.length)), p = b(() => s.value.filter((R) => R.hidable && !Ie(R.key))), w = b(() => m.value ? e.tablePreferences.columnVisibility || {} : {}), C = N(m.value ? e.tablePreferences.columnVisibility || {} : {}), k = N("100%"), S = N(!1), I = N(!1), x = N(!1), Y = N(!1), F = N(""), q = N("desc"), L = N(!1), O = b(() => !e.hideToolbar && !e.nested && (!!r.toolbar || m.value || ae.value)), $ = N(!1), M = b(() => ({
+      maxHeight: Dt(e.maxHeight)
+    })), D = b(() => `${tg()}px`), B = N([]), Z = b(() => !e.nested && !e.error && s.value.some((R) => R.key === Ve.BULK_ACTIONS) && !!(r["bulk-action-items"] || r["bulk-actions"]) && !!e.data.every((R) => o(R))), V = N([]), ae = b(() => e.nested || !Z.value || e.error ? !1 : r.toolbar ? !0 : !e.loading && !!e.data && !!e.data.length), G = b(() => {
       const R = B.value.length;
       return R ? R > 100 ? "99+" : String(R) : "";
     }), he = N(/* @__PURE__ */ new WeakMap()), fe = (R) => `column-${R}`, $e = (R) => `tooltip-${R}`, ge = (R, ne) => (J, _) => {
@@ -26195,7 +26188,7 @@ const yY = {
     }, Qe = (R) => {
       const ne = R.target;
       ne && (typeof ne.scrollTop == "number" || typeof ne.scrollLeft == "number") && (ne.scrollTop > 1 ? (S.value = !0, I.value = !0) : ne.scrollTop === 0 && (I.value = !1), ne.scrollLeft > 1 ? x.value = !0 : ne.scrollLeft === 0 && (x.value = !1), ne.scrollWidth === ne.scrollLeft + ne.clientWidth ? Y.value = !1 : Y.value = !0);
-    }, lt = (R) => K.value.find((ne) => ne.rowKey === o(R)), It = (R) => {
+    }, lt = (R) => V.value.find((ne) => ne.rowKey === o(R)), It = (R) => {
       if (typeof e.rowBulkActionEnabled != "function")
         return !1;
       const ne = e.rowBulkActionEnabled(R);
@@ -26256,14 +26249,14 @@ const yY = {
       R && (C.value = e.tablePreferences.columnVisibility || {});
     }, { immediate: !0 });
     const tt = N(!1), wt = b(() => {
-      const R = K.value.filter((ne) => !ne.disabled && e.data.find((J) => o(J) === ne.rowKey));
+      const R = V.value.filter((ne) => !ne.disabled && e.data.find((J) => o(J) === ne.rowKey));
       return !!R.filter((ne) => ne.selected).length && !!R.filter((ne) => !ne.selected).length;
     }), Mt = (R) => {
-      K.value.forEach((ne) => {
+      V.value.forEach((ne) => {
         e.data.find((J) => o(J) === ne.rowKey) && !ne.disabled && (ne.selected = R);
       });
     };
-    return ue([() => e.data, K], (R) => {
+    return ue([() => e.data, V], (R) => {
       const [ne, J] = R;
       if (ne.forEach((_) => {
         if (!he.value.get(_)) {
@@ -26272,7 +26265,7 @@ const yY = {
         }
       }), Z.value) {
         ne.forEach((ye) => {
-          lt(ye) || K.value.push({
+          lt(ye) || V.value.push({
             rowKey: o(ye),
             selected: !1,
             disabled: !It(ye)
@@ -26301,9 +26294,9 @@ const yY = {
       class: de(["k-table-view", { "hide-headers": R.hideHeaders }])
     }, [
       O.value ? (y(), T("div", ZY, [
-        V(R.$slots, "toolbar", {}, void 0, !0),
+        K(R.$slots, "toolbar", {}, void 0, !0),
         ae.value || m.value ? (y(), T("div", XY, [
-          ae.value ? V(R.$slots, "bulk-actions", {
+          ae.value ? K(R.$slots, "bulk-actions", {
             key: 0,
             selectedRows: B.value
           }, () => [
@@ -26314,7 +26307,7 @@ const yY = {
               disabled: !G.value || R.loading || !R.data.length
             }, {
               items: P(() => [
-                V(R.$slots, "bulk-action-items", { selectedRows: B.value }, void 0, !0)
+                K(R.$slots, "bulk-action-items", { selectedRows: B.value }, void 0, !0)
               ]),
               _: 3
             }, 8, ["button-label", "count", "disabled"]))
@@ -26334,7 +26327,7 @@ const yY = {
         "data-testid": "table-skeleton",
         type: "table"
       })) : R.error ? (y(), T("div", JY, [
-        V(R.$slots, "error-state", {}, () => [
+        K(R.$slots, "error-state", {}, () => [
           j(Kn, {
             "icon-variant": "error",
             message: R.errorStateMessage,
@@ -26359,7 +26352,7 @@ const yY = {
           ]), 1032, ["message", "title"])
         ], !0)
       ])) : !R.error && !R.loading && R.data && !R.data.length ? (y(), T("div", eH, [
-        V(R.$slots, "empty-state", {}, () => [
+        K(R.$slots, "empty-state", {}, () => [
           j(Kn, {
             "icon-variant": R.emptyStateIconVariant,
             message: R.emptyStateMessage,
@@ -26375,7 +26368,7 @@ const yY = {
                   onClick: ne[2] || (ne[2] = (J) => n("empty-state-action-click"))
                 }, {
                   default: P(() => [
-                    V(R.$slots, "empty-state-action-icon", {}, void 0, !0),
+                    K(R.$slots, "empty-state-action-icon", {}, void 0, !0),
                     we(" " + re(R.emptyStateActionMessage), 1)
                   ]),
                   _: 3
@@ -26431,7 +26424,7 @@ const yY = {
                     "aria-describedby": J.tooltip || r[$e(J.key)] ? `${$e(J.key)}-${A(i)}` : void 0,
                     class: de(["table-headers-container", { resized: d.value === J.key }])
                   }, [
-                    J.key !== A(Ve).BULK_ACTIONS ? V(R.$slots, fe(J.key), {
+                    J.key !== A(Ve).BULK_ACTIONS ? K(R.$slots, fe(J.key), {
                       key: 0,
                       column: J
                     }, () => [
@@ -26459,7 +26452,7 @@ const yY = {
                       "tooltip-id": `${$e(J.key)}-${A(i)}`
                     }, {
                       content: P(() => [
-                        V(R.$slots, $e(J.key), { column: J }, () => [
+                        K(R.$slots, $e(J.key), { column: J }, () => [
                           we(re(J.tooltip), 1)
                         ], !0)
                       ]),
@@ -26525,7 +26518,7 @@ const yY = {
                       class: "cell-wrapper"
                     }, { ref_for: !0 }, ea(J, te.key)), {
                       default: P(() => [
-                        te.key !== A(Ve).BULK_ACTIONS && te.key !== A(Ve).ACTIONS ? V(R.$slots, te.key, {
+                        te.key !== A(Ve).BULK_ACTIONS && te.key !== A(Ve).ACTIONS ? K(R.$slots, te.key, {
                           key: 0,
                           row: J,
                           rowKey: _,
@@ -26558,7 +26551,7 @@ const yY = {
                           onToggleDropdown: (ye) => Ue(J, ye)
                         }, {
                           items: P(() => [
-                            V(R.$slots, "action-items", { row: J }, void 0, !0)
+                            K(R.$slots, "action-items", { row: J }, void 0, !0)
                           ]),
                           default: P(() => [
                             j(nt, {
@@ -26618,7 +26611,7 @@ const yY = {
                     colspan: c.value.length
                   }, [
                     H("div", vH, [
-                      V(R.$slots, "row-expanded", {
+                      K(R.$slots, "row-expanded", {
                         columnWidths: pe.value,
                         nestedHeaders: Q.value,
                         row: J
@@ -26657,7 +26650,7 @@ const yY = {
       ]))
     ], 2));
   }
-}), p1 = /* @__PURE__ */ Oe(pH, [["__scopeId", "data-v-e9d06ca8"]]), hH = /* @__PURE__ */ le({
+}), p1 = /* @__PURE__ */ Oe(pH, [["__scopeId", "data-v-161a7429"]]), hH = /* @__PURE__ */ le({
   __name: "KTableData",
   props: {
     fetcher: { type: Function },
@@ -26739,7 +26732,7 @@ const yY = {
     const n = Kp(e, ["resizeColumns", "tablePreferences", "rowHover", "rowAttrs", "rowLink", "rowBulkActionEnabled", "rowKey", "cellAttrs", "loading", "emptyStateTitle", "emptyStateMessage", "emptyStateActionMessage", "emptyStateIconVariant", "emptyStateButtonAppearance", "emptyStateActionRoute", "error", "errorStateTitle", "errorStateMessage", "errorStateActionMessage", "errorStateActionRoute", "maxHeight", "hidePagination", "paginationAttributes", "rowExpandable", "rowExpanded", "hideHeaders", "nested", "hidePaginationWhenOptional", "hideToolbar", "headers", "fetcherCacheKey", "cacheIdentifier", "searchInput", "initialFetcherParams", "clientSort", "sortable", "fetcher", "sortHandlerFunction", "tooltipTarget"]), r = b(() => {
       const oe = /^on[^a-z]/;
       return b$(n, (Be, De) => oe.test(De));
-    }), i = a, o = Dt(), { useDebounce: u, useRequest: l, useSwrvState: s, clientSideSorter: c } = In(), d = $t(), f = N([]), v = b(() => e.sortable ? e.headers : e.headers.map((oe) => ({ ...oe, sortable: !1 }))), h = b(() => e.emptyStateButtonAppearance ? e.emptyStateButtonAppearance : e.searchInput ? "tertiary" : "primary"), m = N(0), g = N(1), p = N(Zm(e.tablePreferences, e.paginationAttributes)), w = N(e.searchInput ?? ""), C = N(""), k = N("desc"), S = N(null), I = N([]), x = N(!0), Y = N(!1), F = {
+    }), i = a, o = St(), { useDebounce: u, useRequest: l, useSwrvState: s, clientSideSorter: c } = In(), d = $t(), f = N([]), v = b(() => e.sortable ? e.headers : e.headers.map((oe) => ({ ...oe, sortable: !1 }))), h = b(() => e.emptyStateButtonAppearance ? e.emptyStateButtonAppearance : e.searchInput ? "tertiary" : "primary"), m = N(0), g = N(1), p = N(Zm(e.tablePreferences, e.paginationAttributes)), w = N(e.searchInput ?? ""), C = N(""), k = N("desc"), S = N(null), I = N([]), x = N(!0), Y = N(!1), F = {
       pageSize: p.value,
       page: g.value,
       query: w.value,
@@ -26756,14 +26749,14 @@ const yY = {
     })), L = (oe) => oe.startsWith("column-"), O = (oe) => oe.startsWith("tooltip-"), $ = (oe) => v.value.some((Be) => Be.key === oe), M = b(() => o ? Object.keys(o).filter(L) : []), D = b(() => o ? Object.keys(o).filter(O) : []), B = b(() => o ? Object.keys(o).filter($) : []), Z = b(() => ({
       sortColumnKey: C.value,
       sortColumnOrder: k.value
-    })), K = b(() => ({
+    })), V = b(() => ({
       pageSize: p.value,
       page: g.value,
       query: w.value,
       offset: S.value,
       ...e.clientSort ? {} : Z.value
     })), ae = b(() => ({
-      ...K.value,
+      ...V.value,
       ...Z.value
     })), G = N(!0), he = async () => {
       const oe = await e.fetcher(ae.value);
@@ -26779,7 +26772,7 @@ const yY = {
       if (!e.fetcher || !Y.value)
         return "";
       let oe = d;
-      return e.cacheIdentifier && (oe = e.cacheIdentifier), oe += `-${JSON.stringify(K.value)}`, e.fetcherCacheKey && (oe += `-${e.fetcherCacheKey}`), `k-table_${oe}`;
+      return e.cacheIdentifier && (oe = e.cacheIdentifier), oe += `-${JSON.stringify(V.value)}`, e.fetcherCacheKey && (oe += `-${e.fetcherCacheKey}`), `k-table_${oe}`;
     }), { debouncedFn: _e, generateDebouncedFn: Le } = u((oe) => {
       w.value = oe;
     }, 350), qe = Le(0), {
@@ -26910,74 +26903,74 @@ const yY = {
       o.toolbar && !oe.hideToolbar ? {
         name: "toolbar",
         fn: P(() => [
-          V(oe.$slots, "toolbar", { state: z.value })
+          K(oe.$slots, "toolbar", { state: z.value })
         ]),
         key: "0"
       } : void 0,
       o["bulk-actions"] ? {
         name: "bulk-actions",
         fn: P((De) => [
-          V(oe.$slots, "bulk-actions", na(Da(De)))
+          K(oe.$slots, "bulk-actions", na(Da(De)))
         ]),
         key: "1"
       } : void 0,
       o["bulk-action-items"] ? {
         name: "bulk-action-items",
         fn: P((De) => [
-          V(oe.$slots, "bulk-action-items", na(Da(De)))
+          K(oe.$slots, "bulk-action-items", na(Da(De)))
         ]),
         key: "2"
       } : void 0,
       o["error-state"] ? {
         name: "error-state",
         fn: P(() => [
-          V(oe.$slots, "error-state")
+          K(oe.$slots, "error-state")
         ]),
         key: "3"
       } : void 0,
       o["empty-state"] ? {
         name: "empty-state",
         fn: P(() => [
-          V(oe.$slots, "empty-state")
+          K(oe.$slots, "empty-state")
         ]),
         key: "4"
       } : void 0,
       o["empty-state-action-icon"] ? {
         name: "empty-state-action-icon",
         fn: P(() => [
-          V(oe.$slots, "empty-state-action-icon")
+          K(oe.$slots, "empty-state-action-icon")
         ]),
         key: "5"
       } : void 0,
       Re(M.value, (De) => ({
         name: De,
         fn: P((X) => [
-          V(oe.$slots, De, na(Da(X)))
+          K(oe.$slots, De, na(Da(X)))
         ])
       })),
       Re(D.value, (De) => ({
         name: De,
         fn: P((X) => [
-          V(oe.$slots, De, na(Da(X)))
+          K(oe.$slots, De, na(Da(X)))
         ])
       })),
       Re(B.value, (De) => ({
         name: De,
         fn: P((X) => [
-          V(oe.$slots, De, na(Da(X)))
+          K(oe.$slots, De, na(Da(X)))
         ])
       })),
       o["action-items"] ? {
         name: "action-items",
         fn: P((De) => [
-          V(oe.$slots, "action-items", na(Da(De)))
+          K(oe.$slots, "action-items", na(Da(De)))
         ]),
         key: "6"
       } : void 0,
       o["row-expanded"] ? {
         name: "row-expanded",
         fn: P((De) => [
-          V(oe.$slots, "row-expanded", na(Da(De)))
+          K(oe.$slots, "row-expanded", na(Da(De)))
         ]),
         key: "7"
       } : void 0
@@ -27016,7 +27009,7 @@ const yY = {
       transform: `translateX(-${h(c.value)})`
     })), o = () => {
       a("change", c.value), l();
-    }, u = St("thumbPopover"), l = () => {
+    }, u = Tt("thumbPopover"), l = () => {
       var m;
       (m = u.value) == null || m.showPopover();
     }, s = () => {