@kong/kongponents 9.49.9-pr.3075.6dc117e.0 → 9.50.0

package/dist/kongponents.es139.js

@@ -1,8 +1,8 @@
 import { defineComponent as C, useCssVars as h, useTemplateRef as E, computed as b, watch as T, onUnmounted as O, openBlock as l, createElementBlock as s, createVNode as n, Transition as c, withCtx as f, normalizeClass as B, 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.es189.js";
-import x from "./kongponents.es182.js";
-import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es173.js";
-import { normalizeSize as L } from "./kongponents.es171.js";
+import { onClickOutside as w } from "./kongponents.es185.js";
+import x from "./kongponents.es175.js";
+import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es179.js";
+import { normalizeSize as L } from "./kongponents.es182.js";
 const N = { class: "k-slideout" }, R = {
   key: 0,
   ref: "slideoutContainerElement",

package/dist/kongponents.es141.js

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

package/dist/kongponents.es143.js

@@ -6,15 +6,15 @@ import kt from "./kongponents.es20.js";
 import St from "./kongponents.es54.js";
 import Ct from "./kongponents.es24.js";
 /* empty css                 */
-import zt from "./kongponents.es213.js";
-import $t from "./kongponents.es184.js";
-import Pt from "./kongponents.es190.js";
+import zt from "./kongponents.es193.js";
+import $t from "./kongponents.es176.js";
+import Pt from "./kongponents.es171.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.es173.js";
-import At from "./kongponents.es214.js";
-import { normalizeSize as Ht } from "./kongponents.es171.js";
+import { KUI_ICON_SIZE_30 as Ne, KUI_COLOR_TEXT_NEUTRAL as Ke } from "./kongponents.es179.js";
+import At from "./kongponents.es216.js";
+import { normalizeSize as Ht } from "./kongponents.es182.js";
 import { DEFAULT_PAGE_SIZE as Le } from "./kongponents.es169.js";
 const Mt = { class: "k-table" }, It = {
   key: 0,

package/dist/kongponents.es147.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.es190.js";
+import ae from "./kongponents.es171.js";
 import le from "./kongponents.es50.js";
-import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents.es215.js";
+import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents.es172.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.es149.js

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

package/dist/kongponents.es154.js

@@ -1,8 +1,8 @@
 import { defineComponent as l, watch as f, computed as m, openBlock as t, createElementBlock as c, renderSlot as d, createBlock as h, unref as o, createCommentVNode as n } from "vue";
-import s from "./kongponents.es229.js";
-import { KUI_ICON_SIZE_30 as u } from "./kongponents.es173.js";
+import s from "./kongponents.es237.js";
+import { KUI_ICON_SIZE_30 as u } from "./kongponents.es179.js";
 import { isValidUrl as a } from "./kongponents.es167.js";
-import { warnInvalidProp as k } from "./kongponents.es199.js";
+import { warnInvalidProp as k } from "./kongponents.es183.js";
 const p = ["href"], y = /* @__PURE__ */ l({
   __name: "KExternalLink",
   props: {

package/dist/kongponents.es156.js

@@ -1,9 +1,9 @@
 import { defineComponent as A, useCssVars as K, unref as b, watch as W, ref as l, computed as O, onMounted as P, onBeforeUnmount as U, openBlock as i, createElementBlock as s, normalizeStyle as q, normalizeClass as F, renderSlot as g, createElementVNode as T, withModifiers as p, toDisplayString as M, createCommentVNode as u, createVNode as k, withCtx as S, createTextVNode as z, nextTick as D } from "vue";
-import L from "./kongponents.es228.js";
-import { KUI_SPACE_40 as R, KUI_ICON_SIZE_30 as Z } from "./kongponents.es173.js";
-import { ResizeObserverHelper as j } from "./kongponents.es195.js";
-import { normalizeSize as G } from "./kongponents.es171.js";
-import { warnInvalidProp as J } from "./kongponents.es199.js";
+import L from "./kongponents.es180.js";
+import { KUI_SPACE_40 as R, KUI_ICON_SIZE_30 as Z } from "./kongponents.es179.js";
+import { ResizeObserverHelper as j } from "./kongponents.es181.js";
+import { normalizeSize as G } from "./kongponents.es182.js";
+import { warnInvalidProp as J } from "./kongponents.es183.js";
 import $ from "./kongponents.es32.js";
 const Q = {
   key: 0,

package/dist/kongponents.es158.js

@@ -1,10 +1,10 @@
 import { defineComponent as z, useId as S, ref as i, computed as n, watch as N, onMounted as W, onBeforeUnmount as O, openBlock as s, createElementBlock as g, toDisplayString as p, createCommentVNode as C, createElementVNode as m, normalizeClass as f, createBlock as V, withCtx as b, createVNode as v, withModifiers as F, unref as y } from "vue";
-import { ResizeObserverHelper as K } from "./kongponents.es195.js";
-import M from "./kongponents.es220.js";
+import { ResizeObserverHelper as K } from "./kongponents.es181.js";
+import M from "./kongponents.es195.js";
 import U from "./kongponents.es19.js";
 import L from "./kongponents.es24.js";
 /* empty css                 */
-import { KUI_ICON_SIZE_30 as q } from "./kongponents.es173.js";
+import { KUI_ICON_SIZE_30 as q } from "./kongponents.es179.js";
 const D = { class: "k-copy" }, H = {
   key: 0,
   class: "copy-badge-text"

package/dist/kongponents.es160.js

@@ -5,28 +5,28 @@ import Bt from "./kongponents.es20.js";
 /* empty css                 */
 import Fe from "./kongponents.es24.js";
 /* empty css                 */
-import xt from "./kongponents.es213.js";
-import It from "./kongponents.es172.js";
-import zt from "./kongponents.es184.js";
-import Kt from "./kongponents.es234.js";
-import Pt from "./kongponents.es235.js";
+import xt from "./kongponents.es193.js";
+import It from "./kongponents.es186.js";
+import zt from "./kongponents.es176.js";
+import Kt from "./kongponents.es214.js";
+import Pt from "./kongponents.es215.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.js";
 import { EmptyStateIconVariants as Ht } from "./kongponents.es11.js";
 import { TableViewHeaderKeys as i } from "./kongponents.es17.js";
-import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Mt, KUI_COLOR_TEXT_PRIMARY as Ft, KUI_COLOR_TEXT_NEUTRAL_WEAK as Ut, KUI_SPACE_60 as Dt } from "./kongponents.es173.js";
-import Wt from "./kongponents.es214.js";
+import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Mt, KUI_COLOR_TEXT_PRIMARY as Ft, KUI_COLOR_TEXT_NEUTRAL_WEAK as Ut, KUI_SPACE_60 as Dt } from "./kongponents.es179.js";
+import Wt from "./kongponents.es216.js";
 import Xt from "./kongponents.es54.js";
 import qt from "./kongponents.es43.js";
 import Ue from "./kongponents.es36.js";
-import Vt from "./kongponents.es236.js";
+import Vt from "./kongponents.es217.js";
 import { getInitialPageSize as jt } from "./kongponents.es169.js";
 import { getUniqueStringId as Zt } from "./kongponents.es151.js";
-import { getScrollbarSize as Gt } from "./kongponents.es215.js";
-import { useResizeObserver as Jt } from "./kongponents.es189.js";
-import { normalizeSize as Yt } from "./kongponents.es171.js";
+import { getScrollbarSize as Gt } from "./kongponents.es172.js";
+import { useResizeObserver as Jt } from "./kongponents.es185.js";
+import { normalizeSize as Yt } from "./kongponents.es182.js";
 import Qt from "./kongponents.es40.js";
-import _t from "./kongponents.es237.js";
+import _t from "./kongponents.es218.js";
 const eo = {
   key: 0,
   class: "table-toolbar",

package/dist/kongponents.es171.js

@@ -1,7 +1,110 @@
-const n = (r) => {
-  const e = Number(r);
-  return Number.isNaN(e) ? `${r}` : `${e}px`;
+import { computed as s, ref as v, watchEffect as D } from "vue";
+import "./kongponents.es240.js";
+import m from "./kongponents.es241.js";
+const S = {
+  VALIDATING: "VALIDATING",
+  VALIDATING_HAS_DATA: "VALIDATING_HAS_DATA",
+  PENDING: "PENDING",
+  SUCCESS: "SUCCESS",
+  SUCCESS_HAS_DATA: "SUCCESS_HAS_DATA",
+  ERROR: "ERROR",
+  STALE_IF_ERROR: "STALE_IF_ERROR"
 };
+function w() {
+  return {
+    useRequest: (e, u, a) => {
+      const {
+        data: t,
+        error: n,
+        isValidating: c,
+        isLoading: o,
+        mutate: r
+      } = m(e, u, {
+        revalidateDebounce: 500,
+        dedupingInterval: 100,
+        ...a
+      });
+      return {
+        data: s(() => {
+          var A;
+          return (A = t.value) == null ? void 0 : A.data;
+        }),
+        response: t,
+        error: n,
+        isValidating: c,
+        isLoading: o,
+        revalidate: r
+      };
+    },
+    useDebounce: (e, u = 300) => {
+      let a;
+      const t = (n) => async (...c) => {
+        clearTimeout(a), n > 0 ? await new Promise((o) => {
+          a = setTimeout(async () => {
+            await e(...c), o();
+          }, n);
+        }) : await e(...c);
+      };
+      return {
+        debouncedFn: t(u),
+        generateDebouncedFn: t
+      };
+    },
+    clientSideSorter: (e, u, a, t) => {
+      let n = null;
+      const c = (r, i) => typeof i == "number" && !Number.isNaN(r) && !Number.isNaN(i) ? r - i : 0, o = (r, i) => r.localeCompare(i);
+      return e !== u ? (n = (r, i) => {
+        const A = (l) => l == null ? "" : typeof l == "number" ? l : Array.isArray(l) && l.length && typeof l[0] == "number" ? l[0] : String(l), f = A(r[e]), d = A(i[e]);
+        switch (typeof f) {
+          case "number":
+            return c(f, d);
+          default:
+            return o(f, d);
+        }
+      }, t.sort(n), u = e, a = "ascending") : (t.reverse(), a === "descending" || a === "desc" ? a = "ascending" : a = "descending"), { previousKey: u, sortOrder: a };
+    },
+    useSwrvState: (e, u, a) => {
+      const t = v(S.PENDING), n = v(!1);
+      return D(() => {
+        var c, o, r, i, A, f;
+        if (n.value = e.value && !!((c = Object.keys(e.value)) != null && c.length || (o = e.value.data) != null && o.length || (i = (r = e.value.data) == null ? void 0 : r.data) != null && i.length || !((A = e.value.data) != null && A.data) && typeof e.value.data == "object" && Object.keys((f = e.value) == null ? void 0 : f.data).length), e.value && n.value && a.value) {
+          t.value = S.VALIDATING_HAS_DATA;
+          return;
+        }
+        if (e.value && a.value) {
+          t.value = S.VALIDATING;
+          return;
+        }
+        if (e.value && u.value) {
+          t.value = S.STALE_IF_ERROR;
+          return;
+        }
+        if (e.value === void 0 && !u.value) {
+          t.value = S.PENDING;
+          return;
+        }
+        if (e.value && !u.value && n.value) {
+          t.value = S.SUCCESS_HAS_DATA;
+          return;
+        }
+        if (e.value && !u.value) {
+          t.value = S.SUCCESS;
+          return;
+        }
+        e.value === void 0 && u && (t.value = S.ERROR);
+      }), {
+        hasData: n,
+        state: t,
+        swrvState: S
+      };
+    },
+    cloneDeep: (e) => {
+      if (e)
+        return JSON.parse(JSON.stringify(e));
+    },
+    stripRequiredLabel: (e, u) => !u || !e ? e || "" : /( )?\*$/gi.test(e) ? e.replace(/\*$/gi, "").trim() : e
+  };
+}
 export {
-  n as normalizeSize
+  w as default
 };

package/dist/kongponents.es172.js

@@ -1,121 +1,20 @@
-import { defineComponent as y, computed as s, openBlock as d, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es270.js";
-const w = ["aria-hidden"], c = '<path d="M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "ChevronRightIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(r) {
-    const e = r, i = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return u;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${m}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, h = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (n, t) => (d(), b(x(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon chevron-right-icon",
-      "data-testid": "kui-icon-wrapper-chevron-right-icon",
-      style: S(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: N(() => [
-        (d(), k("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-right-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, w))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
+var n;
+const i = typeof navigator < "u" && ("userAgentData" in navigator && navigator.userAgentData === "macOS" || ((n = navigator.platform) == null ? void 0 : n.toLowerCase().includes("mac"))), r = typeof navigator < "u" && navigator.userAgent.includes("Firefox");
+function a(e, o) {
+  return typeof CSS < "u" && CSS.supports(e, o);
+}
+let t = null;
+function l() {
+  if (t !== null)
+    return t;
+  if (typeof document > "u")
+    return 0;
+  const e = document.createElement("div");
+  return e.style.width = "100px", e.style.height = "100px", e.style.overflow = "scroll", e.style.position = "absolute", e.style.top = "-9999px", document.body.appendChild(e), t = e.offsetWidth - e.clientWidth, document.body.removeChild(e), t;
+}
 export {
-  z as default
+  r as IS_MAYBE_FIREFOX,
+  i as IS_MAYBE_MAC,
+  a as cssSupports,
+  l as getScrollbarSize
 };

package/dist/kongponents.es173.js

@@ -1,20 +1,121 @@
-const _ = "#000933", I = "#00abd2", E = "#ffffff", O = "#6c7489", T = "#52596e", U = "#afb7c5", c = "#0044f4", o = "#995c00", t = "16px", K = "20px", n = "24px", s = "32px", C = "20px", R = "4px", A = "8px", L = "12px", N = "16px";
+import { defineComponent as h, computed as s, openBlock as d, createBlock as y, resolveDynamicComponent as b, normalizeStyle as k, withCtx as x, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kongponents.es265.js";
+const N = ["aria-hidden"], u = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', I = /* @__PURE__ */ h({
+  __name: "CheckCircleIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: c,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
+          return !0;
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    const e = r, i = s(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return c;
+    }), p = s(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: i.value,
+      lineHeight: "0",
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (a) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${v}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
+    return (a, t) => (d(), y(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon check-circle-icon",
+      "data-testid": "kui-icon-wrapper-check-circle-icon",
+      style: k(p.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: x(() => [
+        (d(), S("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-check-circle-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: m
+        }, null, 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  _ as KUI_COLOR_TEXT,
-  I as KUI_COLOR_TEXT_DECORATIVE_AQUA,
-  E as KUI_COLOR_TEXT_INVERSE,
-  O as KUI_COLOR_TEXT_NEUTRAL,
-  T as KUI_COLOR_TEXT_NEUTRAL_STRONG,
-  U as KUI_COLOR_TEXT_NEUTRAL_WEAK,
-  c as KUI_COLOR_TEXT_PRIMARY,
-  o as KUI_COLOR_TEXT_WARNING,
-  t as KUI_ICON_SIZE_30,
-  K as KUI_ICON_SIZE_40,
-  n as KUI_ICON_SIZE_50,
-  s as KUI_ICON_SIZE_60,
-  C as KUI_LINE_HEIGHT_30,
-  R as KUI_SPACE_20,
-  A as KUI_SPACE_40,
-  L as KUI_SPACE_50,
-  N as KUI_SPACE_60
+  I as default
 };

package/dist/kongponents.es174.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as s, openBlock as d, createBlock as b, resolveDynamicComponent as S, normalizeStyle as k, withCtx as x, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es270.js";
-const w = ["aria-hidden"], c = '<path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "CheckSmallIcon",
+import { defineComponent as y, computed as s, openBlock as d, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es265.js";
+const N = ["aria-hidden"], c = '<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "ClearIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -80,37 +80,37 @@ const w = ["aria-hidden"], c = '<path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), f = (a) => {
-      const t = {}, h = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (l, n) => {
-        const o = `${h}-${n}`;
-        return t[n] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, n) => t[n] ? `#${t[n]}` : l);
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${v}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
     }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (a, t) => (d(), b(S(r.as), {
+    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), h(b(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon check-small-icon",
-      "data-testid": "kui-icon-wrapper-check-small-icon",
-      style: k(p.value),
+      class: "kui-icon clear-icon",
+      "data-testid": "kui-icon-wrapper-clear-icon",
+      style: x(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), N("svg", {
+      default: L(() => [
+        (d(), S("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-check-small-icon",
+          "data-testid": "kui-icon-svg-clear-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, w))
+          innerHTML: m
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));