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

package/dist/kong-icons.es274.js

@@ -1,133 +0,0 @@
-import { defineComponent as v, computed as s, openBlock as l, createBlock as S, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1238.js";
-const z = ["aria-hidden"], c = `<g clip-path="url(#clip0_246_4975)">
-<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="#338AF3"/>
-<path d="M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z" fill="#F3F3F3"/>
-<path d="M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z" fill="#338AF3"/>
-<path d="M13.142 10.229C13.3983 10.0389 13.5652 9.735 13.5652 9.39131V8.8696C13.5652 8.29327 13.0981 7.82611 12.5217 7.82611H11.4783C10.902 7.82611 10.4348 8.29327 10.4348 8.8696V9.39131C10.4348 9.735 10.6017 10.0389 10.858 10.229L9.91309 19.8261C9.91309 19.8261 10.4348 20.3479 12.0001 20.3479C13.5653 20.3479 14.087 19.8261 14.087 19.8261L13.142 10.229Z" fill="#BDBCC1"/>
-<path d="M11.9998 7.82611L12.9062 10.616H15.8399L13.4666 12.3405L14.373 15.1305L11.9998 13.4062L9.62639 15.1305L10.533 12.3405L8.15967 10.616H11.0932L11.9998 7.82611Z" fill="#F0F0F0"/>
-</g>
-<defs>
-<clipPath id="clip0_246_4975">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>`, M = /* @__PURE__ */ v({
-  __name: "FlagMpIcon",
-  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, ""), 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 d;
-    }), 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 = {}, h = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const C = `${h}-${o}`;
-        return t[o] = C, `id="${C}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, f = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? c : u(c)}`;
-    return (n, t) => (l(), S(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon flag-mp-icon",
-      "data-testid": "kui-icon-wrapper-flag-mp-icon",
-      style: b(p.value),
-      tabindex: i.decorative ? "-1" : void 0
-    }, {
-      default: x(() => [
-        (l(), w("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-mp-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, z))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
-export {
-  M as default
-};
-//# sourceMappingURL=kong-icons.es274.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kong-icons.es274.js","sources":["../src/components/flags/FlagMpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMpIcon.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_246_4975)\">\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=\"#338AF3\"/>\n<path d=\"M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z\" fill=\"#F3F3F3\"/>\n<path d=\"M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z\" fill=\"#338AF3\"/>\n<path d=\"M13.142 10.229C13.3983 10.0389 13.5652 9.735 13.5652 9.39131V8.8696C13.5652 8.29327 13.0981 7.82611 12.5217 7.82611H11.4783C10.902 7.82611 10.4348 8.29327 10.4348 8.8696V9.39131C10.4348 9.735 10.6017 10.0389 10.858 10.229L9.91309 19.8261C9.91309 19.8261 10.4348 20.3479 12.0001 20.3479C13.5653 20.3479 14.087 19.8261 14.087 19.8261L13.142 10.229Z\" fill=\"#BDBCC1\"/>\n<path d=\"M11.9998 7.82611L12.9062 10.616H15.8399L13.4666 12.3405L14.373 15.1305L11.9998 13.4062L9.62639 15.1305L10.533 12.3405L8.15967 10.616H11.0932L11.9998 7.82611Z\" fill=\"#F0F0F0\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4975\">\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-mp-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mp-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-mp-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAkBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es276.js

@@ -1,137 +0,0 @@
-import { defineComponent as v, computed as s, openBlock as d, createBlock as H, resolveDynamicComponent as S, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1238.js";
-const F = ["aria-hidden"], C = `<g clip-path="url(#clip0_246_4749)">
-<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.8974 10.4347C23.5664 7.90414 22.4296 5.45886 20.4855 3.51472C18.5414 1.57058 16.096 0.433814 13.5654 0.102783L13.5655 10.4347H23.8974Z" fill="#0052B4"/>
-<path d="M10.435 0.102783C7.90439 0.433814 5.45906 1.57053 3.51492 3.51467C1.57082 5.45886 0.434059 7.90419 0.103027 10.4348L10.435 10.4348L10.435 0.102783Z" fill="#0052B4"/>
-<path d="M0.103027 13.5652C0.434059 16.0958 1.57082 18.5412 3.51492 20.4853C5.45906 22.4294 7.90434 23.5661 10.435 23.8973L10.435 13.5653L0.103027 13.5652Z" fill="#0052B4"/>
-<path d="M13.5654 23.8972C16.096 23.5661 18.5413 22.4294 20.4854 20.4853C22.4296 18.5411 23.5663 16.0958 23.8973 13.5652H13.5654V23.8972Z" fill="#0052B4"/>
-<path d="M16.0961 7.61428C16.0961 7.45472 16.2258 7.32502 16.3854 7.32502H17.0053C17.9851 7.32502 18.7823 6.52786 18.7823 5.54803C18.7823 4.56821 17.9852 3.771 17.0053 3.771H16.4166C16.2245 3.62667 15.9667 3.53766 15.6824 3.53766C15.0892 3.53766 14.6084 3.92227 14.6084 4.39674C14.6084 4.86661 15.0801 5.2478 15.6652 5.25521L15.665 5.25863H17.0053C17.1649 5.25863 17.2946 5.38838 17.2946 5.54794C17.2946 5.7075 17.1649 5.83721 17.0053 5.83721H16.3854C15.4055 5.83721 14.6084 6.63436 14.6084 7.61419C14.6084 8.59402 15.4055 9.39122 16.3854 9.39122H18.7823V7.9035H16.3854C16.2258 7.90355 16.0961 7.77385 16.0961 7.61428Z" fill="#F0F0F0"/>
-<path d="M6.70491 7.61428C6.70491 7.45472 6.83461 7.32502 6.99422 7.32502H7.6141C8.59397 7.32502 9.39118 6.52786 9.39118 5.54803C9.39118 4.56821 8.59402 3.771 7.6141 3.771H7.02544C6.8333 3.62667 6.57554 3.53766 6.29119 3.53766C5.69808 3.53766 5.21729 3.92227 5.21729 4.39674C5.21729 4.86661 5.68889 5.2478 6.27408 5.25521L6.2738 5.25863H7.61414C7.77375 5.25863 7.90346 5.38838 7.90346 5.54794C7.90346 5.7075 7.77375 5.83721 7.61414 5.83721H6.99427C6.01439 5.83721 5.21729 6.63436 5.21729 7.61419C5.21729 8.59402 6.01435 9.39122 6.99427 9.39122H9.39113V7.9035H6.99422C6.83461 7.90355 6.70491 7.77385 6.70491 7.61428Z" fill="#F0F0F0"/>
-<path d="M16.0961 18.6853C16.0961 18.5258 16.2258 18.3961 16.3854 18.3961H17.0053C17.9852 18.3961 18.7824 17.5989 18.7824 16.6191C18.7824 15.6393 17.9852 14.842 17.0053 14.842H16.4166C16.2245 14.6977 15.9667 14.6087 15.6824 14.6087C15.0892 14.6087 14.6084 14.9934 14.6084 15.4678C14.6084 15.9377 15.0801 16.3188 15.6652 16.3263L15.665 16.3297H17.0053C17.1649 16.3297 17.2946 16.4594 17.2946 16.619C17.2946 16.7785 17.1649 16.9083 17.0053 16.9083H16.3854C15.4055 16.9083 14.6084 17.7054 14.6084 18.6852C14.6084 19.6651 15.4055 20.4623 16.3854 20.4623H18.7823V18.9746H16.3854C16.2258 18.9746 16.0961 18.8448 16.0961 18.6853Z" fill="#F0F0F0"/>
-<path d="M6.70496 18.6853C6.70496 18.5258 6.83466 18.3961 6.99427 18.3961H7.61414C8.59402 18.3961 9.39122 17.5989 9.39122 16.6191C9.39122 15.6393 8.59407 14.842 7.61414 14.842H7.02549C6.83335 14.6977 6.57558 14.6087 6.29124 14.6087C5.69808 14.6087 5.21729 14.9934 5.21729 15.4678C5.21729 15.9377 5.68889 16.3188 6.27408 16.3263L6.2738 16.3297H7.61414C7.77375 16.3297 7.90346 16.4594 7.90346 16.619C7.90346 16.7785 7.77375 16.9083 7.61414 16.9083H6.99427C6.01439 16.9083 5.21729 17.7054 5.21729 18.6852C5.21729 19.6651 6.01435 20.4623 6.99427 20.4623H9.39118V18.9746H6.99427C6.83466 18.9746 6.70496 18.8448 6.70496 18.6853Z" fill="#F0F0F0"/>
-</g>
-<defs>
-<clipPath id="clip0_246_4749">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>`, B = /* @__PURE__ */ v({
-  __name: "FlagMqIcon",
-  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, (l, a) => {
-        const o = `${m}-${a}`;
-        return t[a] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, a) => t[a] ? `#${t[a]}` : l);
-    }, f = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, g = (n) => n.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 (n, t) => (d(), H(S(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon flag-mq-icon",
-      "data-testid": "kui-icon-wrapper-flag-mq-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-mq-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, F))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
-export {
-  B as default
-};
-//# sourceMappingURL=kong-icons.es276.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kong-icons.es276.js","sources":["../src/components/flags/FlagMqIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMqIcon.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_246_4749)\">\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=\"M23.8974 10.4347C23.5664 7.90414 22.4296 5.45886 20.4855 3.51472C18.5414 1.57058 16.096 0.433814 13.5654 0.102783L13.5655 10.4347H23.8974Z\" fill=\"#0052B4\"/>\n<path d=\"M10.435 0.102783C7.90439 0.433814 5.45906 1.57053 3.51492 3.51467C1.57082 5.45886 0.434059 7.90419 0.103027 10.4348L10.435 10.4348L10.435 0.102783Z\" fill=\"#0052B4\"/>\n<path d=\"M0.103027 13.5652C0.434059 16.0958 1.57082 18.5412 3.51492 20.4853C5.45906 22.4294 7.90434 23.5661 10.435 23.8973L10.435 13.5653L0.103027 13.5652Z\" fill=\"#0052B4\"/>\n<path d=\"M13.5654 23.8972C16.096 23.5661 18.5413 22.4294 20.4854 20.4853C22.4296 18.5411 23.5663 16.0958 23.8973 13.5652H13.5654V23.8972Z\" fill=\"#0052B4\"/>\n<path d=\"M16.0961 7.61428C16.0961 7.45472 16.2258 7.32502 16.3854 7.32502H17.0053C17.9851 7.32502 18.7823 6.52786 18.7823 5.54803C18.7823 4.56821 17.9852 3.771 17.0053 3.771H16.4166C16.2245 3.62667 15.9667 3.53766 15.6824 3.53766C15.0892 3.53766 14.6084 3.92227 14.6084 4.39674C14.6084 4.86661 15.0801 5.2478 15.6652 5.25521L15.665 5.25863H17.0053C17.1649 5.25863 17.2946 5.38838 17.2946 5.54794C17.2946 5.7075 17.1649 5.83721 17.0053 5.83721H16.3854C15.4055 5.83721 14.6084 6.63436 14.6084 7.61419C14.6084 8.59402 15.4055 9.39122 16.3854 9.39122H18.7823V7.9035H16.3854C16.2258 7.90355 16.0961 7.77385 16.0961 7.61428Z\" fill=\"#F0F0F0\"/>\n<path d=\"M6.70491 7.61428C6.70491 7.45472 6.83461 7.32502 6.99422 7.32502H7.6141C8.59397 7.32502 9.39118 6.52786 9.39118 5.54803C9.39118 4.56821 8.59402 3.771 7.6141 3.771H7.02544C6.8333 3.62667 6.57554 3.53766 6.29119 3.53766C5.69808 3.53766 5.21729 3.92227 5.21729 4.39674C5.21729 4.86661 5.68889 5.2478 6.27408 5.25521L6.2738 5.25863H7.61414C7.77375 5.25863 7.90346 5.38838 7.90346 5.54794C7.90346 5.7075 7.77375 5.83721 7.61414 5.83721H6.99427C6.01439 5.83721 5.21729 6.63436 5.21729 7.61419C5.21729 8.59402 6.01435 9.39122 6.99427 9.39122H9.39113V7.9035H6.99422C6.83461 7.90355 6.70491 7.77385 6.70491 7.61428Z\" fill=\"#F0F0F0\"/>\n<path d=\"M16.0961 18.6853C16.0961 18.5258 16.2258 18.3961 16.3854 18.3961H17.0053C17.9852 18.3961 18.7824 17.5989 18.7824 16.6191C18.7824 15.6393 17.9852 14.842 17.0053 14.842H16.4166C16.2245 14.6977 15.9667 14.6087 15.6824 14.6087C15.0892 14.6087 14.6084 14.9934 14.6084 15.4678C14.6084 15.9377 15.0801 16.3188 15.6652 16.3263L15.665 16.3297H17.0053C17.1649 16.3297 17.2946 16.4594 17.2946 16.619C17.2946 16.7785 17.1649 16.9083 17.0053 16.9083H16.3854C15.4055 16.9083 14.6084 17.7054 14.6084 18.6852C14.6084 19.6651 15.4055 20.4623 16.3854 20.4623H18.7823V18.9746H16.3854C16.2258 18.9746 16.0961 18.8448 16.0961 18.6853Z\" fill=\"#F0F0F0\"/>\n<path d=\"M6.70496 18.6853C6.70496 18.5258 6.83466 18.3961 6.99427 18.3961H7.61414C8.59402 18.3961 9.39122 17.5989 9.39122 16.6191C9.39122 15.6393 8.59407 14.842 7.61414 14.842H7.02549C6.83335 14.6977 6.57558 14.6087 6.29124 14.6087C5.69808 14.6087 5.21729 14.9934 5.21729 15.4678C5.21729 15.9377 5.68889 16.3188 6.27408 16.3263L6.2738 16.3297H7.61414C7.77375 16.3297 7.90346 16.4594 7.90346 16.619C7.90346 16.7785 7.77375 16.9083 7.61414 16.9083H6.99427C6.01439 16.9083 5.21729 17.7054 5.21729 18.6852C5.21729 19.6651 6.01435 20.4623 6.99427 20.4623H9.39118V18.9746H6.99427C6.83466 18.9746 6.70496 18.8448 6.70496 18.6853Z\" fill=\"#F0F0F0\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4749\">\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-mq-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mq-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-mq-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAsBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es278.js

@@ -1,131 +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 w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1238.js";
-const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4761)">
-<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="#496E2D"/>
-<path d="M12.0001 13.8633C10.002 13.8633 8.33275 12.4591 7.9232 10.5838C7.8603 10.8721 7.82617 11.171 7.82617 11.4782C7.82617 13.7835 9.69484 15.6521 12.0001 15.6521C14.3053 15.6521 16.174 13.7835 16.174 11.4782C16.174 11.171 16.1398 10.8721 16.0769 10.5838C15.6674 12.4591 13.9982 13.8633 12.0001 13.8633Z" fill="#FFDA44"/>
-<path d="M12.0002 8.34784L12.3887 9.54357H13.6461L12.6289 10.2826L13.0174 11.4783L12.0002 10.7393L10.9831 11.4783L11.3716 10.2826L10.3545 9.54357H11.6117L12.0002 8.34784Z" fill="#FFDA44"/>
-</g>
-<defs>
-<clipPath id="clip0_246_4761">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>`, _ = /* @__PURE__ */ S({
-  __name: "FlagMrIcon",
-  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;
-    }), g = 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
-    })), p = (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;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (d(), y(C(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon flag-mr-icon",
-      "data-testid": "kui-icon-wrapper-flag-mr-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
-    }, {
-      default: x(() => [
-        (d(), w("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-mr-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, z))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
-export {
-  _ as default
-};
-//# sourceMappingURL=kong-icons.es278.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kong-icons.es278.js","sources":["../src/components/flags/FlagMrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMrIcon.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_246_4761)\">\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=\"#496E2D\"/>\n<path d=\"M12.0001 13.8633C10.002 13.8633 8.33275 12.4591 7.9232 10.5838C7.8603 10.8721 7.82617 11.171 7.82617 11.4782C7.82617 13.7835 9.69484 15.6521 12.0001 15.6521C14.3053 15.6521 16.174 13.7835 16.174 11.4782C16.174 11.171 16.1398 10.8721 16.0769 10.5838C15.6674 12.4591 13.9982 13.8633 12.0001 13.8633Z\" fill=\"#FFDA44\"/>\n<path d=\"M12.0002 8.34784L12.3887 9.54357H13.6461L12.6289 10.2826L13.0174 11.4783L12.0002 10.7393L10.9831 11.4783L11.3716 10.2826L10.3545 9.54357H11.6117L12.0002 8.34784Z\" fill=\"#FFDA44\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4761\">\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-mr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mr-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-mr-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.es28.js

@@ -1,134 +0,0 @@
-import { defineComponent as C, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as x, normalizeStyle as y, withCtx as b, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1238.js";
-const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_3613)">
-<path d="M23.5866 15.1305C23.8556 14.1323 24 13.0831 24 12C24 10.9169 23.8556 9.8677 23.5866 8.86955L10.9565 0.0456581C8.61178 0.247689 6.46008 1.12378 4.69566 2.47945L0.413391 8.86955C0.144375 9.8677 0 10.9169 0 12C0 13.0768 0.142641 14.1202 0.408656 15.1131L4.69561 21.5205C6.46003 22.8762 8.61173 23.7524 10.9565 23.9543L23.5866 15.1305Z" fill="#FFDA44"/>
-<path d="M0.413574 15.1305C1.10789 17.7067 2.63812 19.9395 4.69584 21.5205V15.1305H0.413574Z" fill="#0052B4"/>
-<path d="M10.9565 23.9543C11.3005 23.984 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1305H10.9565V23.9543Z" fill="#0052B4"/>
-<path d="M23.5866 8.86955C22.2096 3.76036 17.5444 0 12 0C11.6484 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z" fill="#0052B4"/>
-<path d="M4.69584 2.47945C2.63812 4.06055 1.10789 6.29334 0.413574 8.86955H4.69584V2.47945Z" fill="#0052B4"/>
-<path d="M23.8984 10.4348H9.39136H9.39131V0.285233C8.28234 0.531139 7.23098 0.929717 6.26086 1.45908V10.4347H0.101578C0.0347813 10.9471 0 11.4695 0 12C0 12.5305 0.0347813 13.0529 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4689 9.39131 23.7147V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z" fill="#D80027"/>
-</g>
-<defs>
-<clipPath id="clip0_246_3613">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>`, M = /* @__PURE__ */ C({
-  __name: "FlagAxIcon",
-  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;
-    }), u = 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
-    })), g = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${v}-${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]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
-    return (n, t) => (d(), S(x(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon flag-ax-icon",
-      "data-testid": "kui-icon-wrapper-flag-ax-icon",
-      style: y(u.value),
-      tabindex: i.decorative ? "-1" : void 0
-    }, {
-      default: b(() => [
-        (d(), H("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-ax-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 {
-  M as default
-};
-//# sourceMappingURL=kong-icons.es28.js.map