@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es290.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as l, openBlock as d, createBlock as S, resolveDynamicComponent as x, normalizeStyle as y, withCtx as b, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4790)">
+import { defineComponent as S, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as x, normalizeStyle as b, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4790)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
 <path d="M23.9999 12C23.9999 7.24245 21.2312 3.1317 17.2173 1.1907V22.8092C21.2312 20.8683 23.9999 16.7575 23.9999 12Z" fill="#D80027"/>
 <path d="M0 12C0 16.7575 2.76867 20.8683 6.78263 22.8093V1.1907C2.76867 3.1317 0 7.24245 0 12Z" fill="#6DA544"/>
@@ -11,7 +11,7 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4790)">
 <clipPath id="clip0_246_4790">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, $ = /* @__PURE__ */ C({
+</defs>`, _ = /* @__PURE__ */ S({
   __name: "FlagMxIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -42,14 +42,14 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4790)">
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: p,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), n = Number(e);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
         return !1;
@@ -71,48 +71,50 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4790)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = l(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), p = l(() => ({
+      return p;
+    }), f = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: o.value,
       lineHeight: "0",
-      width: r.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${v}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, f = {
+    })), g = (r) => {
+      const i = {}, C = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${C}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (d(), S(x(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, h = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, i) => (c(), y(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon flag-mx-icon",
       "data-testid": "kui-icon-wrapper-flag-mx-icon",
-      style: y(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(f.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), w("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: w(() => [
+        (c(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-mx-icon",
           fill: "none",
           height: "100%",
@@ -120,13 +122,13 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4790)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: h
-        }, null, 8, z))
+          innerHTML: v
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  $ as default
+  _ as default
 };

package/dist/kong-icons.es292.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as L } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4721)">
+import { defineComponent as S, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_4721)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
 <path d="M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86769 23.5868 8.86954H11.4785V12Z" fill="#D80027"/>
 <path d="M11.4785 5.73913H22.239C21.5044 4.54044 20.5652 3.48092 19.4701 2.60867H11.4785V5.73913Z" fill="#D80027"/>
@@ -14,7 +14,7 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4721)">
 <clipPath id="clip0_246_4721">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, I = /* @__PURE__ */ C({
+</defs>`, I = /* @__PURE__ */ S({
   __name: "FlagMyIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -45,14 +45,14 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4721)">
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: p,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (e) => {
+        if (typeof e == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(e) || typeof e == "number" && e > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+        if (typeof e == "string") {
+          const t = String(e).replace(/px/gi, ""), n = Number(t);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
         return !1;
@@ -74,48 +74,50 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4721)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+  setup(e) {
+    const t = e, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(t.size))
+        return t.size;
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const r = String(t.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), u = s(() => ({
+      return p;
+    }), u = d(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: r.value,
+      height: o.value,
       lineHeight: "0",
-      width: r.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (l, a) => {
-        const o = `${v}-${a}`;
-        return t[a] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, a) => t[a] ? `#${t[a]}` : l);
-    }, g = {
+      width: o.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, C = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${C}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, h = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, h = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (d(), S(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), v = `${t.title ? `<title data-testid="kui-icon-svg-title">${m(t.title)}</title>` : ""}${t.staticIds ? f : g(f)}`;
+    return (r, i) => (c(), y(b(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-my-icon",
       "data-testid": "kui-icon-wrapper-flag-my-icon",
-      style: b(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(u.value),
+      tabindex: e.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), L("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: L(() => [
+        (c(), w("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-my-icon",
           fill: "none",
           height: "100%",
@@ -123,8 +125,8 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4721)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, w))
+          innerHTML: v
+        }, null, 8, z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons.es294.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as s, openBlock as d, createBlock as L, resolveDynamicComponent as C, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4850)">
+import { defineComponent as L, computed as d, openBlock as c, createBlock as C, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const w = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_4850)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
 <path d="M6.48617 16.6956L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9608 24 21.2177 20.9893 23.0452 16.6956H6.48617Z" fill="#FFDA44"/>
 <path d="M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z" fill="#496E2D"/>
@@ -14,7 +14,7 @@ const z = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4850)">
 <clipPath id="clip0_246_4850">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, H = /* @__PURE__ */ S({
+</defs>`, $ = /* @__PURE__ */ L({
   __name: "FlagMzIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -45,14 +45,14 @@ const z = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4850)">
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: p,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (e) => {
+        if (typeof e == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(e) || typeof e == "number" && e > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+        if (typeof e == "string") {
+          const t = String(e).replace(/px/gi, ""), n = Number(t);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
         return !1;
@@ -74,48 +74,50 @@ const z = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4850)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+  setup(e) {
+    const t = e, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
+      if (n(t.size))
+        return t.size;
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const r = String(t.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), u = s(() => ({
+      return p;
+    }), u = d(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: r.value,
+      height: a.value,
       lineHeight: "0",
-      width: r.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (l, a) => {
-        const o = `${v}-${a}`;
-        return t[a] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, a) => t[a] ? `#${t[a]}` : l);
-    }, g = {
+      width: a.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (o, s) => {
+        const l = `${S}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, s) => i[s] ? `#${i[s]}` : o);
+    }, h = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, h = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (d(), L(C(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), v = `${t.title ? `<title data-testid="kui-icon-svg-title">${m(t.title)}</title>` : ""}${t.staticIds ? f : g(f)}`;
+    return (r, i) => (c(), C(y(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-mz-icon",
       "data-testid": "kui-icon-wrapper-flag-mz-icon",
-      style: y(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(u.value),
+      tabindex: e.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: x(() => [
+        (c(), z("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-mz-icon",
           fill: "none",
           height: "100%",
@@ -123,13 +125,13 @@ const z = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4850)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, z))
+          innerHTML: v
+        }, null, 8, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  H as default
+  $ as default
 };

package/dist/kong-icons.es296.js

@@ -1,5 +1,5 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as L, resolveDynamicComponent as C, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
+import { defineComponent as L, computed as d, openBlock as c, createBlock as C, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
 const N = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4864)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
 <path d="M3.51451 20.4853C4.0179 20.9887 4.55499 21.4376 5.11838 21.8329L21.8326 5.11866C21.4374 4.55527 20.9884 4.01817 20.485 3.51478C19.9816 3.01139 19.4445 2.56252 18.8811 2.16727L2.16699 18.8815C2.5622 19.4448 3.01112 19.9819 3.51451 20.4853Z" fill="#A2001D"/>
@@ -11,7 +11,7 @@ const N = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4864)">
 <clipPath id="clip0_246_4864">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, M = /* @__PURE__ */ S({
+</defs>`, _ = /* @__PURE__ */ L({
   __name: "FlagNaIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -42,13 +42,13 @@ const N = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4864)">
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: p,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), n = Number(e);
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), n = Number(e);
           if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
@@ -71,48 +71,50 @@ const N = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4864)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = l(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), p = l(() => ({
+      return p;
+    }), f = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: n.value,
+      height: a.value,
       lineHeight: "0",
-      width: n.value,
+      width: a.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), g = (r) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (o, a) => {
-        const s = `${v}-${a}`;
-        return t[a] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, f = {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (o, s) => {
+        const l = `${S}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, s) => i[s] ? `#${i[s]}` : o);
+    }, h = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, h = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (r, t) => (d(), L(C(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, i) => (c(), C(y(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon flag-na-icon",
       "data-testid": "kui-icon-wrapper-flag-na-icon",
-      style: y(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(f.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: x(() => [
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-na-icon",
           fill: "none",
           height: "100%",
@@ -120,7 +122,7 @@ const N = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4864)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, N))
       ]),
       _: 1
@@ -128,5 +130,5 @@ const N = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4864)">
   }
 });
 export {
-  M as default
+  _ as default
 };