@kong/icons 1.14.3 → 1.14.4-pr.355.d6a1b76.0

package/dist/kong-icons1115.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1115.cjs","sources":["../src/components/flags/FlagScIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagScIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sc-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sc-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sc-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5216)\">\n        <path\n          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\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M20.1006 3.14705C17.9659 1.19273 15.1224 0 12.0001 0C11.489 0 10.9854 0.0322031 10.491 0.0942187L4.69581 6.78263L0.379883 15.0061C0.658695 16.0871 1.08498 17.1087 1.63496 18.0491L12.0001 12L20.1006 3.14705Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M21.9903 18.6487L5.20117 21.8887C7.13378 23.22 9.47556 24 11.9998 24C16.168 24 19.8392 21.8746 21.9903 18.6487Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M20.1021 3.14862L1.6416 18.0607C2.12446 18.8842 2.70257 19.6451 3.36102 20.328L23.9999 12C23.9999 8.49565 22.4976 5.34246 20.1021 3.14862Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0 12C0 13.0382 0.131906 14.0455 0.379734 15.0062L10.4909 0.0942383C4.57584 0.836457 0 5.88377 0 12Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5216\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"49DAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1117.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons1215.cjs"),a=t=>(e.pushScopeId("data-v-6f002473"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5368)"},[e.createElementVNode("path",{d:"M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M1.19092 17.2173C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2173H1.19092Z",fill:"black"}),e.createElementVNode("path",{d:"M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24225 0 3.13182 2.76867 1.19092 6.78263Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z",fill:"#496E2D"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5368"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSdIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:n.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return n.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sd-icon","data-testid":"kui-icon-wrapper-flag-sd-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sd-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1117.cjs.map

package/dist/kong-icons1117.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1117.cjs","sources":["../src/components/flags/FlagSdIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSdIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sd-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sd-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sd-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5368)\">\n        <path\n          d=\"M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M1.19092 17.2173C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2173H1.19092Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24225 0 3.13182 2.76867 1.19092 6.78263Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z\"\n          fill=\"#496E2D\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5368\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"kzDAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1119.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons1215.cjs"),a=t=>(e.pushScopeId("data-v-1a8e1760"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6259)"},[e.createElementVNode("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:"#FFDA44"}),e.createElementVNode("path",{d:"M9.3914 10.4348H23.8985C23.1315 4.54697 18.0969 0 12 0C11.1041 0 10.2313 0.0990469 9.39136 0.285234V10.4348H9.3914Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M6.26084 10.4348V1.45911C2.96581 3.25695 0.607016 6.55465 0.101562 10.4348H6.26084V10.4348Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M6.2608 13.5652H0.101562C0.607016 17.4454 2.96581 20.7431 6.26084 22.5409L6.2608 13.5652Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M9.39136 13.5652V23.7147C10.2313 23.9009 11.1041 24 12 24C18.0969 24 23.1315 19.453 23.8985 13.5652H9.39136V13.5652Z",fill:"#0052B4"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6259"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSeIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:n.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return n.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-se-icon","data-testid":"kui-icon-wrapper-flag-se-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-se-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1119.cjs.map

package/dist/kong-icons1119.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1119.cjs","sources":["../src/components/flags/FlagSeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-se-icon\"\n    data-testid=\"kui-icon-wrapper-flag-se-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-se-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_247_6259)\">\n        <path\n          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\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M9.3914 10.4348H23.8985C23.1315 4.54697 18.0969 0 12 0C11.1041 0 10.2313 0.0990469 9.39136 0.285234V10.4348H9.3914Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M6.26084 10.4348V1.45911C2.96581 3.25695 0.607016 6.55465 0.101562 10.4348H6.26084V10.4348Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M6.2608 13.5652H0.101562C0.607016 17.4454 2.96581 20.7431 6.26084 22.5409L6.2608 13.5652Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M9.39136 13.5652V23.7147C10.2313 23.9009 11.1041 24 12 24C18.0969 24 23.1315 19.453 23.8985 13.5652H9.39136V13.5652Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6259\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"40DAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons112.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons976.cjs");;/* empty css                */const t=require("./kong-icons407.cjs"),u=t.default(e.default,[["__scopeId","data-v-1d9a6af0"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons979.cjs");;/* empty css                */const t=require("./kong-icons408.cjs"),u=t.default(e.default,[["__scopeId","data-v-674fa3e8"]]);exports.default=u;
 //# sourceMappingURL=kong-icons112.cjs.map

package/dist/kong-icons1121.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons1215.cjs"),n=t=>(e.pushScopeId("data-v-f76c40b2"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1415_1421)"},[e.createElementVNode("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"}),e.createElementVNode("path",{d:"M0 12C0 5.37263 5.37262 0 12 0C18.6274 0 24 5.37263 24 12",fill:"#D80027"}),e.createElementVNode("path",{d:"M7.30426 6.26052C7.30426 4.51218 8.533 3.05165 10.1738 2.69329C9.92162 2.63826 9.66001 2.6084 9.39119 2.6084C7.37411 2.6084 5.73901 4.24349 5.73901 6.26057C5.73901 8.27765 7.37411 9.91274 9.39119 9.91274C9.65992 9.91274 9.92158 9.88288 10.1738 9.82781C8.533 9.46945 7.30426 8.00891 7.30426 6.26052Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 2.86914L12.259 3.66625H13.0972L12.4191 4.15895L12.6781 4.95606L12 4.46345L11.3219 4.95606L11.5809 4.15895L10.9028 3.66625H11.741L12 2.86914Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M9.96663 4.43457L10.2256 5.23173H11.0638L10.3857 5.72438L10.6447 6.52149L9.96663 6.02888L9.28845 6.52149L9.54753 5.72438L8.86938 5.23173H9.70756L9.96663 4.43457Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M14.0332 4.43457L14.2923 5.23173H15.1304L14.4523 5.72438L14.7113 6.52149L14.0332 6.02888L13.3551 6.52149L13.6141 5.72438L12.936 5.23173H13.7742L14.0332 4.43457Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M13.2505 6.78223L13.5095 7.57938H14.3476L13.6695 8.07204L13.9286 8.86915L13.2505 8.37654L12.5724 8.86915L12.8314 8.07204L12.1533 7.57938H12.9914L13.2505 6.78223Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M10.7493 6.78223L11.0083 7.57938H11.8465L11.1684 8.07204L11.4274 8.86915L10.7493 8.37654L10.0712 8.86915L10.3302 8.07204L9.6521 7.57938H10.4903L10.7493 6.78223Z",fill:"#F0F0F0"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1415_1421"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSgIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:a.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sg-icon","data-testid":"kui-icon-wrapper-flag-sg-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sg-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1121.cjs.map

package/dist/kong-icons1121.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1121.cjs","sources":["../src/components/flags/FlagSgIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSgIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sg-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sg-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sg-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1415_1421)\">\n        <path\n          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\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M0 12C0 5.37263 5.37262 0 12 0C18.6274 0 24 5.37263 24 12\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M7.30426 6.26052C7.30426 4.51218 8.533 3.05165 10.1738 2.69329C9.92162 2.63826 9.66001 2.6084 9.39119 2.6084C7.37411 2.6084 5.73901 4.24349 5.73901 6.26057C5.73901 8.27765 7.37411 9.91274 9.39119 9.91274C9.65992 9.91274 9.92158 9.88288 10.1738 9.82781C8.533 9.46945 7.30426 8.00891 7.30426 6.26052Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 2.86914L12.259 3.66625H13.0972L12.4191 4.15895L12.6781 4.95606L12 4.46345L11.3219 4.95606L11.5809 4.15895L10.9028 3.66625H11.741L12 2.86914Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.96663 4.43457L10.2256 5.23173H11.0638L10.3857 5.72438L10.6447 6.52149L9.96663 6.02888L9.28845 6.52149L9.54753 5.72438L8.86938 5.23173H9.70756L9.96663 4.43457Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M14.0332 4.43457L14.2923 5.23173H15.1304L14.4523 5.72438L14.7113 6.52149L14.0332 6.02888L13.3551 6.52149L13.6141 5.72438L12.936 5.23173H13.7742L14.0332 4.43457Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M13.2505 6.78223L13.5095 7.57938H14.3476L13.6695 8.07204L13.9286 8.86915L13.2505 8.37654L12.5724 8.86915L12.8314 8.07204L12.1533 7.57938H12.9914L13.2505 6.78223Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M10.7493 6.78223L11.0083 7.57938H11.8465L11.1684 8.07204L11.4274 8.86915L10.7493 8.37654L10.0712 8.86915L10.3302 8.07204L9.6521 7.57938H10.4903L10.7493 6.78223Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_1421\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"isFAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1123.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons1215.cjs"),a=t=>(e.pushScopeId("data-v-d4903d29"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5269)"},[e.createElementVNode("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"}),e.createElementVNode("path",{d:"M23.2536 7.82613H10.4348V4.69568H4.17389V7.82613H0.746391C0.264047 9.12607 0 10.5322 0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12607 23.2536 7.82613Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M4.17383 7.8261V8.86954C4.17383 11.2658 7.30428 12 7.30428 12C7.30428 12 10.4347 11.2658 10.4347 8.86954V7.8261L9.39125 8.86959L7.30428 7.30438L5.21731 8.86959L4.17383 7.8261Z",fill:"#F0F0F0"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5269"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSiIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:n.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return n.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-si-icon","data-testid":"kui-icon-wrapper-flag-si-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-si-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1123.cjs.map

package/dist/kong-icons1123.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1123.cjs","sources":["../src/components/flags/FlagSiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSiIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-si-icon\"\n    data-testid=\"kui-icon-wrapper-flag-si-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-si-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5269)\">\n        <path\n          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\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.2536 7.82613H10.4348V4.69568H4.17389V7.82613H0.746391C0.264047 9.12607 0 10.5322 0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12607 23.2536 7.82613Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M4.17383 7.8261V8.86954C4.17383 11.2658 7.30428 12 7.30428 12C7.30428 12 10.4347 11.2658 10.4347 8.86954V7.8261L9.39125 8.86959L7.30428 7.30438L5.21731 8.86959L4.17383 7.8261Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5269\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"63DAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1125.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons1215.cjs"),n=t=>(e.pushScopeId("data-v-111f34c8"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5261)"},[e.createElementVNode("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"}),e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611H0.746391C0.264047 9.12605 0 10.5322 0 12C0 18.6274 5.37262 24 12 24Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M3.10303 6.78265V12.7689C3.10303 16.1741 7.55151 17.2175 7.55151 17.2175C7.55151 17.2175 11.9999 16.1741 11.9999 12.7689V6.78265H3.10303Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M4.14648 6.78265V12.7689C4.14648 13.1686 4.23527 13.5462 4.41114 13.9001H10.6918C10.8677 13.5462 10.9564 13.1686 10.9564 12.7689V6.78265H4.14648Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M9.63825 10.9565H8.07309V9.91303H9.11657V8.86955H8.07309V7.82611H7.02961V8.86955H5.98617V9.91303H7.02961V10.9565H5.46436V12H7.02961V13.0435H8.07309V12H9.63825V10.9565Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M5.8344 15.3567C6.50682 15.7793 7.19766 16.0247 7.55134 16.1338C7.90501 16.0247 8.59585 15.7793 9.26827 15.3567C9.94637 14.9306 10.4217 14.4431 10.6916 13.9001C10.3939 13.6895 10.0307 13.5653 9.6383 13.5653C9.49543 13.5653 9.35663 13.5822 9.22318 13.6133C8.94038 12.9707 8.29843 12.5218 7.55138 12.5218C6.80434 12.5218 6.16234 12.9707 5.87959 13.6133C5.74613 13.5822 5.60729 13.5653 5.46446 13.5653C5.07207 13.5653 4.70884 13.6895 4.41113 13.9001C4.6809 14.4431 5.15626 14.9305 5.8344 15.3567Z",fill:"#0052B4"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5261"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSkIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:a.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sk-icon","data-testid":"kui-icon-wrapper-flag-sk-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sk-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1125.cjs.map

package/dist/kong-icons1125.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1125.cjs","sources":["../src/components/flags/FlagSkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSkIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sk-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sk-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sk-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5261)\">\n        <path\n          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\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611H0.746391C0.264047 9.12605 0 10.5322 0 12C0 18.6274 5.37262 24 12 24Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M3.10303 6.78265V12.7689C3.10303 16.1741 7.55151 17.2175 7.55151 17.2175C7.55151 17.2175 11.9999 16.1741 11.9999 12.7689V6.78265H3.10303Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M4.14648 6.78265V12.7689C4.14648 13.1686 4.23527 13.5462 4.41114 13.9001H10.6918C10.8677 13.5462 10.9564 13.1686 10.9564 12.7689V6.78265H4.14648Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.63825 10.9565H8.07309V9.91303H9.11657V8.86955H8.07309V7.82611H7.02961V8.86955H5.98617V9.91303H7.02961V10.9565H5.46436V12H7.02961V13.0435H8.07309V12H9.63825V10.9565Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M5.8344 15.3567C6.50682 15.7793 7.19766 16.0247 7.55134 16.1338C7.90501 16.0247 8.59585 15.7793 9.26827 15.3567C9.94637 14.9306 10.4217 14.4431 10.6916 13.9001C10.3939 13.6895 10.0307 13.5653 9.6383 13.5653C9.49543 13.5653 9.35663 13.5822 9.22318 13.6133C8.94038 12.9707 8.29843 12.5218 7.55138 12.5218C6.80434 12.5218 6.16234 12.9707 5.87959 13.6133C5.74613 13.5822 5.60729 13.5653 5.46446 13.5653C5.07207 13.5653 4.70884 13.6895 4.41113 13.9001C4.6809 14.4431 5.15626 14.9305 5.8344 15.3567Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5261\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"2rFAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1127.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons1215.cjs"),a=t=>(e.pushScopeId("data-v-c109a75d"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5222)"},[e.createElementVNode("path",{d:"M23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264 9.12612 0 10.5322 0 12C0 13.4679 0.264 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.44214 20.7435 6.84061 24 12.0002 24Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M12.0002 0C6.84061 0 2.44214 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z",fill:"#6DA544"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5222"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSlIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:n.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return n.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sl-icon","data-testid":"kui-icon-wrapper-flag-sl-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sl-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1127.cjs.map

package/dist/kong-icons1127.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1127.cjs","sources":["../src/components/flags/FlagSlIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSlIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sl-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sl-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sl-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5222)\">\n        <path\n          d=\"M23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264 9.12612 0 10.5322 0 12C0 13.4679 0.264 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.44214 20.7435 6.84061 24 12.0002 24Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12.0002 0C6.84061 0 2.44214 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5222\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"wnDAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1129.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons1215.cjs"),n=t=>(e.pushScopeId("data-v-b4997b25"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5153)"},[e.createElementVNode("path",{d:"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0.521719 12 12 10.4348 12 10.4348L24 12Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M16.7631 8.28018L11.9998 13.0435L7.23659 8.28018C6.6206 9.19457 6.26074 10.2952 6.26074 11.4782V13.0434C6.26074 15.5567 7.88473 17.6976 10.1383 18.4725C9.83754 19.062 9.88826 19.7977 10.329 20.3478C10.9144 19.8786 11.5204 19.3929 12.0346 18.981C12.5487 19.393 13.1548 19.8787 13.7401 20.3478C14.186 19.7913 14.2331 19.0446 13.9204 18.4516C16.1433 17.6599 17.7389 15.5347 17.7389 13.0434V11.4783C17.739 10.2952 17.3791 9.19462 16.7631 8.28018Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M12.0001 17.2174C9.69855 17.2174 7.82617 15.3449 7.82617 13.0435V11.4783C7.82617 9.17676 9.69859 7.30438 12.0001 7.30438C14.3015 7.30438 16.174 9.1768 16.174 11.4783V13.0435C16.174 15.3449 14.3016 17.2174 12.0001 17.2174Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M14.6085 13.0435V11.4783C14.6085 10.0398 13.4382 8.8696 11.9998 8.8696C10.5614 8.8696 9.39111 10.0399 9.39111 11.4783V13.0435L11.9998 13.5652L14.6085 13.0435Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M9.39111 13.0435C9.39111 14.4819 10.5614 15.6522 11.9998 15.6522C13.4382 15.6522 14.6085 14.4819 14.6085 13.0435H9.39111Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M15.1305 7.30433C15.1305 6.43991 14.4297 5.73913 13.5653 5.73913C13.1643 5.73913 12.7988 5.89007 12.5218 6.13799V5.21736H13.0435V4.17388H12.5218V3.65216H11.4783V4.17388H10.9566V5.21736H11.4783V6.13799C11.2013 5.89007 10.8358 5.73913 10.4348 5.73913C9.57041 5.73913 8.86963 6.43991 8.86963 7.30433C8.86963 7.76779 9.07124 8.18404 9.39135 8.47068V9.3913H14.6087V8.47068C14.9289 8.18404 15.1305 7.76779 15.1305 7.30433Z",fill:"#FFDA44"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5153"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSmIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:a.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sm-icon","data-testid":"kui-icon-wrapper-flag-sm-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sm-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1129.cjs.map

package/dist/kong-icons1129.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1129.cjs","sources":["../src/components/flags/FlagSmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sm-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sm-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sm-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5153)\">\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0.521719 12 12 10.4348 12 10.4348L24 12Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M16.7631 8.28018L11.9998 13.0435L7.23659 8.28018C6.6206 9.19457 6.26074 10.2952 6.26074 11.4782V13.0434C6.26074 15.5567 7.88473 17.6976 10.1383 18.4725C9.83754 19.062 9.88826 19.7977 10.329 20.3478C10.9144 19.8786 11.5204 19.3929 12.0346 18.981C12.5487 19.393 13.1548 19.8787 13.7401 20.3478C14.186 19.7913 14.2331 19.0446 13.9204 18.4516C16.1433 17.6599 17.7389 15.5347 17.7389 13.0434V11.4783C17.739 10.2952 17.3791 9.19462 16.7631 8.28018Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M12.0001 17.2174C9.69855 17.2174 7.82617 15.3449 7.82617 13.0435V11.4783C7.82617 9.17676 9.69859 7.30438 12.0001 7.30438C14.3015 7.30438 16.174 9.1768 16.174 11.4783V13.0435C16.174 15.3449 14.3016 17.2174 12.0001 17.2174Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M14.6085 13.0435V11.4783C14.6085 10.0398 13.4382 8.8696 11.9998 8.8696C10.5614 8.8696 9.39111 10.0399 9.39111 11.4783V13.0435L11.9998 13.5652L14.6085 13.0435Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M9.39111 13.0435C9.39111 14.4819 10.5614 15.6522 11.9998 15.6522C13.4382 15.6522 14.6085 14.4819 14.6085 13.0435H9.39111Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M15.1305 7.30433C15.1305 6.43991 14.4297 5.73913 13.5653 5.73913C13.1643 5.73913 12.7988 5.89007 12.5218 6.13799V5.21736H13.0435V4.17388H12.5218V3.65216H11.4783V4.17388H10.9566V5.21736H11.4783V6.13799C11.2013 5.89007 10.8358 5.73913 10.4348 5.73913C9.57041 5.73913 8.86963 6.43991 8.86963 7.30433C8.86963 7.76779 9.07124 8.18404 9.39135 8.47068V9.3913H14.6087V8.47068C14.9289 8.18404 15.1305 7.76779 15.1305 7.30433Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5153\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"k5FAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons113.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons978.cjs");;/* empty css                */const t=require("./kong-icons407.cjs"),u=t.default(e.default,[["__scopeId","data-v-5ca4069b"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons981.cjs");;/* empty css                */const t=require("./kong-icons408.cjs"),u=t.default(e.default,[["__scopeId","data-v-93e95592"]]);exports.default=u;
 //# sourceMappingURL=kong-icons113.cjs.map

package/dist/kong-icons1131.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./kong-icons1215.cjs"),a=t=>(e.pushScopeId("data-v-87f3abb3"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5200)"},[e.createElementVNode("path",{d:"M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1303 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1303 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12 7.82611L13.0359 11.0145H16.3888L13.6764 12.9853L14.7124 16.1739L12 14.2033L9.28753 16.1739L10.3237 12.9853L7.61133 11.0145H10.964L12 7.82611Z",fill:"#496E2D"}),e.createElementVNode("path",{d:"M6.78263 1.19116C2.76872 3.13212 0 7.24254 0 12C0 16.7575 2.76872 20.8679 6.78263 22.8089V1.19116Z",fill:"#496E2D"}),e.createElementVNode("path",{d:"M17.2173 1.19116V22.8089C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24254 21.2312 3.13212 17.2173 1.19116Z",fill:"#D80027"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5200"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSnIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:l.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return l.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sn-icon","data-testid":"kui-icon-wrapper-flag-sn-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sn-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1131.cjs.map

package/dist/kong-icons1131.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1131.cjs","sources":["../src/components/flags/FlagSnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sn-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5200)\">\n        <path\n          d=\"M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1303 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1303 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 7.82611L13.0359 11.0145H16.3888L13.6764 12.9853L14.7124 16.1739L12 14.2033L9.28753 16.1739L10.3237 12.9853L7.61133 11.0145H10.964L12 7.82611Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M6.78263 1.19116C2.76872 3.13212 0 7.24254 0 12C0 16.7575 2.76872 20.8679 6.78263 22.8089V1.19116Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M17.2173 1.19116V22.8089C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24254 21.2312 3.13212 17.2173 1.19116Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5200\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"u1DAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1133.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./kong-icons1215.cjs"),a=t=>(e.pushScopeId("data-v-d74e59da"),t=t(),e.popScopeId(),t),s=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5284)"},[e.createElementVNode("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"}),e.createElementVNode("path",{d:"M12.0001 6.26086L13.2951 10.2466H17.486L14.0955 12.7099L15.3906 16.6957L12.0001 14.2323L8.60961 16.6957L9.90468 12.7099L6.51416 10.2466H10.705L12.0001 6.26086Z",fill:"#F0F0F0"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5284"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSoIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:l.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return l.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-so-icon","data-testid":"kui-icon-wrapper-flag-so-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-so-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",c,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,s))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1133.cjs.map

package/dist/kong-icons1133.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1133.cjs","sources":["../src/components/flags/FlagSoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-so-icon\"\n    data-testid=\"kui-icon-wrapper-flag-so-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-so-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5284)\">\n        <path\n          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\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12.0001 6.26086L13.2951 10.2466H17.486L14.0955 12.7099L15.3906 16.6957L12.0001 14.2323L8.60961 16.6957L9.90468 12.7099L6.51416 10.2466H10.705L12.0001 6.26086Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5284\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"u7CAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1135.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons1215.cjs"),a=t=>(e.pushScopeId("data-v-7415b0c1"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5373)"},[e.createElementVNode("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"}),e.createElementVNode("path",{d:"M23.2536 7.82611H0.746344C0.264047 9.12614 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746344 16.1739H23.2536C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12614 23.2536 7.82611Z",fill:"#A2001D"}),e.createElementVNode("path",{d:"M12.0345 24C16.1446 24 19.7716 21.9332 21.9343 18.7827H2.13477C4.29748 21.9332 7.92439 24 12.0345 24Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M12.0345 0.00012207C16.1446 0.00012207 19.7716 2.06693 21.9343 5.2175H2.13477C4.29748 2.06693 7.92439 0.00012207 12.0345 0.00012207Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M12 7.82611L13.036 11.0145H16.3888L13.6764 12.9854L14.7125 16.1739L12 14.2033L9.28763 16.1739L10.3238 12.9854L7.61133 11.0145H10.9641L12 7.82611Z",fill:"#FFDA44"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5373"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSrIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:n.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return n.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sr-icon","data-testid":"kui-icon-wrapper-flag-sr-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sr-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1135.cjs.map

package/dist/kong-icons1135.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1135.cjs","sources":["../src/components/flags/FlagSrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSrIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sr-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sr-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5373)\">\n        <path\n          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\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.2536 7.82611H0.746344C0.264047 9.12614 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746344 16.1739H23.2536C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12614 23.2536 7.82611Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M12.0345 24C16.1446 24 19.7716 21.9332 21.9343 18.7827H2.13477C4.29748 21.9332 7.92439 24 12.0345 24Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M12.0345 0.00012207C16.1446 0.00012207 19.7716 2.06693 21.9343 5.2175H2.13477C4.29748 2.06693 7.92439 0.00012207 12.0345 0.00012207Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M12 7.82611L13.036 11.0145H16.3888L13.6764 12.9854L14.7125 16.1739L12 14.2033L9.28763 16.1739L10.3238 12.9854L7.61133 11.0145H10.9641L12 7.82611Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5373\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"i+DAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1137.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons1215.cjs"),n=t=>(e.pushScopeId("data-v-62b36219"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5327)"},[e.createElementVNode("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"}),e.createElementVNode("path",{d:"M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z",fill:"black"}),e.createElementVNode("path",{d:"M6.55437 16.6088L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9944 24 21.2756 20.9487 23.0824 16.6088H6.55437Z",fill:"#496E2D"}),e.createElementVNode("path",{d:"M2.60889 8.82611V15.1304H23.5869C23.856 14.1324 24.0002 13.0832 24.0002 12C24.0002 10.9012 23.8522 9.83711 23.5755 8.82611H2.60889Z",fill:"#A2001D"}),e.createElementVNode("path",{d:"M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M3.90889 9.01648L5.3735 11.0603L7.77013 10.2988L6.27898 12.3235L7.74359 14.3674L5.35728 13.5748L3.86609 15.5995L3.8825 13.0849L1.49609 12.2923L3.89253 11.5309L3.90889 9.01648Z",fill:"#FFDA44"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5327"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSsIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:a.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-ss-icon","data-testid":"kui-icon-wrapper-flag-ss-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-ss-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1137.cjs.map

package/dist/kong-icons1137.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1137.cjs","sources":["../src/components/flags/FlagSsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-ss-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ss-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ss-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5327)\">\n        <path\n          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\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M6.55437 16.6088L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9944 24 21.2756 20.9487 23.0824 16.6088H6.55437Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M2.60889 8.82611V15.1304H23.5869C23.856 14.1324 24.0002 13.0832 24.0002 12C24.0002 10.9012 23.8522 9.83711 23.5755 8.82611H2.60889Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M3.90889 9.01648L5.3735 11.0603L7.77013 10.2988L6.27898 12.3235L7.74359 14.3674L5.35728 13.5748L3.86609 15.5995L3.8825 13.0849L1.49609 12.2923L3.89253 11.5309L3.90889 9.01648Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5327\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"inEAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1139.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons1215.cjs"),n=t=>(e.pushScopeId("data-v-f218cfb4"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5161)"},[e.createElementVNode("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:"#FFDA44"}),e.createElementVNode("path",{d:"M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M7.30437 16.1739H23.2536C21.5581 20.7435 17.1596 24 12 24C8.68625 24 5.68657 22.6566 3.51514 20.4849L7.30437 16.1739Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M3.51471 3.51468C-1.17157 8.20096 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51468Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M15.2378 9.91302L15.7558 11.5073H17.4322L16.076 12.4927L16.594 14.087L15.2378 13.1016L13.8816 14.087L14.3996 12.4927L13.0435 11.5073H14.7198L15.2378 9.91302Z",fill:"black"}),e.createElementVNode("path",{d:"M20.4551 9.91302L20.9731 11.5073H22.6495L21.2933 12.4927L21.8113 14.087L20.4551 13.1016L19.0989 14.087L19.6169 12.4927L18.2607 11.5073H19.9371L20.4551 9.91302Z",fill:"black"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5161"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagStIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:a.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-st-icon","data-testid":"kui-icon-wrapper-flag-st-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-st-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1139.cjs.map

package/dist/kong-icons1139.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1139.cjs","sources":["../src/components/flags/FlagStIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagStIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-st-icon\"\n    data-testid=\"kui-icon-wrapper-flag-st-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-st-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5161)\">\n        <path\n          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\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M7.30437 16.1739H23.2536C21.5581 20.7435 17.1596 24 12 24C8.68625 24 5.68657 22.6566 3.51514 20.4849L7.30437 16.1739Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M3.51471 3.51468C-1.17157 8.20096 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51468Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.2378 9.91302L15.7558 11.5073H17.4322L16.076 12.4927L16.594 14.087L15.2378 13.1016L13.8816 14.087L14.3996 12.4927L13.0435 11.5073H14.7198L15.2378 9.91302Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M20.4551 9.91302L20.9731 11.5073H22.6495L21.2933 12.4927L21.8113 14.087L20.4551 13.1016L19.0989 14.087L19.6169 12.4927L18.2607 11.5073H19.9371L20.4551 9.91302Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5161\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"0nEAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons114.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons980.cjs");;/* empty css                */const t=require("./kong-icons407.cjs"),u=t.default(e.default,[["__scopeId","data-v-222c54a9"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons983.cjs");;/* empty css                */const t=require("./kong-icons408.cjs"),u=t.default(e.default,[["__scopeId","data-v-2498e21c"]]);exports.default=u;
 //# sourceMappingURL=kong-icons114.cjs.map

package/dist/kong-icons1141.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons1215.cjs"),a=t=>(e.pushScopeId("data-v-cf654ce6"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2321)"},[e.createElementVNode("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"}),e.createElementVNode("path",{d:"M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19073C3.13173 21.2312 7.24248 23.9999 12 23.9999Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M9.59015 12.5215L12 8.34766L14.4098 12.5215H9.59015Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M15.1305 13.8999L12 15.4652L8.86957 13.8999V11.813H15.1305V13.8999Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M14.9514 8.52686L13.8446 9.63362C14.3167 10.1057 14.6088 10.7579 14.6088 11.4782C14.6088 12.919 13.4408 14.0869 12.0001 14.0869C10.5594 14.0869 9.39138 12.9189 9.39138 11.4782C9.39138 10.7579 9.68341 10.1057 10.1555 9.63362L9.04872 8.52686C8.29333 9.28211 7.82617 10.3256 7.82617 11.4782C7.82617 13.7835 9.69489 15.6521 12.0001 15.6521C14.3052 15.6521 16.174 13.7834 16.174 11.4782C16.1739 10.3256 15.7068 9.28211 14.9514 8.52686V8.52686Z",fill:"#FFDA44"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2321"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSvIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:n.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return n.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sv-icon","data-testid":"kui-icon-wrapper-flag-sv-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sv-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1141.cjs.map

package/dist/kong-icons1141.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1141.cjs","sources":["../src/components/flags/FlagSvIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSvIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sv-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sv-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sv-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2321)\">\n        <path\n          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\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19073C3.13173 21.2312 7.24248 23.9999 12 23.9999Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M9.59015 12.5215L12 8.34766L14.4098 12.5215H9.59015Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.1305 13.8999L12 15.4652L8.86957 13.8999V11.813H15.1305V13.8999Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M14.9514 8.52686L13.8446 9.63362C14.3167 10.1057 14.6088 10.7579 14.6088 11.4782C14.6088 12.919 13.4408 14.0869 12.0001 14.0869C10.5594 14.0869 9.39138 12.9189 9.39138 11.4782C9.39138 10.7579 9.68341 10.1057 10.1555 9.63362L9.04872 8.52686C8.29333 9.28211 7.82617 10.3256 7.82617 11.4782C7.82617 13.7835 9.69489 15.6521 12.0001 15.6521C14.3052 15.6521 16.174 13.7834 16.174 11.4782C16.1739 10.3256 15.7068 9.28211 14.9514 8.52686V8.52686Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2321\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"qtEAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1143.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons1215.cjs"),n=t=>(e.pushScopeId("data-v-ea44a018"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5251)"},[e.createElementVNode("path",{d:"M10.9565 13.0435C10.9565 13.0435 3.52168 3.51305 3.51465 3.51473C5.68618 1.34316 8.68623 0 12 0C18.6273 0 24 5.37262 24 12L10.9565 13.0435Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M10.9565 12C10.9565 12 3.52168 20.487 3.51465 20.4853C5.68618 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12H10.9565Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M1.31521 12.0001C1.30865 12.0862 1.3042 12.173 1.3042 12.2609C1.3042 14.1338 2.82257 15.6522 4.69551 15.6522C6.56845 15.6522 8.08682 14.1338 8.08682 12.2609C8.08682 12.173 8.08237 12.0862 8.07581 12.0001H1.31521Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M4.69534 10.4348C5.27164 10.4348 5.73882 9.96762 5.73882 9.39132C5.73882 8.81502 5.27164 8.34784 4.69534 8.34784C4.11904 8.34784 3.65186 8.81502 3.65186 9.39132C3.65186 9.96762 4.11904 10.4348 4.69534 10.4348Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M2.34766 9.13043V12.5217C2.34766 14.3189 4.69548 14.8696 4.69548 14.8696C4.69548 14.8696 7.04331 14.3189 7.04331 12.5217V9.13043H2.34766Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M4.69663 13.7775C4.26107 13.6207 3.39111 13.2202 3.39111 12.5217V10.1739H5.99985V12.5217C5.99985 13.2225 5.12999 13.6221 4.69663 13.7775Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M5.21743 11.4783V10.9565L4.69571 10.6957L4.17395 10.9565V11.4783L3.91309 11.7392V12.7826H5.47834V11.7392L5.21743 11.4783Z",fill:"#F3F3F3"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5251"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSxIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:a.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sx-icon","data-testid":"kui-icon-wrapper-flag-sx-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sx-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1143.cjs.map

package/dist/kong-icons1143.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1143.cjs","sources":["../src/components/flags/FlagSxIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSxIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sx-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sx-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sx-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5251)\">\n        <path\n          d=\"M10.9565 13.0435C10.9565 13.0435 3.52168 3.51305 3.51465 3.51473C5.68618 1.34316 8.68623 0 12 0C18.6273 0 24 5.37262 24 12L10.9565 13.0435Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M10.9565 12C10.9565 12 3.52168 20.487 3.51465 20.4853C5.68618 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12H10.9565Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M1.31521 12.0001C1.30865 12.0862 1.3042 12.173 1.3042 12.2609C1.3042 14.1338 2.82257 15.6522 4.69551 15.6522C6.56845 15.6522 8.08682 14.1338 8.08682 12.2609C8.08682 12.173 8.08237 12.0862 8.07581 12.0001H1.31521Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.69534 10.4348C5.27164 10.4348 5.73882 9.96762 5.73882 9.39132C5.73882 8.81502 5.27164 8.34784 4.69534 8.34784C4.11904 8.34784 3.65186 8.81502 3.65186 9.39132C3.65186 9.96762 4.11904 10.4348 4.69534 10.4348Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M2.34766 9.13043V12.5217C2.34766 14.3189 4.69548 14.8696 4.69548 14.8696C4.69548 14.8696 7.04331 14.3189 7.04331 12.5217V9.13043H2.34766Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M4.69663 13.7775C4.26107 13.6207 3.39111 13.2202 3.39111 12.5217V10.1739H5.99985V12.5217C5.99985 13.2225 5.12999 13.6221 4.69663 13.7775Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M5.21743 11.4783V10.9565L4.69571 10.6957L4.17395 10.9565V11.4783L3.91309 11.7392V12.7826H5.47834V11.7392L5.21743 11.4783Z\"\n          fill=\"#F3F3F3\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5251\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"uoFAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1145.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons1215.cjs"),n=t=>(e.pushScopeId("data-v-fe1a13ae"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6261)"},[e.createElementVNode("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"}),e.createElementVNode("path",{d:"M11.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z",fill:"black"}),e.createElementVNode("path",{d:"M7.17018 9.13043L7.81767 11.1232H9.91312L8.21789 12.355L8.86542 14.3478L7.17018 13.1162L5.47495 14.3478L6.12248 12.355L4.42725 11.1232H6.5227L7.17018 9.13043Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M16.8301 9.13043L17.4776 11.1232H19.5731L17.8778 12.355L18.5253 14.3478L16.8301 13.1162L15.1349 14.3478L15.7824 12.355L14.0872 11.1232H16.1826L16.8301 9.13043Z",fill:"#6DA544"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6261"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:a.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sy-icon","data-testid":"kui-icon-wrapper-flag-sy-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sy-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1145.cjs.map

package/dist/kong-icons1145.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1145.cjs","sources":["../src/components/flags/FlagSyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSyIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sy-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sy-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sy-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_247_6261)\">\n        <path\n          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\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M7.17018 9.13043L7.81767 11.1232H9.91312L8.21789 12.355L8.86542 14.3478L7.17018 13.1162L5.47495 14.3478L6.12248 12.355L4.42725 11.1232H6.5227L7.17018 9.13043Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M16.8301 9.13043L17.4776 11.1232H19.5731L17.8778 12.355L18.5253 14.3478L16.8301 13.1162L15.1349 14.3478L15.7824 12.355L14.0872 11.1232H16.1826L16.8301 9.13043Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6261\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"g7DAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1147.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kong-icons1215.cjs"),n=t=>(e.pushScopeId("data-v-01300a94"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5380)"},[e.createElementVNode("path",{d:"M22.8093 17.2174C23.5721 15.6398 24 13.8698 24 12C24 10.1302 23.5721 8.36021 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427875 8.36021 0 10.1302 0 12C0 13.8698 0.427875 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z",fill:"black"}),e.createElementVNode("path",{d:"M12.0002 24C7.24267 24 3.13192 21.2313 1.19092 17.2173H22.8094C20.8685 21.2313 16.7577 24 12.0002 24Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M23.4333 8.34784H0.566672C0.199078 9.49951 0 10.7265 0 12C0 13.2736 0.199078 14.5005 0.566672 15.6522H23.4333C23.8009 14.5005 24 13.2736 24 12C24 10.7265 23.8009 9.49951 23.4333 8.34784Z",fill:"#A2001D"}),e.createElementVNode("path",{d:"M4.17383 11.4783H19.826V12.5218H4.17383V11.4783Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M6.26074 9.3913H17.739V10.4348H6.26074V9.3913Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M17.8138 12C17.8138 12 15.1305 15.1305 12.0001 15.1305C8.86968 15.1305 8.86963 12 8.86963 12C8.86963 12 8.86963 8.86957 12.0001 8.86957C15.1305 8.86957 17.8138 12 17.8138 12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12.0002 15.1305C8.86974 15.1305 6.18652 12 6.18652 12C6.18652 12 8.86974 8.86957 12.0002 8.86957",fill:"black"}),e.createElementVNode("path",{d:"M9.91309 10.9565H10.9566V13.0435H9.91309V10.9565Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M13.0435 10.9565H14.0869V13.0435H13.0435V10.9565Z",fill:"black"}),e.createElementVNode("path",{d:"M4.17386 13.0435C4.75016 13.0435 5.21734 12.5763 5.21734 12C5.21734 11.4237 4.75016 10.9565 4.17386 10.9565C3.59756 10.9565 3.13037 11.4237 3.13037 12C3.13037 12.5763 3.59756 13.0435 4.17386 13.0435Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M19.8262 13.0435C20.4025 13.0435 20.8697 12.5763 20.8697 12C20.8697 11.4237 20.4025 10.9565 19.8262 10.9565C19.2499 10.9565 18.7827 11.4237 18.7827 12C18.7827 12.5763 19.2499 13.0435 19.8262 13.0435Z",fill:"#0052B4"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5380"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagSzIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:o.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,l=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const a=String(i.size).replace(/px/gi,""),r=Number(a);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return o.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:l.value,lineHeight:"0",width:l.value}));return(a,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sz-icon","data-testid":"kui-icon-wrapper-flag-sz-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sz-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1147.cjs.map

package/dist/kong-icons1147.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1147.cjs","sources":["../src/components/flags/FlagSzIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSzIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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\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> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-sz-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sz-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sz-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5380)\">\n        <path\n          d=\"M22.8093 17.2174C23.5721 15.6398 24 13.8698 24 12C24 10.1302 23.5721 8.36021 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427875 8.36021 0 10.1302 0 12C0 13.8698 0.427875 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M12.0002 24C7.24267 24 3.13192 21.2313 1.19092 17.2173H22.8094C20.8685 21.2313 16.7577 24 12.0002 24Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.4333 8.34784H0.566672C0.199078 9.49951 0 10.7265 0 12C0 13.2736 0.199078 14.5005 0.566672 15.6522H23.4333C23.8009 14.5005 24 13.2736 24 12C24 10.7265 23.8009 9.49951 23.4333 8.34784Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M4.17383 11.4783H19.826V12.5218H4.17383V11.4783Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M6.26074 9.3913H17.739V10.4348H6.26074V9.3913Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M17.8138 12C17.8138 12 15.1305 15.1305 12.0001 15.1305C8.86968 15.1305 8.86963 12 8.86963 12C8.86963 12 8.86963 8.86957 12.0001 8.86957C15.1305 8.86957 17.8138 12 17.8138 12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.0002 15.1305C8.86974 15.1305 6.18652 12 6.18652 12C6.18652 12 8.86974 8.86957 12.0002 8.86957\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M9.91309 10.9565H10.9566V13.0435H9.91309V10.9565Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M13.0435 10.9565H14.0869V13.0435H13.0435V10.9565Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M4.17386 13.0435C4.75016 13.0435 5.21734 12.5763 5.21734 12C5.21734 11.4237 4.75016 10.9565 4.17386 10.9565C3.59756 10.9565 3.13037 11.4237 3.13037 12C3.13037 12.5763 3.59756 13.0435 4.17386 13.0435Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M19.8262 13.0435C20.4025 13.0435 20.8697 12.5763 20.8697 12C20.8697 11.4237 20.4025 10.9565 19.8262 10.9565C19.2499 10.9565 18.7827 11.4237 18.7827 12C18.7827 12.5763 19.2499 13.0435 19.8262 13.0435Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5380\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"0lGAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons1149.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons1215.cjs"),n=t=>(e.pushScopeId("data-v-d2f57e25"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6275)"},[e.createElementVNode("path",{d:"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M6.071 1.56519C4.19417 2.63389 2.63384 4.19417 1.56519 6.071V12H4.69564V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.071Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M11.9999 10.5243L7.73637 6.26086H6.26074V6.26096L11.9998 12H11.9999C11.9999 12 11.9999 10.9824 11.9999 10.5243Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M13.5652 6.26086V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V6.26086H13.5652Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M16.6956 8.34781C16.6956 8.92413 16.2285 10.4348 15.6521 10.4348C15.0758 10.4348 14.6086 8.92413 14.6086 8.34781C14.6086 7.77148 15.6521 7.30432 15.6521 7.30432C15.6521 7.30432 16.6956 7.77148 16.6956 8.34781Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M19.4647 9.48429C19.6331 9.07343 19.764 8.47287 19.764 8.1739C19.764 7.69362 19.1379 7.30432 19.1379 7.30432C19.1379 7.30432 18.5118 7.69366 18.5118 8.1739C18.5118 8.47287 18.6428 9.07343 18.8112 9.48429L18.4497 10.3004C18.6621 10.3867 18.8944 10.4347 19.1379 10.4347C19.3814 10.4347 19.6136 10.3867 19.8261 10.3004L19.4647 9.48429Z",fill:"#A2001D"}),e.createElementVNode("path",{d:"M16.4348 12C16.4348 12 15.9131 13.0435 15.9131 14.087H18.5218C18.5217 13.0435 18 12 18 12L17.2174 11.4783L16.4348 12Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M18.0001 12V11.7392C18.0001 11.307 17.6497 10.9565 17.2174 10.9565C16.7853 10.9565 16.4348 11.3069 16.4348 11.7392V12H18.0001Z",fill:"#D80027"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6275"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagTcIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:a.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,l=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),r=Number(o);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:l.value,lineHeight:"0",width:l.value}));return(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-tc-icon","data-testid":"kui-icon-wrapper-flag-tc-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-tc-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",s,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
+//# sourceMappingURL=kong-icons1149.cjs.map