@kong/icons 1.10.1-pr.315.775574a.0 → 1.10.1-pr.318.473ce0b.0

package/dist/kong-icons179.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons179.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons179.cjs","sources":["../src/components/flags/FlagCaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCaIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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-ca-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ca-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ca-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_3800)\">\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.9999 12C23.9999 7.24242 21.2312 3.13167 17.2173 1.19067V22.8092C21.2312 20.8682 23.9999 16.7575 23.9999 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0 12C0 16.7575 2.76867 20.8682 6.78263 22.8092V1.19067C2.76867 3.13167 0 7.24242 0 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.087 13.5653L16.174 12.5218L15.1305 12.0001V10.9566L13.0435 12.0001L14.087 9.9131H13.0435L12.0001 8.3479L10.9566 9.9131H9.91309L10.9566 12.0001L8.86961 10.9566V12.0001L7.82617 12.5218L9.91309 13.5653L9.39138 14.6088H11.4783V16.174H12.5218V14.6088H14.6088L14.087 13.5653Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_3800\">\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":"s1DAaA,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-icons18.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons352.cjs");require("./kong-icons353.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-ab7addb1"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons205.cjs");require("./kong-icons206.cjs");const u=require("./kong-icons174.cjs"),t=u.default(e.default,[["__scopeId","data-v-8437e8f7"]]);exports.default=t;
 //# sourceMappingURL=kong-icons18.cjs.map

package/dist/kong-icons180.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons650.cjs");require("./kong-icons651.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-91924529"]]);exports.default=u;
+"use strict";
 //# sourceMappingURL=kong-icons180.cjs.map

package/dist/kong-icons181.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons652.cjs");require("./kong-icons653.cjs");const u=require("./kong-icons295.cjs"),t=u.default(e.default,[["__scopeId","data-v-c5ebd815"]]);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),n=t=>(e.pushScopeId("data-v-e3a246a6"),t=t(),e.popScopeId(),t),c=["aria-hidden"],L={key:0,"data-testid":"kui-icon-svg-title"},s=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_4298)"},[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:"#0052B4"}),e.createElementVNode("path",{d:"M12.0003 4.69565L12.3888 5.89138H13.646L12.6289 6.63037L13.0174 7.8261L12.0003 7.08707L10.9831 7.8261L11.3716 6.63037L10.3545 5.89138H11.6117L12.0003 4.69565Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M6.83523 6.83503L7.95554 7.40578L8.84453 6.51685L8.64779 7.75856L9.76806 8.32936L8.52629 8.52605L8.32961 9.76786L7.75881 8.6476L6.51709 8.84433L7.40607 7.95535L6.83523 6.83503Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M4.6958 12L5.89153 11.6115V10.3542L6.63047 11.3714L7.82625 10.9829L7.08718 12L7.82625 13.0171L6.63047 12.6286L5.89153 13.6458V12.3885L4.6958 12Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M6.83523 17.165L7.40603 16.0446L6.51709 15.1557L7.75886 15.3524L8.32956 14.2322L8.52629 15.4739L9.76801 15.6706L8.64789 16.2414L8.84453 17.4831L7.95554 16.5942L6.83523 17.165Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12.0003 19.3043L11.6117 18.1086H10.3545L11.3717 17.3696L10.9831 16.174L12.0003 16.9129L13.0174 16.174L12.6289 17.3696L13.646 18.1086H12.3888L12.0003 19.3043Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M17.1652 17.165L16.0449 16.5942L15.1559 17.4832L15.3526 16.2414L14.2324 15.6706L15.4741 15.4739L15.6708 14.2322L16.2416 15.3524L17.4833 15.1557L16.5943 16.0447L17.1652 17.165Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M19.3047 12L18.1089 12.3885V13.6458L17.37 12.6286L16.1743 13.0171L16.9133 12L16.1743 10.9829L17.37 11.3714L18.1089 10.3542V11.6115L19.3047 12Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M17.1652 6.83502L16.5944 7.95533L17.4833 8.84431L16.2415 8.64753L15.6708 9.7678L15.4741 8.52603L14.2324 8.3293L15.3526 7.75855L15.1559 6.51688L16.0449 7.40581L17.1652 6.83502Z",fill:"#FFDA44"})],-1)),u=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_4298"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),p=e.defineComponent({__name:"FlagEuIcon",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-eu-icon","data-testid":"kui-icon-wrapper-flag-eu-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-eu-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",L,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),s,u],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
 //# sourceMappingURL=kong-icons181.cjs.map

package/dist/kong-icons181.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons181.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons181.cjs","sources":["../src/components/flags/FlagEuIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagEuIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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-eu-icon\"\n    data-testid=\"kui-icon-wrapper-flag-eu-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-eu-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_4298)\">\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=\"#0052B4\"\n        />\n        <path\n          d=\"M12.0003 4.69565L12.3888 5.89138H13.646L12.6289 6.63037L13.0174 7.8261L12.0003 7.08707L10.9831 7.8261L11.3716 6.63037L10.3545 5.89138H11.6117L12.0003 4.69565Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M6.83523 6.83503L7.95554 7.40578L8.84453 6.51685L8.64779 7.75856L9.76806 8.32936L8.52629 8.52605L8.32961 9.76786L7.75881 8.6476L6.51709 8.84433L7.40607 7.95535L6.83523 6.83503Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.6958 12L5.89153 11.6115V10.3542L6.63047 11.3714L7.82625 10.9829L7.08718 12L7.82625 13.0171L6.63047 12.6286L5.89153 13.6458V12.3885L4.6958 12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M6.83523 17.165L7.40603 16.0446L6.51709 15.1557L7.75886 15.3524L8.32956 14.2322L8.52629 15.4739L9.76801 15.6706L8.64789 16.2414L8.84453 17.4831L7.95554 16.5942L6.83523 17.165Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.0003 19.3043L11.6117 18.1086H10.3545L11.3717 17.3696L10.9831 16.174L12.0003 16.9129L13.0174 16.174L12.6289 17.3696L13.646 18.1086H12.3888L12.0003 19.3043Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M17.1652 17.165L16.0449 16.5942L15.1559 17.4832L15.3526 16.2414L14.2324 15.6706L15.4741 15.4739L15.6708 14.2322L16.2416 15.3524L17.4833 15.1557L16.5943 16.0447L17.1652 17.165Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M19.3047 12L18.1089 12.3885V13.6458L17.37 12.6286L16.1743 13.0171L16.9133 12L16.1743 10.9829L17.37 11.3714L18.1089 10.3542V11.6115L19.3047 12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M17.1652 6.83502L16.5944 7.95533L17.4833 8.84431L16.2415 8.64753L15.6708 9.7678L15.4741 8.52603L14.2324 8.3293L15.3526 7.75855L15.1559 6.51688L16.0449 7.40581L17.1652 6.83502Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4298\">\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":"m5FAaA,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-icons182.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons654.cjs");require("./kong-icons655.cjs");const u=require("./kong-icons295.cjs"),t=u.default(e.default,[["__scopeId","data-v-46eb16e0"]]);exports.default=t;
+"use strict";
 //# sourceMappingURL=kong-icons182.cjs.map

package/dist/kong-icons183.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons656.cjs");require("./kong-icons657.cjs");const u=require("./kong-icons295.cjs"),t=u.default(e.default,[["__scopeId","data-v-dec8b445"]]);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kong-icons513.cjs"),n=t=>(e.pushScopeId("data-v-ffb22da2"),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_1325)"},[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:"M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M0.41333 15.1299C0.827236 16.6654 1.538 18.0789 2.48056 19.3053L6.65591 15.1299H0.41333Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M19.3058 2.48037C18.0794 1.53776 16.6659 0.826992 15.1304 0.413086V6.65576L19.3058 2.48037Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M4.69409 21.5191C5.92048 22.4617 7.334 23.1725 8.86953 23.5864V17.3438L4.69409 21.5191Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M8.86948 0.413086C7.33395 0.826992 5.92044 1.53776 4.69409 2.48032L8.86948 6.65571V0.413086Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M15.1304 23.5864C16.6659 23.1725 18.0794 22.4617 19.3058 21.5191L15.1304 17.3438V23.5864Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M17.344 15.1299L21.5194 19.3053C22.4619 18.079 23.1728 16.6654 23.5866 15.1299H17.344Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M15.1304 15.1309L20.4852 20.4857C20.7315 20.2395 20.9664 19.9821 21.1906 19.7153L16.6061 15.1309H15.1304V15.1309Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M8.86951 15.1309H8.86941L3.51465 20.4856C3.76084 20.7319 4.01823 20.9668 4.28504 21.191L8.86951 16.6064V15.1309Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M8.86951 8.8696V8.86951L3.5147 3.51465C3.26842 3.76084 3.03348 4.01823 2.80933 4.28504L7.39384 8.86955H8.86951V8.8696Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M15.1304 8.8698L20.4852 3.5149C20.239 3.26862 19.9817 3.03368 19.7148 2.80957L15.1304 7.39409V8.8698Z",fill:"#D80027"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1415_1325"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagGbIcon",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-gb-icon","data-testid":"kui-icon-wrapper-flag-gb-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-gb-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-icons183.cjs.map

package/dist/kong-icons183.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons183.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons183.cjs","sources":["../src/components/flags/FlagGbIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGbIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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-gb-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gb-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-gb-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_1325)\">\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=\"M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0.41333 15.1299C0.827236 16.6654 1.538 18.0789 2.48056 19.3053L6.65591 15.1299H0.41333Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M19.3058 2.48037C18.0794 1.53776 16.6659 0.826992 15.1304 0.413086V6.65576L19.3058 2.48037Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M4.69409 21.5191C5.92048 22.4617 7.334 23.1725 8.86953 23.5864V17.3438L4.69409 21.5191Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M8.86948 0.413086C7.33395 0.826992 5.92044 1.53776 4.69409 2.48032L8.86948 6.65571V0.413086Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M15.1304 23.5864C16.6659 23.1725 18.0794 22.4617 19.3058 21.5191L15.1304 17.3438V23.5864Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M17.344 15.1299L21.5194 19.3053C22.4619 18.079 23.1728 16.6654 23.5866 15.1299H17.344Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.1304 15.1309L20.4852 20.4857C20.7315 20.2395 20.9664 19.9821 21.1906 19.7153L16.6061 15.1309H15.1304V15.1309Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M8.86951 15.1309H8.86941L3.51465 20.4856C3.76084 20.7319 4.01823 20.9668 4.28504 21.191L8.86951 16.6064V15.1309Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M8.86951 8.8696V8.86951L3.5147 3.51465C3.26842 3.76084 3.03348 4.01823 2.80933 4.28504L7.39384 8.86955H8.86951V8.8696Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.1304 8.8698L20.4852 3.5149C20.239 3.26862 19.9817 3.03368 19.7148 2.80957L15.1304 7.39409V8.8698Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_1325\">\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":"m6GAaA,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-icons184.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons658.cjs");require("./kong-icons659.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-2b4f6a8f"]]);exports.default=u;
+"use strict";
 //# sourceMappingURL=kong-icons184.cjs.map

package/dist/kong-icons185.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons660.cjs");require("./kong-icons661.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-936577a5"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons513.cjs"),a=t=>(e.pushScopeId("data-v-809915f3"),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_1415_3092)"},[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:"#D80027"}),e.createElementVNode("path",{d:"M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M9.28044 13.6358C10.1678 12.8784 10.4326 13.3382 11.2065 12.6777C12.1419 13.7735 12.0117 15.4202 10.916 16.3555C9.82016 17.2909 8.17353 17.1607 7.23828 16.065C8.78581 14.7439 8.4867 14.3132 9.28044 13.6358Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12.7152 15.0924C12.269 14.0144 12.7882 13.9046 12.3992 12.9646C13.7304 12.4136 15.2562 13.0462 15.8072 14.3774C16.3581 15.7086 15.7255 17.2344 14.3943 17.7854C13.6163 15.9053 13.1143 16.0566 12.7152 15.0924Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M15.1618 12.2758C13.9987 12.367 14.0545 11.8392 13.0403 11.9188C12.9277 10.4826 14.0009 9.22678 15.4372 9.11405C16.8734 9.00159 18.1292 10.0747 18.2418 11.511C16.2132 11.67 16.202 12.1943 15.1618 12.2758Z",fill:"#F0F0F0"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1415_3092"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagHkIcon",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-hk-icon","data-testid":"kui-icon-wrapper-flag-hk-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-hk-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-icons185.cjs.map

package/dist/kong-icons185.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons185.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons185.cjs","sources":["../src/components/flags/FlagHkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHkIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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-hk-icon\"\n    data-testid=\"kui-icon-wrapper-flag-hk-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-hk-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_3092)\">\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=\"#D80027\"\n        />\n        <path\n          d=\"M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.28044 13.6358C10.1678 12.8784 10.4326 13.3382 11.2065 12.6777C12.1419 13.7735 12.0117 15.4202 10.916 16.3555C9.82016 17.2909 8.17353 17.1607 7.23828 16.065C8.78581 14.7439 8.4867 14.3132 9.28044 13.6358Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.7152 15.0924C12.269 14.0144 12.7882 13.9046 12.3992 12.9646C13.7304 12.4136 15.2562 13.0462 15.8072 14.3774C16.3581 15.7086 15.7255 17.2344 14.3943 17.7854C13.6163 15.9053 13.1143 16.0566 12.7152 15.0924Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.1618 12.2758C13.9987 12.367 14.0545 11.8392 13.0403 11.9188C12.9277 10.4826 14.0009 9.22678 15.4372 9.11405C16.8734 9.00159 18.1292 10.0747 18.2418 11.511C16.2132 11.67 16.202 12.1943 15.1618 12.2758Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_3092\">\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":"2+EAaA,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-icons186.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons662.cjs");require("./kong-icons663.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-0640bee6"]]);exports.default=u;
+"use strict";
 //# sourceMappingURL=kong-icons186.cjs.map

package/dist/kong-icons187.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons664.cjs");require("./kong-icons665.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-5b77aba7"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./kong-icons513.cjs"),a=t=>(e.pushScopeId("data-v-f9d20842"),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_1415_2217)"},[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.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12",fill:"#A2001D"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1415_2217"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagIdIcon",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-id-icon","data-testid":"kui-icon-wrapper-flag-id-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-id-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-icons187.cjs.map

package/dist/kong-icons187.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons187.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons187.cjs","sources":["../src/components/flags/FlagIdIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagIdIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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-id-icon\"\n    data-testid=\"kui-icon-wrapper-flag-id-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-id-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_2217)\">\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.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12\"\n          fill=\"#A2001D\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_2217\">\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":"k1CAaA,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-icons188.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons666.cjs");require("./kong-icons667.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-d9aa1ee3"]]);exports.default=u;
+"use strict";
 //# sourceMappingURL=kong-icons188.cjs.map

package/dist/kong-icons189.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons668.cjs");require("./kong-icons669.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-a46f846d"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons513.cjs"),a=t=>(e.pushScopeId("data-v-1d5f5354"),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_1415_5241)"},[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.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M12 23.9999C16.7574 23.9999 20.8682 21.2312 22.8092 17.2173H1.19067C3.13167 21.2312 7.24242 23.9999 12 23.9999Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12 14.6085C13.4408 14.6085 14.6087 13.4405 14.6087 11.9998C14.6087 10.5591 13.4408 9.39111 12 9.39111C10.5593 9.39111 9.39136 10.5591 9.39136 11.9998C9.39136 13.4405 10.5593 14.6085 12 14.6085Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 8.78076L12.8048 10.606L14.7878 10.3903L13.6095 11.9999L14.7878 13.6094L12.8048 13.3937L12 15.2189L11.1952 13.3937L9.21216 13.6094L10.3904 11.9999L9.21216 10.3903L11.1952 10.606L12 8.78076Z",fill:"#0052B4"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1415_5241"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagInIcon",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-in-icon","data-testid":"kui-icon-wrapper-flag-in-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-in-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-icons189.cjs.map

package/dist/kong-icons189.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons189.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons189.cjs","sources":["../src/components/flags/FlagInIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagInIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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-in-icon\"\n    data-testid=\"kui-icon-wrapper-flag-in-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-in-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_5241)\">\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.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M12 23.9999C16.7574 23.9999 20.8682 21.2312 22.8092 17.2173H1.19067C3.13167 21.2312 7.24242 23.9999 12 23.9999Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 14.6085C13.4408 14.6085 14.6087 13.4405 14.6087 11.9998C14.6087 10.5591 13.4408 9.39111 12 9.39111C10.5593 9.39111 9.39136 10.5591 9.39136 11.9998C9.39136 13.4405 10.5593 14.6085 12 14.6085Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 8.78076L12.8048 10.606L14.7878 10.3903L13.6095 11.9999L14.7878 13.6094L12.8048 13.3937L12 15.2189L11.1952 13.3937L9.21216 13.6094L10.3904 11.9999L9.21216 10.3903L11.1952 10.606L12 8.78076Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_5241\">\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":"uvEAaA,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-icons19.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons354.cjs");require("./kong-icons355.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-ec0df775"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons207.cjs");require("./kong-icons208.cjs");const t=require("./kong-icons174.cjs"),u=t.default(e.default,[["__scopeId","data-v-4addeee8"]]);exports.default=u;
 //# sourceMappingURL=kong-icons19.cjs.map

package/dist/kong-icons190.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons670.cjs");require("./kong-icons671.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-7ded7756"]]);exports.default=u;
+"use strict";
 //# sourceMappingURL=kong-icons190.cjs.map

package/dist/kong-icons191.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons672.cjs");require("./kong-icons673.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-5ac9ec0f"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./kong-icons513.cjs"),a=t=>(e.pushScopeId("data-v-e81c1f93"),t=t(),e.popScopeId(),t),d=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1415_4034)"},[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.0001 17.2175C14.8816 17.2175 17.2175 14.8816 17.2175 12.0001C17.2175 9.11861 14.8816 6.78271 12.0001 6.78271C9.11861 6.78271 6.78271 9.11861 6.78271 12.0001C6.78271 14.8816 9.11861 17.2175 12.0001 17.2175Z",fill:"#D80027"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1415_4034"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagJpIcon",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}),c=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-jp-icon","data-testid":"kui-icon-wrapper-flag-jp-icon",style:e.normalizeStyle(c.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-jp-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,d))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons191.cjs.map

package/dist/kong-icons191.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons191.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons191.cjs","sources":["../src/components/flags/FlagJpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagJpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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-jp-icon\"\n    data-testid=\"kui-icon-wrapper-flag-jp-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-jp-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_4034)\">\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.0001 17.2175C14.8816 17.2175 17.2175 14.8816 17.2175 12.0001C17.2175 9.11861 14.8816 6.78271 12.0001 6.78271C9.11861 6.78271 6.78271 9.11861 6.78271 12.0001C6.78271 14.8816 9.11861 17.2175 12.0001 17.2175Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_4034\">\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":"0+CAaA,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-icons192.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons674.cjs");require("./kong-icons675.cjs");const r=require("./kong-icons295.cjs"),t=r.default(e.default,[["__scopeId","data-v-1bc40806"]]);exports.default=t;
+"use strict";
 //# sourceMappingURL=kong-icons192.cjs.map

package/dist/kong-icons193.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons676.cjs");require("./kong-icons677.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-280bbd39"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kong-icons513.cjs"),d=t=>(e.pushScopeId("data-v-e622772a"),t=t(),e.popScopeId(),t),n=["aria-hidden"],L={key:0,"data-testid":"kui-icon-svg-title"},s=d(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1415_2982)"},[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:"M16.174 12.0001C16.174 13.0435 14.3052 15.6522 12.0001 15.6522C9.69489 15.6522 7.82617 13.0435 7.82617 12.0001C7.82617 9.69484 9.69489 7.82617 12.0001 7.82617C14.3052 7.82617 16.174 9.69484 16.174 12.0001Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M16.174 12C16.174 14.3052 14.3052 16.1739 12.0001 16.1739C9.69489 16.1739 7.82617 14.3052 7.82617 12",fill:"#0052B4"}),e.createElementVNode("path",{d:"M16.4238 15.6895L17.5304 14.5829L18.2682 15.3206L17.1616 16.4272L16.4238 15.6895Z",fill:"black"}),e.createElementVNode("path",{d:"M14.5789 17.5342L15.6855 16.4276L16.4232 17.1653L15.3166 18.2719L14.5789 17.5342Z",fill:"black"}),e.createElementVNode("path",{d:"M18.6372 17.9023L19.7438 16.7957L20.4815 17.5335L19.375 18.6401L18.6372 17.9023Z",fill:"black"}),e.createElementVNode("path",{d:"M16.7925 19.7471L17.8991 18.6405L18.6368 19.3782L17.5302 20.4848L16.7925 19.7471Z",fill:"black"}),e.createElementVNode("path",{d:"M17.5305 16.7959L18.6371 15.6893L19.3749 16.427L18.2683 17.5336L17.5305 16.7959Z",fill:"black"}),e.createElementVNode("path",{d:"M15.686 18.6406L16.7926 17.534L17.5304 18.2718L16.4238 19.3784L15.686 18.6406Z",fill:"black"}),e.createElementVNode("path",{d:"M18.6421 8.3125L15.6911 5.36156L16.4289 4.62382L19.3798 7.57476L18.6421 8.3125Z",fill:"black"}),e.createElementVNode("path",{d:"M15.6907 7.5752L14.5841 6.4686L15.3218 5.73089L16.4284 6.83748L15.6907 7.5752Z",fill:"black"}),e.createElementVNode("path",{d:"M17.5349 9.41992L16.4283 8.31332L17.166 7.57561L18.2726 8.68221L17.5349 9.41992Z",fill:"black"}),e.createElementVNode("path",{d:"M17.9036 5.36133L16.797 4.25473L17.5347 3.51699L18.6413 4.62358L17.9036 5.36133Z",fill:"black"}),e.createElementVNode("path",{d:"M19.749 7.20703L18.6424 6.10043L19.3802 5.36269L20.4868 6.46929L19.749 7.20703Z",fill:"black"}),e.createElementVNode("path",{d:"M4.25415 16.7939L7.20509 19.7449L6.46735 20.4826L3.51641 17.5317L4.25415 16.7939Z",fill:"black"}),e.createElementVNode("path",{d:"M7.20483 17.5312L8.31143 18.6378L7.57372 19.3756L6.46712 18.269L7.20483 17.5312Z",fill:"black"}),e.createElementVNode("path",{d:"M5.36035 15.6875L6.46695 16.7941L5.72921 17.5318L4.62261 16.4252L5.36035 15.6875Z",fill:"black"}),e.createElementVNode("path",{d:"M6.46704 14.5801L9.41798 17.531L8.68024 18.2688L5.7293 15.3178L6.46704 14.5801Z",fill:"black"}),e.createElementVNode("path",{d:"M7.20483 4.25293L4.25389 7.20387L3.51615 6.46613L6.46709 3.51519L7.20483 4.25293Z",fill:"black"}),e.createElementVNode("path",{d:"M8.31128 5.35938L5.36034 8.31032L4.6226 7.57257L7.57354 4.62163L8.31128 5.35938Z",fill:"black"}),e.createElementVNode("path",{d:"M9.41895 6.4668L6.468 9.41774L5.73029 8.68003L8.68123 5.72909L9.41895 6.4668Z",fill:"black"})],-1)),p=d(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1415_2982"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagKrIcon",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 l=String(t).replace(/px/gi,""),a=Number(l);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const l=t,a=e.computed(()=>{if(typeof l.size=="number"&&l.size>0)return`${l.size}px`;if(typeof l.size=="string"){const r=String(l.size).replace(/px/gi,""),i=Number(r);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return o.KUI_ICON_SIZE_50}),c=e.computed(()=>({boxSizing:"border-box",color:l.color,display:l.display,height:a.value,lineHeight:"0",width:a.value}));return(r,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-kr-icon","data-testid":"kui-icon-wrapper-flag-kr-icon",style:e.normalizeStyle(c.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-kr-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",L,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),s,p],8,n))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons193.cjs.map

package/dist/kong-icons193.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons193.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons193.cjs","sources":["../src/components/flags/FlagKrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagKrIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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-kr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-kr-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-kr-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_2982)\">\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=\"M16.174 12.0001C16.174 13.0435 14.3052 15.6522 12.0001 15.6522C9.69489 15.6522 7.82617 13.0435 7.82617 12.0001C7.82617 9.69484 9.69489 7.82617 12.0001 7.82617C14.3052 7.82617 16.174 9.69484 16.174 12.0001Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M16.174 12C16.174 14.3052 14.3052 16.1739 12.0001 16.1739C9.69489 16.1739 7.82617 14.3052 7.82617 12\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M16.4238 15.6895L17.5304 14.5829L18.2682 15.3206L17.1616 16.4272L16.4238 15.6895Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M14.5789 17.5342L15.6855 16.4276L16.4232 17.1653L15.3166 18.2719L14.5789 17.5342Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M18.6372 17.9023L19.7438 16.7957L20.4815 17.5335L19.375 18.6401L18.6372 17.9023Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M16.7925 19.7471L17.8991 18.6405L18.6368 19.3782L17.5302 20.4848L16.7925 19.7471Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M17.5305 16.7959L18.6371 15.6893L19.3749 16.427L18.2683 17.5336L17.5305 16.7959Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M15.686 18.6406L16.7926 17.534L17.5304 18.2718L16.4238 19.3784L15.686 18.6406Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M18.6421 8.3125L15.6911 5.36156L16.4289 4.62382L19.3798 7.57476L18.6421 8.3125Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M15.6907 7.5752L14.5841 6.4686L15.3218 5.73089L16.4284 6.83748L15.6907 7.5752Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M17.5349 9.41992L16.4283 8.31332L17.166 7.57561L18.2726 8.68221L17.5349 9.41992Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M17.9036 5.36133L16.797 4.25473L17.5347 3.51699L18.6413 4.62358L17.9036 5.36133Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M19.749 7.20703L18.6424 6.10043L19.3802 5.36269L20.4868 6.46929L19.749 7.20703Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M4.25415 16.7939L7.20509 19.7449L6.46735 20.4826L3.51641 17.5317L4.25415 16.7939Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M7.20483 17.5312L8.31143 18.6378L7.57372 19.3756L6.46712 18.269L7.20483 17.5312Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M5.36035 15.6875L6.46695 16.7941L5.72921 17.5318L4.62261 16.4252L5.36035 15.6875Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M6.46704 14.5801L9.41798 17.531L8.68024 18.2688L5.7293 15.3178L6.46704 14.5801Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M7.20483 4.25293L4.25389 7.20387L3.51615 6.46613L6.46709 3.51519L7.20483 4.25293Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M8.31128 5.35938L5.36034 8.31032L4.6226 7.57257L7.57354 4.62163L8.31128 5.35938Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M9.41895 6.4668L6.468 9.41774L5.73029 8.68003L8.68123 5.72909L9.41895 6.4668Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_2982\">\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":"24HAaA,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-icons194.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons678.cjs");require("./kong-icons679.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-eb3cc92a"]]);exports.default=u;
+"use strict";
 //# sourceMappingURL=kong-icons194.cjs.map

package/dist/kong-icons195.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons680.cjs");require("./kong-icons681.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-21368302"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),n=t=>(e.pushScopeId("data-v-bddf6c2c"),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-icons195.cjs.map

package/dist/kong-icons195.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons195.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons195.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 Thu, 06 Jun 2024 01:25:44 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":"gsFAaA,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-icons196.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons682.cjs");require("./kong-icons683.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-c16070b5"]]);exports.default=u;
+"use strict";
 //# sourceMappingURL=kong-icons196.cjs.map

package/dist/kong-icons197.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons684.cjs");require("./kong-icons685.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-67ca55f3"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons513.cjs"),a=t=>(e.pushScopeId("data-v-fbf3612d"),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_5603)"},[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.4785 12H24.0002C24.0002 10.9169 23.8559 9.86768 23.5868 8.86957H11.4785V12Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M11.4785 5.73916H22.239C21.5044 4.54047 20.5651 3.48095 19.47 2.6087H11.4785V5.73916Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12.0001 24C14.8243 24 17.4201 23.0239 19.4699 21.3914H4.53027C6.58012 23.0239 9.17591 24 12.0001 24Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M1.76146 18.2609H22.2389C22.8286 17.2986 23.286 16.2467 23.5868 15.1304H0.413574C0.714371 16.2467 1.17173 17.2986 1.76146 18.2609Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M5.55863 1.87397H6.65217L5.63498 2.61295L6.02353 3.80869L5.00639 3.0697L3.98925 3.80869L4.32487 2.7757C3.42928 3.52172 2.64431 4.39575 1.99744 5.36963H2.34783L1.70034 5.84002C1.59947 6.0083 1.50272 6.17925 1.41 6.35273L1.71919 7.30434L1.14234 6.88523C0.998953 7.18903 0.867797 7.49967 0.749906 7.81678L1.09055 8.86528H2.34783L1.33064 9.60427L1.71919 10.8L0.702047 10.061L0.0927656 10.5037C0.0317812 10.9939 0 11.4932 0 12H12C12 5.37262 12 4.59131 12 0C9.62944 0 7.41961 0.687656 5.55863 1.87397ZM6.02353 10.8L5.00639 10.061L3.98925 10.8L4.3778 9.60427L3.36061 8.86528H4.61789L5.00639 7.66955L5.39489 8.86528H6.65217L5.63498 9.60427L6.02353 10.8ZM5.63498 6.10861L6.02353 7.30434L5.00639 6.56536L3.98925 7.30434L4.3778 6.10861L3.36061 5.36963H4.61789L5.00639 4.17389L5.39489 5.36963H6.65217L5.63498 6.10861ZM10.3279 10.8L9.31073 10.061L8.29359 10.8L8.68214 9.60427L7.66495 8.86528H8.92223L9.31073 7.66955L9.69923 8.86528H10.9565L9.93933 9.60427L10.3279 10.8ZM9.93933 6.10861L10.3279 7.30434L9.31073 6.56536L8.29359 7.30434L8.68214 6.10861L7.66495 5.36963H8.92223L9.31073 4.17389L9.69923 5.36963H10.9565L9.93933 6.10861ZM9.93933 2.61295L10.3279 3.80869L9.31073 3.0697L8.29359 3.80869L8.68214 2.61295L7.66495 1.87397H8.92223L9.31073 0.678234L9.69923 1.87397H10.9565L9.93933 2.61295Z",fill:"#0052B4"})],-1)),L=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5603"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),p=e.defineComponent({__name:"FlagUsIcon",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-us-icon","data-testid":"kui-icon-wrapper-flag-us-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-us-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,L],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
 //# sourceMappingURL=kong-icons197.cjs.map

package/dist/kong-icons197.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons197.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons197.cjs","sources":["../src/components/flags/FlagUsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagUsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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-us-icon\"\n    data-testid=\"kui-icon-wrapper-flag-us-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-us-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_5603)\">\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.4785 12H24.0002C24.0002 10.9169 23.8559 9.86768 23.5868 8.86957H11.4785V12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.4785 5.73916H22.239C21.5044 4.54047 20.5651 3.48095 19.47 2.6087H11.4785V5.73916Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.0001 24C14.8243 24 17.4201 23.0239 19.4699 21.3914H4.53027C6.58012 23.0239 9.17591 24 12.0001 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M1.76146 18.2609H22.2389C22.8286 17.2986 23.286 16.2467 23.5868 15.1304H0.413574C0.714371 16.2467 1.17173 17.2986 1.76146 18.2609Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M5.55863 1.87397H6.65217L5.63498 2.61295L6.02353 3.80869L5.00639 3.0697L3.98925 3.80869L4.32487 2.7757C3.42928 3.52172 2.64431 4.39575 1.99744 5.36963H2.34783L1.70034 5.84002C1.59947 6.0083 1.50272 6.17925 1.41 6.35273L1.71919 7.30434L1.14234 6.88523C0.998953 7.18903 0.867797 7.49967 0.749906 7.81678L1.09055 8.86528H2.34783L1.33064 9.60427L1.71919 10.8L0.702047 10.061L0.0927656 10.5037C0.0317812 10.9939 0 11.4932 0 12H12C12 5.37262 12 4.59131 12 0C9.62944 0 7.41961 0.687656 5.55863 1.87397ZM6.02353 10.8L5.00639 10.061L3.98925 10.8L4.3778 9.60427L3.36061 8.86528H4.61789L5.00639 7.66955L5.39489 8.86528H6.65217L5.63498 9.60427L6.02353 10.8ZM5.63498 6.10861L6.02353 7.30434L5.00639 6.56536L3.98925 7.30434L4.3778 6.10861L3.36061 5.36963H4.61789L5.00639 4.17389L5.39489 5.36963H6.65217L5.63498 6.10861ZM10.3279 10.8L9.31073 10.061L8.29359 10.8L8.68214 9.60427L7.66495 8.86528H8.92223L9.31073 7.66955L9.69923 8.86528H10.9565L9.93933 9.60427L10.3279 10.8ZM9.93933 6.10861L10.3279 7.30434L9.31073 6.56536L8.29359 7.30434L8.68214 6.10861L7.66495 5.36963H8.92223L9.31073 4.17389L9.69923 5.36963H10.9565L9.93933 6.10861ZM9.93933 2.61295L10.3279 3.80869L9.31073 3.0697L8.29359 3.80869L8.68214 2.61295L7.66495 1.87397H8.92223L9.31073 0.678234L9.69923 1.87397H10.9565L9.93933 2.61295Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5603\">\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":"4mGAaA,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-icons198.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons686.cjs");require("./kong-icons687.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-ffa4b45b"]]);exports.default=u;
+"use strict";
 //# sourceMappingURL=kong-icons198.cjs.map

package/dist/kong-icons199.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons688.cjs");require("./kong-icons689.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-98e60ab3"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kong-icons513.cjs"),n=t=>(e.pushScopeId("data-v-bc1adafd"),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_4786)"},[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:"M3.51471 20.4853C-1.17157 15.7989 -1.17157 8.20098 3.51471 3.51465C3.51438 3.51516 10.4348 12 10.4348 12L3.51471 20.4853Z",fill:"black"}),e.createElementVNode("path",{d:"M10.4349 12.0004L1.59162 6.02441C1.31745 6.50099 1.07567 6.99843 0.86792 7.5133L5.3449 12.0004L0.868061 16.4878C1.07562 17.0023 1.31717 17.4994 1.59115 17.9756L10.4349 12.0004Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M23.8984 10.4346H10.4345L3.51458 3.51465C2.76889 4.26034 2.12103 5.10366 1.59153 6.02387L7.55586 11.9998L1.59106 17.9749C2.12056 18.8954 2.7687 19.739 3.51458 20.4849L10.4345 13.565H23.8984C23.9651 13.0526 24 12.5303 24 11.9998C24 11.4693 23.9651 10.9469 23.8984 10.4346Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M4.69385 21.5196C6.71739 23.075 9.25038 24.0004 11.9999 24.0004C17.5442 24.0004 22.2095 20.24 23.5865 15.1309H11.0827L4.69385 21.5196Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M23.5865 8.86955C22.2095 3.76036 17.5442 0 11.9999 0C9.25038 0 6.71739 0.925359 4.69385 2.48077L11.0826 8.86955H23.5865Z",fill:"#D80027"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1415_4786"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagZaIcon",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,""),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 a=String(i.size).replace(/px/gi,""),l=Number(a);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return o.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(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-za-icon","data-testid":"kui-icon-wrapper-flag-za-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-za-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-icons199.cjs.map

package/dist/kong-icons199.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons199.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons199.cjs","sources":["../src/components/flags/FlagZaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagZaIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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-za-icon\"\n    data-testid=\"kui-icon-wrapper-flag-za-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-za-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_4786)\">\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=\"M3.51471 20.4853C-1.17157 15.7989 -1.17157 8.20098 3.51471 3.51465C3.51438 3.51516 10.4348 12 10.4348 12L3.51471 20.4853Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M10.4349 12.0004L1.59162 6.02441C1.31745 6.50099 1.07567 6.99843 0.86792 7.5133L5.3449 12.0004L0.868061 16.4878C1.07562 17.0023 1.31717 17.4994 1.59115 17.9756L10.4349 12.0004Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M23.8984 10.4346H10.4345L3.51458 3.51465C2.76889 4.26034 2.12103 5.10366 1.59153 6.02387L7.55586 11.9998L1.59106 17.9749C2.12056 18.8954 2.7687 19.739 3.51458 20.4849L10.4345 13.565H23.8984C23.9651 13.0526 24 12.5303 24 11.9998C24 11.4693 23.9651 10.9469 23.8984 10.4346Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M4.69385 21.5196C6.71739 23.075 9.25038 24.0004 11.9999 24.0004C17.5442 24.0004 22.2095 20.24 23.5865 15.1309H11.0827L4.69385 21.5196Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.5865 8.86955C22.2095 3.76036 17.5442 0 11.9999 0C9.25038 0 6.71739 0.925359 4.69385 2.48077L11.0826 8.86955H23.5865Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_4786\">\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":"yxEAaA,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-icons2.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons320.cjs");require("./kong-icons321.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-5600edbc"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons172.cjs");require("./kong-icons173.cjs");const u=require("./kong-icons174.cjs"),t=u.default(e.default,[["__scopeId","data-v-ae768522"]]);exports.default=t;
 //# sourceMappingURL=kong-icons2.cjs.map

package/dist/kong-icons20.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons356.cjs");require("./kong-icons357.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-795f07bc"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons209.cjs");require("./kong-icons210.cjs");const u=require("./kong-icons174.cjs"),t=u.default(e.default,[["__scopeId","data-v-ad8c0c37"]]);exports.default=t;
 //# sourceMappingURL=kong-icons20.cjs.map

package/dist/kong-icons200.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons690.cjs");require("./kong-icons691.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-f5b275ee"]]);exports.default=u;
+"use strict";
 //# sourceMappingURL=kong-icons200.cjs.map

package/dist/kong-icons201.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons692.cjs");require("./kong-icons693.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-5c62a38b"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),s=t=>(e.pushScopeId("data-v-9ddfb3b6"),t=t(),e.popScopeId(),t),d=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=s(()=>e.createElementVNode("path",{d:"M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z",fill:"black"},null,-1)),p=e.defineComponent({__name:"AppleIcon",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 n=String(i.size).replace(/px/gi,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return a.KUI_ICON_SIZE_50}),l=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 apple-icon","data-testid":"kui-icon-wrapper-apple-icon",style:e.normalizeStyle(l.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-apple-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],8,d))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
 //# sourceMappingURL=kong-icons201.cjs.map

package/dist/kong-icons201.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons201.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons201.cjs","sources":["../src/components/multi-color/AppleIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AppleIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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 apple-icon\"\n    data-testid=\"kui-icon-wrapper-apple-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-apple-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      <path\n        d=\"M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z\"\n        fill=\"black\"\n      />\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":"wwDAaA,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-icons202.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons694.cjs");require("./kong-icons695.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-d0902312"]]);exports.default=u;
+"use strict";
 //# sourceMappingURL=kong-icons202.cjs.map

package/dist/kong-icons203.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons696.cjs");require("./kong-icons697.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-57713527"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./kong-icons513.cjs"),o=t=>(e.pushScopeId("data-v-7e528d85"),t=t(),e.popScopeId(),t),d=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},c=o(()=>e.createElementVNode("path",{d:"M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z",fill:"#252F3E"},null,-1)),u=o(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z",fill:"#FF9900","fill-rule":"evenodd"},null,-1)),p=o(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z",fill:"#FF9900","fill-rule":"evenodd"},null,-1)),f=e.defineComponent({__name:"AwsIcon",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 C=String(t).replace(/px/gi,""),i=Number(C);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const C=t,i=e.computed(()=>{if(typeof C.size=="number"&&C.size>0)return`${C.size}px`;if(typeof C.size=="string"){const n=String(C.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return l.KUI_ICON_SIZE_50}),a=e.computed(()=>({boxSizing:"border-box",color:C.color,display:C.display,height:i.value,lineHeight:"0",width:i.value}));return(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon aws-icon","data-testid":"kui-icon-wrapper-aws-icon",style:e.normalizeStyle(a.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-aws-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),c,u,p],8,d))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons203.cjs.map