@kong/kongponents 9.56.3-pr.3225.360dfd9.0 → 9.57.0

package/dist/kongponents.es100.js

@@ -5,8 +5,8 @@ import j from "./kongponents.es24.js";
 import G from "./kongponents.es56.js";
 import H from "./kongponents.es23.js";
 import J from "./kongponents.es44.js";
-import Q from "./kongponents.es195.js";
-import { KUI_SPACE_20 as W } from "./kongponents.es177.js";
+import Q from "./kongponents.es225.js";
+import { KUI_SPACE_20 as W } from "./kongponents.es182.js";
 const X = {
   class: "dropdown-list",
   "data-testid": "dropdown-list"

package/dist/kongponents.es106.js

@@ -1,9 +1,9 @@
 import { defineComponent as T, useSlots as b, useId as K, computed as u, openBlock as o, createElementBlock as a, normalizeClass as f, createElementVNode as l, renderSlot as n, createBlock as y, resolveDynamicComponent as N, unref as k, createTextVNode as v, toDisplayString as c, createCommentVNode as s, createVNode as O, withCtx as d, Fragment as S, renderList as D } from "vue";
-import $ from "./kongponents.es205.js";
-import R from "./kongponents.es206.js";
-import U from "./kongponents.es189.js";
-import A from "./kongponents.es204.js";
-import { KUI_COLOR_TEXT_DECORATIVE_AQUA as L, KUI_COLOR_TEXT_NEUTRAL as z, KUI_COLOR_TEXT_WARNING as w, KUI_ICON_SIZE_60 as X } from "./kongponents.es177.js";
+import $ from "./kongponents.es219.js";
+import R from "./kongponents.es211.js";
+import U from "./kongponents.es192.js";
+import A from "./kongponents.es181.js";
+import { KUI_COLOR_TEXT_DECORATIVE_AQUA as L, KUI_COLOR_TEXT_NEUTRAL as z, KUI_COLOR_TEXT_WARNING as w, KUI_ICON_SIZE_60 as X } from "./kongponents.es182.js";
 import q from "./kongponents.es32.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.js";

package/dist/kongponents.es108.js

@@ -2,9 +2,9 @@ import { defineComponent as ue, useSlots as ne, useAttrs as de, useId as se, com
 import me from "./kongponents.es51.js";
 import be from "./kongponents.es49.js";
 import J from "./kongponents.es32.js";
-import pe from "./kongponents.es192.js";
-import he from "./kongponents.es212.js";
-import ge from "./kongponents.es213.js";
+import pe from "./kongponents.es195.js";
+import he from "./kongponents.es196.js";
+import ge from "./kongponents.es197.js";
 const ye = ["role"], ze = { class: "file-upload-input-wrapper" }, ke = {
   key: 1,
   class: "file-upload-dropzone-wrapper"

package/dist/kongponents.es110.js

@@ -1,9 +1,9 @@
 import { defineComponent as te, useCssVars as ae, watch as m, useSlots as le, useTemplateRef as re, ref as n, useAttrs as oe, computed as l, useId as B, onMounted as ie, nextTick as ne, openBlock as o, createElementBlock as c, normalizeClass as K, unref as v, createBlock as V, mergeProps as W, createSlots as ue, withCtx as x, createTextVNode as L, toDisplayString as I, renderSlot as p, createCommentVNode as b, createElementVNode as R, withModifiers as M, createVNode as se, Transition as de, Fragment as ce } from "vue";
-import fe from "./kongponents.es192.js";
+import fe from "./kongponents.es195.js";
 import me from "./kongponents.es51.js";
-import { KUI_ICON_SIZE_40 as O } from "./kongponents.es177.js";
-import ve from "./kongponents.es199.js";
-import he from "./kongponents.es200.js";
+import { KUI_ICON_SIZE_40 as O } from "./kongponents.es182.js";
+import ve from "./kongponents.es201.js";
+import he from "./kongponents.es202.js";
 const ge = ["id", "aria-describedby", "aria-invalid", "type", "value"], pe = ["aria-label"], be = ["id"], xe = /* @__PURE__ */ te({
   inheritAttrs: !1,
   __name: "KInput",

package/dist/kongponents.es114.js

@@ -1,8 +1,8 @@
 import { defineComponent as b, watch as h, useSlots as g, computed as k, useId as A, useTemplateRef as C, openBlock as a, createElementBlock as T, normalizeClass as v, renderSlot as n, createBlock as N, mergeProps as E, unref as o, withCtx as s, createVNode as L, createTextVNode as y, toDisplayString as x, createCommentVNode as B } from "vue";
 import I from "./kongponents.es24.js";
 /* empty css                 */
-import S from "./kongponents.es198.js";
-import { KUI_COLOR_TEXT_NEUTRAL as q } from "./kongponents.es177.js";
+import S from "./kongponents.es179.js";
+import { KUI_COLOR_TEXT_NEUTRAL as q } from "./kongponents.es182.js";
 const K = /* @__PURE__ */ b({
   __name: "KLabel",
   props: {

package/dist/kongponents.es116.js

@@ -1,10 +1,10 @@
 import { defineComponent as U, useCssVars as F, useSlots as R, useAttrs as q, useId as P, ref as k, computed as r, watch as L, nextTick as D, onMounted as j, onBeforeUnmount as X, onUnmounted as Y, openBlock as n, createElementBlock as f, mergeProps as G, unref as m, createElementVNode as i, normalizeClass as h, createVNode as p, withCtx as C, renderSlot as c, createTextVNode as E, toDisplayString as $, createCommentVNode as s, createBlock as J } from "vue";
-import { FocusTrap as Q } from "./kongponents.es220.js";
-import { useTextSelection as Z } from "./kongponents.es197.js";
+import { FocusTrap as Q } from "./kongponents.es226.js";
+import { useTextSelection as Z } from "./kongponents.es208.js";
 import I from "./kongponents.es32.js";
-import _ from "./kongponents.es184.js";
-import { KUI_COLOR_TEXT_NEUTRAL as ee } from "./kongponents.es177.js";
-import { normalizeSize as V } from "./kongponents.es178.js";
+import _ from "./kongponents.es177.js";
+import { KUI_COLOR_TEXT_NEUTRAL as ee } from "./kongponents.es182.js";
+import { normalizeSize as V } from "./kongponents.es175.js";
 const te = ["aria-label"], ae = {
   key: 0,
   class: "modal-header"

package/dist/kongponents.es118.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, ref as $, computed as w, watch as S, nextTick as T, onMounted as V, onBeforeUnmount as K, onUnmounted as A, openBlock as d, createElementBlock as c, withKeys as k, createElementVNode as o, normalizeClass as E, renderSlot as n, createTextVNode as a, toDisplayString as s, createCommentVNode as i, createVNode as r, unref as v, withCtx as y } from "vue";
 import p from "./kongponents.es32.js";
-import D from "./kongponents.es206.js";
-import { KUI_COLOR_TEXT_DECORATIVE_AQUA as H } from "./kongponents.es177.js";
+import D from "./kongponents.es211.js";
+import { KUI_COLOR_TEXT_DECORATIVE_AQUA as H } from "./kongponents.es182.js";
 const _ = ["aria-label"], O = { class: "k-modal-fullscreen-body-header" }, q = {
   key: 0,
   class: "body-header"

package/dist/kongponents.es120.js

@@ -1,5 +1,5 @@
 import { defineComponent as dt, useCssVars as ct, useAttrs as vt, useSlots as ft, watch as B, useTemplateRef as ee, computed as f, ref as g, useId as Ne, nextTick as te, onMounted as mt, onBeforeUnmount as pt, openBlock as m, createElementBlock as w, normalizeStyle as de, normalizeClass as ce, createBlock as L, mergeProps as ve, createSlots as fe, withCtx as I, createTextVNode as le, toDisplayString as P, renderSlot as U, createCommentVNode as M, createElementVNode as T, createVNode as $, unref as S, withKeys as G, Fragment as Be, renderList as Ue, withModifiers as W } from "vue";
-import ht from "./kongponents.es192.js";
+import ht from "./kongponents.es195.js";
 import ae from "./kongponents.es30.js";
 import Re from "./kongponents.es49.js";
 import gt from "./kongponents.es51.js";
@@ -7,17 +7,17 @@ import bt from "./kongponents.es56.js";
 import yt from "./kongponents.es23.js";
 import kt from "./kongponents.es24.js";
 /* empty css                 */
-import wt from "./kongponents.es193.js";
-import It from "./kongponents.es194.js";
-import Ct from "./kongponents.es195.js";
-import me from "./kongponents.es184.js";
-import St from "./kongponents.es187.js";
-import { KUI_SPACE_40 as At, KUI_ICON_SIZE_40 as pe } from "./kongponents.es177.js";
-import { ResizeObserverHelper as $t } from "./kongponents.es196.js";
+import wt from "./kongponents.es231.js";
+import It from "./kongponents.es232.js";
+import Ct from "./kongponents.es225.js";
+import me from "./kongponents.es177.js";
+import St from "./kongponents.es190.js";
+import { KUI_SPACE_40 as At, KUI_ICON_SIZE_40 as pe } from "./kongponents.es182.js";
+import { ResizeObserverHelper as $t } from "./kongponents.es199.js";
 import { sanitizeInput as xt } from "./kongponents.es172.js";
-import { useEventListener as Et } from "./kongponents.es197.js";
+import { useEventListener as Et } from "./kongponents.es208.js";
 import { getUniqueStringId as Ft } from "./kongponents.es153.js";
-import { normalizeSize as He } from "./kongponents.es178.js";
+import { normalizeSize as He } from "./kongponents.es175.js";
 const zt = { "data-testid": "multiselect-container" }, Kt = ["id", "tabindex"], Pt = { key: 0 }, Mt = {
   key: 1,
   class: "expanded-selection-empty"

package/dist/kongponents.es123.js

@@ -1,11 +1,11 @@
 import { defineComponent as le, ref as d, computed as v, watch as A, onMounted as ie, onBeforeUnmount as ne, openBlock as s, createElementBlock as g, normalizeClass as W, Fragment as j, createElementVNode as r, toDisplayString as m, createTextVNode as T, createVNode as C, withCtx as J, unref as p, createCommentVNode as z, renderList as ue, createBlock as q, nextTick as oe } from "vue";
 import se from "./kongponents.es43.js";
 import F from "./kongponents.es32.js";
-import ve from "./kongponents.es222.js";
-import re from "./kongponents.es223.js";
-import ce from "./kongponents.es195.js";
-import de from "./kongponents.es224.js";
-import { ResizeObserverHelper as ge } from "./kongponents.es196.js";
+import ve from "./kongponents.es233.js";
+import re from "./kongponents.es234.js";
+import ce from "./kongponents.es225.js";
+import de from "./kongponents.es235.js";
+import { ResizeObserverHelper as ge } from "./kongponents.es199.js";
 import { DEFAULT_PAGE_SIZE as fe } from "./kongponents.es173.js";
 const be = {
   class: "pagination-text large-screen",

package/dist/kongponents.es125.js

@@ -1,19 +1,19 @@
-import { defineComponent as Y, useSlots as _, useId as U, ref as v, computed as r, onMounted as ee, onBeforeUnmount as te, watch as oe, openBlock as f, createBlock as le, resolveDynamicComponent as ae, withKeys as ie, withModifiers as re, withCtx as h, createElementVNode as C, renderSlot as y, createVNode as b, unref as n, createTextVNode as $, toDisplayString as H, Transition as ne, withDirectives as se, mergeProps as ue, normalizeStyle as ce, createElementBlock as k, createCommentVNode as w, normalizeClass as N, vShow as de } from "vue";
-import { useFloating as ve } from "./kongponents.es209.js";
-import fe from "./kongponents.es32.js";
-import pe from "./kongponents.es184.js";
-import { KUI_SPACE_60 as me, KUI_ICON_SIZE_30 as ge } from "./kongponents.es177.js";
-import he from "./kongponents.es210.js";
-import { useEventListener as p } from "./kongponents.es197.js";
-import { normalizeSize as x } from "./kongponents.es178.js";
-import { shift as Ce, flip as ye, autoPlacement as be, autoUpdate as ke } from "./kongponents.es211.js";
-const we = ["id", "aria-labelledby", "x-placement"], xe = ["tabindex"], Ee = {
+import { defineComponent as _, useSlots as ee, useId as $, ref as v, computed as n, onMounted as te, onBeforeUnmount as oe, watch as le, openBlock as p, createBlock as ae, resolveDynamicComponent as ie, withKeys as re, withModifiers as ne, withCtx as C, createElementVNode as b, renderSlot as k, createVNode as w, unref as u, createTextVNode as D, toDisplayString as H, Transition as ue, withDirectives as se, mergeProps as ce, normalizeStyle as ve, createElementBlock as x, createCommentVNode as T, normalizeClass as N, vShow as de } from "vue";
+import { useFloating as fe } from "./kongponents.es227.js";
+import me from "./kongponents.es32.js";
+import pe from "./kongponents.es177.js";
+import { KUI_SPACE_60 as ge, KUI_ICON_SIZE_30 as he } from "./kongponents.es182.js";
+import ye from "./kongponents.es228.js";
+import { useEventListener as g } from "./kongponents.es208.js";
+import { normalizeSize as E } from "./kongponents.es175.js";
+import { shift as Ce, flip as be, autoPlacement as ke, autoUpdate as we } from "./kongponents.es229.js";
+const xe = ["id", "aria-labelledby", "x-placement"], Te = ["tabindex"], Ee = {
   key: 1,
   class: "popover-header"
 }, Ie = ["id"], Pe = {
   key: 2,
   class: "popover-footer"
-}, Ne = /* @__PURE__ */ Y({
+}, Ne = /* @__PURE__ */ _({
   __name: "KPop",
   props: {
     buttonText: { default: "" },
@@ -21,6 +21,7 @@ const we = ["id", "aria-labelledby", "x-placement"], xe = ["tabindex"], Ee = {
     placement: { default: "auto" },
     trigger: { default: "click" },
     popoverTimeout: { default: 300 },
+    popoverDelay: { default: 0 },
     hideCloseIcon: { type: Boolean },
     hideCaret: { type: Boolean },
     closeOnPopoverClick: { type: Boolean },
@@ -32,164 +33,170 @@ const we = ["id", "aria-labelledby", "x-placement"], xe = ["tabindex"], Ee = {
     popoverElementAttributes: { default: () => ({}) },
     tag: { default: "div" },
     zIndex: { default: 1e3 },
-    offset: { default: () => me },
+    offset: { default: () => ge },
     target: { default: null }
   },
   emits: ["open", "close", "popover-click"],
   setup(e, { expose: O, emit: V }) {
-    const E = V, u = _(), I = U(), T = U(), c = v(null), s = v(null), a = v(!1), i = r(() => {
-      var t, l;
-      return c.value && ((t = c.value) != null && t.children[0]) ? (l = c.value) == null ? void 0 : l.children[0] : null;
-    }), P = v(null), W = () => {
-      a.value ? o() : m();
+    const I = V, d = ee(), P = $(), A = $(), f = v(null), s = v(null), i = v(!1), r = n(() => {
+      var t, a;
+      return f.value && ((t = f.value) != null && t.children[0]) ? (a = f.value) == null ? void 0 : a.children[0] : null;
+    }), c = v(null), o = v(null), W = () => {
+      i.value ? l() : h();
     }, S = v(), B = () => {
       S.value && S.value();
-    }, D = () => {
-      B(), i.value && s.value && (S.value = ke(i.value, s.value, j));
-    }, m = async () => {
-      e.disabled || (P.value && clearTimeout(P.value), D(), a.value = !0);
-    }, o = () => {
-      P.value = setTimeout(() => {
-        B(), a.value = !1;
-      }, e.trigger === "hover" ? e.popoverTimeout : 0);
     }, F = () => {
-      W();
+      B(), r.value && s.value && (S.value = we(r.value, s.value, q));
+    }, h = async () => {
+      if (!e.disabled) {
+        c.value && (clearTimeout(c.value), c.value = null);
+        const t = () => {
+          F(), i.value = !0;
+        };
+        e.trigger === "hover" && e.popoverDelay > 0 ? (o.value && clearTimeout(o.value), o.value = setTimeout(t, e.popoverDelay)) : t();
+      }
+    }, l = () => {
+      o.value && (clearTimeout(o.value), o.value = null), c.value = setTimeout(() => {
+        B(), i.value = !1;
+      }, e.trigger === "hover" ? e.popoverTimeout : 0);
     }, L = () => {
-      E("popover-click"), e.closeOnPopoverClick && o();
-    }, Z = (t) => {
-      var A, K;
-      if (!a.value)
+      W();
+    }, Z = () => {
+      I("popover-click"), e.closeOnPopoverClick && l();
+    }, M = (t) => {
+      var K, U;
+      if (!i.value)
         return;
-      const l = t.target, Q = (A = c.value) == null ? void 0 : A.contains(l), X = (K = s.value) == null ? void 0 : K.contains(l);
-      Q || X || o();
-    }, z = r(() => e.placement.trim().replace(/ /g, "-").replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, l) => (l ? "-" : "") + t.toLowerCase()).replace(/--+/g, "-").replace(/-+$/g, "")), { floatingStyles: M, placement: d, update: j } = ve(i, s, {
-      ...z.value === "auto" && { middleware: [be()] },
+      const a = t.target, X = (K = f.value) == null ? void 0 : K.contains(a), Y = (U = s.value) == null ? void 0 : U.contains(a);
+      X || Y || l();
+    }, z = n(() => e.placement.trim().replace(/ /g, "-").replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, a) => (a ? "-" : "") + t.toLowerCase()).replace(/--+/g, "-").replace(/-+$/g, "")), { floatingStyles: j, placement: m, update: q } = fe(r, s, {
+      ...z.value === "auto" && { middleware: [ke()] },
       // when placement is auto just use autoPlacement middleware
       ...z.value !== "auto" && {
         placement: z.value,
         middleware: [
           Ce(),
           // Shifts the floating element to keep it in view.
-          ye()
+          be()
           // Changes the placement of the floating element to keep it in view.
         ]
       },
       strategy: "fixed",
       transform: !1
-    }), g = r(() => x(e.offset)), q = r(() => d.value.includes("top") ? {
-      marginBottom: g.value
-    } : d.value.includes("bottom") ? {
-      marginTop: g.value
-    } : d.value.includes("right") ? {
-      marginLeft: g.value
-    } : d.value.includes("left") ? {
-      marginRight: g.value
-    } : {}), R = r(() => ({
-      ...M.value,
+    }), y = n(() => E(e.offset)), R = n(() => m.value.includes("top") ? {
+      marginBottom: y.value
+    } : m.value.includes("bottom") ? {
+      marginTop: y.value
+    } : m.value.includes("right") ? {
+      marginLeft: y.value
+    } : m.value.includes("left") ? {
+      marginRight: y.value
+    } : {}), G = n(() => ({
+      ...j.value,
       zIndex: e.zIndex
-    })), G = r(() => ({
-      ...q.value,
-      width: x(e.width),
-      maxWidth: x(e.maxWidth),
-      maxHeight: x(e.maxHeight)
-    })), J = r(() => [e.popoverClasses, { "hide-caret": e.hideCaret }]);
+    })), J = n(() => ({
+      ...R.value,
+      width: E(e.width),
+      maxWidth: E(e.maxWidth),
+      maxHeight: E(e.maxHeight)
+    })), Q = n(() => [e.popoverClasses, { "hide-caret": e.hideCaret }]);
     return O({
-      hidePopover: o,
-      showPopover: m
-    }), ee(() => {
-      if (p(window, "mousedown", Z, { capture: !0 }), i.value) {
-        const t = i.value.querySelector('button[data-dropdown-trigger="true"]') || i.value;
-        t.hasAttribute("aria-controls") || t.setAttribute("aria-controls", I);
+      hidePopover: l,
+      showPopover: h
+    }), te(() => {
+      if (g(window, "mousedown", M, { capture: !0 }), r.value) {
+        const t = r.value.querySelector('button[data-dropdown-trigger="true"]') || r.value;
+        t.hasAttribute("aria-controls") || t.setAttribute("aria-controls", P);
       }
-      e.trigger === "hover" && [s.value, i.value].forEach((t) => {
-        t && (p(t, "mouseenter", m), p(t, "focusin", m), p(t, "mouseleave", o), p(t, "focusout", o));
+      e.trigger === "hover" && [s.value, r.value].forEach((t) => {
+        t && (g(t, "mouseenter", h), g(t, "focusin", h), g(t, "mouseleave", l), g(t, "focusout", l));
       });
-    }), te(() => {
-      B();
-    }), oe(a, (t) => {
-      E(t ? "open" : "close");
-    }), (t, l) => (f(), le(ae(e.tag), {
+    }), oe(() => {
+      o.value && clearTimeout(o.value), c.value && clearTimeout(c.value), B();
+    }), le(i, (t) => {
+      I(t ? "open" : "close");
+    }), (t, a) => (p(), ae(ie(e.tag), {
       class: "k-popover",
-      onKeydown: ie(re(o, ["stop"]), ["esc"])
+      onKeydown: re(ne(l, ["stop"]), ["esc"])
     }, {
-      default: h(() => [
-        C("div", {
+      default: C(() => [
+        b("div", {
           ref_key: "triggerWrapperElement",
-          ref: c,
+          ref: f,
           class: "popover-trigger-wrapper",
-          onClick: F
+          onClick: L
         }, [
-          y(t.$slots, "default", {}, () => [
-            b(fe, {
-              "aria-controls": n(I),
+          k(t.$slots, "default", {}, () => [
+            w(me, {
+              "aria-controls": u(P),
               "data-testid": "popover-button"
             }, {
-              default: h(() => [
-                $(H(e.buttonText), 1)
+              default: C(() => [
+                D(H(e.buttonText), 1)
               ]),
               _: 1
             }, 8, ["aria-controls"])
           ], !0)
         ], 512),
-        b(he, {
+        w(ye, {
           target: e.target,
           "use-teleport": !!e.target
         }, {
-          default: h(() => [
-            b(ne, { name: "kongponents-fade-transition" }, {
-              default: h(() => [
-                se(C("div", ue(e.popoverElementAttributes, {
-                  id: n(I),
+          default: C(() => [
+            w(ue, { name: "kongponents-fade-transition" }, {
+              default: C(() => [
+                se(b("div", ce(e.popoverElementAttributes, {
+                  id: u(P),
                   ref_key: "popoverElement",
                   ref: s,
-                  "aria-labelledby": u.title || e.title ? n(T) : void 0,
-                  class: ["popover", J.value],
+                  "aria-labelledby": d.title || e.title ? u(A) : void 0,
+                  class: ["popover", Q.value],
                   role: "dialog",
-                  style: R.value,
-                  "x-placement": n(d),
-                  onClick: L
+                  style: G.value,
+                  "x-placement": u(m),
+                  onClick: Z
                 }), [
-                  C("div", {
+                  b("div", {
                     class: "popover-container",
-                    style: ce(G.value)
+                    style: ve(J.value)
                   }, [
-                    e.hideCloseIcon ? w("", !0) : (f(), k("button", {
+                    e.hideCloseIcon ? T("", !0) : (p(), x("button", {
                       key: 0,
                       ref: "popoverCloseButton",
                       "aria-label": "Close popover",
                       class: "popover-close-button",
-                      tabindex: a.value ? 0 : -1,
+                      tabindex: i.value ? 0 : -1,
                       type: "button",
-                      onClick: o
+                      onClick: l
                     }, [
-                      b(n(pe), {
+                      w(u(pe), {
                         class: "popover-close-icon",
                         decorative: "",
-                        size: `var(--kui-icon-size-30, ${n(ge)})`
+                        size: `var(--kui-icon-size-30, ${u(he)})`
                       }, null, 8, ["size"])
-                    ], 8, xe)),
-                    u.title || e.title ? (f(), k("div", Ee, [
-                      u.title || e.title ? (f(), k("div", {
+                    ], 8, Te)),
+                    d.title || e.title ? (p(), x("div", Ee, [
+                      d.title || e.title ? (p(), x("div", {
                         key: 0,
-                        id: n(T),
+                        id: u(A),
                         class: N(["popover-title", { "close-icon-spacing": !e.hideCloseIcon }])
                       }, [
-                        y(t.$slots, "title", {}, () => [
-                          $(H(e.title), 1)
+                        k(t.$slots, "title", {}, () => [
+                          D(H(e.title), 1)
                         ], !0)
-                      ], 10, Ie)) : w("", !0)
-                    ])) : w("", !0),
-                    C("div", {
-                      class: N(["popover-content", { "close-icon-spacing": !e.hideCloseIcon && !(u.title || e.title) }])
+                      ], 10, Ie)) : T("", !0)
+                    ])) : T("", !0),
+                    b("div", {
+                      class: N(["popover-content", { "close-icon-spacing": !e.hideCloseIcon && !(d.title || e.title) }])
                     }, [
-                      y(t.$slots, "content", {}, void 0, !0)
+                      k(t.$slots, "content", {}, void 0, !0)
                     ], 2),
-                    u.footer ? (f(), k("div", Pe, [
-                      y(t.$slots, "footer", {}, void 0, !0)
-                    ])) : w("", !0)
+                    d.footer ? (p(), x("div", Pe, [
+                      k(t.$slots, "footer", {}, void 0, !0)
+                    ])) : T("", !0)
                   ], 4)
-                ], 16, we), [
-                  [de, a.value]
+                ], 16, xe), [
+                  [de, i.value]
                 ])
               ]),
               _: 3

package/dist/kongponents.es129.js

@@ -1,7 +1,7 @@
 import { defineComponent as z, watch as V, useSlots as D, useAttrs as E, useId as P, computed as l, resolveComponent as q, openBlock as i, createElementBlock as o, normalizeClass as v, createElementVNode as w, mergeProps as $, createVNode as C, createSlots as M, withCtx as u, renderSlot as s, createTextVNode as k, toDisplayString as b, createCommentVNode as d, withKeys as K, withModifiers as U, createBlock as X, unref as R } from "vue";
 import j from "./kongponents.es51.js";
-import F from "./kongponents.es198.js";
-import { KUI_COLOR_TEXT_NEUTRAL as G } from "./kongponents.es177.js";
+import F from "./kongponents.es179.js";
+import { KUI_COLOR_TEXT_NEUTRAL as G } from "./kongponents.es182.js";
 const H = ["id", "aria-checked", "checked", "disabled", "tabindex"], J = {
   key: 0,
   class: "radio-description"

package/dist/kongponents.es131.js

@@ -1,5 +1,5 @@
 import { defineComponent as g, watch as y, computed as h, openBlock as n, createElementBlock as o, Fragment as k, renderList as V, normalizeClass as C, renderSlot as z, createTextVNode as q, toDisplayString as w } from "vue";
-import { warnInvalidProp as S } from "./kongponents.es208.js";
+import { warnInvalidProp as S } from "./kongponents.es200.js";
 const I = { class: "k-segmented-control" }, $ = ["data-testid", "disabled", "onClick"], x = /* @__PURE__ */ g({
   __name: "KSegmentedControl",
   props: {

package/dist/kongponents.es133.js

@@ -1,20 +1,20 @@
 import { defineComponent as Re, useCssVars as Ve, useAttrs as We, useSlots as Me, useId as ie, computed as d, ref as b, useTemplateRef as O, watch as L, nextTick as Ue, onMounted as Ge, onBeforeUnmount as He, openBlock as m, createElementBlock as k, normalizeClass as R, createBlock as V, mergeProps as Y, createSlots as ne, withCtx as y, createTextVNode as j, toDisplayString as W, renderSlot as h, createCommentVNode as w, createVNode as I, unref as x, createElementVNode as ue, withKeys as de, withModifiers as ce, Transition as Je } from "vue";
-import Qe from "./kongponents.es192.js";
+import Qe from "./kongponents.es195.js";
 import Ye from "./kongponents.es51.js";
 import je from "./kongponents.es49.js";
 import Xe from "./kongponents.es56.js";
 import Ze from "./kongponents.es23.js";
-import _e from "./kongponents.es232.js";
-import et from "./kongponents.es233.js";
-import tt from "./kongponents.es195.js";
-import lt from "./kongponents.es184.js";
-import ot from "./kongponents.es187.js";
-import { ResizeObserverHelper as at } from "./kongponents.es196.js";
+import _e from "./kongponents.es223.js";
+import et from "./kongponents.es224.js";
+import tt from "./kongponents.es225.js";
+import lt from "./kongponents.es177.js";
+import ot from "./kongponents.es190.js";
+import { ResizeObserverHelper as at } from "./kongponents.es199.js";
 import { sanitizeInput as fe } from "./kongponents.es172.js";
-import { useEventListener as rt } from "./kongponents.es197.js";
+import { useEventListener as rt } from "./kongponents.es208.js";
 import { getUniqueStringId as st } from "./kongponents.es153.js";
-import { normalizeSize as ve } from "./kongponents.es178.js";
-import { KUI_SPACE_40 as it } from "./kongponents.es177.js";
+import { normalizeSize as ve } from "./kongponents.es175.js";
+import { KUI_SPACE_40 as it } from "./kongponents.es182.js";
 const nt = ["id"], ut = ["aria-live"], dt = {
   key: 0,
   class: "select-loading",

package/dist/kongponents.es140.js

@@ -1,8 +1,8 @@
 import { defineComponent as C, useCssVars as h, useTemplateRef as E, computed as b, watch as T, onUnmounted as B, openBlock as l, createElementBlock as s, createVNode as n, Transition as c, withCtx as f, normalizeClass as O, createCommentVNode as a, createElementVNode as d, renderSlot as m, createTextVNode as V, toDisplayString as $, withModifiers as g, unref as v } from "vue";
-import { onClickOutside as w } from "./kongponents.es197.js";
-import x from "./kongponents.es184.js";
-import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es177.js";
-import { normalizeSize as L } from "./kongponents.es178.js";
+import { onClickOutside as w } from "./kongponents.es208.js";
+import x from "./kongponents.es177.js";
+import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es182.js";
+import { normalizeSize as L } from "./kongponents.es175.js";
 const N = { class: "k-slideout" }, R = {
   key: 0,
   ref: "slideoutContainerElement",

package/dist/kongponents.es142.js

@@ -1,5 +1,5 @@
 import { defineComponent as s, openBlock as l, createElementBlock as a, Fragment as n, renderList as m, createBlock as o, createCommentVNode as p } from "vue";
-import u from "./kongponents.es207.js";
+import u from "./kongponents.es230.js";
 const c = {
   key: 0,
   class: "k-stepper"

package/dist/kongponents.es144.js

@@ -6,15 +6,15 @@ import kt from "./kongponents.es20.js";
 import St from "./kongponents.es55.js";
 import Ct from "./kongponents.es24.js";
 /* empty css                 */
-import zt from "./kongponents.es182.js";
-import $t from "./kongponents.es198.js";
-import Pt from "./kongponents.es192.js";
+import zt from "./kongponents.es186.js";
+import $t from "./kongponents.es179.js";
+import Pt from "./kongponents.es195.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.js";
 import { EmptyStateIconVariants as Ot } from "./kongponents.es11.js";
-import { KUI_ICON_SIZE_30 as Ne, KUI_COLOR_TEXT_NEUTRAL as Ke } from "./kongponents.es177.js";
-import At from "./kongponents.es217.js";
-import { normalizeSize as Ht } from "./kongponents.es178.js";
+import { KUI_ICON_SIZE_30 as Ne, KUI_COLOR_TEXT_NEUTRAL as Ke } from "./kongponents.es182.js";
+import At from "./kongponents.es206.js";
+import { normalizeSize as Ht } from "./kongponents.es175.js";
 import { DEFAULT_PAGE_SIZE as Ee } from "./kongponents.es173.js";
 const Mt = { class: "k-table" }, It = {
   key: 0,

package/dist/kongponents.es148.js

@@ -1,7 +1,7 @@
 import { defineComponent as J, useCssVars as X, watch as s, useAttrs as Y, useSlots as G, computed as l, ref as k, useId as j, openBlock as u, createElementBlock as f, normalizeClass as A, createBlock as Q, mergeProps as z, createSlots as W, withCtx as g, createTextVNode as b, toDisplayString as S, renderSlot as T, createCommentVNode as I, createElementVNode as N, unref as c, createVNode as _, Transition as ee, Fragment as te } from "vue";
-import ae from "./kongponents.es192.js";
+import ae from "./kongponents.es195.js";
 import le from "./kongponents.es51.js";
-import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents.es190.js";
+import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents.es193.js";
 const oe = ["data-value"], ne = ["id", "aria-invalid", "rows", "value"], E = 2048, R = w ? 0 : re(), B = ie("field-sizing", "content"), me = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "KTextArea",

package/dist/kongponents.es150.js

@@ -1,11 +1,11 @@
 import { defineComponent as d, openBlock as t, createBlock as a, TransitionGroup as f, withCtx as k, createElementBlock as o, Fragment as C, renderList as g, normalizeClass as v, createElementVNode as s, resolveDynamicComponent as h, unref as r, toDisplayString as c, createCommentVNode as i, withModifiers as y, createVNode as T } from "vue";
-import $ from "./kongponents.es201.js";
-import E from "./kongponents.es240.js";
-import I from "./kongponents.es184.js";
-import l from "./kongponents.es198.js";
-import x from "./kongponents.es206.js";
-import B from "./kongponents.es204.js";
-import { KUI_COLOR_TEXT as w, KUI_ICON_SIZE_50 as z, KUI_COLOR_TEXT_NEUTRAL_WEAK as K } from "./kongponents.es177.js";
+import $ from "./kongponents.es176.js";
+import E from "./kongponents.es210.js";
+import I from "./kongponents.es177.js";
+import l from "./kongponents.es179.js";
+import x from "./kongponents.es211.js";
+import B from "./kongponents.es181.js";
+import { KUI_COLOR_TEXT as w, KUI_ICON_SIZE_50 as z, KUI_COLOR_TEXT_NEUTRAL_WEAK as K } from "./kongponents.es182.js";
 const N = { class: "toaster-icon-container" }, O = { class: "toaster-content" }, L = {
   key: 0,
   class: "toaster-title"

package/dist/kongponents.es156.js

@@ -1,8 +1,8 @@
 import { defineComponent as l, watch as f, computed as c, openBlock as t, createElementBlock as m, renderSlot as d, createBlock as s, unref as o, createCommentVNode as n } from "vue";
-import u from "./kongponents.es231.js";
-import { KUI_ICON_SIZE_30 as h } from "./kongponents.es177.js";
+import u from "./kongponents.es238.js";
+import { KUI_ICON_SIZE_30 as h } from "./kongponents.es182.js";
 import { isValidUrl as i } from "./kongponents.es171.js";
-import { warnInvalidProp as k } from "./kongponents.es208.js";
+import { warnInvalidProp as k } from "./kongponents.es200.js";
 const p = ["href"], y = /* @__PURE__ */ l({
   __name: "KExternalLink",
   props: {