@kong/kongponents 9.48.10-pr.3042.f75d935.0 → 9.49.0

package/dist/kongponents.es181.js

@@ -1,6 +1,121 @@
-function p(e) {
-  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-}
+import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as w, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es259.js";
+const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+  __name: "FilterIcon",
+  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 a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return u;
+    }), c = 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 = {}, y = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${y}-${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 ? p : f(p)}`;
+    return (a, t) => (d(), b(x(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon filter-icon",
+      "data-testid": "kui-icon-wrapper-filter-icon",
+      style: S(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: w(() => [
+        (d(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-filter-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, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  p as sanitizeInput
+  q as default
 };

package/dist/kongponents.es182.js

@@ -1,11 +1,122 @@
-import { urlAlphabet as l } from "./kongponents.es285.js";
-let o = (t = 21) => {
-  let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
-  for (; t--; )
-    e += l[r[t] & 63];
-  return e;
-};
+import { defineComponent as v, computed as l, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as k, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es259.js";
+const N = ["aria-hidden"], p = `<style>@keyframes kong-icon-spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }</style>
+<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" style="transform-origin: 50% 50%; animation: kong-icon-spin 1.5s linear infinite;"/>`, I = /* @__PURE__ */ v({
+  __name: "ProgressIcon",
+  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 = l(() => {
+      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;
+    }), c = l(() => ({
+      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 = {}, y = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (a, o) => {
+        const s = `${y}-${o}`;
+        return t[o] = s, `id="${s}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, C = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (n, t) => (d(), h(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon progress-icon",
+      "data-testid": "kui-icon-wrapper-progress-icon",
+      style: x(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: k(() => [
+        (d(), S("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-progress-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 {
-  o as nanoid,
-  l as urlAlphabet
+  I as default
 };

package/dist/kongponents.es183.js

@@ -1,110 +1,121 @@
-import { computed as s, ref as v, watchEffect as D } from "vue";
-import "./kongponents.es251.js";
-import m from "./kongponents.es252.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
-      };
+import { defineComponent as y, computed as s, createBlock as x, openBlock as d, resolveDynamicComponent as L, normalizeStyle as h, withCtx as b, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es259.js";
+const N = ["aria-hidden"], p = '<path d="M4.30937 19.025C3.49271 18.075 2.86198 16.9917 2.41719 15.775C1.9724 14.5583 1.75 13.2833 1.75 11.95C1.75 10.6167 1.96875 9.34167 2.40625 8.125C2.84375 6.90833 3.47812 5.825 4.30937 4.875L5.55625 6.3C4.88542 7.05 4.375 7.9125 4.025 8.8875C3.675 9.8625 3.5 10.8833 3.5 11.95C3.5 13.0167 3.67865 14.0375 4.03594 15.0125C4.39323 15.9875 4.9 16.85 5.55625 17.6L4.30937 19.025ZM8.3125 18C7.94792 18 7.63802 17.8542 7.38281 17.5625C7.1276 17.2708 7 16.9167 7 16.5C7 16.0833 7.1276 15.7292 7.38281 15.4375C7.63802 15.1458 7.94792 15 8.3125 15C8.67708 15 8.98698 15.1458 9.24219 15.4375C9.49739 15.7292 9.625 16.0833 9.625 16.5C9.625 16.9167 9.49739 17.2708 9.24219 17.5625C8.98698 17.8542 8.67708 18 8.3125 18ZM11.3531 13V11.225L10.0187 12.125L9.14375 10.375L10.4781 9.5L9.14375 8.625L10.0187 6.875L11.3531 7.775V6H13.1031V7.775L14.4375 6.875L15.3125 8.625L13.9781 9.5L15.3125 10.375L14.4375 12.125L13.1031 11.225V13H11.3531ZM16.6906 19.025L15.4437 17.6C16.1146 16.85 16.625 15.9875 16.975 15.0125C17.325 14.0375 17.5 13.0167 17.5 11.95C17.5 10.8833 17.3214 9.8625 16.9641 8.8875C16.6068 7.9125 16.1 7.05 15.4437 6.3L16.6906 4.875C17.5073 5.825 18.138 6.90833 18.5828 8.125C19.0276 9.34167 19.25 10.6167 19.25 11.95C19.25 13.2833 19.0312 14.5583 18.5937 15.775C18.1562 16.9917 17.5219 18.075 16.6906 19.025Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "RegexIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
     },
-    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
-      };
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
     },
-    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 };
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
     },
-    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;
+    /** 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;
         }
-        e.value === void 0 && u && (t.value = S.ERROR);
-      }), {
-        hasData: n,
-        state: t,
-        swrvState: S
-      };
+        return !1;
+      }
     },
-    cloneDeep: (e) => {
-      if (e)
-        return JSON.parse(JSON.stringify(e));
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
     },
-    stripRequiredLabel: (e, u) => !u || !e ? e || "" : /( )?\*$/gi.test(e) ? e.replace(/\*$/gi, "").trim() : e
-  };
-}
+    /**
+     * 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 u;
+    }), c = 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 ? p : f(p)}`;
+    return (a, t) => (d(), x(L(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon regex-icon",
+      "data-testid": "kui-icon-wrapper-regex-icon",
+      style: h(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: b(() => [
+        (d(), S("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-regex-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 {
-  w as default
+  z as default
 };

package/dist/kongponents.es184.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as C, resolveDynamicComponent as h, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kongponents.es266.js";
-const k = ["aria-hidden"], u = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.6333 14.4249 18.7708 13.8249 18.8625C13.2249 18.9541 12.6166 19 11.9999 19C9.76657 19 7.7249 18.4 5.8749 17.2C4.0249 16 2.5749 14.4166 1.5249 12.45C1.44157 12.3 1.37907 12.1458 1.3374 11.9875C1.29574 11.8291 1.2749 11.6666 1.2749 11.5C1.2749 11.3333 1.29574 11.1708 1.3374 11.0125C1.37907 10.8541 1.44157 10.7 1.5249 10.55C1.89157 9.89998 2.28324 9.26664 2.6999 8.64998C3.11657 8.03331 3.5999 7.48331 4.1499 6.99998L2.0749 4.89998C1.89157 4.71664 1.7999 4.48748 1.7999 4.21248C1.7999 3.93748 1.8999 3.69998 2.0999 3.49998C2.28324 3.31664 2.51657 3.22498 2.7999 3.22498C3.08324 3.22498 3.31657 3.31664 3.4999 3.49998L20.4999 20.5C20.6832 20.6833 20.7791 20.9125 20.7874 21.1875C20.7957 21.4625 20.6999 21.7 20.4999 21.9C20.3166 22.0833 20.0832 22.175 19.7999 22.175C19.5166 22.175 19.2832 22.0833 19.0999 21.9ZM11.9999 16C12.1832 16 12.3582 15.9916 12.5249 15.975C12.6916 15.9583 12.8582 15.925 13.0249 15.875L7.6249 10.475C7.5749 10.6416 7.54157 10.8083 7.5249 10.975C7.50824 11.1416 7.4999 11.3166 7.4999 11.5C7.4999 12.75 7.9374 13.8125 8.8124 14.6875C9.6874 15.5625 10.7499 16 11.9999 16ZM11.9999 3.99998C14.2332 3.99998 16.2791 4.60414 18.1374 5.81248C19.9957 7.02081 21.4499 8.60831 22.4999 10.575C22.5832 10.7083 22.6457 10.8541 22.6874 11.0125C22.7291 11.1708 22.7499 11.3333 22.7499 11.5C22.7499 11.6666 22.7332 11.8291 22.6999 11.9875C22.6666 12.1458 22.6082 12.2916 22.5249 12.425C22.2082 13.0416 21.8541 13.625 21.4624 14.175C21.0707 14.725 20.6332 15.2416 20.1499 15.725C19.9166 15.9583 19.6416 16.0666 19.3249 16.05C19.0082 16.0333 18.7332 15.9083 18.4999 15.675L16.4999 13.675C16.3832 13.5583 16.3082 13.4208 16.2749 13.2625C16.2416 13.1041 16.2499 12.9416 16.2999 12.775C16.3666 12.5583 16.4166 12.35 16.4499 12.15C16.4832 11.95 16.4999 11.7333 16.4999 11.5C16.4999 10.25 16.0624 9.18748 15.1874 8.31248C14.3124 7.43748 13.2499 6.99998 11.9999 6.99998C11.7666 6.99998 11.5499 7.01664 11.3499 7.04998C11.1499 7.08331 10.9416 7.13331 10.7249 7.19998C10.5582 7.24998 10.3916 7.25831 10.2249 7.22498C10.0582 7.19164 9.91657 7.11664 9.7999 6.99998L8.9749 6.17498C8.65824 5.85831 8.55407 5.49164 8.6624 5.07498C8.77074 4.65831 9.03324 4.39164 9.4499 4.27498C9.86657 4.19164 10.2874 4.12498 10.7124 4.07498C11.1374 4.02498 11.5666 3.99998 11.9999 3.99998ZM13.9749 9.64998C14.1582 9.86664 14.3124 10.1041 14.4374 10.3625C14.5624 10.6208 14.6416 10.8916 14.6749 11.175C14.6916 11.3083 14.6416 11.4 14.5249 11.45C14.4082 11.5 14.2999 11.475 14.1999 11.375L12.1499 9.32498C12.0499 9.22498 12.0291 9.11664 12.0874 8.99998C12.1457 8.88331 12.2416 8.82498 12.3749 8.82498C12.6916 8.85831 12.9832 8.94581 13.2499 9.08748C13.5166 9.22914 13.7582 9.41664 13.9749 9.64998Z" fill="currentColor"/>', $ = /* @__PURE__ */ y({
-  __name: "VisibilityOffIcon",
+import { defineComponent as h, computed as s, createBlock as y, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es259.js";
+const k = ["aria-hidden"], c = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "SearchIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,14 +31,14 @@ const k = ["aria-hidden"], u = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 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;
@@ -60,8 +60,8 @@ const k = ["aria-hidden"], u = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = s(() => {
+  setup(r) {
+    const e = r, i = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -69,47 +69,47 @@ const k = ["aria-hidden"], u = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return d;
-    }), f = s(() => ({
+      return u;
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: i.value,
       lineHeight: "0",
-      width: r.value,
+      width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), c = (a) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
+    })), f = (a) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${m}-${n}`;
+        const l = `${v}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
-    }, p = {
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (a) => a.replace(/[<>"'&]/g, (t) => p[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? u : c(u)}`;
-    return (a, t) => (C(), b(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon visibility-off-icon",
-      "data-testid": "kui-icon-wrapper-visibility-off-icon",
-      style: x(f.value),
-      tabindex: i.decorative ? "-1" : void 0
+    }, 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(), y(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon search-icon",
+      "data-testid": "kui-icon-wrapper-search-icon",
+      style: x(p.value),
+      tabindex: r.decorative ? "-1" : void 0
     }, {
       default: S(() => [
-        (C(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-visibility-off-icon",
+        (d(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-search-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: m
         }, null, 8, k))
       ]),
       _: 1