@kong/icons 1.0.2 → 1.0.3-pr.17.5123519.0

package/dist/kong-icons.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as u, computed as s, openBlock as o, createBlock as f, resolveDynamicComponent as g, normalizeStyle as p, withCtx as C, createElementBlock as d, toDisplayString as h, createCommentVNode as y, pushScopeId as v, popScopeId as _, createElementVNode as c } from "vue";
-const l = "24px", w = (e) => (v("data-v-f973374b"), e = e(), _(), e), k = ["aria-hidden"], L = {
+import { defineComponent as u, computed as s, openBlock as o, createBlock as f, resolveDynamicComponent as p, normalizeStyle as g, withCtx as C, createElementBlock as d, toDisplayString as h, createCommentVNode as y, pushScopeId as v, popScopeId as _, createElementVNode as c } from "vue";
+const l = "24px", w = (e) => (v("data-v-0345890a"), e = e(), _(), e), k = ["aria-hidden"], L = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, q = /* @__PURE__ */ w(() => /* @__PURE__ */ c("g", { "clip-path": "url(#clip0_246_4298)" }, [
@@ -92,7 +92,7 @@ const l = "24px", w = (e) => (v("data-v-f973374b"), e = e(), _(), e), k = ["aria
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -116,11 +116,11 @@ const l = "24px", w = (e) => (v("data-v-f973374b"), e = e(), _(), e), k = ["aria
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-eu-icon",
       "data-testid": "kui-icon-wrapper-flag-eu-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -147,7 +147,7 @@ const m = (e, t) => {
   for (const [a, n] of t)
     i[a] = n;
   return i;
-}, X3 = /* @__PURE__ */ m(M, [["__scopeId", "data-v-f973374b"]]), I = (e) => (v("data-v-53b3b94b"), e = e(), _(), e), Z = ["aria-hidden"], B = {
+}, X3 = /* @__PURE__ */ m(M, [["__scopeId", "data-v-0345890a"]]), I = (e) => (v("data-v-c29e3e9f"), e = e(), _(), e), Z = ["aria-hidden"], B = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, E = /* @__PURE__ */ I(() => /* @__PURE__ */ c("g", { "clip-path": "url(#clip0_246_5603)" }, [
@@ -228,7 +228,7 @@ const m = (e, t) => {
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -252,11 +252,11 @@ const m = (e, t) => {
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-us-icon",
       "data-testid": "kui-icon-wrapper-flag-us-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -278,7 +278,7 @@ const m = (e, t) => {
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const Y3 = /* @__PURE__ */ m(F, [["__scopeId", "data-v-53b3b94b"]]), N = (e) => (v("data-v-f5cdab2d"), e = e(), _(), e), D = ["aria-hidden"], A = {
+const Y3 = /* @__PURE__ */ m(F, [["__scopeId", "data-v-c29e3e9f"]]), N = (e) => (v("data-v-2b81645a"), e = e(), _(), e), D = ["aria-hidden"], A = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, R = /* @__PURE__ */ N(() => /* @__PURE__ */ c("path", {
@@ -339,7 +339,7 @@ const Y3 = /* @__PURE__ */ m(F, [["__scopeId", "data-v-53b3b94b"]]), N = (e) =>
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -363,11 +363,11 @@ const Y3 = /* @__PURE__ */ m(F, [["__scopeId", "data-v-53b3b94b"]]), N = (e) =>
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon aws-icon",
       "data-testid": "kui-icon-wrapper-aws-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -390,7 +390,7 @@ const Y3 = /* @__PURE__ */ m(F, [["__scopeId", "data-v-53b3b94b"]]), N = (e) =>
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const e7 = /* @__PURE__ */ m(G, [["__scopeId", "data-v-f5cdab2d"]]), b = (e) => (v("data-v-2bc638b9"), e = e(), _(), e), O = ["aria-hidden"], T = {
+const e7 = /* @__PURE__ */ m(G, [["__scopeId", "data-v-2b81645a"]]), b = (e) => (v("data-v-d0dc303f"), e = e(), _(), e), O = ["aria-hidden"], T = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, K = /* @__PURE__ */ b(() => /* @__PURE__ */ c("path", {
@@ -505,7 +505,7 @@ const e7 = /* @__PURE__ */ m(G, [["__scopeId", "data-v-f5cdab2d"]]), b = (e) =>
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -529,11 +529,11 @@ const e7 = /* @__PURE__ */ m(G, [["__scopeId", "data-v-f5cdab2d"]]), b = (e) =>
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon azure-icon",
       "data-testid": "kui-icon-wrapper-azure-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -558,7 +558,7 @@ const e7 = /* @__PURE__ */ m(G, [["__scopeId", "data-v-f5cdab2d"]]), b = (e) =>
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const t7 = /* @__PURE__ */ m(X, [["__scopeId", "data-v-2bc638b9"]]), S = (e) => (v("data-v-18e290e0"), e = e(), _(), e), Y = ["aria-hidden"], e1 = {
+const t7 = /* @__PURE__ */ m(X, [["__scopeId", "data-v-d0dc303f"]]), S = (e) => (v("data-v-3beae414"), e = e(), _(), e), Y = ["aria-hidden"], e1 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, t1 = /* @__PURE__ */ S(() => /* @__PURE__ */ c("path", {
@@ -618,7 +618,7 @@ const t7 = /* @__PURE__ */ m(X, [["__scopeId", "data-v-2bc638b9"]]), S = (e) =>
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -642,11 +642,11 @@ const t7 = /* @__PURE__ */ m(X, [["__scopeId", "data-v-2bc638b9"]]), S = (e) =>
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon google-cloud-icon",
       "data-testid": "kui-icon-wrapper-google-cloud-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -670,7 +670,7 @@ const t7 = /* @__PURE__ */ m(X, [["__scopeId", "data-v-2bc638b9"]]), S = (e) =>
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const i7 = /* @__PURE__ */ m(o1, [["__scopeId", "data-v-18e290e0"]]), z = (e) => (v("data-v-e0ba9993"), e = e(), _(), e), a1 = ["aria-hidden"], s1 = {
+const i7 = /* @__PURE__ */ m(o1, [["__scopeId", "data-v-3beae414"]]), z = (e) => (v("data-v-6089bf09"), e = e(), _(), e), a1 = ["aria-hidden"], s1 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, d1 = /* @__PURE__ */ z(() => /* @__PURE__ */ c("path", {
@@ -738,7 +738,7 @@ const i7 = /* @__PURE__ */ m(o1, [["__scopeId", "data-v-18e290e0"]]), z = (e) =>
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -762,11 +762,11 @@ const i7 = /* @__PURE__ */ m(o1, [["__scopeId", "data-v-18e290e0"]]), z = (e) =>
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon google-icon",
       "data-testid": "kui-icon-wrapper-google-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -790,10 +790,10 @@ const i7 = /* @__PURE__ */ m(o1, [["__scopeId", "data-v-18e290e0"]]), z = (e) =>
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const r7 = /* @__PURE__ */ m(f1, [["__scopeId", "data-v-e0ba9993"]]), g1 = (e) => (v("data-v-2a39a8bf"), e = e(), _(), e), p1 = ["aria-hidden"], C1 = {
+const r7 = /* @__PURE__ */ m(f1, [["__scopeId", "data-v-6089bf09"]]), p1 = (e) => (v("data-v-a192d1eb"), e = e(), _(), e), g1 = ["aria-hidden"], C1 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, h1 = /* @__PURE__ */ g1(() => /* @__PURE__ */ c("path", {
+}, h1 = /* @__PURE__ */ p1(() => /* @__PURE__ */ c("path", {
   d: "M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z",
   fill: "#6F28FF"
 }, null, -1)), y1 = /* @__PURE__ */ u({
@@ -841,7 +841,7 @@ const r7 = /* @__PURE__ */ m(f1, [["__scopeId", "data-v-e0ba9993"]]), g1 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -865,11 +865,11 @@ const r7 = /* @__PURE__ */ m(f1, [["__scopeId", "data-v-e0ba9993"]]), g1 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon runtime-composite-icon",
       "data-testid": "kui-icon-wrapper-runtime-composite-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -884,13 +884,13 @@ const r7 = /* @__PURE__ */ m(f1, [["__scopeId", "data-v-e0ba9993"]]), g1 = (e) =
         }, [
           e.title ? (o(), d("title", C1, h(e.title), 1)) : y("", !0),
           h1
-        ], 8, p1))
+        ], 8, g1))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const n7 = /* @__PURE__ */ m(y1, [["__scopeId", "data-v-2a39a8bf"]]), $ = (e) => (v("data-v-02e63bde"), e = e(), _(), e), v1 = ["aria-hidden"], _1 = {
+const n7 = /* @__PURE__ */ m(y1, [["__scopeId", "data-v-a192d1eb"]]), $ = (e) => (v("data-v-0419cdb8"), e = e(), _(), e), v1 = ["aria-hidden"], _1 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, m1 = /* @__PURE__ */ $(() => /* @__PURE__ */ c("path", {
@@ -956,7 +956,7 @@ const n7 = /* @__PURE__ */ m(y1, [["__scopeId", "data-v-2a39a8bf"]]), $ = (e) =>
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -980,11 +980,11 @@ const n7 = /* @__PURE__ */ m(y1, [["__scopeId", "data-v-2a39a8bf"]]), $ = (e) =>
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon runtime-dedicated-cloud-icon",
       "data-testid": "kui-icon-wrapper-runtime-dedicated-cloud-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -1006,7 +1006,7 @@ const n7 = /* @__PURE__ */ m(y1, [["__scopeId", "data-v-2a39a8bf"]]), $ = (e) =>
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const o7 = /* @__PURE__ */ m(S1, [["__scopeId", "data-v-02e63bde"]]), z1 = (e) => (v("data-v-794c33b2"), e = e(), _(), e), N1 = ["aria-hidden"], x1 = {
+const o7 = /* @__PURE__ */ m(S1, [["__scopeId", "data-v-0419cdb8"]]), z1 = (e) => (v("data-v-edc58d0d"), e = e(), _(), e), N1 = ["aria-hidden"], x1 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, w1 = /* @__PURE__ */ z1(() => /* @__PURE__ */ c("path", {
@@ -1059,7 +1059,7 @@ const o7 = /* @__PURE__ */ m(S1, [["__scopeId", "data-v-02e63bde"]]), z1 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -1083,11 +1083,11 @@ const o7 = /* @__PURE__ */ m(S1, [["__scopeId", "data-v-02e63bde"]]), z1 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon runtime-hybrid-icon",
       "data-testid": "kui-icon-wrapper-runtime-hybrid-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -1108,7 +1108,7 @@ const o7 = /* @__PURE__ */ m(S1, [["__scopeId", "data-v-02e63bde"]]), z1 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const a7 = /* @__PURE__ */ m(I1, [["__scopeId", "data-v-794c33b2"]]), x = (e) => (v("data-v-7d9b32e8"), e = e(), _(), e), $1 = ["aria-hidden"], k1 = {
+const a7 = /* @__PURE__ */ m(I1, [["__scopeId", "data-v-edc58d0d"]]), x = (e) => (v("data-v-8fcf5f7a"), e = e(), _(), e), $1 = ["aria-hidden"], k1 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, L1 = /* @__PURE__ */ x(() => /* @__PURE__ */ c("path", {
@@ -1165,7 +1165,7 @@ const a7 = /* @__PURE__ */ m(I1, [["__scopeId", "data-v-794c33b2"]]), x = (e) =>
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -1189,11 +1189,11 @@ const a7 = /* @__PURE__ */ m(I1, [["__scopeId", "data-v-794c33b2"]]), x = (e) =>
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon runtime-kic-icon",
       "data-testid": "kui-icon-wrapper-runtime-kic-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -1216,7 +1216,7 @@ const a7 = /* @__PURE__ */ m(I1, [["__scopeId", "data-v-794c33b2"]]), x = (e) =>
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const s7 = /* @__PURE__ */ m(M1, [["__scopeId", "data-v-7d9b32e8"]]), Z1 = (e) => (v("data-v-3537bdf1"), e = e(), _(), e), B1 = ["aria-hidden"], E1 = {
+const s7 = /* @__PURE__ */ m(M1, [["__scopeId", "data-v-8fcf5f7a"]]), Z1 = (e) => (v("data-v-ac9529cf"), e = e(), _(), e), B1 = ["aria-hidden"], E1 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, V1 = /* @__PURE__ */ Z1(() => /* @__PURE__ */ c("path", {
@@ -1267,7 +1267,7 @@ const s7 = /* @__PURE__ */ m(M1, [["__scopeId", "data-v-7d9b32e8"]]), Z1 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -1291,11 +1291,11 @@ const s7 = /* @__PURE__ */ m(M1, [["__scopeId", "data-v-7d9b32e8"]]), Z1 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-icon",
       "data-testid": "kui-icon-wrapper-add-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -1316,7 +1316,7 @@ const s7 = /* @__PURE__ */ m(M1, [["__scopeId", "data-v-7d9b32e8"]]), Z1 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const d7 = /* @__PURE__ */ m(F1, [["__scopeId", "data-v-3537bdf1"]]), D1 = (e) => (v("data-v-7dca4394"), e = e(), _(), e), A1 = ["aria-hidden"], R1 = {
+const d7 = /* @__PURE__ */ m(F1, [["__scopeId", "data-v-ac9529cf"]]), D1 = (e) => (v("data-v-625272f9"), e = e(), _(), e), A1 = ["aria-hidden"], R1 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, P1 = /* @__PURE__ */ D1(() => /* @__PURE__ */ c("path", {
@@ -1367,7 +1367,7 @@ const d7 = /* @__PURE__ */ m(F1, [["__scopeId", "data-v-3537bdf1"]]), D1 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -1391,11 +1391,11 @@ const d7 = /* @__PURE__ */ m(F1, [["__scopeId", "data-v-3537bdf1"]]), D1 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon back-icon",
       "data-testid": "kui-icon-wrapper-back-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -1416,7 +1416,7 @@ const d7 = /* @__PURE__ */ m(F1, [["__scopeId", "data-v-3537bdf1"]]), D1 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const l7 = /* @__PURE__ */ m(U1, [["__scopeId", "data-v-7dca4394"]]), G1 = (e) => (v("data-v-999baf3e"), e = e(), _(), e), O1 = ["aria-hidden"], T1 = {
+const l7 = /* @__PURE__ */ m(U1, [["__scopeId", "data-v-625272f9"]]), G1 = (e) => (v("data-v-af8b7cad"), e = e(), _(), e), O1 = ["aria-hidden"], T1 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, K1 = /* @__PURE__ */ G1(() => /* @__PURE__ */ c("path", {
@@ -1467,7 +1467,7 @@ const l7 = /* @__PURE__ */ m(U1, [["__scopeId", "data-v-7dca4394"]]), G1 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -1491,11 +1491,11 @@ const l7 = /* @__PURE__ */ m(U1, [["__scopeId", "data-v-7dca4394"]]), G1 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon book-icon",
       "data-testid": "kui-icon-wrapper-book-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -1516,7 +1516,7 @@ const l7 = /* @__PURE__ */ m(U1, [["__scopeId", "data-v-7dca4394"]]), G1 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const c7 = /* @__PURE__ */ m(W1, [["__scopeId", "data-v-999baf3e"]]), j1 = (e) => (v("data-v-bf65fc60"), e = e(), _(), e), J1 = ["aria-hidden"], Q1 = {
+const c7 = /* @__PURE__ */ m(W1, [["__scopeId", "data-v-af8b7cad"]]), j1 = (e) => (v("data-v-a96208e6"), e = e(), _(), e), J1 = ["aria-hidden"], Q1 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, X1 = /* @__PURE__ */ j1(() => /* @__PURE__ */ c("path", {
@@ -1567,7 +1567,7 @@ const c7 = /* @__PURE__ */ m(W1, [["__scopeId", "data-v-999baf3e"]]), j1 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -1591,11 +1591,11 @@ const c7 = /* @__PURE__ */ m(W1, [["__scopeId", "data-v-999baf3e"]]), j1 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon bot-icon",
       "data-testid": "kui-icon-wrapper-bot-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -1616,7 +1616,7 @@ const c7 = /* @__PURE__ */ m(W1, [["__scopeId", "data-v-999baf3e"]]), j1 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const u7 = /* @__PURE__ */ m(Y1, [["__scopeId", "data-v-bf65fc60"]]), ee = (e) => (v("data-v-d4a922b1"), e = e(), _(), e), te = ["aria-hidden"], ie = {
+const u7 = /* @__PURE__ */ m(Y1, [["__scopeId", "data-v-a96208e6"]]), ee = (e) => (v("data-v-040d4028"), e = e(), _(), e), te = ["aria-hidden"], ie = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, re = /* @__PURE__ */ ee(() => /* @__PURE__ */ c("path", {
@@ -1667,7 +1667,7 @@ const u7 = /* @__PURE__ */ m(Y1, [["__scopeId", "data-v-bf65fc60"]]), ee = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -1691,11 +1691,11 @@ const u7 = /* @__PURE__ */ m(Y1, [["__scopeId", "data-v-bf65fc60"]]), ee = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon brain-icon",
       "data-testid": "kui-icon-wrapper-brain-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -1716,7 +1716,7 @@ const u7 = /* @__PURE__ */ m(Y1, [["__scopeId", "data-v-bf65fc60"]]), ee = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const f7 = /* @__PURE__ */ m(ne, [["__scopeId", "data-v-d4a922b1"]]), oe = (e) => (v("data-v-bc75e45d"), e = e(), _(), e), ae = ["aria-hidden"], se = {
+const f7 = /* @__PURE__ */ m(ne, [["__scopeId", "data-v-040d4028"]]), oe = (e) => (v("data-v-c0358ddb"), e = e(), _(), e), ae = ["aria-hidden"], se = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, de = /* @__PURE__ */ oe(() => /* @__PURE__ */ c("path", {
@@ -1767,7 +1767,7 @@ const f7 = /* @__PURE__ */ m(ne, [["__scopeId", "data-v-d4a922b1"]]), oe = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -1791,11 +1791,11 @@ const f7 = /* @__PURE__ */ m(ne, [["__scopeId", "data-v-d4a922b1"]]), oe = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon cal-icon",
       "data-testid": "kui-icon-wrapper-cal-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -1816,13 +1816,13 @@ const f7 = /* @__PURE__ */ m(ne, [["__scopeId", "data-v-d4a922b1"]]), oe = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const g7 = /* @__PURE__ */ m(le, [["__scopeId", "data-v-bc75e45d"]]), ce = (e) => (v("data-v-dbbc6734"), e = e(), _(), e), ue = ["aria-hidden"], fe = {
+const p7 = /* @__PURE__ */ m(le, [["__scopeId", "data-v-c0358ddb"]]), ce = (e) => (v("data-v-ee02eb72"), e = e(), _(), e), ue = ["aria-hidden"], fe = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, ge = /* @__PURE__ */ ce(() => /* @__PURE__ */ c("path", {
+}, pe = /* @__PURE__ */ ce(() => /* @__PURE__ */ c("path", {
   d: "M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z",
   fill: "currentColor"
-}, null, -1)), pe = /* @__PURE__ */ u({
+}, null, -1)), ge = /* @__PURE__ */ u({
   __name: "CheckIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -1867,7 +1867,7 @@ const g7 = /* @__PURE__ */ m(le, [["__scopeId", "data-v-bc75e45d"]]), ce = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -1891,11 +1891,11 @@ const g7 = /* @__PURE__ */ m(le, [["__scopeId", "data-v-bc75e45d"]]), ce = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon check-icon",
       "data-testid": "kui-icon-wrapper-check-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -1909,14 +1909,14 @@ const g7 = /* @__PURE__ */ m(le, [["__scopeId", "data-v-bc75e45d"]]), ce = (e) =
           xmlns: "http://www.w3.org/2000/svg"
         }, [
           e.title ? (o(), d("title", fe, h(e.title), 1)) : y("", !0),
-          ge
+          pe
         ], 8, ue))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const p7 = /* @__PURE__ */ m(pe, [["__scopeId", "data-v-dbbc6734"]]), Ce = (e) => (v("data-v-dc47bf25"), e = e(), _(), e), he = ["aria-hidden"], ye = {
+const g7 = /* @__PURE__ */ m(ge, [["__scopeId", "data-v-ee02eb72"]]), Ce = (e) => (v("data-v-43f1463e"), e = e(), _(), e), he = ["aria-hidden"], ye = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, ve = /* @__PURE__ */ Ce(() => /* @__PURE__ */ c("path", {
@@ -1967,7 +1967,7 @@ const p7 = /* @__PURE__ */ m(pe, [["__scopeId", "data-v-dbbc6734"]]), Ce = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -1991,11 +1991,11 @@ const p7 = /* @__PURE__ */ m(pe, [["__scopeId", "data-v-dbbc6734"]]), Ce = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon clear-icon",
       "data-testid": "kui-icon-wrapper-clear-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -2016,7 +2016,7 @@ const p7 = /* @__PURE__ */ m(pe, [["__scopeId", "data-v-dbbc6734"]]), Ce = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const C7 = /* @__PURE__ */ m(_e, [["__scopeId", "data-v-dc47bf25"]]), me = (e) => (v("data-v-a94beed8"), e = e(), _(), e), be = ["aria-hidden"], Se = {
+const C7 = /* @__PURE__ */ m(_e, [["__scopeId", "data-v-43f1463e"]]), me = (e) => (v("data-v-d010c6e8"), e = e(), _(), e), be = ["aria-hidden"], Se = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, ze = /* @__PURE__ */ me(() => /* @__PURE__ */ c("path", {
@@ -2067,7 +2067,7 @@ const C7 = /* @__PURE__ */ m(_e, [["__scopeId", "data-v-dc47bf25"]]), me = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -2091,11 +2091,11 @@ const C7 = /* @__PURE__ */ m(_e, [["__scopeId", "data-v-dc47bf25"]]), me = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon clipboard-icon",
       "data-testid": "kui-icon-wrapper-clipboard-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -2116,7 +2116,7 @@ const C7 = /* @__PURE__ */ m(_e, [["__scopeId", "data-v-dc47bf25"]]), me = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const h7 = /* @__PURE__ */ m(Ne, [["__scopeId", "data-v-a94beed8"]]), xe = (e) => (v("data-v-f8c23e5f"), e = e(), _(), e), we = ["aria-hidden"], Ie = {
+const h7 = /* @__PURE__ */ m(Ne, [["__scopeId", "data-v-d010c6e8"]]), xe = (e) => (v("data-v-7daacfef"), e = e(), _(), e), we = ["aria-hidden"], Ie = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, $e = /* @__PURE__ */ xe(() => /* @__PURE__ */ c("path", {
@@ -2167,7 +2167,7 @@ const h7 = /* @__PURE__ */ m(Ne, [["__scopeId", "data-v-a94beed8"]]), xe = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -2191,11 +2191,11 @@ const h7 = /* @__PURE__ */ m(Ne, [["__scopeId", "data-v-a94beed8"]]), xe = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon clock-icon",
       "data-testid": "kui-icon-wrapper-clock-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -2216,7 +2216,7 @@ const h7 = /* @__PURE__ */ m(Ne, [["__scopeId", "data-v-a94beed8"]]), xe = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const y7 = /* @__PURE__ */ m(ke, [["__scopeId", "data-v-f8c23e5f"]]), Le = (e) => (v("data-v-b314b863"), e = e(), _(), e), qe = ["aria-hidden"], He = {
+const y7 = /* @__PURE__ */ m(ke, [["__scopeId", "data-v-7daacfef"]]), Le = (e) => (v("data-v-8fa778c3"), e = e(), _(), e), qe = ["aria-hidden"], He = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Me = /* @__PURE__ */ Le(() => /* @__PURE__ */ c("path", {
@@ -2267,7 +2267,7 @@ const y7 = /* @__PURE__ */ m(ke, [["__scopeId", "data-v-f8c23e5f"]]), Le = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -2291,11 +2291,11 @@ const y7 = /* @__PURE__ */ m(ke, [["__scopeId", "data-v-f8c23e5f"]]), Le = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon close-icon",
       "data-testid": "kui-icon-wrapper-close-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -2316,7 +2316,7 @@ const y7 = /* @__PURE__ */ m(ke, [["__scopeId", "data-v-f8c23e5f"]]), Le = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const v7 = /* @__PURE__ */ m(Ze, [["__scopeId", "data-v-b314b863"]]), Be = (e) => (v("data-v-992c1012"), e = e(), _(), e), Ee = ["aria-hidden"], Ve = {
+const v7 = /* @__PURE__ */ m(Ze, [["__scopeId", "data-v-8fa778c3"]]), Be = (e) => (v("data-v-c3b24713"), e = e(), _(), e), Ee = ["aria-hidden"], Ve = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Fe = /* @__PURE__ */ Be(() => /* @__PURE__ */ c("path", {
@@ -2367,7 +2367,7 @@ const v7 = /* @__PURE__ */ m(Ze, [["__scopeId", "data-v-b314b863"]]), Be = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -2391,11 +2391,11 @@ const v7 = /* @__PURE__ */ m(Ze, [["__scopeId", "data-v-b314b863"]]), Be = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon cloud-icon",
       "data-testid": "kui-icon-wrapper-cloud-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -2416,7 +2416,7 @@ const v7 = /* @__PURE__ */ m(Ze, [["__scopeId", "data-v-b314b863"]]), Be = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const _7 = /* @__PURE__ */ m(De, [["__scopeId", "data-v-992c1012"]]), Ae = (e) => (v("data-v-b2cdaa59"), e = e(), _(), e), Re = ["aria-hidden"], Pe = {
+const _7 = /* @__PURE__ */ m(De, [["__scopeId", "data-v-c3b24713"]]), Ae = (e) => (v("data-v-3f6be067"), e = e(), _(), e), Re = ["aria-hidden"], Pe = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Ue = /* @__PURE__ */ Ae(() => /* @__PURE__ */ c("path", {
@@ -2467,7 +2467,7 @@ const _7 = /* @__PURE__ */ m(De, [["__scopeId", "data-v-992c1012"]]), Ae = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -2491,11 +2491,11 @@ const _7 = /* @__PURE__ */ m(De, [["__scopeId", "data-v-992c1012"]]), Ae = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon cog-icon",
       "data-testid": "kui-icon-wrapper-cog-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -2516,7 +2516,7 @@ const _7 = /* @__PURE__ */ m(De, [["__scopeId", "data-v-992c1012"]]), Ae = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const m7 = /* @__PURE__ */ m(Ge, [["__scopeId", "data-v-b2cdaa59"]]), Oe = (e) => (v("data-v-1e4a401a"), e = e(), _(), e), Te = ["aria-hidden"], Ke = {
+const m7 = /* @__PURE__ */ m(Ge, [["__scopeId", "data-v-3f6be067"]]), Oe = (e) => (v("data-v-eb909e58"), e = e(), _(), e), Te = ["aria-hidden"], Ke = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, We = /* @__PURE__ */ Oe(() => /* @__PURE__ */ c("path", {
@@ -2567,7 +2567,7 @@ const m7 = /* @__PURE__ */ m(Ge, [["__scopeId", "data-v-b2cdaa59"]]), Oe = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -2591,11 +2591,11 @@ const m7 = /* @__PURE__ */ m(Ge, [["__scopeId", "data-v-b2cdaa59"]]), Oe = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon collapse-icon",
       "data-testid": "kui-icon-wrapper-collapse-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -2616,7 +2616,7 @@ const m7 = /* @__PURE__ */ m(Ge, [["__scopeId", "data-v-b2cdaa59"]]), Oe = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const b7 = /* @__PURE__ */ m(je, [["__scopeId", "data-v-1e4a401a"]]), Je = (e) => (v("data-v-09b5cb4e"), e = e(), _(), e), Qe = ["aria-hidden"], Xe = {
+const b7 = /* @__PURE__ */ m(je, [["__scopeId", "data-v-eb909e58"]]), Je = (e) => (v("data-v-57a34780"), e = e(), _(), e), Qe = ["aria-hidden"], Xe = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Ye = /* @__PURE__ */ Je(() => /* @__PURE__ */ c("path", {
@@ -2669,7 +2669,7 @@ const b7 = /* @__PURE__ */ m(je, [["__scopeId", "data-v-1e4a401a"]]), Je = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -2693,11 +2693,11 @@ const b7 = /* @__PURE__ */ m(je, [["__scopeId", "data-v-1e4a401a"]]), Je = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon connections-icon",
       "data-testid": "kui-icon-wrapper-connections-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -2718,7 +2718,7 @@ const b7 = /* @__PURE__ */ m(je, [["__scopeId", "data-v-1e4a401a"]]), Je = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const S7 = /* @__PURE__ */ m(et, [["__scopeId", "data-v-09b5cb4e"]]), tt = (e) => (v("data-v-5b31b844"), e = e(), _(), e), it = ["aria-hidden"], rt = {
+const S7 = /* @__PURE__ */ m(et, [["__scopeId", "data-v-57a34780"]]), tt = (e) => (v("data-v-3e444071"), e = e(), _(), e), it = ["aria-hidden"], rt = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, nt = /* @__PURE__ */ tt(() => /* @__PURE__ */ c("path", {
@@ -2769,7 +2769,7 @@ const S7 = /* @__PURE__ */ m(et, [["__scopeId", "data-v-09b5cb4e"]]), tt = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -2793,11 +2793,11 @@ const S7 = /* @__PURE__ */ m(et, [["__scopeId", "data-v-09b5cb4e"]]), tt = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon copy-icon",
       "data-testid": "kui-icon-wrapper-copy-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -2818,7 +2818,7 @@ const S7 = /* @__PURE__ */ m(et, [["__scopeId", "data-v-09b5cb4e"]]), tt = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const z7 = /* @__PURE__ */ m(ot, [["__scopeId", "data-v-5b31b844"]]), at = (e) => (v("data-v-5f380171"), e = e(), _(), e), st = ["aria-hidden"], dt = {
+const z7 = /* @__PURE__ */ m(ot, [["__scopeId", "data-v-3e444071"]]), at = (e) => (v("data-v-b787b18c"), e = e(), _(), e), st = ["aria-hidden"], dt = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, lt = /* @__PURE__ */ at(() => /* @__PURE__ */ c("path", {
@@ -2869,7 +2869,7 @@ const z7 = /* @__PURE__ */ m(ot, [["__scopeId", "data-v-5b31b844"]]), at = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -2893,11 +2893,11 @@ const z7 = /* @__PURE__ */ m(ot, [["__scopeId", "data-v-5b31b844"]]), at = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon dashboard-icon",
       "data-testid": "kui-icon-wrapper-dashboard-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -2918,10 +2918,10 @@ const z7 = /* @__PURE__ */ m(ot, [["__scopeId", "data-v-5b31b844"]]), at = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const N7 = /* @__PURE__ */ m(ct, [["__scopeId", "data-v-5f380171"]]), ut = (e) => (v("data-v-1b1dea78"), e = e(), _(), e), ft = ["aria-hidden"], gt = {
+const N7 = /* @__PURE__ */ m(ct, [["__scopeId", "data-v-b787b18c"]]), ut = (e) => (v("data-v-736c8bbf"), e = e(), _(), e), ft = ["aria-hidden"], pt = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, pt = /* @__PURE__ */ ut(() => /* @__PURE__ */ c("path", {
+}, gt = /* @__PURE__ */ ut(() => /* @__PURE__ */ c("path", {
   d: "M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM12 10.85L17.925 7.425L12 4L6.075 7.425L12 10.85ZM4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725L4 17.7Z",
   fill: "currentColor"
 }, null, -1)), Ct = /* @__PURE__ */ u({
@@ -2969,7 +2969,7 @@ const N7 = /* @__PURE__ */ m(ct, [["__scopeId", "data-v-5f380171"]]), ut = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -2993,11 +2993,11 @@ const N7 = /* @__PURE__ */ m(ct, [["__scopeId", "data-v-5f380171"]]), ut = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon deploy-icon",
       "data-testid": "kui-icon-wrapper-deploy-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -3010,15 +3010,15 @@ const N7 = /* @__PURE__ */ m(ct, [["__scopeId", "data-v-5f380171"]]), ut = (e) =
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (o(), d("title", gt, h(e.title), 1)) : y("", !0),
-          pt
+          e.title ? (o(), d("title", pt, h(e.title), 1)) : y("", !0),
+          gt
         ], 8, ft))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const x7 = /* @__PURE__ */ m(Ct, [["__scopeId", "data-v-1b1dea78"]]), ht = (e) => (v("data-v-05ae9415"), e = e(), _(), e), yt = ["aria-hidden"], vt = {
+const x7 = /* @__PURE__ */ m(Ct, [["__scopeId", "data-v-736c8bbf"]]), ht = (e) => (v("data-v-6d56ce46"), e = e(), _(), e), yt = ["aria-hidden"], vt = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _t = /* @__PURE__ */ ht(() => /* @__PURE__ */ c("path", {
@@ -3069,7 +3069,7 @@ const x7 = /* @__PURE__ */ m(Ct, [["__scopeId", "data-v-1b1dea78"]]), ht = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -3093,11 +3093,11 @@ const x7 = /* @__PURE__ */ m(Ct, [["__scopeId", "data-v-1b1dea78"]]), ht = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon disabled-icon",
       "data-testid": "kui-icon-wrapper-disabled-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -3118,7 +3118,7 @@ const x7 = /* @__PURE__ */ m(Ct, [["__scopeId", "data-v-1b1dea78"]]), ht = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const w7 = /* @__PURE__ */ m(mt, [["__scopeId", "data-v-05ae9415"]]), bt = (e) => (v("data-v-109c5f6c"), e = e(), _(), e), St = ["aria-hidden"], zt = {
+const w7 = /* @__PURE__ */ m(mt, [["__scopeId", "data-v-6d56ce46"]]), bt = (e) => (v("data-v-b47db690"), e = e(), _(), e), St = ["aria-hidden"], zt = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Nt = /* @__PURE__ */ bt(() => /* @__PURE__ */ c("path", {
@@ -3169,7 +3169,7 @@ const w7 = /* @__PURE__ */ m(mt, [["__scopeId", "data-v-05ae9415"]]), bt = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -3193,11 +3193,11 @@ const w7 = /* @__PURE__ */ m(mt, [["__scopeId", "data-v-05ae9415"]]), bt = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon document-icon",
       "data-testid": "kui-icon-wrapper-document-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -3218,7 +3218,7 @@ const w7 = /* @__PURE__ */ m(mt, [["__scopeId", "data-v-05ae9415"]]), bt = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const I7 = /* @__PURE__ */ m(xt, [["__scopeId", "data-v-109c5f6c"]]), wt = (e) => (v("data-v-52871dcd"), e = e(), _(), e), It = ["aria-hidden"], $t = {
+const I7 = /* @__PURE__ */ m(xt, [["__scopeId", "data-v-b47db690"]]), wt = (e) => (v("data-v-53ccfe00"), e = e(), _(), e), It = ["aria-hidden"], $t = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, kt = /* @__PURE__ */ wt(() => /* @__PURE__ */ c("path", {
@@ -3269,7 +3269,7 @@ const I7 = /* @__PURE__ */ m(xt, [["__scopeId", "data-v-109c5f6c"]]), wt = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -3293,11 +3293,11 @@ const I7 = /* @__PURE__ */ m(xt, [["__scopeId", "data-v-109c5f6c"]]), wt = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon drag-icon",
       "data-testid": "kui-icon-wrapper-drag-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -3318,7 +3318,7 @@ const I7 = /* @__PURE__ */ m(xt, [["__scopeId", "data-v-109c5f6c"]]), wt = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const $7 = /* @__PURE__ */ m(Lt, [["__scopeId", "data-v-52871dcd"]]), qt = (e) => (v("data-v-64120ed7"), e = e(), _(), e), Ht = ["aria-hidden"], Mt = {
+const $7 = /* @__PURE__ */ m(Lt, [["__scopeId", "data-v-53ccfe00"]]), qt = (e) => (v("data-v-48392cdf"), e = e(), _(), e), Ht = ["aria-hidden"], Mt = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Zt = /* @__PURE__ */ qt(() => /* @__PURE__ */ c("path", {
@@ -3369,7 +3369,7 @@ const $7 = /* @__PURE__ */ m(Lt, [["__scopeId", "data-v-52871dcd"]]), qt = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -3393,11 +3393,11 @@ const $7 = /* @__PURE__ */ m(Lt, [["__scopeId", "data-v-52871dcd"]]), qt = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon edit-icon",
       "data-testid": "kui-icon-wrapper-edit-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -3418,7 +3418,7 @@ const $7 = /* @__PURE__ */ m(Lt, [["__scopeId", "data-v-52871dcd"]]), qt = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const k7 = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-64120ed7"]]), Et = (e) => (v("data-v-1e8574b3"), e = e(), _(), e), Vt = ["aria-hidden"], Ft = {
+const k7 = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-48392cdf"]]), Et = (e) => (v("data-v-28b34397"), e = e(), _(), e), Vt = ["aria-hidden"], Ft = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Dt = /* @__PURE__ */ Et(() => /* @__PURE__ */ c("path", {
@@ -3469,7 +3469,7 @@ const k7 = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-64120ed7"]]), Et = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -3493,11 +3493,11 @@ const k7 = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-64120ed7"]]), Et = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon expand-icon",
       "data-testid": "kui-icon-wrapper-expand-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -3518,7 +3518,7 @@ const k7 = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-64120ed7"]]), Et = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const L7 = /* @__PURE__ */ m(At, [["__scopeId", "data-v-1e8574b3"]]), Rt = (e) => (v("data-v-89cb5958"), e = e(), _(), e), Pt = ["aria-hidden"], Ut = {
+const L7 = /* @__PURE__ */ m(At, [["__scopeId", "data-v-28b34397"]]), Rt = (e) => (v("data-v-77776fcf"), e = e(), _(), e), Pt = ["aria-hidden"], Ut = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Gt = /* @__PURE__ */ Rt(() => /* @__PURE__ */ c("path", {
@@ -3569,7 +3569,7 @@ const L7 = /* @__PURE__ */ m(At, [["__scopeId", "data-v-1e8574b3"]]), Rt = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -3593,11 +3593,11 @@ const L7 = /* @__PURE__ */ m(At, [["__scopeId", "data-v-1e8574b3"]]), Rt = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon filter-icon",
       "data-testid": "kui-icon-wrapper-filter-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -3618,7 +3618,7 @@ const L7 = /* @__PURE__ */ m(At, [["__scopeId", "data-v-1e8574b3"]]), Rt = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const q7 = /* @__PURE__ */ m(Ot, [["__scopeId", "data-v-89cb5958"]]), Tt = (e) => (v("data-v-cefa8ac4"), e = e(), _(), e), Kt = ["aria-hidden"], Wt = {
+const q7 = /* @__PURE__ */ m(Ot, [["__scopeId", "data-v-77776fcf"]]), Tt = (e) => (v("data-v-01fda103"), e = e(), _(), e), Kt = ["aria-hidden"], Wt = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, jt = /* @__PURE__ */ Tt(() => /* @__PURE__ */ c("path", {
@@ -3669,7 +3669,7 @@ const q7 = /* @__PURE__ */ m(Ot, [["__scopeId", "data-v-89cb5958"]]), Tt = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -3693,11 +3693,11 @@ const q7 = /* @__PURE__ */ m(Ot, [["__scopeId", "data-v-89cb5958"]]), Tt = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-icon",
       "data-testid": "kui-icon-wrapper-flag-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -3718,7 +3718,7 @@ const q7 = /* @__PURE__ */ m(Ot, [["__scopeId", "data-v-89cb5958"]]), Tt = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const H7 = /* @__PURE__ */ m(Jt, [["__scopeId", "data-v-cefa8ac4"]]), Qt = (e) => (v("data-v-f77c846a"), e = e(), _(), e), Xt = ["aria-hidden"], Yt = {
+const H7 = /* @__PURE__ */ m(Jt, [["__scopeId", "data-v-01fda103"]]), Qt = (e) => (v("data-v-823699c0"), e = e(), _(), e), Xt = ["aria-hidden"], Yt = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, ei = /* @__PURE__ */ Qt(() => /* @__PURE__ */ c("path", {
@@ -3769,7 +3769,7 @@ const H7 = /* @__PURE__ */ m(Jt, [["__scopeId", "data-v-cefa8ac4"]]), Qt = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -3793,11 +3793,11 @@ const H7 = /* @__PURE__ */ m(Jt, [["__scopeId", "data-v-cefa8ac4"]]), Qt = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon graduation-icon",
       "data-testid": "kui-icon-wrapper-graduation-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -3818,7 +3818,7 @@ const H7 = /* @__PURE__ */ m(Jt, [["__scopeId", "data-v-cefa8ac4"]]), Qt = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const M7 = /* @__PURE__ */ m(ti, [["__scopeId", "data-v-f77c846a"]]), ii = (e) => (v("data-v-57ec86ac"), e = e(), _(), e), ri = ["aria-hidden"], ni = {
+const M7 = /* @__PURE__ */ m(ti, [["__scopeId", "data-v-823699c0"]]), ii = (e) => (v("data-v-0e81ecd3"), e = e(), _(), e), ri = ["aria-hidden"], ni = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, oi = /* @__PURE__ */ ii(() => /* @__PURE__ */ c("path", {
@@ -3869,7 +3869,7 @@ const M7 = /* @__PURE__ */ m(ti, [["__scopeId", "data-v-f77c846a"]]), ii = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -3893,11 +3893,11 @@ const M7 = /* @__PURE__ */ m(ti, [["__scopeId", "data-v-f77c846a"]]), ii = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon grid-icon",
       "data-testid": "kui-icon-wrapper-grid-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -3918,7 +3918,7 @@ const M7 = /* @__PURE__ */ m(ti, [["__scopeId", "data-v-f77c846a"]]), ii = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const Z7 = /* @__PURE__ */ m(ai, [["__scopeId", "data-v-57ec86ac"]]), si = (e) => (v("data-v-1d464ef5"), e = e(), _(), e), di = ["aria-hidden"], li = {
+const Z7 = /* @__PURE__ */ m(ai, [["__scopeId", "data-v-0e81ecd3"]]), si = (e) => (v("data-v-9125d640"), e = e(), _(), e), di = ["aria-hidden"], li = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, ci = /* @__PURE__ */ si(() => /* @__PURE__ */ c("path", {
@@ -3969,7 +3969,7 @@ const Z7 = /* @__PURE__ */ m(ai, [["__scopeId", "data-v-57ec86ac"]]), si = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -3993,11 +3993,11 @@ const Z7 = /* @__PURE__ */ m(ai, [["__scopeId", "data-v-57ec86ac"]]), si = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon help-icon",
       "data-testid": "kui-icon-wrapper-help-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -4018,7 +4018,7 @@ const Z7 = /* @__PURE__ */ m(ai, [["__scopeId", "data-v-57ec86ac"]]), si = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const B7 = /* @__PURE__ */ m(ui, [["__scopeId", "data-v-1d464ef5"]]), fi = (e) => (v("data-v-f2d72c65"), e = e(), _(), e), gi = ["aria-hidden"], pi = {
+const B7 = /* @__PURE__ */ m(ui, [["__scopeId", "data-v-9125d640"]]), fi = (e) => (v("data-v-78ee3114"), e = e(), _(), e), pi = ["aria-hidden"], gi = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Ci = /* @__PURE__ */ fi(() => /* @__PURE__ */ c("path", {
@@ -4069,7 +4069,7 @@ const B7 = /* @__PURE__ */ m(ui, [["__scopeId", "data-v-1d464ef5"]]), fi = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -4093,11 +4093,11 @@ const B7 = /* @__PURE__ */ m(ui, [["__scopeId", "data-v-1d464ef5"]]), fi = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon image-icon",
       "data-testid": "kui-icon-wrapper-image-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -4110,15 +4110,15 @@ const B7 = /* @__PURE__ */ m(ui, [["__scopeId", "data-v-1d464ef5"]]), fi = (e) =
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (o(), d("title", pi, h(e.title), 1)) : y("", !0),
+          e.title ? (o(), d("title", gi, h(e.title), 1)) : y("", !0),
           Ci
-        ], 8, gi))
+        ], 8, pi))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const E7 = /* @__PURE__ */ m(hi, [["__scopeId", "data-v-f2d72c65"]]), yi = (e) => (v("data-v-45905f88"), e = e(), _(), e), vi = ["aria-hidden"], _i = {
+const E7 = /* @__PURE__ */ m(hi, [["__scopeId", "data-v-78ee3114"]]), yi = (e) => (v("data-v-61d457a3"), e = e(), _(), e), vi = ["aria-hidden"], _i = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, mi = /* @__PURE__ */ yi(() => /* @__PURE__ */ c("path", {
@@ -4169,7 +4169,7 @@ const E7 = /* @__PURE__ */ m(hi, [["__scopeId", "data-v-f2d72c65"]]), yi = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -4193,11 +4193,11 @@ const E7 = /* @__PURE__ */ m(hi, [["__scopeId", "data-v-f2d72c65"]]), yi = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon inbox-icon",
       "data-testid": "kui-icon-wrapper-inbox-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -4218,7 +4218,7 @@ const E7 = /* @__PURE__ */ m(hi, [["__scopeId", "data-v-f2d72c65"]]), yi = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const V7 = /* @__PURE__ */ m(bi, [["__scopeId", "data-v-45905f88"]]), Si = (e) => (v("data-v-98946f0c"), e = e(), _(), e), zi = ["aria-hidden"], Ni = {
+const V7 = /* @__PURE__ */ m(bi, [["__scopeId", "data-v-61d457a3"]]), Si = (e) => (v("data-v-6852ab51"), e = e(), _(), e), zi = ["aria-hidden"], Ni = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, xi = /* @__PURE__ */ Si(() => /* @__PURE__ */ c("path", {
@@ -4269,7 +4269,7 @@ const V7 = /* @__PURE__ */ m(bi, [["__scopeId", "data-v-45905f88"]]), Si = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -4293,11 +4293,11 @@ const V7 = /* @__PURE__ */ m(bi, [["__scopeId", "data-v-45905f88"]]), Si = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon info-icon",
       "data-testid": "kui-icon-wrapper-info-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -4318,7 +4318,7 @@ const V7 = /* @__PURE__ */ m(bi, [["__scopeId", "data-v-45905f88"]]), Si = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const F7 = /* @__PURE__ */ m(wi, [["__scopeId", "data-v-98946f0c"]]), Ii = (e) => (v("data-v-1a679784"), e = e(), _(), e), $i = ["aria-hidden"], ki = {
+const F7 = /* @__PURE__ */ m(wi, [["__scopeId", "data-v-6852ab51"]]), Ii = (e) => (v("data-v-f03f31be"), e = e(), _(), e), $i = ["aria-hidden"], ki = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Li = /* @__PURE__ */ Ii(() => /* @__PURE__ */ c("path", {
@@ -4371,7 +4371,7 @@ const F7 = /* @__PURE__ */ m(wi, [["__scopeId", "data-v-98946f0c"]]), Ii = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -4395,11 +4395,11 @@ const F7 = /* @__PURE__ */ m(wi, [["__scopeId", "data-v-98946f0c"]]), Ii = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon kong-icon",
       "data-testid": "kui-icon-wrapper-kong-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -4420,7 +4420,7 @@ const F7 = /* @__PURE__ */ m(wi, [["__scopeId", "data-v-98946f0c"]]), Ii = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const D7 = /* @__PURE__ */ m(qi, [["__scopeId", "data-v-1a679784"]]), Hi = (e) => (v("data-v-745e2d5b"), e = e(), _(), e), Mi = ["aria-hidden"], Zi = {
+const D7 = /* @__PURE__ */ m(qi, [["__scopeId", "data-v-f03f31be"]]), Hi = (e) => (v("data-v-18163228"), e = e(), _(), e), Mi = ["aria-hidden"], Zi = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Bi = /* @__PURE__ */ Hi(() => /* @__PURE__ */ c("path", {
@@ -4471,7 +4471,7 @@ const D7 = /* @__PURE__ */ m(qi, [["__scopeId", "data-v-1a679784"]]), Hi = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -4495,11 +4495,11 @@ const D7 = /* @__PURE__ */ m(qi, [["__scopeId", "data-v-1a679784"]]), Hi = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon list-icon",
       "data-testid": "kui-icon-wrapper-list-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -4520,7 +4520,7 @@ const D7 = /* @__PURE__ */ m(qi, [["__scopeId", "data-v-1a679784"]]), Hi = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const A7 = /* @__PURE__ */ m(Ei, [["__scopeId", "data-v-745e2d5b"]]), Vi = (e) => (v("data-v-c22f37ca"), e = e(), _(), e), Fi = ["aria-hidden"], Di = {
+const A7 = /* @__PURE__ */ m(Ei, [["__scopeId", "data-v-18163228"]]), Vi = (e) => (v("data-v-81df07f6"), e = e(), _(), e), Fi = ["aria-hidden"], Di = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Ai = /* @__PURE__ */ Vi(() => /* @__PURE__ */ c("path", {
@@ -4571,7 +4571,7 @@ const A7 = /* @__PURE__ */ m(Ei, [["__scopeId", "data-v-745e2d5b"]]), Vi = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -4595,11 +4595,11 @@ const A7 = /* @__PURE__ */ m(Ei, [["__scopeId", "data-v-745e2d5b"]]), Vi = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon lock-icon",
       "data-testid": "kui-icon-wrapper-lock-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -4620,7 +4620,7 @@ const A7 = /* @__PURE__ */ m(Ei, [["__scopeId", "data-v-745e2d5b"]]), Vi = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const R7 = /* @__PURE__ */ m(Ri, [["__scopeId", "data-v-c22f37ca"]]), Pi = (e) => (v("data-v-5b413168"), e = e(), _(), e), Ui = ["aria-hidden"], Gi = {
+const R7 = /* @__PURE__ */ m(Ri, [["__scopeId", "data-v-81df07f6"]]), Pi = (e) => (v("data-v-f44ad69a"), e = e(), _(), e), Ui = ["aria-hidden"], Gi = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Oi = /* @__PURE__ */ Pi(() => /* @__PURE__ */ c("path", {
@@ -4671,7 +4671,7 @@ const R7 = /* @__PURE__ */ m(Ri, [["__scopeId", "data-v-c22f37ca"]]), Pi = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -4695,11 +4695,11 @@ const R7 = /* @__PURE__ */ m(Ri, [["__scopeId", "data-v-c22f37ca"]]), Pi = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon mesh-icon",
       "data-testid": "kui-icon-wrapper-mesh-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -4720,7 +4720,7 @@ const R7 = /* @__PURE__ */ m(Ri, [["__scopeId", "data-v-c22f37ca"]]), Pi = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const P7 = /* @__PURE__ */ m(Ti, [["__scopeId", "data-v-5b413168"]]), Ki = (e) => (v("data-v-2f34ee61"), e = e(), _(), e), Wi = ["aria-hidden"], ji = {
+const P7 = /* @__PURE__ */ m(Ti, [["__scopeId", "data-v-f44ad69a"]]), Ki = (e) => (v("data-v-5acb71fc"), e = e(), _(), e), Wi = ["aria-hidden"], ji = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Ji = /* @__PURE__ */ Ki(() => /* @__PURE__ */ c("path", {
@@ -4771,7 +4771,7 @@ const P7 = /* @__PURE__ */ m(Ti, [["__scopeId", "data-v-5b413168"]]), Ki = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -4795,11 +4795,11 @@ const P7 = /* @__PURE__ */ m(Ti, [["__scopeId", "data-v-5b413168"]]), Ki = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon more-icon",
       "data-testid": "kui-icon-wrapper-more-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -4820,7 +4820,7 @@ const P7 = /* @__PURE__ */ m(Ti, [["__scopeId", "data-v-5b413168"]]), Ki = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const U7 = /* @__PURE__ */ m(Qi, [["__scopeId", "data-v-2f34ee61"]]), Xi = (e) => (v("data-v-42475aed"), e = e(), _(), e), Yi = ["aria-hidden"], e2 = {
+const U7 = /* @__PURE__ */ m(Qi, [["__scopeId", "data-v-5acb71fc"]]), Xi = (e) => (v("data-v-727a8d3c"), e = e(), _(), e), Yi = ["aria-hidden"], e2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, t2 = /* @__PURE__ */ Xi(() => /* @__PURE__ */ c("path", {
@@ -4871,7 +4871,7 @@ const U7 = /* @__PURE__ */ m(Qi, [["__scopeId", "data-v-2f34ee61"]]), Xi = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -4895,11 +4895,11 @@ const U7 = /* @__PURE__ */ m(Qi, [["__scopeId", "data-v-2f34ee61"]]), Xi = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon notification-icon",
       "data-testid": "kui-icon-wrapper-notification-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -4920,7 +4920,7 @@ const U7 = /* @__PURE__ */ m(Qi, [["__scopeId", "data-v-2f34ee61"]]), Xi = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const G7 = /* @__PURE__ */ m(i2, [["__scopeId", "data-v-42475aed"]]), r2 = (e) => (v("data-v-622d7de2"), e = e(), _(), e), n2 = ["aria-hidden"], o2 = {
+const G7 = /* @__PURE__ */ m(i2, [["__scopeId", "data-v-727a8d3c"]]), r2 = (e) => (v("data-v-d743038e"), e = e(), _(), e), n2 = ["aria-hidden"], o2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, a2 = /* @__PURE__ */ r2(() => /* @__PURE__ */ c("path", {
@@ -4973,7 +4973,7 @@ const G7 = /* @__PURE__ */ m(i2, [["__scopeId", "data-v-42475aed"]]), r2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -4997,11 +4997,11 @@ const G7 = /* @__PURE__ */ m(i2, [["__scopeId", "data-v-42475aed"]]), r2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon overview-icon",
       "data-testid": "kui-icon-wrapper-overview-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -5022,7 +5022,7 @@ const G7 = /* @__PURE__ */ m(i2, [["__scopeId", "data-v-42475aed"]]), r2 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const O7 = /* @__PURE__ */ m(s2, [["__scopeId", "data-v-622d7de2"]]), d2 = (e) => (v("data-v-c4d880de"), e = e(), _(), e), l2 = ["aria-hidden"], c2 = {
+const O7 = /* @__PURE__ */ m(s2, [["__scopeId", "data-v-d743038e"]]), d2 = (e) => (v("data-v-2f108b9b"), e = e(), _(), e), l2 = ["aria-hidden"], c2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, u2 = /* @__PURE__ */ d2(() => /* @__PURE__ */ c("path", {
@@ -5073,7 +5073,7 @@ const O7 = /* @__PURE__ */ m(s2, [["__scopeId", "data-v-622d7de2"]]), d2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -5097,11 +5097,11 @@ const O7 = /* @__PURE__ */ m(s2, [["__scopeId", "data-v-622d7de2"]]), d2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon people-icon",
       "data-testid": "kui-icon-wrapper-people-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -5122,10 +5122,10 @@ const O7 = /* @__PURE__ */ m(s2, [["__scopeId", "data-v-622d7de2"]]), d2 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const T7 = /* @__PURE__ */ m(f2, [["__scopeId", "data-v-c4d880de"]]), g2 = (e) => (v("data-v-545f4376"), e = e(), _(), e), p2 = ["aria-hidden"], C2 = {
+const T7 = /* @__PURE__ */ m(f2, [["__scopeId", "data-v-2f108b9b"]]), p2 = (e) => (v("data-v-b3129aef"), e = e(), _(), e), g2 = ["aria-hidden"], C2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, h2 = /* @__PURE__ */ g2(() => /* @__PURE__ */ c("path", {
+}, h2 = /* @__PURE__ */ p2(() => /* @__PURE__ */ c("path", {
   d: "M11.5 19H12.5V17.15L16 13.65V9H8V13.65L11.5 17.15V19ZM9.5 21V18L6 14.5V9C6 8.45 6.19583 7.97917 6.5875 7.5875C6.97917 7.19583 7.45 7 8 7H9L8 8V3H10V7H14V3H16V8L15 7H16C16.55 7 17.0208 7.19583 17.4125 7.5875C17.8042 7.97917 18 8.45 18 9V14.5L14.5 18V21H9.5Z",
   fill: "currentColor"
 }, null, -1)), y2 = /* @__PURE__ */ u({
@@ -5173,7 +5173,7 @@ const T7 = /* @__PURE__ */ m(f2, [["__scopeId", "data-v-c4d880de"]]), g2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -5197,11 +5197,11 @@ const T7 = /* @__PURE__ */ m(f2, [["__scopeId", "data-v-c4d880de"]]), g2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon plug-icon",
       "data-testid": "kui-icon-wrapper-plug-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -5216,13 +5216,13 @@ const T7 = /* @__PURE__ */ m(f2, [["__scopeId", "data-v-c4d880de"]]), g2 = (e) =
         }, [
           e.title ? (o(), d("title", C2, h(e.title), 1)) : y("", !0),
           h2
-        ], 8, p2))
+        ], 8, g2))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const K7 = /* @__PURE__ */ m(y2, [["__scopeId", "data-v-545f4376"]]), v2 = (e) => (v("data-v-18f97d38"), e = e(), _(), e), _2 = ["aria-hidden"], m2 = {
+const K7 = /* @__PURE__ */ m(y2, [["__scopeId", "data-v-b3129aef"]]), v2 = (e) => (v("data-v-27b94134"), e = e(), _(), e), _2 = ["aria-hidden"], m2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, b2 = /* @__PURE__ */ v2(() => /* @__PURE__ */ c("path", {
@@ -5273,7 +5273,7 @@ const K7 = /* @__PURE__ */ m(y2, [["__scopeId", "data-v-545f4376"]]), v2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -5297,11 +5297,11 @@ const K7 = /* @__PURE__ */ m(y2, [["__scopeId", "data-v-545f4376"]]), v2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon portal-icon",
       "data-testid": "kui-icon-wrapper-portal-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -5322,7 +5322,7 @@ const K7 = /* @__PURE__ */ m(y2, [["__scopeId", "data-v-545f4376"]]), v2 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const W7 = /* @__PURE__ */ m(S2, [["__scopeId", "data-v-18f97d38"]]), z2 = (e) => (v("data-v-7e2f3192"), e = e(), _(), e), N2 = ["aria-hidden"], x2 = {
+const W7 = /* @__PURE__ */ m(S2, [["__scopeId", "data-v-27b94134"]]), z2 = (e) => (v("data-v-2e8c3738"), e = e(), _(), e), N2 = ["aria-hidden"], x2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, w2 = /* @__PURE__ */ z2(() => /* @__PURE__ */ c("path", {
@@ -5373,7 +5373,7 @@ const W7 = /* @__PURE__ */ m(S2, [["__scopeId", "data-v-18f97d38"]]), z2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -5397,11 +5397,11 @@ const W7 = /* @__PURE__ */ m(S2, [["__scopeId", "data-v-18f97d38"]]), z2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon presentation-icon",
       "data-testid": "kui-icon-wrapper-presentation-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -5422,7 +5422,7 @@ const W7 = /* @__PURE__ */ m(S2, [["__scopeId", "data-v-18f97d38"]]), z2 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const j7 = /* @__PURE__ */ m(I2, [["__scopeId", "data-v-7e2f3192"]]), $2 = (e) => (v("data-v-feae72c0"), e = e(), _(), e), k2 = ["aria-hidden"], L2 = {
+const j7 = /* @__PURE__ */ m(I2, [["__scopeId", "data-v-2e8c3738"]]), $2 = (e) => (v("data-v-b26957b0"), e = e(), _(), e), k2 = ["aria-hidden"], L2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, q2 = /* @__PURE__ */ $2(() => /* @__PURE__ */ c("path", {
@@ -5473,7 +5473,7 @@ const j7 = /* @__PURE__ */ m(I2, [["__scopeId", "data-v-7e2f3192"]]), $2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -5497,11 +5497,11 @@ const j7 = /* @__PURE__ */ m(I2, [["__scopeId", "data-v-7e2f3192"]]), $2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon profile-icon",
       "data-testid": "kui-icon-wrapper-profile-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -5522,7 +5522,7 @@ const j7 = /* @__PURE__ */ m(I2, [["__scopeId", "data-v-7e2f3192"]]), $2 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const J7 = /* @__PURE__ */ m(H2, [["__scopeId", "data-v-feae72c0"]]), M2 = (e) => (v("data-v-1b1d246c"), e = e(), _(), e), Z2 = ["aria-hidden"], B2 = {
+const J7 = /* @__PURE__ */ m(H2, [["__scopeId", "data-v-b26957b0"]]), M2 = (e) => (v("data-v-8493f0de"), e = e(), _(), e), Z2 = ["aria-hidden"], B2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, E2 = /* @__PURE__ */ M2(() => /* @__PURE__ */ c("path", {
@@ -5573,7 +5573,7 @@ const J7 = /* @__PURE__ */ m(H2, [["__scopeId", "data-v-feae72c0"]]), M2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -5597,11 +5597,11 @@ const J7 = /* @__PURE__ */ m(H2, [["__scopeId", "data-v-feae72c0"]]), M2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon redo-icon",
       "data-testid": "kui-icon-wrapper-redo-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -5622,7 +5622,7 @@ const J7 = /* @__PURE__ */ m(H2, [["__scopeId", "data-v-feae72c0"]]), M2 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const Q7 = /* @__PURE__ */ m(V2, [["__scopeId", "data-v-1b1d246c"]]), F2 = (e) => (v("data-v-e243d01f"), e = e(), _(), e), D2 = ["aria-hidden"], A2 = {
+const Q7 = /* @__PURE__ */ m(V2, [["__scopeId", "data-v-8493f0de"]]), F2 = (e) => (v("data-v-ade05734"), e = e(), _(), e), D2 = ["aria-hidden"], A2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, R2 = /* @__PURE__ */ F2(() => /* @__PURE__ */ c("path", {
@@ -5675,7 +5675,7 @@ const Q7 = /* @__PURE__ */ m(V2, [["__scopeId", "data-v-1b1d246c"]]), F2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -5699,11 +5699,11 @@ const Q7 = /* @__PURE__ */ m(V2, [["__scopeId", "data-v-1b1d246c"]]), F2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon runtimes-icon",
       "data-testid": "kui-icon-wrapper-runtimes-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -5724,7 +5724,7 @@ const Q7 = /* @__PURE__ */ m(V2, [["__scopeId", "data-v-1b1d246c"]]), F2 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const X7 = /* @__PURE__ */ m(P2, [["__scopeId", "data-v-e243d01f"]]), U2 = (e) => (v("data-v-9f39d327"), e = e(), _(), e), G2 = ["aria-hidden"], O2 = {
+const X7 = /* @__PURE__ */ m(P2, [["__scopeId", "data-v-ade05734"]]), U2 = (e) => (v("data-v-bd9a82ce"), e = e(), _(), e), G2 = ["aria-hidden"], O2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, T2 = /* @__PURE__ */ U2(() => /* @__PURE__ */ c("path", {
@@ -5775,7 +5775,7 @@ const X7 = /* @__PURE__ */ m(P2, [["__scopeId", "data-v-e243d01f"]]), U2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -5799,11 +5799,11 @@ const X7 = /* @__PURE__ */ m(P2, [["__scopeId", "data-v-e243d01f"]]), U2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon search-icon",
       "data-testid": "kui-icon-wrapper-search-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -5824,7 +5824,7 @@ const X7 = /* @__PURE__ */ m(P2, [["__scopeId", "data-v-e243d01f"]]), U2 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const Y7 = /* @__PURE__ */ m(K2, [["__scopeId", "data-v-9f39d327"]]), W2 = (e) => (v("data-v-5e60f0d8"), e = e(), _(), e), j2 = ["aria-hidden"], J2 = {
+const Y7 = /* @__PURE__ */ m(K2, [["__scopeId", "data-v-bd9a82ce"]]), W2 = (e) => (v("data-v-f82d7628"), e = e(), _(), e), j2 = ["aria-hidden"], J2 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Q2 = /* @__PURE__ */ W2(() => /* @__PURE__ */ c("path", {
@@ -5875,7 +5875,7 @@ const Y7 = /* @__PURE__ */ m(K2, [["__scopeId", "data-v-9f39d327"]]), W2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -5899,11 +5899,11 @@ const Y7 = /* @__PURE__ */ m(K2, [["__scopeId", "data-v-9f39d327"]]), W2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon security-icon",
       "data-testid": "kui-icon-wrapper-security-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -5924,7 +5924,7 @@ const Y7 = /* @__PURE__ */ m(K2, [["__scopeId", "data-v-9f39d327"]]), W2 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const en = /* @__PURE__ */ m(X2, [["__scopeId", "data-v-5e60f0d8"]]), Y2 = (e) => (v("data-v-277989f7"), e = e(), _(), e), e5 = ["aria-hidden"], t5 = {
+const en = /* @__PURE__ */ m(X2, [["__scopeId", "data-v-f82d7628"]]), Y2 = (e) => (v("data-v-08d4b1e7"), e = e(), _(), e), e5 = ["aria-hidden"], t5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, i5 = /* @__PURE__ */ Y2(() => /* @__PURE__ */ c("path", {
@@ -5975,7 +5975,7 @@ const en = /* @__PURE__ */ m(X2, [["__scopeId", "data-v-5e60f0d8"]]), Y2 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -5999,11 +5999,11 @@ const en = /* @__PURE__ */ m(X2, [["__scopeId", "data-v-5e60f0d8"]]), Y2 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon services-icon",
       "data-testid": "kui-icon-wrapper-services-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -6024,7 +6024,7 @@ const en = /* @__PURE__ */ m(X2, [["__scopeId", "data-v-5e60f0d8"]]), Y2 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const tn = /* @__PURE__ */ m(r5, [["__scopeId", "data-v-277989f7"]]), n5 = (e) => (v("data-v-fe8e23f9"), e = e(), _(), e), o5 = ["aria-hidden"], a5 = {
+const tn = /* @__PURE__ */ m(r5, [["__scopeId", "data-v-08d4b1e7"]]), n5 = (e) => (v("data-v-3cffe96e"), e = e(), _(), e), o5 = ["aria-hidden"], a5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, s5 = /* @__PURE__ */ n5(() => /* @__PURE__ */ c("path", {
@@ -6075,7 +6075,7 @@ const tn = /* @__PURE__ */ m(r5, [["__scopeId", "data-v-277989f7"]]), n5 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -6099,11 +6099,11 @@ const tn = /* @__PURE__ */ m(r5, [["__scopeId", "data-v-277989f7"]]), n5 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon shared-icon",
       "data-testid": "kui-icon-wrapper-shared-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -6124,13 +6124,13 @@ const tn = /* @__PURE__ */ m(r5, [["__scopeId", "data-v-277989f7"]]), n5 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const rn = /* @__PURE__ */ m(d5, [["__scopeId", "data-v-fe8e23f9"]]), l5 = (e) => (v("data-v-5263e8a9"), e = e(), _(), e), c5 = ["aria-hidden"], u5 = {
+const rn = /* @__PURE__ */ m(d5, [["__scopeId", "data-v-3cffe96e"]]), l5 = (e) => (v("data-v-e0143261"), e = e(), _(), e), c5 = ["aria-hidden"], u5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, f5 = /* @__PURE__ */ l5(() => /* @__PURE__ */ c("path", {
   d: "M12 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 22ZM9.1 19.45L10.3 16.7C9.6 16.45 8.99583 16.0625 8.4875 15.5375C7.97917 15.0125 7.58333 14.4 7.3 13.7L4.55 14.85C4.93333 15.9167 5.525 16.85 6.325 17.65C7.125 18.45 8.05 19.05 9.1 19.45ZM7.3 10.3C7.58333 9.6 7.97917 8.9875 8.4875 8.4625C8.99583 7.9375 9.6 7.55 10.3 7.3L9.15 4.55C8.08333 4.95 7.15 5.55 6.35 6.35C5.55 7.15 4.95 8.08333 4.55 9.15L7.3 10.3ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM14.9 19.45C15.95 19.05 16.8708 18.4542 17.6625 17.6625C18.4542 16.8708 19.05 15.95 19.45 14.9L16.7 13.7C16.45 14.4 16.0667 15.0042 15.55 15.5125C15.0333 16.0208 14.4333 16.4167 13.75 16.7L14.9 19.45ZM16.7 10.25L19.45 9.1C19.05 8.05 18.4542 7.12917 17.6625 6.3375C16.8708 5.54583 15.95 4.95 14.9 4.55L13.75 7.35C14.4333 7.6 15.025 7.97917 15.525 8.4875C16.025 8.99583 16.4167 9.58333 16.7 10.25Z",
   fill: "currentColor"
-}, null, -1)), g5 = /* @__PURE__ */ u({
+}, null, -1)), p5 = /* @__PURE__ */ u({
   __name: "SupportIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -6175,7 +6175,7 @@ const rn = /* @__PURE__ */ m(d5, [["__scopeId", "data-v-fe8e23f9"]]), l5 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -6199,11 +6199,11 @@ const rn = /* @__PURE__ */ m(d5, [["__scopeId", "data-v-fe8e23f9"]]), l5 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon support-icon",
       "data-testid": "kui-icon-wrapper-support-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -6224,10 +6224,10 @@ const rn = /* @__PURE__ */ m(d5, [["__scopeId", "data-v-fe8e23f9"]]), l5 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const nn = /* @__PURE__ */ m(g5, [["__scopeId", "data-v-5263e8a9"]]), p5 = (e) => (v("data-v-a9b68332"), e = e(), _(), e), C5 = ["aria-hidden"], h5 = {
+const nn = /* @__PURE__ */ m(p5, [["__scopeId", "data-v-e0143261"]]), g5 = (e) => (v("data-v-8d732418"), e = e(), _(), e), C5 = ["aria-hidden"], h5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, y5 = /* @__PURE__ */ p5(() => /* @__PURE__ */ c("path", {
+}, y5 = /* @__PURE__ */ g5(() => /* @__PURE__ */ c("path", {
   d: "M3 21V3H21V21H3ZM5 9H19V5H5V9ZM10.325 14H13.675V11H10.325V14ZM10.325 19H13.675V16H10.325V19ZM5 14H8.325V11H5V14ZM15.675 14H19V11H15.675V14ZM5 19H8.325V16H5V19ZM15.675 19H19V16H15.675V19Z",
   fill: "currentColor"
 }, null, -1)), v5 = /* @__PURE__ */ u({
@@ -6275,7 +6275,7 @@ const nn = /* @__PURE__ */ m(g5, [["__scopeId", "data-v-5263e8a9"]]), p5 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -6299,11 +6299,11 @@ const nn = /* @__PURE__ */ m(g5, [["__scopeId", "data-v-5263e8a9"]]), p5 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon table-icon",
       "data-testid": "kui-icon-wrapper-table-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -6324,7 +6324,7 @@ const nn = /* @__PURE__ */ m(g5, [["__scopeId", "data-v-5263e8a9"]]), p5 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const on = /* @__PURE__ */ m(v5, [["__scopeId", "data-v-a9b68332"]]), _5 = (e) => (v("data-v-6c2f0a88"), e = e(), _(), e), m5 = ["aria-hidden"], b5 = {
+const on = /* @__PURE__ */ m(v5, [["__scopeId", "data-v-8d732418"]]), _5 = (e) => (v("data-v-a39e2e37"), e = e(), _(), e), m5 = ["aria-hidden"], b5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, S5 = /* @__PURE__ */ _5(() => /* @__PURE__ */ c("path", {
@@ -6375,7 +6375,7 @@ const on = /* @__PURE__ */ m(v5, [["__scopeId", "data-v-a9b68332"]]), _5 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -6399,11 +6399,11 @@ const on = /* @__PURE__ */ m(v5, [["__scopeId", "data-v-a9b68332"]]), _5 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon teammate-icon",
       "data-testid": "kui-icon-wrapper-teammate-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -6424,7 +6424,7 @@ const on = /* @__PURE__ */ m(v5, [["__scopeId", "data-v-a9b68332"]]), _5 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const an = /* @__PURE__ */ m(z5, [["__scopeId", "data-v-6c2f0a88"]]), N5 = (e) => (v("data-v-91cd1a87"), e = e(), _(), e), x5 = ["aria-hidden"], w5 = {
+const an = /* @__PURE__ */ m(z5, [["__scopeId", "data-v-a39e2e37"]]), N5 = (e) => (v("data-v-2825f933"), e = e(), _(), e), x5 = ["aria-hidden"], w5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, I5 = /* @__PURE__ */ N5(() => /* @__PURE__ */ c("path", {
@@ -6475,7 +6475,7 @@ const an = /* @__PURE__ */ m(z5, [["__scopeId", "data-v-6c2f0a88"]]), N5 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -6499,11 +6499,11 @@ const an = /* @__PURE__ */ m(z5, [["__scopeId", "data-v-6c2f0a88"]]), N5 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon trash-icon",
       "data-testid": "kui-icon-wrapper-trash-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -6524,7 +6524,7 @@ const an = /* @__PURE__ */ m(z5, [["__scopeId", "data-v-6c2f0a88"]]), N5 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const sn = /* @__PURE__ */ m($5, [["__scopeId", "data-v-91cd1a87"]]), k5 = (e) => (v("data-v-49aefe87"), e = e(), _(), e), L5 = ["aria-hidden"], q5 = {
+const sn = /* @__PURE__ */ m($5, [["__scopeId", "data-v-2825f933"]]), k5 = (e) => (v("data-v-9ad658f5"), e = e(), _(), e), L5 = ["aria-hidden"], q5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, H5 = /* @__PURE__ */ k5(() => /* @__PURE__ */ c("path", {
@@ -6575,7 +6575,7 @@ const sn = /* @__PURE__ */ m($5, [["__scopeId", "data-v-91cd1a87"]]), k5 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -6599,11 +6599,11 @@ const sn = /* @__PURE__ */ m($5, [["__scopeId", "data-v-91cd1a87"]]), k5 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon vitals-icon",
       "data-testid": "kui-icon-wrapper-vitals-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -6624,7 +6624,7 @@ const sn = /* @__PURE__ */ m($5, [["__scopeId", "data-v-91cd1a87"]]), k5 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const dn = /* @__PURE__ */ m(M5, [["__scopeId", "data-v-49aefe87"]]), Z5 = (e) => (v("data-v-b9814d77"), e = e(), _(), e), B5 = ["aria-hidden"], E5 = {
+const dn = /* @__PURE__ */ m(M5, [["__scopeId", "data-v-9ad658f5"]]), Z5 = (e) => (v("data-v-fbcc69e0"), e = e(), _(), e), B5 = ["aria-hidden"], E5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, V5 = /* @__PURE__ */ Z5(() => /* @__PURE__ */ c("path", {
@@ -6675,7 +6675,7 @@ const dn = /* @__PURE__ */ m(M5, [["__scopeId", "data-v-49aefe87"]]), Z5 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -6699,11 +6699,11 @@ const dn = /* @__PURE__ */ m(M5, [["__scopeId", "data-v-49aefe87"]]), Z5 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon warning-icon",
       "data-testid": "kui-icon-wrapper-warning-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -6724,7 +6724,7 @@ const dn = /* @__PURE__ */ m(M5, [["__scopeId", "data-v-49aefe87"]]), Z5 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const ln = /* @__PURE__ */ m(F5, [["__scopeId", "data-v-b9814d77"]]), D5 = (e) => (v("data-v-acb93803"), e = e(), _(), e), A5 = ["aria-hidden"], R5 = {
+const ln = /* @__PURE__ */ m(F5, [["__scopeId", "data-v-fbcc69e0"]]), D5 = (e) => (v("data-v-839acfe2"), e = e(), _(), e), A5 = ["aria-hidden"], R5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, P5 = /* @__PURE__ */ D5(() => /* @__PURE__ */ c("path", {
@@ -6775,7 +6775,7 @@ const ln = /* @__PURE__ */ m(F5, [["__scopeId", "data-v-b9814d77"]]), D5 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -6799,11 +6799,11 @@ const ln = /* @__PURE__ */ m(F5, [["__scopeId", "data-v-b9814d77"]]), D5 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon world-icon",
       "data-testid": "kui-icon-wrapper-world-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -6824,7 +6824,7 @@ const ln = /* @__PURE__ */ m(F5, [["__scopeId", "data-v-b9814d77"]]), D5 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const cn = /* @__PURE__ */ m(U5, [["__scopeId", "data-v-acb93803"]]), G5 = (e) => (v("data-v-cda47e33"), e = e(), _(), e), O5 = ["aria-hidden"], T5 = {
+const cn = /* @__PURE__ */ m(U5, [["__scopeId", "data-v-839acfe2"]]), G5 = (e) => (v("data-v-995f9487"), e = e(), _(), e), O5 = ["aria-hidden"], T5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, K5 = /* @__PURE__ */ G5(() => /* @__PURE__ */ c("path", {
@@ -6875,7 +6875,7 @@ const cn = /* @__PURE__ */ m(U5, [["__scopeId", "data-v-acb93803"]]), G5 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -6899,11 +6899,11 @@ const cn = /* @__PURE__ */ m(U5, [["__scopeId", "data-v-acb93803"]]), G5 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-circle-icon",
       "data-testid": "kui-icon-wrapper-add-circle-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -6924,7 +6924,7 @@ const cn = /* @__PURE__ */ m(U5, [["__scopeId", "data-v-acb93803"]]), G5 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const un = /* @__PURE__ */ m(W5, [["__scopeId", "data-v-cda47e33"]]), j5 = (e) => (v("data-v-c2c1f31c"), e = e(), _(), e), J5 = ["aria-hidden"], Q5 = {
+const un = /* @__PURE__ */ m(W5, [["__scopeId", "data-v-995f9487"]]), j5 = (e) => (v("data-v-a598307b"), e = e(), _(), e), J5 = ["aria-hidden"], Q5 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, X5 = /* @__PURE__ */ j5(() => /* @__PURE__ */ c("path", {
@@ -6975,7 +6975,7 @@ const un = /* @__PURE__ */ m(W5, [["__scopeId", "data-v-cda47e33"]]), j5 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -6999,11 +6999,11 @@ const un = /* @__PURE__ */ m(W5, [["__scopeId", "data-v-cda47e33"]]), j5 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon arrow-down-icon",
       "data-testid": "kui-icon-wrapper-arrow-down-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -7024,7 +7024,7 @@ const un = /* @__PURE__ */ m(W5, [["__scopeId", "data-v-cda47e33"]]), j5 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const fn = /* @__PURE__ */ m(Y5, [["__scopeId", "data-v-c2c1f31c"]]), er = (e) => (v("data-v-2e94d946"), e = e(), _(), e), tr = ["aria-hidden"], ir = {
+const fn = /* @__PURE__ */ m(Y5, [["__scopeId", "data-v-a598307b"]]), er = (e) => (v("data-v-d3b03f79"), e = e(), _(), e), tr = ["aria-hidden"], ir = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, rr = /* @__PURE__ */ er(() => /* @__PURE__ */ c("path", {
@@ -7075,7 +7075,7 @@ const fn = /* @__PURE__ */ m(Y5, [["__scopeId", "data-v-c2c1f31c"]]), er = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -7099,11 +7099,11 @@ const fn = /* @__PURE__ */ m(Y5, [["__scopeId", "data-v-c2c1f31c"]]), er = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon arrow-left-icon",
       "data-testid": "kui-icon-wrapper-arrow-left-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -7124,7 +7124,7 @@ const fn = /* @__PURE__ */ m(Y5, [["__scopeId", "data-v-c2c1f31c"]]), er = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const gn = /* @__PURE__ */ m(nr, [["__scopeId", "data-v-2e94d946"]]), or = (e) => (v("data-v-7526ec57"), e = e(), _(), e), ar = ["aria-hidden"], sr = {
+const pn = /* @__PURE__ */ m(nr, [["__scopeId", "data-v-d3b03f79"]]), or = (e) => (v("data-v-433d3b03"), e = e(), _(), e), ar = ["aria-hidden"], sr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, dr = /* @__PURE__ */ or(() => /* @__PURE__ */ c("path", {
@@ -7175,7 +7175,7 @@ const gn = /* @__PURE__ */ m(nr, [["__scopeId", "data-v-2e94d946"]]), or = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -7199,11 +7199,11 @@ const gn = /* @__PURE__ */ m(nr, [["__scopeId", "data-v-2e94d946"]]), or = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon arrow-right-icon",
       "data-testid": "kui-icon-wrapper-arrow-right-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -7224,13 +7224,13 @@ const gn = /* @__PURE__ */ m(nr, [["__scopeId", "data-v-2e94d946"]]), or = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const pn = /* @__PURE__ */ m(lr, [["__scopeId", "data-v-7526ec57"]]), cr = (e) => (v("data-v-208e7e42"), e = e(), _(), e), ur = ["aria-hidden"], fr = {
+const gn = /* @__PURE__ */ m(lr, [["__scopeId", "data-v-433d3b03"]]), cr = (e) => (v("data-v-2c405a29"), e = e(), _(), e), ur = ["aria-hidden"], fr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, gr = /* @__PURE__ */ cr(() => /* @__PURE__ */ c("path", {
+}, pr = /* @__PURE__ */ cr(() => /* @__PURE__ */ c("path", {
   d: "M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z",
   fill: "currentColor"
-}, null, -1)), pr = /* @__PURE__ */ u({
+}, null, -1)), gr = /* @__PURE__ */ u({
   __name: "ArrowUpIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -7275,7 +7275,7 @@ const pn = /* @__PURE__ */ m(lr, [["__scopeId", "data-v-7526ec57"]]), cr = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -7299,11 +7299,11 @@ const pn = /* @__PURE__ */ m(lr, [["__scopeId", "data-v-7526ec57"]]), cr = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon arrow-up-icon",
       "data-testid": "kui-icon-wrapper-arrow-up-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -7317,14 +7317,14 @@ const pn = /* @__PURE__ */ m(lr, [["__scopeId", "data-v-7526ec57"]]), cr = (e) =
           xmlns: "http://www.w3.org/2000/svg"
         }, [
           e.title ? (o(), d("title", fr, h(e.title), 1)) : y("", !0),
-          gr
+          pr
         ], 8, ur))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const Cn = /* @__PURE__ */ m(pr, [["__scopeId", "data-v-208e7e42"]]), Cr = (e) => (v("data-v-b3c539dc"), e = e(), _(), e), hr = ["aria-hidden"], yr = {
+const Cn = /* @__PURE__ */ m(gr, [["__scopeId", "data-v-2c405a29"]]), Cr = (e) => (v("data-v-71cc601c"), e = e(), _(), e), hr = ["aria-hidden"], yr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, vr = /* @__PURE__ */ Cr(() => /* @__PURE__ */ c("path", {
@@ -7375,7 +7375,7 @@ const Cn = /* @__PURE__ */ m(pr, [["__scopeId", "data-v-208e7e42"]]), Cr = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -7399,11 +7399,11 @@ const Cn = /* @__PURE__ */ m(pr, [["__scopeId", "data-v-208e7e42"]]), Cr = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon bar-chart-icon",
       "data-testid": "kui-icon-wrapper-bar-chart-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -7424,7 +7424,7 @@ const Cn = /* @__PURE__ */ m(pr, [["__scopeId", "data-v-208e7e42"]]), Cr = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const hn = /* @__PURE__ */ m(_r, [["__scopeId", "data-v-b3c539dc"]]), mr = (e) => (v("data-v-fbd1fd10"), e = e(), _(), e), br = ["aria-hidden"], Sr = {
+const hn = /* @__PURE__ */ m(_r, [["__scopeId", "data-v-71cc601c"]]), mr = (e) => (v("data-v-834a9275"), e = e(), _(), e), br = ["aria-hidden"], Sr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, zr = /* @__PURE__ */ mr(() => /* @__PURE__ */ c("path", {
@@ -7475,7 +7475,7 @@ const hn = /* @__PURE__ */ m(_r, [["__scopeId", "data-v-b3c539dc"]]), mr = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -7499,11 +7499,11 @@ const hn = /* @__PURE__ */ m(_r, [["__scopeId", "data-v-b3c539dc"]]), mr = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon check-circle-icon",
       "data-testid": "kui-icon-wrapper-check-circle-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -7524,7 +7524,7 @@ const hn = /* @__PURE__ */ m(_r, [["__scopeId", "data-v-b3c539dc"]]), mr = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const yn = /* @__PURE__ */ m(Nr, [["__scopeId", "data-v-fbd1fd10"]]), xr = (e) => (v("data-v-8af7eaa0"), e = e(), _(), e), wr = ["aria-hidden"], Ir = {
+const yn = /* @__PURE__ */ m(Nr, [["__scopeId", "data-v-834a9275"]]), xr = (e) => (v("data-v-1b287725"), e = e(), _(), e), wr = ["aria-hidden"], Ir = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, $r = /* @__PURE__ */ xr(() => /* @__PURE__ */ c("path", {
@@ -7575,7 +7575,7 @@ const yn = /* @__PURE__ */ m(Nr, [["__scopeId", "data-v-fbd1fd10"]]), xr = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -7599,11 +7599,11 @@ const yn = /* @__PURE__ */ m(Nr, [["__scopeId", "data-v-fbd1fd10"]]), xr = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon check-small-icon",
       "data-testid": "kui-icon-wrapper-check-small-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -7624,7 +7624,7 @@ const yn = /* @__PURE__ */ m(Nr, [["__scopeId", "data-v-fbd1fd10"]]), xr = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const vn = /* @__PURE__ */ m(kr, [["__scopeId", "data-v-8af7eaa0"]]), Lr = (e) => (v("data-v-fe936298"), e = e(), _(), e), qr = ["aria-hidden"], Hr = {
+const vn = /* @__PURE__ */ m(kr, [["__scopeId", "data-v-1b287725"]]), Lr = (e) => (v("data-v-35ddc38c"), e = e(), _(), e), qr = ["aria-hidden"], Hr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Mr = /* @__PURE__ */ Lr(() => /* @__PURE__ */ c("path", {
@@ -7675,7 +7675,7 @@ const vn = /* @__PURE__ */ m(kr, [["__scopeId", "data-v-8af7eaa0"]]), Lr = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -7699,11 +7699,11 @@ const vn = /* @__PURE__ */ m(kr, [["__scopeId", "data-v-8af7eaa0"]]), Lr = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-down-icon",
       "data-testid": "kui-icon-wrapper-chevron-down-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -7724,7 +7724,7 @@ const vn = /* @__PURE__ */ m(kr, [["__scopeId", "data-v-8af7eaa0"]]), Lr = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const _n = /* @__PURE__ */ m(Zr, [["__scopeId", "data-v-fe936298"]]), Br = (e) => (v("data-v-7327cdd9"), e = e(), _(), e), Er = ["aria-hidden"], Vr = {
+const _n = /* @__PURE__ */ m(Zr, [["__scopeId", "data-v-35ddc38c"]]), Br = (e) => (v("data-v-b7acb7e9"), e = e(), _(), e), Er = ["aria-hidden"], Vr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Fr = /* @__PURE__ */ Br(() => /* @__PURE__ */ c("path", {
@@ -7775,7 +7775,7 @@ const _n = /* @__PURE__ */ m(Zr, [["__scopeId", "data-v-fe936298"]]), Br = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -7799,11 +7799,11 @@ const _n = /* @__PURE__ */ m(Zr, [["__scopeId", "data-v-fe936298"]]), Br = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-left-icon",
       "data-testid": "kui-icon-wrapper-chevron-left-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -7824,7 +7824,7 @@ const _n = /* @__PURE__ */ m(Zr, [["__scopeId", "data-v-fe936298"]]), Br = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const mn = /* @__PURE__ */ m(Dr, [["__scopeId", "data-v-7327cdd9"]]), Ar = (e) => (v("data-v-b1887a36"), e = e(), _(), e), Rr = ["aria-hidden"], Pr = {
+const mn = /* @__PURE__ */ m(Dr, [["__scopeId", "data-v-b7acb7e9"]]), Ar = (e) => (v("data-v-3d59f642"), e = e(), _(), e), Rr = ["aria-hidden"], Pr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Ur = /* @__PURE__ */ Ar(() => /* @__PURE__ */ c("path", {
@@ -7875,7 +7875,7 @@ const mn = /* @__PURE__ */ m(Dr, [["__scopeId", "data-v-7327cdd9"]]), Ar = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -7899,11 +7899,11 @@ const mn = /* @__PURE__ */ m(Dr, [["__scopeId", "data-v-7327cdd9"]]), Ar = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-right-icon",
       "data-testid": "kui-icon-wrapper-chevron-right-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -7924,7 +7924,7 @@ const mn = /* @__PURE__ */ m(Dr, [["__scopeId", "data-v-7327cdd9"]]), Ar = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const bn = /* @__PURE__ */ m(Gr, [["__scopeId", "data-v-b1887a36"]]), Or = (e) => (v("data-v-803c20ea"), e = e(), _(), e), Tr = ["aria-hidden"], Kr = {
+const bn = /* @__PURE__ */ m(Gr, [["__scopeId", "data-v-3d59f642"]]), Or = (e) => (v("data-v-5c1c4b8d"), e = e(), _(), e), Tr = ["aria-hidden"], Kr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Wr = /* @__PURE__ */ Or(() => /* @__PURE__ */ c("path", {
@@ -7975,7 +7975,7 @@ const bn = /* @__PURE__ */ m(Gr, [["__scopeId", "data-v-b1887a36"]]), Or = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -7999,11 +7999,11 @@ const bn = /* @__PURE__ */ m(Gr, [["__scopeId", "data-v-b1887a36"]]), Or = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-up-icon",
       "data-testid": "kui-icon-wrapper-chevron-up-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -8024,7 +8024,7 @@ const bn = /* @__PURE__ */ m(Gr, [["__scopeId", "data-v-b1887a36"]]), Or = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const Sn = /* @__PURE__ */ m(jr, [["__scopeId", "data-v-803c20ea"]]), Jr = (e) => (v("data-v-93beb9e8"), e = e(), _(), e), Qr = ["aria-hidden"], Xr = {
+const Sn = /* @__PURE__ */ m(jr, [["__scopeId", "data-v-5c1c4b8d"]]), Jr = (e) => (v("data-v-e870b593"), e = e(), _(), e), Qr = ["aria-hidden"], Xr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Yr = /* @__PURE__ */ Jr(() => /* @__PURE__ */ c("path", {
@@ -8075,7 +8075,7 @@ const Sn = /* @__PURE__ */ m(jr, [["__scopeId", "data-v-803c20ea"]]), Jr = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -8099,11 +8099,11 @@ const Sn = /* @__PURE__ */ m(jr, [["__scopeId", "data-v-803c20ea"]]), Jr = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon collapse-panel-icon",
       "data-testid": "kui-icon-wrapper-collapse-panel-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -8124,7 +8124,7 @@ const Sn = /* @__PURE__ */ m(jr, [["__scopeId", "data-v-803c20ea"]]), Jr = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const zn = /* @__PURE__ */ m(e3, [["__scopeId", "data-v-93beb9e8"]]), t3 = (e) => (v("data-v-958d4edf"), e = e(), _(), e), i3 = ["aria-hidden"], r3 = {
+const zn = /* @__PURE__ */ m(e3, [["__scopeId", "data-v-e870b593"]]), t3 = (e) => (v("data-v-218471c0"), e = e(), _(), e), i3 = ["aria-hidden"], r3 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, n3 = /* @__PURE__ */ t3(() => /* @__PURE__ */ c("path", {
@@ -8175,7 +8175,7 @@ const zn = /* @__PURE__ */ m(e3, [["__scopeId", "data-v-93beb9e8"]]), t3 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -8199,11 +8199,11 @@ const zn = /* @__PURE__ */ m(e3, [["__scopeId", "data-v-93beb9e8"]]), t3 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon danger-circle-icon",
       "data-testid": "kui-icon-wrapper-danger-circle-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -8224,7 +8224,7 @@ const zn = /* @__PURE__ */ m(e3, [["__scopeId", "data-v-93beb9e8"]]), t3 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const Nn = /* @__PURE__ */ m(o3, [["__scopeId", "data-v-958d4edf"]]), a3 = (e) => (v("data-v-070f48da"), e = e(), _(), e), s3 = ["aria-hidden"], d3 = {
+const Nn = /* @__PURE__ */ m(o3, [["__scopeId", "data-v-218471c0"]]), a3 = (e) => (v("data-v-c81ca17b"), e = e(), _(), e), s3 = ["aria-hidden"], d3 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, l3 = /* @__PURE__ */ a3(() => /* @__PURE__ */ c("path", {
@@ -8277,7 +8277,7 @@ const Nn = /* @__PURE__ */ m(o3, [["__scopeId", "data-v-958d4edf"]]), a3 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -8301,11 +8301,11 @@ const Nn = /* @__PURE__ */ m(o3, [["__scopeId", "data-v-958d4edf"]]), a3 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon dev-portal-icon",
       "data-testid": "kui-icon-wrapper-dev-portal-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -8326,10 +8326,10 @@ const Nn = /* @__PURE__ */ m(o3, [["__scopeId", "data-v-958d4edf"]]), a3 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const xn = /* @__PURE__ */ m(c3, [["__scopeId", "data-v-070f48da"]]), u3 = (e) => (v("data-v-fe36464a"), e = e(), _(), e), f3 = ["aria-hidden"], g3 = {
+const xn = /* @__PURE__ */ m(c3, [["__scopeId", "data-v-c81ca17b"]]), u3 = (e) => (v("data-v-cf013fd6"), e = e(), _(), e), f3 = ["aria-hidden"], p3 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, p3 = /* @__PURE__ */ u3(() => /* @__PURE__ */ c("path", {
+}, g3 = /* @__PURE__ */ u3(() => /* @__PURE__ */ c("path", {
   d: "M8 17C8.28333 17 8.52083 16.9042 8.7125 16.7125C8.90417 16.5208 9 16.2833 9 16C9 15.7167 8.90417 15.4792 8.7125 15.2875C8.52083 15.0958 8.28333 15 8 15C7.71667 15 7.47917 15.0958 7.2875 15.2875C7.09583 15.4792 7 15.7167 7 16C7 16.2833 7.09583 16.5208 7.2875 16.7125C7.47917 16.9042 7.71667 17 8 17ZM8 13C8.28333 13 8.52083 12.9042 8.7125 12.7125C8.90417 12.5208 9 12.2833 9 12C9 11.7167 8.90417 11.4792 8.7125 11.2875C8.52083 11.0958 8.28333 11 8 11C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13ZM8 9C8.28333 9 8.52083 8.90417 8.7125 8.7125C8.90417 8.52083 9 8.28333 9 8C9 7.71667 8.90417 7.47917 8.7125 7.2875C8.52083 7.09583 8.28333 7 8 7C7.71667 7 7.47917 7.09583 7.2875 7.2875C7.09583 7.47917 7 7.71667 7 8C7 8.28333 7.09583 8.52083 7.2875 8.7125C7.47917 8.90417 7.71667 9 8 9ZM11 17H17V15H11V17ZM11 13H17V11H11V13ZM11 9H17V7H11V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z",
   fill: "currentColor"
 }, null, -1)), C3 = /* @__PURE__ */ u({
@@ -8377,7 +8377,7 @@ const xn = /* @__PURE__ */ m(c3, [["__scopeId", "data-v-070f48da"]]), u3 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -8401,11 +8401,11 @@ const xn = /* @__PURE__ */ m(c3, [["__scopeId", "data-v-070f48da"]]), u3 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon document-list-icon",
       "data-testid": "kui-icon-wrapper-document-list-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -8418,15 +8418,15 @@ const xn = /* @__PURE__ */ m(c3, [["__scopeId", "data-v-070f48da"]]), u3 = (e) =
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (o(), d("title", g3, h(e.title), 1)) : y("", !0),
-          p3
+          e.title ? (o(), d("title", p3, h(e.title), 1)) : y("", !0),
+          g3
         ], 8, f3))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const wn = /* @__PURE__ */ m(C3, [["__scopeId", "data-v-fe36464a"]]), h3 = (e) => (v("data-v-833f1d9f"), e = e(), _(), e), y3 = ["aria-hidden"], v3 = {
+const wn = /* @__PURE__ */ m(C3, [["__scopeId", "data-v-cf013fd6"]]), h3 = (e) => (v("data-v-499cb0c4"), e = e(), _(), e), y3 = ["aria-hidden"], v3 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _3 = /* @__PURE__ */ h3(() => /* @__PURE__ */ c("path", {
@@ -8477,7 +8477,7 @@ const wn = /* @__PURE__ */ m(C3, [["__scopeId", "data-v-fe36464a"]]), h3 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -8501,11 +8501,11 @@ const wn = /* @__PURE__ */ m(C3, [["__scopeId", "data-v-fe36464a"]]), h3 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon external-link-icon",
       "data-testid": "kui-icon-wrapper-external-link-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -8526,7 +8526,7 @@ const wn = /* @__PURE__ */ m(C3, [["__scopeId", "data-v-fe36464a"]]), h3 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const In = /* @__PURE__ */ m(m3, [["__scopeId", "data-v-833f1d9f"]]), b3 = (e) => (v("data-v-442d581b"), e = e(), _(), e), S3 = ["aria-hidden"], z3 = {
+const In = /* @__PURE__ */ m(m3, [["__scopeId", "data-v-499cb0c4"]]), b3 = (e) => (v("data-v-2374e085"), e = e(), _(), e), S3 = ["aria-hidden"], z3 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N3 = /* @__PURE__ */ b3(() => /* @__PURE__ */ c("path", {
@@ -8577,7 +8577,7 @@ const In = /* @__PURE__ */ m(m3, [["__scopeId", "data-v-833f1d9f"]]), b3 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -8601,11 +8601,11 @@ const In = /* @__PURE__ */ m(m3, [["__scopeId", "data-v-833f1d9f"]]), b3 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon feature-request-icon",
       "data-testid": "kui-icon-wrapper-feature-request-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -8626,7 +8626,7 @@ const In = /* @__PURE__ */ m(m3, [["__scopeId", "data-v-833f1d9f"]]), b3 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const $n = /* @__PURE__ */ m(x3, [["__scopeId", "data-v-442d581b"]]), w3 = (e) => (v("data-v-48025c08"), e = e(), _(), e), I3 = ["aria-hidden"], $3 = {
+const $n = /* @__PURE__ */ m(x3, [["__scopeId", "data-v-2374e085"]]), w3 = (e) => (v("data-v-0a262673"), e = e(), _(), e), I3 = ["aria-hidden"], $3 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, k3 = /* @__PURE__ */ w3(() => /* @__PURE__ */ c("path", {
@@ -8677,7 +8677,7 @@ const $n = /* @__PURE__ */ m(x3, [["__scopeId", "data-v-442d581b"]]), w3 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -8701,11 +8701,11 @@ const $n = /* @__PURE__ */ m(x3, [["__scopeId", "data-v-442d581b"]]), w3 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon file-empty-icon",
       "data-testid": "kui-icon-wrapper-file-empty-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -8726,7 +8726,7 @@ const $n = /* @__PURE__ */ m(x3, [["__scopeId", "data-v-442d581b"]]), w3 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const kn = /* @__PURE__ */ m(L3, [["__scopeId", "data-v-48025c08"]]), q3 = (e) => (v("data-v-2cc236f9"), e = e(), _(), e), H3 = ["aria-hidden"], M3 = {
+const kn = /* @__PURE__ */ m(L3, [["__scopeId", "data-v-0a262673"]]), q3 = (e) => (v("data-v-9efd3d9e"), e = e(), _(), e), H3 = ["aria-hidden"], M3 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Z3 = /* @__PURE__ */ q3(() => /* @__PURE__ */ c("path", {
@@ -8777,7 +8777,7 @@ const kn = /* @__PURE__ */ m(L3, [["__scopeId", "data-v-48025c08"]]), q3 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -8801,11 +8801,11 @@ const kn = /* @__PURE__ */ m(L3, [["__scopeId", "data-v-48025c08"]]), q3 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon indeterminate-small-icon",
       "data-testid": "kui-icon-wrapper-indeterminate-small-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -8826,7 +8826,7 @@ const kn = /* @__PURE__ */ m(L3, [["__scopeId", "data-v-48025c08"]]), q3 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const Ln = /* @__PURE__ */ m(B3, [["__scopeId", "data-v-2cc236f9"]]), E3 = (e) => (v("data-v-7da07410"), e = e(), _(), e), V3 = ["aria-hidden"], F3 = {
+const Ln = /* @__PURE__ */ m(B3, [["__scopeId", "data-v-9efd3d9e"]]), E3 = (e) => (v("data-v-ca06546b"), e = e(), _(), e), V3 = ["aria-hidden"], F3 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, D3 = /* @__PURE__ */ E3(() => /* @__PURE__ */ c("path", {
@@ -8877,7 +8877,7 @@ const Ln = /* @__PURE__ */ m(B3, [["__scopeId", "data-v-2cc236f9"]]), E3 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -8901,11 +8901,11 @@ const Ln = /* @__PURE__ */ m(B3, [["__scopeId", "data-v-2cc236f9"]]), E3 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon more-horizontal-icon",
       "data-testid": "kui-icon-wrapper-more-horizontal-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -8926,7 +8926,7 @@ const Ln = /* @__PURE__ */ m(B3, [["__scopeId", "data-v-2cc236f9"]]), E3 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const qn = /* @__PURE__ */ m(A3, [["__scopeId", "data-v-7da07410"]]), R3 = (e) => (v("data-v-bdb3d18d"), e = e(), _(), e), P3 = ["aria-hidden"], U3 = {
+const qn = /* @__PURE__ */ m(A3, [["__scopeId", "data-v-ca06546b"]]), R3 = (e) => (v("data-v-f7b98743"), e = e(), _(), e), P3 = ["aria-hidden"], U3 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, G3 = /* @__PURE__ */ R3(() => /* @__PURE__ */ c("path", {
@@ -8977,7 +8977,7 @@ const qn = /* @__PURE__ */ m(A3, [["__scopeId", "data-v-7da07410"]]), R3 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -9001,11 +9001,11 @@ const qn = /* @__PURE__ */ m(A3, [["__scopeId", "data-v-7da07410"]]), R3 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon service-document-icon",
       "data-testid": "kui-icon-wrapper-service-document-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -9026,7 +9026,7 @@ const qn = /* @__PURE__ */ m(A3, [["__scopeId", "data-v-7da07410"]]), R3 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const Hn = /* @__PURE__ */ m(O3, [["__scopeId", "data-v-bdb3d18d"]]), T3 = (e) => (v("data-v-3b5b3bf1"), e = e(), _(), e), K3 = ["aria-hidden"], W3 = {
+const Hn = /* @__PURE__ */ m(O3, [["__scopeId", "data-v-f7b98743"]]), T3 = (e) => (v("data-v-c1ea1e64"), e = e(), _(), e), K3 = ["aria-hidden"], W3 = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, j3 = /* @__PURE__ */ T3(() => /* @__PURE__ */ c("path", {
@@ -9077,7 +9077,7 @@ const Hn = /* @__PURE__ */ m(O3, [["__scopeId", "data-v-bdb3d18d"]]), T3 = (e) =
       }
     },
     /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
+    as: {
       type: String,
       required: !1,
       default: "span"
@@ -9101,11 +9101,11 @@ const Hn = /* @__PURE__ */ m(O3, [["__scopeId", "data-v-bdb3d18d"]]), T3 = (e) =
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (o(), f(g(e.tag), {
+    return (n, r) => (o(), f(p(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon service-hub-icon",
       "data-testid": "kui-icon-wrapper-service-hub-icon",
-      style: p(a.value)
+      style: g(a.value)
     }, {
       default: C(() => [
         (o(), d("svg", {
@@ -9126,13 +9126,13 @@ const Hn = /* @__PURE__ */ m(O3, [["__scopeId", "data-v-bdb3d18d"]]), T3 = (e) =
     }, 8, ["aria-hidden", "style"]));
   }
 });
-const Mn = /* @__PURE__ */ m(J3, [["__scopeId", "data-v-3b5b3bf1"]]);
+const Mn = /* @__PURE__ */ m(J3, [["__scopeId", "data-v-c1ea1e64"]]);
 export {
   un as AddCircleIcon,
   d7 as AddIcon,
   fn as ArrowDownIcon,
-  gn as ArrowLeftIcon,
-  pn as ArrowRightIcon,
+  pn as ArrowLeftIcon,
+  gn as ArrowRightIcon,
   Cn as ArrowUpIcon,
   e7 as AwsIcon,
   t7 as AzureIcon,
@@ -9141,9 +9141,9 @@ export {
   c7 as BookIcon,
   u7 as BotIcon,
   f7 as BrainIcon,
-  g7 as CalIcon,
+  p7 as CalIcon,
   yn as CheckCircleIcon,
-  p7 as CheckIcon,
+  g7 as CheckIcon,
   vn as CheckSmallIcon,
   _n as ChevronDownIcon,
   mn as ChevronLeftIcon,