@kong/kongponents 9.47.2-pr.3005.af845c6.0 → 9.47.2

package/dist/kongponents.es201.js

@@ -1,100 +1,121 @@
-import g from "./kongponents.es276.js";
-function E(t) {
-  const e = [0];
-  for (let r = 0; r < t.length; r++)
-    t[r] === `
-` && e.push(r + 1);
-  return e;
-}
-function f(t, e) {
-  let r = 0, n = t.length - 1;
-  for (; r < n; ) {
-    const i = Math.floor((r + n + 1) / 2);
-    t[i] <= e ? r = i : n = i - 1;
+import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as h, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es268.js";
+const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"/>', $ = /* @__PURE__ */ y({
+  __name: "VisibilityIcon",
+  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: (i) => {
+        if (typeof i == "number" && i > 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)
+            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(i) {
+    const e = i, r = 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: r.value,
+      lineHeight: "0",
+      width: r.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (a) => {
+      const t = {}, m = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${m}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, C = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, g = (a) => a.replace(/[<>"'&]/g, (t) => C[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), b(h(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
+      class: "kui-icon visibility-icon",
+      "data-testid": "kui-icon-wrapper-visibility-icon",
+      style: x(c.value),
+      tabindex: i.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (d(), N("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-visibility-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"]));
   }
-  return r + 1;
-}
-function x(t, e, r) {
-  if (!t || !e)
-    return [];
-  const n = [];
-  let i = 0;
-  for (; ; ) {
-    const s = t.indexOf(e, i);
-    if (s === -1) break;
-    const l = f(r, s);
-    n.push(l), i = l < r.length ? r[l] : t.length;
-  }
-  return n;
-}
-function L(t, e, r) {
-  if (!t || !e)
-    return [];
-  const n = new RegExp(e, "sg"), i = [];
-  let s;
-  for (; (s = n.exec(t)) !== null; ) {
-    const l = s.index, c = s.index + s[0].length - 1, u = f(r, l), m = f(r, c);
-    for (let o = u; o <= m; o++)
-      i[i.length - 1] !== o && i.push(o);
-  }
-  return i;
-}
-function w(t, e, r, n = E(t)) {
-  return r ? L(t, e, n) : x(t, e, n);
-}
-const M = (t) => `<mark class="matched-term">${t}</mark>`, a = /[<&]/;
-function h(t) {
-  return t.replace(/[&<]/g, (e) => e === "&" ? "&amp;" : "&lt;");
-}
-function R(t, e = a, r = h) {
-  return e.test(t) ? r(t) : t;
-}
-function I(t, e, r) {
-  if (!t || !e)
-    return "";
-  let n;
-  try {
-    n = new RegExp(`(?:${r ? e : g(e)})+`, "sgi");
-  } catch {
-    return t;
-  }
-  const i = !a.test(t);
-  let s = "", l = 0, c;
-  for (; (c = n.exec(t)) !== null; ) {
-    const u = c.index;
-    s += i ? t.slice(l, u) : h(t.slice(l, u)), s += M(i ? c[0] : h(c[0])), l = u + c[0].length;
-  }
-  return s += i ? t.slice(l) : h(t.slice(l)), s;
-}
-const b = /^\d+(?:-\d+)?(?:,\d+(?:-\d+)?)*$/;
-function d(t, e) {
-  if (!b.test(t))
-    throw new Error("Invalid line number expression.");
-  const r = t.split(",").map((n) => {
-    const [i, s] = n.split("-").map(Number);
-    return s == null ? i : [i, s];
-  });
-  return p(r, e);
-}
-function p(t, e) {
-  const r = t.flatMap((n) => {
-    if (typeof n == "number")
-      return n < 1 || n > e ? [] : n;
-    let [i, s] = n[0] < n[1] ? n : [n[1], n[0]];
-    return i = Math.max(1, i), s = Math.min(e, s), Array.from({ length: s - i + 1 }, (l, c) => c + i);
-  }).sort((n, i) => n - i);
-  return Array.from(new Set(r));
-}
-function k(t, e) {
-  return typeof t == "string" ? d(t, e) : p(t, e);
-}
+});
 export {
-  b as LINE_NUMBER_EXPRESSION_REGEX,
-  E as buildLineOffsets,
-  R as escapeHTMLIfNeeded,
-  h as escapeInnerHTML,
-  w as getMatchingLineNumbers,
-  I as highlightMatchingChars,
-  k as normalizeHighlightedLines,
-  M as wrapMark
+  $ as default
 };

package/dist/kongponents.es202.js

@@ -1,121 +1,104 @@
-import { defineComponent as w, computed as s, createBlock as h, 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.es266.js";
-const k = ["aria-hidden"], p = '<path d="M12 20L4 12L5.4 10.575L11 16.175V4H13V16.175L18.6 10.575L20 12L12 20Z" fill="currentColor"/>', z = /* @__PURE__ */ w({
-  __name: "ArrowDownIcon",
-  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: {
+import { defineComponent as r, ref as s, computed as v, onMounted as d, watch as f, onUnmounted as p, Comment as F, cloneVNode as O } from "vue";
+import { createFocusTrap as b } from "./kongponents.es253.js";
+/*!
+  * focus-trap-vue v4.0.3
+  * (c) 2025 Eduardo San Martin Morote
+  * @license MIT
+  */
+const D = {
+  escapeDeactivates: {
+    type: Boolean,
+    default: !0
+  },
+  returnFocusOnDeactivate: {
+    type: Boolean,
+    default: !0
+  },
+  allowOutsideClick: {
+    type: [Boolean, Function],
+    default: !0
+  },
+  clickOutsideDeactivates: [Boolean, Function],
+  initialFocus: [String, Function, Boolean],
+  fallbackFocus: [String, Function],
+  checkCanFocusTrap: Function,
+  checkCanReturnFocus: Function,
+  delayInitialFocus: {
+    type: Boolean,
+    default: !0
+  },
+  document: Object,
+  preventScroll: Boolean,
+  setReturnFocus: [Object, String, Boolean, Function],
+  tabbableOptions: Object
+}, T = r({
+  name: "FocusTrap",
+  props: Object.assign({
+    active: {
+      // TODO: could be options for activate but what about the options for deactivating?
       type: Boolean,
-      default: !1
+      default: !0
     }
+  }, D),
+  emits: [
+    "update:active",
+    "activate",
+    "postActivate",
+    "deactivate",
+    "postDeactivate"
+  ],
+  render() {
+    return this.renderImpl();
   },
-  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`;
+  setup(a, { slots: o, emit: n }) {
+    let t;
+    const i = s(null), c = v(() => {
+      const e = i.value;
+      return e && (e instanceof HTMLElement ? e : e.$el);
+    });
+    function u() {
+      return t || (t = b(c.value, {
+        escapeDeactivates: a.escapeDeactivates,
+        allowOutsideClick: a.allowOutsideClick,
+        returnFocusOnDeactivate: a.returnFocusOnDeactivate,
+        clickOutsideDeactivates: a.clickOutsideDeactivates,
+        onActivate: () => {
+          n("update:active", !0), n("activate");
+        },
+        onDeactivate: () => {
+          n("update:active", !1), n("deactivate");
+        },
+        onPostActivate: () => n("postActivate"),
+        onPostDeactivate: () => n("postDeactivate"),
+        initialFocus: a.initialFocus,
+        fallbackFocus: a.fallbackFocus,
+        tabbableOptions: a.tabbableOptions,
+        delayInitialFocus: a.delayInitialFocus,
+        preventScroll: a.preventScroll
+      }));
+    }
+    return d(() => {
+      f(() => a.active, (e) => {
+        e && c.value ? u().activate() : t && (t.deactivate(), (!c.value || c.value.nodeType === Node.COMMENT_NODE) && (t = null));
+      }, { immediate: !0, flush: "post" });
+    }), p(() => {
+      t && t.deactivate(), t = null;
+    }), {
+      activate() {
+        u().activate();
+      },
+      deactivate() {
+        t && t.deactivate();
+      },
+      renderImpl() {
+        if (!o.default)
+          return null;
+        const e = o.default().filter((l) => l.type !== F);
+        return !e || !e.length || e.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), e) : O(e[0], { ref: i });
       }
-      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 = (n) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${y}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, m = (n) => n.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 (n, t) => (d(), h(b(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon arrow-down-icon",
-      "data-testid": "kui-icon-wrapper-arrow-down-icon",
-      style: x(c.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: S(() => [
-        (d(), N("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-arrow-down-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 {
-  z as default
+  T as FocusTrap
 };

package/dist/kongponents.es203.js

@@ -1,121 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es266.js";
-const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"/>', z = /* @__PURE__ */ h({
-  __name: "ArrowUpIcon",
-  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(w(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon arrow-up-icon",
-      "data-testid": "kui-icon-wrapper-arrow-up-icon",
-      style: x(c.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: S(() => [
-        (d(), N("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-arrow-up-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"]));
-  }
-});
+import o from "./kongponents.es250.js";
+/* empty css                  */
+import t from "./kongponents.es74.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e91d1bd8"]]);
 export {
-  z as default
+  m as default
 };

package/dist/kongponents.es205.js

@@ -1,7 +1,7 @@
-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.es266.js";
-const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
-  __name: "FilterIcon",
+import { defineComponent as y, computed as C, createBlock as h, openBlock as s, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as d } from "./kongponents.es268.js";
+const H = ["aria-hidden"], u = '<path d="M12 14C11.7167 14 11.4792 13.9042 11.2875 13.7125C11.0958 13.5208 11 13.2833 11 13C11 12.7167 11.0958 12.4792 11.2875 12.2875C11.4792 12.0958 11.7167 12 12 12C12.2833 12 12.5208 12.0958 12.7125 12.2875C12.9042 12.4792 13 12.7167 13 13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13C7 12.7167 7.09583 12.4792 7.2875 12.2875C7.47917 12.0958 7.71667 12 8 12C8.28333 12 8.52083 12.0958 8.7125 12.2875C8.90417 12.4792 9 12.7167 9 13C9 13.2833 8.90417 13.5208 8.7125 13.7125C8.52083 13.9042 8.28333 14 8 14ZM16 14C15.7167 14 15.4792 13.9042 15.2875 13.7125C15.0958 13.5208 15 13.2833 15 13C15 12.7167 15.0958 12.4792 15.2875 12.2875C15.4792 12.0958 15.7167 12 16 12C16.2833 12 16.5208 12.0958 16.7125 12.2875C16.9042 12.4792 17 12.7167 17 13C17 13.2833 16.9042 13.5208 16.7125 13.7125C16.5208 13.9042 16.2833 14 16 14ZM12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18ZM8 18C7.71667 18 7.47917 17.9042 7.2875 17.7125C7.09583 17.5208 7 17.2833 7 17C7 16.7167 7.09583 16.4792 7.2875 16.2875C7.47917 16.0958 7.71667 16 8 16C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18ZM16 18C15.7167 18 15.4792 17.9042 15.2875 17.7125C15.0958 17.5208 15 17.2833 15 17C15 16.7167 15.0958 16.4792 15.2875 16.2875C15.4792 16.0958 15.7167 16 16 16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4792 17 16.7167 17 17C17 17.2833 16.9042 17.5208 16.7125 17.7125C16.5208 17.9042 16.2833 18 16 18ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" fill="currentColor"/>', k = /* @__PURE__ */ y({
+  __name: "CalIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,7 +31,7 @@ const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: d,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (r) => {
         if (typeof r == "number" && r > 0)
@@ -61,7 +61,7 @@ const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3
     }
   },
   setup(r) {
-    const e = r, i = s(() => {
+    const e = r, i = C(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -69,8 +69,8 @@ const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), c = s(() => ({
+      return d;
+    }), c = C(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,43 +79,43 @@ const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (a) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
+    })), p = (a) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${y}-${n}`;
+        const l = `${v}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
-    }, g = {
+    }, f = {
       "<": "&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), {
+    }, g = (a) => a.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (a, t) => (s(), h(b(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),
+      class: "kui-icon cal-icon",
+      "data-testid": "kui-icon-wrapper-cal-icon",
+      style: x(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: w(() => [
-        (d(), N("svg", {
+      default: S(() => [
+        (s(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-filter-icon",
+          "data-testid": "kui-icon-svg-cal-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))
+          innerHTML: m
+        }, null, 8, H))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  k as default
 };