@kong/kongponents 9.46.10-pr.2996.a07c4b7.0 → 9.46.10

package/dist/kongponents.es185.js

@@ -1,7 +1,7 @@
-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.es254.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",
+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.es260.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: {
@@ -70,7 +70,7 @@ const N = ["aria-hidden"], p = '<path d="M4.30937 19.025C3.49271 18.075 2.86198
           return `${t}px`;
       }
       return u;
-    }), c = s(() => ({
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -91,18 +91,18 @@ const N = ["aria-hidden"], p = '<path d="M4.30937 19.025C3.49271 18.075 2.86198
       '"': "&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), {
+    }, 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 regex-icon",
-      "data-testid": "kui-icon-wrapper-regex-icon",
-      style: h(c.value),
+      class: "kui-icon search-icon",
+      "data-testid": "kui-icon-wrapper-search-icon",
+      style: x(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), S("svg", {
+      default: S(() => [
+        (d(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-regex-icon",
+          "data-testid": "kui-icon-svg-search-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -110,12 +110,12 @@ const N = ["aria-hidden"], p = '<path d="M4.30937 19.025C3.49271 18.075 2.86198
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, N))
+        }, null, 8, k))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  z as default
+  $ as default
 };

package/dist/kongponents.es186.js

@@ -1,20 +1,121 @@
-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;
-}
+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.es260.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: {
+      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;
+    }), 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 {
-  r as IS_MAYBE_FIREFOX,
-  i as IS_MAYBE_MAC,
-  a as cssSupports,
-  l as getScrollbarSize
+  z as default
 };

package/dist/kongponents.es187.js

@@ -1,7 +1,7 @@
-const n = (r) => {
-  const e = Number(r);
-  return Number.isNaN(e) ? `${r}` : `${e}px`;
-};
+import o from "./kongponents.es241.js";
+/* empty css                  */
+import t from "./kongponents.es74.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0033fccb"]]);
 export {
-  n as normalizeSize
+  c as default
 };

package/dist/kongponents.es188.js

@@ -1,54 +1,7 @@
-import S from "./kongponents.es258.js";
-import h from "./kongponents.es259.js";
-import W from "./kongponents.es260.js";
-var y = "Expected a function", R = Math.max, A = Math.min;
-function _(x, i, l) {
-  var u, f, c, a, n, r, o = 0, p = !1, d = !1, v = !0;
-  if (typeof x != "function")
-    throw new TypeError(y);
-  i = W(i) || 0, S(l) && (p = !0, d = "maxWait" in l, c = d ? R(W(l.maxWait) || 0, i) : c, v = "trailing" in l ? !0 : v);
-  function g(e) {
-    var t = u, m = f;
-    return u = f = void 0, o = e, a = x.apply(m, t), a;
-  }
-  function b(e) {
-    return o = e, n = setTimeout(s, i), p ? g(e) : a;
-  }
-  function C(e) {
-    var t = e - r, m = e - o, I = i - t;
-    return d ? A(I, c - m) : I;
-  }
-  function E(e) {
-    var t = e - r, m = e - o;
-    return r === void 0 || t >= i || t < 0 || d && m >= c;
-  }
-  function s() {
-    var e = h();
-    if (E(e))
-      return k(e);
-    n = setTimeout(s, C(e));
-  }
-  function k(e) {
-    return n = void 0, v && u ? g(e) : (u = f = void 0, a);
-  }
-  function L() {
-    n !== void 0 && clearTimeout(n), o = 0, u = r = f = n = void 0;
-  }
-  function M() {
-    return n === void 0 ? a : k(h());
-  }
-  function T() {
-    var e = h(), t = E(e);
-    if (u = arguments, f = this, r = e, t) {
-      if (n === void 0)
-        return b(r);
-      if (d)
-        return clearTimeout(n), n = setTimeout(s, i), g(r);
-    }
-    return n === void 0 && (n = setTimeout(s, i)), a;
-  }
-  return T.cancel = L, T.flush = M, T;
-}
+const n = (r) => {
+  const e = Number(r);
+  return Number.isNaN(e) ? `${r}` : `${e}px`;
+};
 export {
-  _ as default
+  n as normalizeSize
 };

package/dist/kongponents.es189.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, 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.es254.js";
-const I = ["aria-hidden"], p = '<path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 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"/>', $ = /* @__PURE__ */ y({
-  __name: "InfoIcon",
+import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as k } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es260.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: {
@@ -70,7 +70,7 @@ const I = ["aria-hidden"], p = '<path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5
           return `${t}px`;
       }
       return u;
-    }), c = s(() => ({
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -80,42 +80,42 @@ const I = ["aria-hidden"], p = '<path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), f = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      const t = {}, m = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${v}-${a}`;
+        const l = `${m}-${a}`;
         return t[a] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, C = {
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (n) => n.replace(/[<>"'&]/g, (t) => C[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (d(), h(b(r.as), {
+    }, 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 info-icon",
-      "data-testid": "kui-icon-wrapper-info-icon",
-      style: x(c.value),
+      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: S(() => [
-        (d(), N("svg", {
+      default: N(() => [
+        (d(), k("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-info-icon",
+          "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: m
-        }, null, 8, I))
+          innerHTML: v
+        }, null, 8, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  $ as default
+  z as default
 };

package/dist/kongponents.es19.js

@@ -1,5 +1,5 @@
 import { defineComponent as e, renderSlot as t } from "vue";
-import { copyTextToClipboard as p } from "./kongponents.es165.js";
+import { copyTextToClipboard as p } from "./kongponents.es172.js";
 const i = /* @__PURE__ */ e({
   __name: "KClipboardProvider",
   setup(a) {

package/dist/kongponents.es190.js

@@ -1,116 +1,121 @@
-import { computePosition as j } from "./kongponents.es193.js";
-import { autoPlacement as Q, autoUpdate as T, flip as W, platform as X, shift as Y } from "./kongponents.es193.js";
-import { isNode as A, getNodeName as B } from "./kongponents.es241.js";
-import { getOverflowAncestors as ee } from "./kongponents.es241.js";
-import { computed as o, ref as f, shallowRef as F, watch as g, getCurrentScope as I, onScopeDispose as U, shallowReadonly as r, unref as k } from "vue";
-function q(e) {
-  return e != null && typeof e == "object" && "$el" in e;
-}
-function b(e) {
-  if (q(e)) {
-    const u = e.$el;
-    return A(u) && B(u) === "#comment" ? null : u;
-  }
-  return e;
-}
-function c(e) {
-  return typeof e == "function" ? e() : k(e);
-}
-function M(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function C(e, u) {
-  const n = M(e);
-  return Math.round(u * n) / n;
-}
-function J(e, u, n) {
-  n === void 0 && (n = {});
-  const P = n.whileElementsMounted, s = o(() => {
-    var t;
-    return (t = c(n.open)) != null ? t : !0;
-  }), V = o(() => c(n.middleware)), p = o(() => {
-    var t;
-    return (t = c(n.placement)) != null ? t : "bottom";
-  }), w = o(() => {
-    var t;
-    return (t = c(n.strategy)) != null ? t : "absolute";
-  }), S = o(() => {
-    var t;
-    return (t = c(n.transform)) != null ? t : !0;
-  }), i = o(() => b(e.value)), l = o(() => b(u.value)), y = f(0), h = f(0), m = f(w.value), D = f(p.value), O = F({}), x = f(!1), _ = o(() => {
-    const t = {
-      position: m.value,
-      left: "0",
-      top: "0"
-    };
-    if (!l.value)
-      return t;
-    const a = C(l.value, y.value), R = C(l.value, h.value);
-    return S.value ? {
-      ...t,
-      transform: "translate(" + a + "px, " + R + "px)",
-      ...M(l.value) >= 1.5 && {
-        willChange: "transform"
+import { defineComponent as y, 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.es260.js";
+const k = ["aria-hidden"], p = '<path d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="currentColor"/>', $ = /* @__PURE__ */ y({
+  __name: "MoreIcon",
+  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;
       }
-    } : {
-      position: m.value,
-      left: a + "px",
-      top: R + "px"
-    };
-  });
-  let v;
-  function d() {
-    if (i.value == null || l.value == null)
-      return;
-    const t = s.value;
-    j(i.value, l.value, {
-      middleware: V.value,
-      placement: p.value,
-      strategy: w.value
-    }).then((a) => {
-      y.value = a.x, h.value = a.y, m.value = a.strategy, D.value = a.placement, O.value = a.middlewareData, x.value = t !== !1;
-    });
-  }
-  function E() {
-    typeof v == "function" && (v(), v = void 0);
-  }
-  function N() {
-    if (E(), P === void 0) {
-      d();
-      return;
+    },
+    /** 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
     }
-    if (i.value != null && l.value != null) {
-      v = P(i.value, l.value, d);
-      return;
-    }
-  }
-  function $() {
-    s.value || (x.value = !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);
+    }, C = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, g = (a) => a.replace(/[<>"'&]/g, (t) => C[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), h(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon more-icon",
+      "data-testid": "kui-icon-wrapper-more-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-more-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, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
-  return g([V, p, w, s], d, {
-    flush: "sync"
-  }), g([i, l], N, {
-    flush: "sync"
-  }), g(s, $, {
-    flush: "sync"
-  }), I() && U(E), {
-    x: r(y),
-    y: r(h),
-    strategy: r(m),
-    placement: r(D),
-    middlewareData: r(O),
-    isPositioned: r(x),
-    floatingStyles: _,
-    update: d
-  };
-}
+});
 export {
-  Q as autoPlacement,
-  T as autoUpdate,
-  j as computePosition,
-  W as flip,
-  ee as getOverflowAncestors,
-  X as platform,
-  Y as shift,
-  J as useFloating
+  $ as default
 };