@kong/icons 1.20.5-pr.511.cc8df96.0 → 1.20.5-pr.516.17c1b8d.0

package/dist/kong-icons.es210.js

@@ -1,138 +0,0 @@
-import { defineComponent as v, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as b, normalizeStyle as y, withCtx as x, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1238.js";
-const L = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2372)">
-<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="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="black"/>
-<path d="M12 23.9999C7.24248 23.9999 3.13173 21.2312 1.19073 17.2173H22.8092C20.8683 21.2312 16.7575 23.9999 12 23.9999V23.9999Z" fill="#496E2D"/>
-<path d="M23.4333 8.34766H0.566672C0.199078 9.49933 0 10.7263 0 11.9998C0 13.2734 0.199078 14.5003 0.566672 15.652H23.4333C23.8009 14.5003 24 13.2734 24 11.9998C24 10.7263 23.8009 9.49933 23.4333 8.34766Z" fill="#A2001D"/>
-<path d="M15.7366 5.54557L14.3155 4.88965L12 10.1327L9.68448 4.88965L8.26337 5.54557L11.1381 12.0002L8.26337 18.4549L9.68448 19.1108L12 13.8678L14.3155 19.1108L15.7366 18.4549L12.8619 12.0002L15.7366 5.54557Z" fill="#F0F0F0"/>
-<path d="M12.9652 6.16395C12.4151 5.56315 12 5.21777 12 5.21777C12 5.21777 11.5849 5.5631 11.0348 6.16395V17.8368C11.5849 18.4376 12 18.783 12 18.783C12 18.783 12.4151 18.4377 12.9652 17.8368V6.16395Z" fill="#F0F0F0"/>
-<path d="M9.3913 8.4019V15.5978C9.97264 16.6279 10.6842 17.4722 11.2174 18.0319V5.96777C10.6842 6.52751 9.97259 7.37187 9.3913 8.4019V8.4019Z" fill="#A2001D"/>
-<path d="M14.6087 8.4019C14.0273 7.37182 13.3158 6.52751 12.7826 5.96777V18.0319C13.3158 17.4722 14.0273 16.6279 14.6087 15.5978V8.4019Z" fill="#A2001D"/>
-<path d="M14.6087 8.40186V15.5977C15.1972 14.5548 15.6522 13.3216 15.6522 11.9998C15.6522 10.6781 15.1972 9.44482 14.6087 8.40186Z" fill="black"/>
-<path d="M9.39132 8.40186V15.5977C8.80281 14.5548 8.34784 13.3216 8.34784 11.9998C8.34784 10.6781 8.80281 9.44482 9.39132 8.40186Z" fill="black"/>
-</g>
-<defs>
-<clipPath id="clip0_1_2372">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>`, F = /* @__PURE__ */ v({
-  __name: "FlagKeIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: c,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
-          return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(i) {
-    const e = i, r = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return c;
-    }), f = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), u = (n) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, l) => {
-        const o = `${m}-${l}`;
-        return t[l] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (a, l) => t[l] ? `#${t[l]}` : a);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, h = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : u(p)}`;
-    return (n, t) => (d(), S(b(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon flag-ke-icon",
-      "data-testid": "kui-icon-wrapper-flag-ke-icon",
-      style: y(f.value),
-      tabindex: i.decorative ? "-1" : void 0
-    }, {
-      default: x(() => [
-        (d(), k("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-ke-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: C
-        }, null, 8, L))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
-export {
-  F as default
-};
-//# sourceMappingURL=kong-icons.es210.js.map

package/dist/kong-icons.es210.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kong-icons.es210.js","sources":["../src/components/flags/FlagKeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagKeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 04 Feb 2025 19:36:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2372)\">\n<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\"/>\n<path d=\"M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z\" fill=\"black\"/>\n<path d=\"M12 23.9999C7.24248 23.9999 3.13173 21.2312 1.19073 17.2173H22.8092C20.8683 21.2312 16.7575 23.9999 12 23.9999V23.9999Z\" fill=\"#496E2D\"/>\n<path d=\"M23.4333 8.34766H0.566672C0.199078 9.49933 0 10.7263 0 11.9998C0 13.2734 0.199078 14.5003 0.566672 15.652H23.4333C23.8009 14.5003 24 13.2734 24 11.9998C24 10.7263 23.8009 9.49933 23.4333 8.34766Z\" fill=\"#A2001D\"/>\n<path d=\"M15.7366 5.54557L14.3155 4.88965L12 10.1327L9.68448 4.88965L8.26337 5.54557L11.1381 12.0002L8.26337 18.4549L9.68448 19.1108L12 13.8678L14.3155 19.1108L15.7366 18.4549L12.8619 12.0002L15.7366 5.54557Z\" fill=\"#F0F0F0\"/>\n<path d=\"M12.9652 6.16395C12.4151 5.56315 12 5.21777 12 5.21777C12 5.21777 11.5849 5.5631 11.0348 6.16395V17.8368C11.5849 18.4376 12 18.783 12 18.783C12 18.783 12.4151 18.4377 12.9652 17.8368V6.16395Z\" fill=\"#F0F0F0\"/>\n<path d=\"M9.3913 8.4019V15.5978C9.97264 16.6279 10.6842 17.4722 11.2174 18.0319V5.96777C10.6842 6.52751 9.97259 7.37187 9.3913 8.4019V8.4019Z\" fill=\"#A2001D\"/>\n<path d=\"M14.6087 8.4019C14.0273 7.37182 13.3158 6.52751 12.7826 5.96777V18.0319C13.3158 17.4722 14.0273 16.6279 14.6087 15.5978V8.4019Z\" fill=\"#A2001D\"/>\n<path d=\"M14.6087 8.40186V15.5977C15.1972 14.5548 15.6522 13.3216 15.6522 11.9998C15.6522 10.6781 15.1972 9.44482 14.6087 8.40186Z\" fill=\"black\"/>\n<path d=\"M9.39132 8.40186V15.5977C8.80281 14.5548 8.34784 13.3216 8.34784 11.9998C8.34784 10.6781 8.80281 9.44482 9.39132 8.40186Z\" fill=\"black\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2372\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-ke-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ke-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ke-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAuBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es212.js

@@ -1,135 +0,0 @@
-import { defineComponent as v, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as L, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1238.js";
-const k = ["aria-hidden"], g = `<g clip-path="url(#clip0_1_2376)">
-<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="#D80027"/>
-<path d="M17.8686 12.0001L15.4707 13.128L16.7477 15.4505L14.1436 14.9523L13.8138 17.5827L12 15.6482L10.1863 17.5827L9.85633 14.9523L7.25252 15.4504L8.52939 13.1279L6.13141 12.0001L8.52939 10.8722L7.25252 8.54968L9.85624 9.04796L10.1864 6.41748L12 8.35206L13.8139 6.41748L14.1436 9.04796L16.7478 8.54968L15.4708 10.8724L17.8686 12.0001Z" fill="#FFDA44"/>
-<path d="M12 15.652C14.017 15.652 15.6522 14.0169 15.6522 11.9998C15.6522 9.98279 14.017 8.34766 12 8.34766C9.98297 8.34766 8.34784 9.98279 8.34784 11.9998C8.34784 14.0169 9.98297 15.652 12 15.652Z" fill="#D80027"/>
-<path d="M10.1739 12C10.0859 12 9.99906 12.0045 9.91333 12.013C9.91647 12.5189 10.0995 12.9818 10.4017 13.3415C10.563 12.9076 10.8037 12.5119 11.1073 12.1733C10.8174 12.0618 10.5028 12 10.1739 12Z" fill="#FFDA44"/>
-<path d="M11.298 13.9656C11.5174 14.044 11.7536 14.0869 12 14.0869C12.2464 14.0869 12.4826 14.044 12.7019 13.9656C12.5824 13.4963 12.3355 13.0773 12 12.748C11.6645 13.0772 11.4176 13.4963 11.298 13.9656Z" fill="#FFDA44"/>
-<path d="M13.8073 10.9569C13.4464 10.3332 12.7725 9.91309 12 9.91309C11.2275 9.91309 10.5536 10.3331 10.1927 10.9569C10.8506 10.9602 11.4675 11.1391 12 11.448C12.5326 11.1391 13.1493 10.9602 13.8073 10.9569Z" fill="#FFDA44"/>
-<path d="M12.8926 12.1733C13.1962 12.5119 13.437 12.9075 13.5982 13.3415C13.9005 12.9818 14.0835 12.5189 14.0866 12.013C14.0009 12.0045 13.914 12 13.8261 12C13.4973 12 13.1827 12.0617 12.8926 12.1733V12.1733Z" fill="#FFDA44"/>
-</g>
-<defs>
-<clipPath id="clip0_1_2376">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>`, I = /* @__PURE__ */ v({
-  __name: "FlagKgIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: c,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
-          return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(i) {
-    const e = i, r = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return c;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), u = (n) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${m}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, f = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, h = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? g : u(g)}`;
-    return (n, t) => (d(), S(L(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon flag-kg-icon",
-      "data-testid": "kui-icon-wrapper-flag-kg-icon",
-      style: y(p.value),
-      tabindex: i.decorative ? "-1" : void 0
-    }, {
-      default: b(() => [
-        (d(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-kg-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: C
-        }, null, 8, k))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
-export {
-  I as default
-};
-//# sourceMappingURL=kong-icons.es212.js.map

package/dist/kong-icons.es212.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kong-icons.es212.js","sources":["../src/components/flags/FlagKgIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagKgIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 04 Feb 2025 19:36:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2376)\">\n<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=\"#D80027\"/>\n<path d=\"M17.8686 12.0001L15.4707 13.128L16.7477 15.4505L14.1436 14.9523L13.8138 17.5827L12 15.6482L10.1863 17.5827L9.85633 14.9523L7.25252 15.4504L8.52939 13.1279L6.13141 12.0001L8.52939 10.8722L7.25252 8.54968L9.85624 9.04796L10.1864 6.41748L12 8.35206L13.8139 6.41748L14.1436 9.04796L16.7478 8.54968L15.4708 10.8724L17.8686 12.0001Z\" fill=\"#FFDA44\"/>\n<path d=\"M12 15.652C14.017 15.652 15.6522 14.0169 15.6522 11.9998C15.6522 9.98279 14.017 8.34766 12 8.34766C9.98297 8.34766 8.34784 9.98279 8.34784 11.9998C8.34784 14.0169 9.98297 15.652 12 15.652Z\" fill=\"#D80027\"/>\n<path d=\"M10.1739 12C10.0859 12 9.99906 12.0045 9.91333 12.013C9.91647 12.5189 10.0995 12.9818 10.4017 13.3415C10.563 12.9076 10.8037 12.5119 11.1073 12.1733C10.8174 12.0618 10.5028 12 10.1739 12Z\" fill=\"#FFDA44\"/>\n<path d=\"M11.298 13.9656C11.5174 14.044 11.7536 14.0869 12 14.0869C12.2464 14.0869 12.4826 14.044 12.7019 13.9656C12.5824 13.4963 12.3355 13.0773 12 12.748C11.6645 13.0772 11.4176 13.4963 11.298 13.9656Z\" fill=\"#FFDA44\"/>\n<path d=\"M13.8073 10.9569C13.4464 10.3332 12.7725 9.91309 12 9.91309C11.2275 9.91309 10.5536 10.3331 10.1927 10.9569C10.8506 10.9602 11.4675 11.1391 12 11.448C12.5326 11.1391 13.1493 10.9602 13.8073 10.9569Z\" fill=\"#FFDA44\"/>\n<path d=\"M12.8926 12.1733C13.1962 12.5119 13.437 12.9075 13.5982 13.3415C13.9005 12.9818 14.0835 12.5189 14.0866 12.013C14.0009 12.0045 13.914 12 13.8261 12C13.4973 12 13.1827 12.0617 12.8926 12.1733V12.1733Z\" fill=\"#FFDA44\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2376\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-kg-icon\"\n    data-testid=\"kui-icon-wrapper-flag-kg-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-kg-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAoBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es214.js

@@ -1,132 +0,0 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as y, resolveDynamicComponent as C, normalizeStyle as b, withCtx as x, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1238.js";
-const w = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2290)">
-<path d="M0 11.9999C0 14.0788 0.528891 16.0342 1.45908 17.739L12 18.7825L22.5409 17.739C23.4711 16.0342 24 14.0788 24 11.9999C24 9.921 23.4711 7.96566 22.5409 6.26077L12 5.21729L1.45908 6.26077C0.528891 7.96566 0 9.921 0 11.9999H0Z" fill="#D80027"/>
-<path d="M1.45911 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45151 0 3.49437 2.53073 1.45911 6.26086V6.26086Z" fill="#0052B4"/>
-<path d="M12 24.0001C16.5485 24.0001 20.5057 21.4694 22.5409 17.7393H1.45911C3.49437 21.4694 7.45151 24.0001 12 24.0001Z" fill="#0052B4"/>
-<path d="M16.1739 14.3481V12.7829H15.1305V10.6959L14.087 9.6524L13.0435 10.6959V8.60891L12 7.56543L10.9565 8.60891V10.6959L9.91306 9.6524L8.86958 10.6959V12.7829H7.82614V14.3481H6.78265V15.9133H17.2174V14.3481H16.1739Z" fill="#F0F0F0"/>
-</g>
-<defs>
-<clipPath id="clip0_1_2290">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>`, $ = /* @__PURE__ */ S({
-  __name: "FlagKhIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: c,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
-          return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(i) {
-    const e = i, r = l(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return c;
-    }), p = l(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), 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 = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, h = (n) => n.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 (n, t) => (d(), y(C(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon flag-kh-icon",
-      "data-testid": "kui-icon-wrapper-flag-kh-icon",
-      style: b(p.value),
-      tabindex: i.decorative ? "-1" : void 0
-    }, {
-      default: x(() => [
-        (d(), k("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-kh-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, w))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
-export {
-  $ as default
-};
-//# sourceMappingURL=kong-icons.es214.js.map

package/dist/kong-icons.es214.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kong-icons.es214.js","sources":["../src/components/flags/FlagKhIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagKhIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 04 Feb 2025 19:36:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2290)\">\n<path d=\"M0 11.9999C0 14.0788 0.528891 16.0342 1.45908 17.739L12 18.7825L22.5409 17.739C23.4711 16.0342 24 14.0788 24 11.9999C24 9.921 23.4711 7.96566 22.5409 6.26077L12 5.21729L1.45908 6.26077C0.528891 7.96566 0 9.921 0 11.9999H0Z\" fill=\"#D80027\"/>\n<path d=\"M1.45911 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45151 0 3.49437 2.53073 1.45911 6.26086V6.26086Z\" fill=\"#0052B4\"/>\n<path d=\"M12 24.0001C16.5485 24.0001 20.5057 21.4694 22.5409 17.7393H1.45911C3.49437 21.4694 7.45151 24.0001 12 24.0001Z\" fill=\"#0052B4\"/>\n<path d=\"M16.1739 14.3481V12.7829H15.1305V10.6959L14.087 9.6524L13.0435 10.6959V8.60891L12 7.56543L10.9565 8.60891V10.6959L9.91306 9.6524L8.86958 10.6959V12.7829H7.82614V14.3481H6.78265V15.9133H17.2174V14.3481H16.1739Z\" fill=\"#F0F0F0\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2290\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-kh-icon\"\n    data-testid=\"kui-icon-wrapper-flag-kh-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-kh-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAiBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es216.js

@@ -1,136 +0,0 @@
-import { defineComponent as v, computed as o, openBlock as s, createBlock as S, resolveDynamicComponent as L, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1238.js";
-const k = ["aria-hidden"], c = `<g clip-path="url(#clip0_1_2373)">
-<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#D80027"/>
-<path d="M16.1739 11.16L14.4683 11.9622L15.3766 13.614L13.5246 13.2597L13.29 15.1305L12 13.7545L10.71 15.1305L10.4754 13.2597L8.62341 13.6139L9.53161 11.9622L7.82611 11.16L9.53161 10.3577L8.62341 8.70605L10.4753 9.06023L10.71 7.18945L12 8.56537L13.29 7.18945L13.5246 9.06023L15.3766 8.70605L14.4685 10.3578L16.1739 11.16Z" fill="#FFDA44"/>
-<path d="M15.1305 3.913H12.7826C12.7826 3.48086 12.4322 3.13037 12 3.13037C11.5678 3.13037 11.2174 3.48081 11.2174 3.913H8.86957C8.86957 4.34518 9.24607 4.69562 9.67826 4.69562H9.65215C9.65215 5.12781 10.0025 5.47825 10.4348 5.47825C10.4348 5.91043 10.7851 6.26087 11.2174 6.26087H12.7826C13.2147 6.26087 13.5652 5.91048 13.5652 5.47825C13.9974 5.47825 14.3478 5.12786 14.3478 4.69562H14.3217C14.754 4.69562 15.1305 4.34523 15.1305 3.913V3.913Z" fill="#FFDA44"/>
-<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12H24Z" fill="#F0F0F0"/>
-<path d="M12 24C15.751 24 19.0995 22.2785 21.3001 19.583C20.9043 19.3132 20.6906 18.877 19.9998 18.877C18.9998 18.877 18.9998 19.7913 17.9999 19.7913C17 19.7913 16.9999 18.877 16 18.877C15 18.877 15 19.7913 14 19.7913C12.9999 19.7913 12.9999 18.877 11.9998 18.877C10.9998 18.877 10.9998 19.7913 9.99989 19.7913C9.00005 19.7913 9.00005 18.877 8.00006 18.877C6.99999 18.877 6.99999 19.7913 5.99991 19.7913C4.99983 19.7913 4.99983 18.877 3.99975 18.877C3.3091 18.877 3.09539 19.3131 2.69977 19.5829C4.90027 22.2785 8.24892 24 12 24V24Z" fill="#0052B4"/>
-<path d="M21.9999 13.5306C20.9999 13.5306 20.9999 12.6162 19.9998 12.6162C18.9999 12.6162 18.9999 13.5306 17.9999 13.5306C17 13.5306 16.9999 12.6162 16 12.6162C15 12.6162 15 13.5306 14 13.5306C13 13.5306 12.9999 12.6162 11.9998 12.6162C10.9998 12.6162 10.9998 13.5306 9.99991 13.5306C9.00006 13.5306 9.00006 12.6162 8.00008 12.6162C7 12.6162 7 13.5306 5.99992 13.5306C4.99984 13.5306 4.99984 12.6162 3.99977 12.6162C2.99992 12.6162 2.99992 13.5306 1.99994 13.5306C1.00534 13.5306 0.999578 12.6263 0.015625 12.6166C0.0433281 13.1655 0.108859 13.7044 0.207953 14.2314C1.00502 14.3485 1.07481 15.1305 1.99998 15.1305C2.99997 15.1305 2.99997 14.2163 3.99981 14.2163C4.99989 14.2163 4.99989 15.1305 5.99997 15.1305C7.00005 15.1305 7.00005 14.2163 8.00013 14.2163C9.00011 14.2163 9.00011 15.1305 9.99995 15.1305C10.9999 15.1305 10.9999 14.2163 11.9999 14.2163C13 14.2163 13 15.1305 14 15.1305C15.0001 15.1305 15.0001 14.2163 16 14.2163C17 14.2163 17 15.1305 18 15.1305C18.9999 15.1305 19 14.2163 19.9999 14.2163C21 14.2163 21 15.1305 21.9999 15.1305C22.9252 15.1305 22.995 14.3486 23.7921 14.2314C23.8912 13.7044 23.9567 13.1656 23.9845 12.6167C23.0004 12.6264 22.9945 13.5306 21.9999 13.5306V13.5306Z" fill="#0052B4"/>
-<path d="M19.9998 15.7466C18.9998 15.7466 18.9998 16.6609 17.9999 16.6609C17 16.6609 16.9999 15.7466 16 15.7466C15 15.7466 15 16.6609 14 16.6609C12.9999 16.6609 12.9999 15.7466 11.9998 15.7466C10.9998 15.7466 10.9998 16.6609 9.99989 16.6609C9.00005 16.6609 9.00005 15.7466 8.00006 15.7466C6.99998 15.7466 6.99998 16.6609 5.9999 16.6609C4.99983 16.6609 4.99983 15.7466 3.99975 15.7466C2.9999 15.7466 2.9999 16.6609 1.99992 16.6609C1.2854 16.6609 1.08131 16.1942 0.658264 15.9276C0.939889 16.7413 1.30626 17.5154 1.7475 18.2389C1.82423 18.2531 1.90776 18.2609 1.99992 18.2609C2.9999 18.2609 2.9999 17.3467 3.99975 17.3467C4.99983 17.3467 4.99983 18.2609 5.9999 18.2609C6.99998 18.2609 6.99998 17.3467 8.00006 17.3467C9.00005 17.3467 9.00005 18.2609 9.99989 18.2609C10.9999 18.2609 10.9999 17.3467 11.9998 17.3467C12.9999 17.3467 12.9999 18.2609 14 18.2609C15 18.2609 15 17.3467 16 17.3467C17 17.3467 17 18.2609 17.9999 18.2609C18.9998 18.2609 18.9999 17.3467 19.9998 17.3467C20.9999 17.3467 20.9999 18.2609 21.9998 18.2609C22.0921 18.2609 22.1756 18.2531 22.2524 18.2389C22.6936 17.5154 23.0599 16.7413 23.3417 15.9277C22.9186 16.1941 22.7145 16.6609 21.9998 16.6609C20.9999 16.6609 20.9999 15.7466 19.9998 15.7466Z" fill="#0052B4"/>
-<path d="M23.9628 11.0518C23.0004 11.0745 22.9872 11.9651 21.9998 11.9651C20.9999 11.9651 20.9999 11.0508 19.9998 11.0508C18.9998 11.0508 18.9998 11.9651 17.9999 11.9651C17 11.9651 16.9999 11.0508 16 11.0508C15 11.0508 15 11.9651 14 11.9651C12.9999 11.9651 12.9999 11.0508 11.9998 11.0508C10.9998 11.0508 10.9998 11.9651 9.99989 11.9651C9.00005 11.9651 9.00005 11.0508 8.00006 11.0508C6.99998 11.0508 6.99998 11.9651 5.99991 11.9651C4.99983 11.9651 4.99983 11.0508 3.99975 11.0508C2.99991 11.0508 2.99991 11.9651 1.99992 11.9651C1.01278 11.9651 0.999422 11.0746 0.0371719 11.0518C0.01275 11.3647 0 11.6808 0 11.9999C0 12.2184 0.0061875 12.4356 0.0178594 12.6513C0.999563 12.6623 1.00608 13.5651 1.99997 13.5651C2.99995 13.5651 2.99995 12.6508 3.9998 12.6508C4.99988 12.6508 4.99988 13.5651 5.99995 13.5651C7.00003 13.5651 7.00003 12.6508 8.00011 12.6508C9.00009 12.6508 9.00009 13.5651 9.99994 13.5651C10.9999 13.5651 10.9999 12.6508 11.9999 12.6508C12.9999 12.6508 12.9999 13.5651 14 13.5651C15.0001 13.5651 15.0001 12.6508 16 12.6508C17 12.6508 17 13.5651 18 13.5651C18.9999 13.5651 18.9999 12.6508 19.9999 12.6508C21 12.6508 21 13.5651 21.9999 13.5651C22.9939 13.5651 23.0004 12.6623 23.9823 12.6513C23.9938 12.4356 24 12.2184 24 11.9999C24 11.6808 23.9872 11.3647 23.9628 11.0518V11.0518Z" fill="#F0F0F0"/>
-</g>
-<defs>
-<clipPath id="clip0_1_2373">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>`, B = /* @__PURE__ */ v({
-  __name: "FlagKiIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: d,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
-          return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), C = Number(e);
-          if (C && !isNaN(C) && Number.isInteger(C) && C > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(i) {
-    const e = i, C = o(() => {
-      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`;
-      }
-      return d;
-    }), p = o(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: C.value,
-      lineHeight: "0",
-      width: C.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), u = (r) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, n) => {
-        const l = `${m}-${n}`;
-        return t[n] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, n) => t[n] ? `#${t[n]}` : a);
-    }, f = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, g = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? c : u(c)}`;
-    return (r, t) => (s(), S(L(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon flag-ki-icon",
-      "data-testid": "kui-icon-wrapper-flag-ki-icon",
-      style: y(p.value),
-      tabindex: i.decorative ? "-1" : void 0
-    }, {
-      default: b(() => [
-        (s(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-ki-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: h
-        }, null, 8, k))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
-export {
-  B as default
-};
-//# sourceMappingURL=kong-icons.es216.js.map