@kong/icons 1.22.2-pr.588.607048.0 → 1.23.0

package/dist/kong-icons.es864.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es486.js";
+import o from "./kong-icons.es482.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es865.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es488.js";
+import o from "./kong-icons.es484.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es866.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es490.js";
+import o from "./kong-icons.es486.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es867.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es492.js";
+import o from "./kong-icons.es488.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es868.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es494.js";
+import o from "./kong-icons.es490.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es869.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es496.js";
+import o from "./kong-icons.es492.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es870.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es498.js";
+import o from "./kong-icons.es494.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es871.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es500.js";
+import o from "./kong-icons.es496.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es872.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es502.js";
+import o from "./kong-icons.es498.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es873.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es504.js";
+import o from "./kong-icons.es500.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es874.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es506.js";
+import o from "./kong-icons.es502.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es875.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es508.js";
+import o from "./kong-icons.es504.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es876.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es510.js";
+import o from "./kong-icons.es506.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es877.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es512.js";
+import o from "./kong-icons.es508.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es878.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es514.js";
+import o from "./kong-icons.es510.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es879.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es516.js";
+import o from "./kong-icons.es512.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es88.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, computed as s, createBlock as S, openBlock as d, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as C } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1274.js";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1277.js";
 const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2301)">
 <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="M6.56719 7.30273L7.60312 10.4902H10.9547L8.24531 12.4637L9.28125 15.6512L6.56719 13.6824L3.85313 15.6512L4.89375 12.4637L2.17969 10.4902H5.53125L6.56719 7.30273Z" fill="#FFDA44"/>

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es88.js","sources":["../src/components/flags/FlagCnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 16:01:03 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_2301)\">\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=\"M6.56719 7.30273L7.60312 10.4902H10.9547L8.24531 12.4637L9.28125 15.6512L6.56719 13.6824L3.85313 15.6512L4.89375 12.4637L2.17969 10.4902H5.53125L6.56719 7.30273Z\" fill=\"#FFDA44\"/>\n<path d=\"M14.2266 18.5857L13.4344 17.6107L12.2625 18.0654L12.9422 17.0107L12.15 16.0311L13.3641 16.3545L14.0484 15.2998L14.1141 16.5561L15.3328 16.8795L14.1563 17.3295L14.2266 18.5857Z\" fill=\"#FFDA44\"/>\n<path d=\"M15.8016 15.7264L16.1766 14.5264L15.15 13.7998L16.4063 13.7811L16.7766 12.5811L17.1844 13.7717L18.4406 13.7576L17.4328 14.5076L17.8359 15.6982L16.8094 14.9717L15.8016 15.7264Z\" fill=\"#FFDA44\"/>\n<path d=\"M17.925 8.80771L17.3719 9.9374L18.2719 10.814L17.0297 10.6358L16.4766 11.7608L16.2609 10.5233L15.0141 10.3452L16.1297 9.75928L15.9141 8.51709L16.8141 9.39365L17.925 8.80771Z\" fill=\"#FFDA44\"/>\n<path d=\"M14.2594 5.38574L14.1656 6.63731L15.3328 7.11074L14.1094 7.41074L14.0203 8.66699L13.3594 7.59824L12.1359 7.89824L12.9469 6.9373L12.2813 5.87324L13.4484 6.34668L14.2594 5.38574Z\" fill=\"#FFDA44\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2301\">\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-cn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cn-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-cn-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAmBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es88.js","sources":["../src/components/flags/FlagCnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 15:57:56 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_2301)\">\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=\"M6.56719 7.30273L7.60312 10.4902H10.9547L8.24531 12.4637L9.28125 15.6512L6.56719 13.6824L3.85313 15.6512L4.89375 12.4637L2.17969 10.4902H5.53125L6.56719 7.30273Z\" fill=\"#FFDA44\"/>\n<path d=\"M14.2266 18.5857L13.4344 17.6107L12.2625 18.0654L12.9422 17.0107L12.15 16.0311L13.3641 16.3545L14.0484 15.2998L14.1141 16.5561L15.3328 16.8795L14.1563 17.3295L14.2266 18.5857Z\" fill=\"#FFDA44\"/>\n<path d=\"M15.8016 15.7264L16.1766 14.5264L15.15 13.7998L16.4063 13.7811L16.7766 12.5811L17.1844 13.7717L18.4406 13.7576L17.4328 14.5076L17.8359 15.6982L16.8094 14.9717L15.8016 15.7264Z\" fill=\"#FFDA44\"/>\n<path d=\"M17.925 8.80771L17.3719 9.9374L18.2719 10.814L17.0297 10.6358L16.4766 11.7608L16.2609 10.5233L15.0141 10.3452L16.1297 9.75928L15.9141 8.51709L16.8141 9.39365L17.925 8.80771Z\" fill=\"#FFDA44\"/>\n<path d=\"M14.2594 5.38574L14.1656 6.63731L15.3328 7.11074L14.1094 7.41074L14.0203 8.66699L13.3594 7.59824L12.1359 7.89824L12.9469 6.9373L12.2813 5.87324L13.4484 6.34668L14.2594 5.38574Z\" fill=\"#FFDA44\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2301\">\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-cn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cn-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-cn-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAmBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es880.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es518.js";
+import o from "./kong-icons.es514.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es881.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es520.js";
+import o from "./kong-icons.es516.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es882.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es522.js";
+import o from "./kong-icons.es518.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es883.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es524.js";
+import o from "./kong-icons.es520.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es884.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es526.js";
+import o from "./kong-icons.es522.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es885.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es528.js";
+import o from "./kong-icons.es524.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es886.js

@@ -1,4 +1,4 @@
-import o from "./kong-icons.es530.js";
+import o from "./kong-icons.es526.js";
 /* empty css                 */
 export {
   o as default

package/dist/kong-icons.es887.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es2.js";
-/* empty css               */
+import o from "./kong-icons.es528.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es888.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es4.js";
-/* empty css               */
+import o from "./kong-icons.es530.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es889.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es6.js";
-/* empty css               */
+import o from "./kong-icons.es532.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es890.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es8.js";
-/* empty css               */
+import o from "./kong-icons.es534.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es891.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es10.js";
-/* empty css                */
+import o from "./kong-icons.es536.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es892.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es12.js";
-/* empty css                */
+import o from "./kong-icons.es538.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es893.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es14.js";
-/* empty css                */
+import o from "./kong-icons.es540.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es894.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es16.js";
-/* empty css                */
+import o from "./kong-icons.es542.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es895.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es18.js";
-/* empty css                */
+import o from "./kong-icons.es544.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es896.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es20.js";
-/* empty css                */
+import o from "./kong-icons.es546.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es897.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es22.js";
-/* empty css                */
+import o from "./kong-icons.es548.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es898.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es24.js";
-/* empty css                */
+import o from "./kong-icons.es550.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es899.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es26.js";
-/* empty css                */
+import o from "./kong-icons.es552.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es90.js

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as l, createBlock as y, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as C, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1274.js";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1277.js";
 const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2303)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z" fill="#FFDA44"/>
 <path d="M1.60575 17.9999C3.68067 21.5866 7.55836 23.9999 12 23.9999C16.4416 23.9999 20.3193 21.5866 22.3942 17.9999L12 17.2173L1.60575 17.9999Z" fill="#D80027"/>

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es90.js","sources":["../src/components/flags/FlagCoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 16:01:03 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_2303)\">\n<path d=\"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z\" fill=\"#FFDA44\"/>\n<path d=\"M1.60575 17.9999C3.68067 21.5866 7.55836 23.9999 12 23.9999C16.4416 23.9999 20.3193 21.5866 22.3942 17.9999L12 17.2173L1.60575 17.9999Z\" fill=\"#D80027\"/>\n<path d=\"M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z\" fill=\"#0052B4\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2303\">\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-co-icon\"\n    data-testid=\"kui-icon-wrapper-flag-co-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-co-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAgBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es90.js","sources":["../src/components/flags/FlagCoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 15:57:56 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_2303)\">\n<path d=\"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z\" fill=\"#FFDA44\"/>\n<path d=\"M1.60575 17.9999C3.68067 21.5866 7.55836 23.9999 12 23.9999C16.4416 23.9999 20.3193 21.5866 22.3942 17.9999L12 17.2173L1.60575 17.9999Z\" fill=\"#D80027\"/>\n<path d=\"M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z\" fill=\"#0052B4\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2303\">\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-co-icon\"\n    data-testid=\"kui-icon-wrapper-flag-co-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-co-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAgBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es900.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es28.js";
-/* empty css                */
+import o from "./kong-icons.es554.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es901.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es30.js";
-/* empty css                */
+import o from "./kong-icons.es556.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es902.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es32.js";
-/* empty css                */
+import o from "./kong-icons.es558.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es903.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es34.js";
-/* empty css                */
+import o from "./kong-icons.es560.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es904.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es36.js";
-/* empty css                */
+import o from "./kong-icons.es562.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es905.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es38.js";
-/* empty css                */
+import o from "./kong-icons.es564.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es906.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es40.js";
-/* empty css                */
+import o from "./kong-icons.es566.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es907.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es42.js";
-/* empty css                */
+import o from "./kong-icons.es568.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es908.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es44.js";
-/* empty css                */
+import o from "./kong-icons.es570.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es909.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es46.js";
-/* empty css                */
+import o from "./kong-icons.es572.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es910.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es48.js";
-/* empty css                */
+import o from "./kong-icons.es574.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es911.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es50.js";
-/* empty css                */
+import o from "./kong-icons.es576.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es912.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es52.js";
-/* empty css                */
+import o from "./kong-icons.es578.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es913.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es54.js";
-/* empty css                */
+import o from "./kong-icons.es580.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es914.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es56.js";
-/* empty css                */
+import o from "./kong-icons.es582.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es915.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es58.js";
-/* empty css                */
+import o from "./kong-icons.es584.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es916.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es60.js";
-/* empty css                */
+import o from "./kong-icons.es586.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es917.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es62.js";
-/* empty css                */
+import o from "./kong-icons.es588.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es918.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es64.js";
-/* empty css                */
+import o from "./kong-icons.es590.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es919.js

@@ -1,5 +1,5 @@
-import o from "./kong-icons.es66.js";
-/* empty css                */
+import o from "./kong-icons.es592.js";
+/* empty css                 */
 export {
   o as default
 };

package/dist/kong-icons.es92.js

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as l, createBlock as C, openBlock as d, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1274.js";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1277.js";
 const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2307)">
 <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.2536 7.82617H0.746391C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617Z" fill="#D80027"/>