@kong/icons 1.9.3-pr.317.03f5f20.0 → 1.10.0

package/dist/kong-icons332.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons876.cjs"),a=t=>(e.pushScopeId("data-v-64f499e4"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2259)"},[e.createElementVNode("path",{d:"M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z",fill:"#D80027"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2259"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAmIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:n.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return n.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-am-icon","data-testid":"kui-icon-wrapper-flag-am-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-am-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;
+"use strict";
 //# sourceMappingURL=kong-icons332.cjs.map

package/dist/kong-icons332.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons332.cjs","sources":["../src/components/flags/FlagAmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 18:49:03 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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-am-icon\"\n    data-testid=\"kui-icon-wrapper-flag-am-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-am-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_1_2259)\">\n        <path\n          d=\"M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2259\">\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":"6oDAaA,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"}
+{"version":3,"file":"kong-icons332.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons333.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),d=t=>(e.pushScopeId("data-v-764662c0"),t=t(),e.popScopeId(),t),s=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=d(()=>e.createElementVNode("path",{d:"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"DownloadIcon",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,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,o=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,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return a.KUI_ICON_SIZE_50}),l=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:o.value,lineHeight:"0",width:o.value}));return(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon download-icon","data-testid":"kui-icon-wrapper-download-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-download-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,s))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
 //# sourceMappingURL=kong-icons333.cjs.map

package/dist/kong-icons333.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons333.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons333.cjs","sources":["../src/components/solid/DownloadIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DownloadIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 download-icon\"\n    data-testid=\"kui-icon-wrapper-download-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-download-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      >{{ title }}</title>\n      <path\n        d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z\"\n        fill=\"currentColor\"\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":"ynCAaA,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-icons334.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-431ab61c"),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_1_2255)"},[e.createElementVNode("path",{d:"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12",fill:"black"}),e.createElementVNode("path",{d:"M10.3546 9.54414L11.3719 10.2824L10.9842 11.4781L12.0007 10.7386L13.0181 11.4769L12.629 10.2816L13.6454 9.54217L12.3884 9.54292L11.9992 8.34766L11.6115 9.54334L10.3546 9.54414Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M15 6.80381C14.0544 6.25785 13.0205 6.00018 12 6.00196V7.56684C12.7543 7.56548 13.5184 7.75579 14.2174 8.15938C16.3351 9.38207 17.0633 12.0997 15.8406 14.2174C14.6179 16.3351 11.9003 17.0633 9.78257 15.8407C9.1656 15.4844 8.66756 15.0008 8.30043 14.4427L6.99374 15.3053C7.49048 16.0604 8.16529 16.7142 8.99999 17.1961C11.8652 18.8503 15.5419 17.8651 17.1961 14.9999C18.8503 12.1348 17.8652 8.45803 15 6.80381V6.80381Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M8.54016 10.9565C8.12531 11.7149 8.40385 12.6661 9.16219 13.0809L14.2457 15.8587C13.9 16.4907 14.0836 17.2598 14.7156 17.6055L16.0888 18.3567C16.7207 18.7024 17.5134 18.4703 17.8591 17.8384L18.6103 16.4652L8.54016 10.9565Z",fill:"#FFDA44"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2255"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAoIcon",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 l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}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(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-ao-icon","data-testid":"kui-icon-wrapper-flag-ao-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-ao-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;
+"use strict";
 //# sourceMappingURL=kong-icons334.cjs.map

package/dist/kong-icons334.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons334.cjs","sources":["../src/components/flags/FlagAoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 18:49:03 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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-ao-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ao-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ao-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_1_2255)\">\n        <path\n          d=\"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M10.3546 9.54414L11.3719 10.2824L10.9842 11.4781L12.0007 10.7386L13.0181 11.4769L12.629 10.2816L13.6454 9.54217L12.3884 9.54292L11.9992 8.34766L11.6115 9.54334L10.3546 9.54414Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15 6.80381C14.0544 6.25785 13.0205 6.00018 12 6.00196V7.56684C12.7543 7.56548 13.5184 7.75579 14.2174 8.15938C16.3351 9.38207 17.0633 12.0997 15.8406 14.2174C14.6179 16.3351 11.9003 17.0633 9.78257 15.8407C9.1656 15.4844 8.66756 15.0008 8.30043 14.4427L6.99374 15.3053C7.49048 16.0604 8.16529 16.7142 8.99999 17.1961C11.8652 18.8503 15.5419 17.8651 17.1961 14.9999C18.8503 12.1348 17.8652 8.45803 15 6.80381V6.80381Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M8.54016 10.9565C8.12531 11.7149 8.40385 12.6661 9.16219 13.0809L14.2457 15.8587C13.9 16.4907 14.0836 17.2598 14.7156 17.6055L16.0888 18.3567C16.7207 18.7024 17.5134 18.4703 17.8591 17.8384L18.6103 16.4652L8.54016 10.9565Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2255\">\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":"owEAaA,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"}
+{"version":3,"file":"kong-icons334.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons335.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"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-f4a2ee97"),t=t(),e.popScopeId(),t),d=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=s(()=>e.createElementVNode("path",{d:"M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"DragIcon",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 drag-icon","data-testid":"kui-icon-wrapper-drag-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-drag-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=C;
 //# sourceMappingURL=kong-icons335.cjs.map

package/dist/kong-icons335.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons335.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons335.cjs","sources":["../src/components/solid/DragIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DragIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 drag-icon\"\n    data-testid=\"kui-icon-wrapper-drag-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-drag-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      >{{ title }}</title>\n      <path\n        d=\"M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z\"\n        fill=\"currentColor\"\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":"kjFAaA,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-icons336.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-ae125a7e"),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_1_2258)"},[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.24245 0 3.1317 2.76867 1.1907 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.1907C3.1317 21.2312 7.24245 23.9999 12 23.9999Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M15.5866 11.9998L14.1211 12.6892L14.9015 14.1085L13.3101 13.804L13.1085 15.4117L12 14.2293L10.8915 15.4117L10.6899 13.804L9.09849 14.1085L9.87886 12.6891L8.41336 11.9998L9.87891 11.3104L9.09849 9.89111L10.6898 10.1955L10.8915 8.58789L12 9.77027L13.1085 8.58789L13.3101 10.1955L14.9016 9.89111L14.1211 11.3104L15.5866 11.9998Z",fill:"#FFDA44"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2258"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagArIcon",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 l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}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(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-ar-icon","data-testid":"kui-icon-wrapper-flag-ar-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-ar-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;
+"use strict";
 //# sourceMappingURL=kong-icons336.cjs.map

package/dist/kong-icons336.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons336.cjs","sources":["../src/components/flags/FlagArIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagArIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 18:49:03 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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-ar-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ar-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ar-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_1_2258)\">\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.24245 0 3.1317 2.76867 1.1907 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.1907C3.1317 21.2312 7.24245 23.9999 12 23.9999Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M15.5866 11.9998L14.1211 12.6892L14.9015 14.1085L13.3101 13.804L13.1085 15.4117L12 14.2293L10.8915 15.4117L10.6899 13.804L9.09849 14.1085L9.87886 12.6891L8.41336 11.9998L9.87891 11.3104L9.09849 9.89111L10.6898 10.1955L10.8915 8.58789L12 9.77027L13.1085 8.58789L13.3101 10.1955L14.9016 9.89111L14.1211 11.3104L15.5866 11.9998Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2258\">\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":"k4DAaA,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"}
+{"version":3,"file":"kong-icons336.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons337.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),d=t=>(e.pushScopeId("data-v-a32fdc66"),t=t(),e.popScopeId(),t),s=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=d(()=>e.createElementVNode("path",{d:"M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3042 2.75 17.8625 2.75C18.4208 2.75 18.8917 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.57083 21.275 6.1125C21.2917 6.65417 21.1083 7.11667 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"EditIcon",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 edit-icon","data-testid":"kui-icon-wrapper-edit-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-edit-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,s))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
 //# sourceMappingURL=kong-icons337.cjs.map

package/dist/kong-icons337.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons337.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons337.cjs","sources":["../src/components/solid/EditIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * EditIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 edit-icon\"\n    data-testid=\"kui-icon-wrapper-edit-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-edit-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      >{{ title }}</title>\n      <path\n        d=\"M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3042 2.75 17.8625 2.75C18.4208 2.75 18.8917 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.57083 21.275 6.1125C21.2917 6.65417 21.1083 7.11667 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4Z\"\n        fill=\"currentColor\"\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":"utCAaA,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-icons338.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-92cfb936"),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_1_2253)"},[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:"M17.8217 1.50525C16.0974 0.54675 14.1127 0 12 0C5.37309 0 0.00084375 5.37178 0 11.9986L8.34783 7.82611L17.8217 1.50525Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M0 12.0015C0.00084375 18.6283 5.37309 24.0001 12 24.0001C14.1127 24.0001 16.0974 23.4534 17.8217 22.4948L8.34783 16.1739L0 12.0015Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M18.8217 2.12721C18.4994 1.90414 18.1654 1.69667 17.8213 1.50537L0 11.9985V11.9999C0 11.9999 0 12.0009 0 12.0013L17.8213 22.4944C18.1655 22.3031 18.4994 22.0957 18.8218 21.8726L2.05416 11.9999L18.8217 2.12721Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M20.8695 11.5526H19.4401C19.8118 11.1063 19.7889 10.4424 19.3702 10.0238C19.8137 9.58029 19.8137 8.86118 19.3702 8.4176L19.3434 8.44441C19.7869 8.00093 19.8137 7.25501 19.3702 6.81152L12.9457 13.236C13.3892 13.6796 14.0957 13.6743 14.5392 13.2308L14.6628 13.1178L17.7391 12.8381V14.1612H18.7826V12.7432L20.3478 12.601L20.8695 11.5526Z",fill:"#A2001D"}),e.createElementVNode("path",{d:"M13.0439 14.6089L12 14.0872L13.0439 13.5654H19.8264V14.6089H13.0439Z",fill:"#FFDA44"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2253"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAsIcon",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-as-icon","data-testid":"kui-icon-wrapper-flag-as-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-as-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;
+"use strict";
 //# sourceMappingURL=kong-icons338.cjs.map

package/dist/kong-icons338.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons338.cjs","sources":["../src/components/flags/FlagAsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 18:49:03 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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-as-icon\"\n    data-testid=\"kui-icon-wrapper-flag-as-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-as-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_1_2253)\">\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=\"M17.8217 1.50525C16.0974 0.54675 14.1127 0 12 0C5.37309 0 0.00084375 5.37178 0 11.9986L8.34783 7.82611L17.8217 1.50525Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0 12.0015C0.00084375 18.6283 5.37309 24.0001 12 24.0001C14.1127 24.0001 16.0974 23.4534 17.8217 22.4948L8.34783 16.1739L0 12.0015Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M18.8217 2.12721C18.4994 1.90414 18.1654 1.69667 17.8213 1.50537L0 11.9985V11.9999C0 11.9999 0 12.0009 0 12.0013L17.8213 22.4944C18.1655 22.3031 18.4994 22.0957 18.8218 21.8726L2.05416 11.9999L18.8217 2.12721Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M20.8695 11.5526H19.4401C19.8118 11.1063 19.7889 10.4424 19.3702 10.0238C19.8137 9.58029 19.8137 8.86118 19.3702 8.4176L19.3434 8.44441C19.7869 8.00093 19.8137 7.25501 19.3702 6.81152L12.9457 13.236C13.3892 13.6796 14.0957 13.6743 14.5392 13.2308L14.6628 13.1178L17.7391 12.8381V14.1612H18.7826V12.7432L20.3478 12.601L20.8695 11.5526Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M13.0439 14.6089L12 14.0872L13.0439 13.5654H19.8264V14.6089H13.0439Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2253\">\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":"4zEAaA,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"}
+{"version":3,"file":"kong-icons338.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons339.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"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-0cdafba5"),t=t(),e.popScopeId(),t),d=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=s(()=>e.createElementVNode("path",{d:"M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"EmailIcon",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 email-icon","data-testid":"kui-icon-wrapper-email-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-email-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=C;
 //# sourceMappingURL=kong-icons339.cjs.map

package/dist/kong-icons339.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons339.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons339.cjs","sources":["../src/components/solid/EmailIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * EmailIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 email-icon\"\n    data-testid=\"kui-icon-wrapper-email-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-email-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      >{{ title }}</title>\n      <path\n        d=\"M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z\"\n        fill=\"currentColor\"\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":"g6EAaA,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-icons34.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons384.cjs");require("./kong-icons385.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-7d678c3a"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons237.cjs");require("./kong-icons238.cjs");const t=require("./kong-icons174.cjs"),r=t.default(e.default,[["__scopeId","data-v-4606c2ef"]]);exports.default=r;
 //# sourceMappingURL=kong-icons34.cjs.map

package/dist/kong-icons340.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons876.cjs"),a=t=>(e.pushScopeId("data-v-031fc058"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2262)"},[e.createElementVNode("path",{d:"M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z",fill:"#D80027"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2262"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAtIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:n.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return n.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-at-icon","data-testid":"kui-icon-wrapper-flag-at-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-at-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;
+"use strict";
 //# sourceMappingURL=kong-icons340.cjs.map

package/dist/kong-icons340.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons340.cjs","sources":["../src/components/flags/FlagAtIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAtIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 18:49:03 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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-at-icon\"\n    data-testid=\"kui-icon-wrapper-flag-at-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-at-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_1_2262)\">\n        <path\n          d=\"M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2262\">\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":"0nDAaA,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"}
+{"version":3,"file":"kong-icons340.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons341.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"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-15026ecb"),t=t(),e.popScopeId(),t),u=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},d=s(()=>e.createElementVNode("path",{d:"M4 17V14H20V17H4ZM4 10V7H20V10H4Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"EqualIcon",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 equal-icon","data-testid":"kui-icon-wrapper-equal-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-equal-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),d],8,u))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
 //# sourceMappingURL=kong-icons341.cjs.map

package/dist/kong-icons341.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons341.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons341.cjs","sources":["../src/components/solid/EqualIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * EqualIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 equal-icon\"\n    data-testid=\"kui-icon-wrapper-equal-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-equal-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      >{{ title }}</title>\n      <path\n        d=\"M4 17V14H20V17H4ZM4 10V7H20V10H4Z\"\n        fill=\"currentColor\"\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":"g7BAaA,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-icons342.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-4df29614"),t=t(),e.popScopeId(),t),L=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},s=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_3694)"},[e.createElementVNode("path",{d:"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0028 12 0.00135937 12 0C18.6274 0 24 5.37262 24 12Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12.0001 0C11.9994 0 11.9987 4.6875e-05 11.998 4.6875e-05L12.0001 0Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M11.9678 12H11.9999C11.9999 11.9891 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 6.26092C12 4.14944 12 2.76583 12 6.10352e-05H11.998C5.3715 0.00113916 0 5.37325 0 12H6.26086V8.47445L9.78642 12H11.9679C11.9787 11.9893 11.9894 11.9786 12 11.9679C12 11.1595 12 10.4381 12 9.78653L8.47444 6.26092H12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M6.07124 1.56522C4.19441 2.63392 2.63413 4.1942 1.56543 6.07103V12H4.69588V4.69572V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12.0003 10.5244L7.7369 6.26098H6.26123C6.26123 6.26093 6.26123 6.26098 6.26123 6.26098L12.0003 12H12.0003C12.0003 12 12.0003 10.9826 12.0003 10.5244Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M7.23729 14.087L7.89588 15.4641L9.38309 15.1203L8.71709 16.4939L9.91305 17.4423L8.42398 17.7779L8.42815 19.3043L7.23729 18.3494L6.04648 19.3043L6.05065 17.7779L4.56152 17.4423L5.75754 16.4939L5.09145 15.1203L6.57874 15.4641L7.23729 14.087Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M17.9663 16.6956L18.2956 17.3842L19.0392 17.2123L18.7062 17.8991L19.3042 18.3733L18.5596 18.5411L18.5617 19.3043L17.9663 18.8268L17.3709 19.3043L17.3729 18.5411L16.6284 18.3733L17.2264 17.8991L16.8934 17.2123L17.637 17.3842L17.9663 16.6956Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M14.9033 9.39133L15.2326 10.0799L15.9762 9.90798L15.6432 10.5947L16.2412 11.069L15.4967 11.2368L15.4987 12L14.9033 11.5225L14.3079 12L14.3099 11.2368L13.5654 11.069L14.1634 10.5947L13.8304 9.90798L14.574 10.0799L14.9033 9.39133Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M17.9663 5.21738L18.2956 5.90597L19.0392 5.73408L18.7062 6.42085L19.3041 6.89503L18.5596 7.06289L18.5617 7.82611L17.9663 7.3486L17.3709 7.82611L17.3729 7.06289L16.6284 6.89503L17.2264 6.42085L16.8934 5.73408L17.637 5.90597L17.9663 5.21738Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M20.6421 8.34784L20.9714 9.03643L21.715 8.8645L21.382 9.55126L21.98 10.0255L21.2354 10.1934L21.2375 10.9565L20.6421 10.4791L20.0467 10.9565L20.0487 10.1934L19.3042 10.0255L19.9022 9.55126L19.5692 8.8645L20.3128 9.03643L20.6421 8.34784Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M18.729 12L18.988 12.7972H19.8262L19.1481 13.2899L19.4072 14.087L18.729 13.5943L18.0509 14.087L18.3099 13.2899L17.6318 12.7972H18.47L18.729 12Z",fill:"#F0F0F0"})],-1)),u=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_3694"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),p=e.defineComponent({__name:"FlagAuIcon",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-au-icon","data-testid":"kui-icon-wrapper-flag-au-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-au-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),s,u],8,L))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
+"use strict";
 //# sourceMappingURL=kong-icons342.cjs.map

package/dist/kong-icons342.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons342.cjs","sources":["../src/components/flags/FlagAuIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAuIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 18:49:03 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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-au-icon\"\n    data-testid=\"kui-icon-wrapper-flag-au-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-au-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_246_3694)\">\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0028 12 0.00135937 12 0C18.6274 0 24 5.37262 24 12Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12.0001 0C11.9994 0 11.9987 4.6875e-05 11.998 4.6875e-05L12.0001 0Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9678 12H11.9999C11.9999 11.9891 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 6.26092C12 4.14944 12 2.76583 12 6.10352e-05H11.998C5.3715 0.00113916 0 5.37325 0 12H6.26086V8.47445L9.78642 12H11.9679C11.9787 11.9893 11.9894 11.9786 12 11.9679C12 11.1595 12 10.4381 12 9.78653L8.47444 6.26092H12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.07124 1.56522C4.19441 2.63392 2.63413 4.1942 1.56543 6.07103V12H4.69588V4.69572V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.0003 10.5244L7.7369 6.26098H6.26123C6.26123 6.26093 6.26123 6.26098 6.26123 6.26098L12.0003 12H12.0003C12.0003 12 12.0003 10.9826 12.0003 10.5244Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M7.23729 14.087L7.89588 15.4641L9.38309 15.1203L8.71709 16.4939L9.91305 17.4423L8.42398 17.7779L8.42815 19.3043L7.23729 18.3494L6.04648 19.3043L6.05065 17.7779L4.56152 17.4423L5.75754 16.4939L5.09145 15.1203L6.57874 15.4641L7.23729 14.087Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M17.9663 16.6956L18.2956 17.3842L19.0392 17.2123L18.7062 17.8991L19.3042 18.3733L18.5596 18.5411L18.5617 19.3043L17.9663 18.8268L17.3709 19.3043L17.3729 18.5411L16.6284 18.3733L17.2264 17.8991L16.8934 17.2123L17.637 17.3842L17.9663 16.6956Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M14.9033 9.39133L15.2326 10.0799L15.9762 9.90798L15.6432 10.5947L16.2412 11.069L15.4967 11.2368L15.4987 12L14.9033 11.5225L14.3079 12L14.3099 11.2368L13.5654 11.069L14.1634 10.5947L13.8304 9.90798L14.574 10.0799L14.9033 9.39133Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M17.9663 5.21738L18.2956 5.90597L19.0392 5.73408L18.7062 6.42085L19.3041 6.89503L18.5596 7.06289L18.5617 7.82611L17.9663 7.3486L17.3709 7.82611L17.3729 7.06289L16.6284 6.89503L17.2264 6.42085L16.8934 5.73408L17.637 5.90597L17.9663 5.21738Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M20.6421 8.34784L20.9714 9.03643L21.715 8.8645L21.382 9.55126L21.98 10.0255L21.2354 10.1934L21.2375 10.9565L20.6421 10.4791L20.0467 10.9565L20.0487 10.1934L19.3042 10.0255L19.9022 9.55126L19.5692 8.8645L20.3128 9.03643L20.6421 8.34784Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M18.729 12L18.988 12.7972H19.8262L19.1481 13.2899L19.4072 14.087L18.729 13.5943L18.0509 14.087L18.3099 13.2899L17.6318 12.7972H18.47L18.729 12Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_3694\">\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":"owHAaA,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"}
+{"version":3,"file":"kong-icons342.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons343.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),d=t=>(e.pushScopeId("data-v-8c7fb7d1"),t=t(),e.popScopeId(),t),s=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=d(()=>e.createElementVNode("path",{d:"M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"ExpandIcon",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 expand-icon","data-testid":"kui-icon-wrapper-expand-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-expand-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,s))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
 //# sourceMappingURL=kong-icons343.cjs.map

package/dist/kong-icons343.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons343.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons343.cjs","sources":["../src/components/solid/ExpandIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ExpandIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 expand-icon\"\n    data-testid=\"kui-icon-wrapper-expand-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-expand-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      >{{ title }}</title>\n      <path\n        d=\"M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z\"\n        fill=\"currentColor\"\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":"w8BAaA,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-icons344.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-b4109a36"),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_1_2260)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M0.953857 16.6958C1.18519 17.2394 1.45561 17.7621 1.76128 18.261H22.2387C22.5444 17.7621 22.8148 17.2393 23.0462 16.6958H0.953857Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M5.49922 7.56868L3.15472 6.53396L5.49922 5.49924L6.5339 3.15479L7.56857 5.49924L9.91302 6.53396L7.56857 7.56868L6.5339 9.91313L5.49922 7.56868Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M6.5339 4.44678L7.17285 5.8947L8.62082 6.53375L7.17285 7.17275L6.5339 8.62067L5.89485 7.17275L4.44693 6.53375L5.89485 5.8947L6.5339 4.44678Z",fill:"#D80027"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2260"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAwIcon",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-aw-icon","data-testid":"kui-icon-wrapper-flag-aw-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-aw-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;
+"use strict";
 //# sourceMappingURL=kong-icons344.cjs.map

package/dist/kong-icons344.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons344.cjs","sources":["../src/components/flags/FlagAwIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAwIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 18:49:03 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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-aw-icon\"\n    data-testid=\"kui-icon-wrapper-flag-aw-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-aw-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_1_2260)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M0.953857 16.6958C1.18519 17.2394 1.45561 17.7621 1.76128 18.261H22.2387C22.5444 17.7621 22.8148 17.2393 23.0462 16.6958H0.953857Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M5.49922 7.56868L3.15472 6.53396L5.49922 5.49924L6.5339 3.15479L7.56857 5.49924L9.91302 6.53396L7.56857 7.56868L6.5339 9.91313L5.49922 7.56868Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.5339 4.44678L7.17285 5.8947L8.62082 6.53375L7.17285 7.17275L6.5339 8.62067L5.89485 7.17275L4.44693 6.53375L5.89485 5.8947L6.5339 4.44678Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2260\">\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":"ynEAaA,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"}
+{"version":3,"file":"kong-icons344.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons345.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./kong-icons513.cjs"),s=t=>(e.pushScopeId("data-v-78b37616"),t=t(),e.popScopeId(),t),d=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=s(()=>e.createElementVNode("path",{d:"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"ExternalLinkIcon",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 o=String(i.size).replace(/px/gi,""),n=Number(o);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return`${n}px`}return l.KUI_ICON_SIZE_50}),a=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon external-link-icon","data-testid":"kui-icon-wrapper-external-link-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-external-link-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-icons345.cjs.map

package/dist/kong-icons345.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons345.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons345.cjs","sources":["../src/components/solid/ExternalLinkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ExternalLinkIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 external-link-icon\"\n    data-testid=\"kui-icon-wrapper-external-link-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-external-link-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      >{{ title }}</title>\n      <path\n        d=\"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z\"\n        fill=\"currentColor\"\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":"urCAaA,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-icons346.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-2e208530"),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_1_2263)"},[e.createElementVNode("path",{d:"M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M12.2609 15.3914C10.388 15.3914 8.86958 13.873 8.86958 12.0001C8.86958 10.1272 10.388 8.6088 12.2609 8.6088C12.8449 8.6088 13.3944 8.75645 13.8741 9.01642C13.1215 8.28044 12.0923 7.82617 10.9565 7.82617C8.65133 7.82617 6.78265 9.69489 6.78265 12.0001C6.78265 14.3052 8.65137 16.174 10.9565 16.174C12.0923 16.174 13.1215 15.7197 13.8741 14.9837C13.3944 15.2438 12.8449 15.3914 12.2609 15.3914Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M14.8696 9.65234L15.3188 10.9157L16.5297 10.34L15.9541 11.5509L17.2174 12.0002L15.9541 12.4494L16.5297 13.6604L15.3188 13.0847L14.8696 14.348L14.4204 13.0847L13.2094 13.6604L13.7851 12.4494L12.5217 12.0002L13.7851 11.5509L13.2094 10.34L14.4204 10.9157L14.8696 9.65234Z",fill:"#F0F0F0"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2263"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAzIcon",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 l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}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(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-az-icon","data-testid":"kui-icon-wrapper-flag-az-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-az-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;
+"use strict";
 //# sourceMappingURL=kong-icons346.cjs.map

package/dist/kong-icons346.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons346.cjs","sources":["../src/components/flags/FlagAzIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAzIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 18:49:03 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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-az-icon\"\n    data-testid=\"kui-icon-wrapper-flag-az-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-az-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_1_2263)\">\n        <path\n          d=\"M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12.2609 15.3914C10.388 15.3914 8.86958 13.873 8.86958 12.0001C8.86958 10.1272 10.388 8.6088 12.2609 8.6088C12.8449 8.6088 13.3944 8.75645 13.8741 9.01642C13.1215 8.28044 12.0923 7.82617 10.9565 7.82617C8.65133 7.82617 6.78265 9.69489 6.78265 12.0001C6.78265 14.3052 8.65137 16.174 10.9565 16.174C12.0923 16.174 13.1215 15.7197 13.8741 14.9837C13.3944 15.2438 12.8449 15.3914 12.2609 15.3914Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M14.8696 9.65234L15.3188 10.9157L16.5297 10.34L15.9541 11.5509L17.2174 12.0002L15.9541 12.4494L16.5297 13.6604L15.3188 13.0847L14.8696 14.348L14.4204 13.0847L13.2094 13.6604L13.7851 12.4494L12.5217 12.0002L13.7851 11.5509L13.2094 10.34L14.4204 10.9157L14.8696 9.65234Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2263\">\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":"u4EAaA,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"}
+{"version":3,"file":"kong-icons346.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons347.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),l=t=>(e.pushScopeId("data-v-53b68391"),t=t(),e.popScopeId(),t),u=["aria-hidden"],d={key:0,"data-testid":"kui-icon-svg-title"},c=l(()=>e.createElementVNode("path",{d:"M2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM4 17.175L5.175 16H20V4H4V17.175Z",fill:"currentColor"},null,-1)),f=e.defineComponent({__name:"FeatureRequestIcon",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}),s=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 feature-request-icon","data-testid":"kui-icon-wrapper-feature-request-icon",style:e.normalizeStyle(s.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-feature-request-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",d,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),c],8,u))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons347.cjs.map

package/dist/kong-icons347.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons347.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons347.cjs","sources":["../src/components/solid/FeatureRequestIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FeatureRequestIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 feature-request-icon\"\n    data-testid=\"kui-icon-wrapper-feature-request-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-feature-request-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      >{{ title }}</title>\n      <path\n        d=\"M2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM4 17.175L5.175 16H20V4H4V17.175Z\"\n        fill=\"currentColor\"\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":"0pCAaA,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-icons348.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-b34bb07e"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},L=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2280)"},[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.74515 0 4.00781 2.21452 1.87706 5.5537L18.1501 22.3054C21.6537 20.21 24 16.3792 24 12C24 5.37262 18.6274 0 12 0Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M24 12C24 8.88651 22.8142 6.0502 20.8696 3.91748V20.0827C22.8142 17.9499 24 15.1136 24 12Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M14.9901 22.5877L16.2471 22.5869L16.6348 21.3912L17.024 22.5864L17.6544 22.586C18.041 22.3791 18.4149 22.1517 18.7747 21.905L2.0948 5.2251C1.81992 5.62616 1.56923 6.04494 1.34381 6.479L1.49203 6.93425L2.74898 6.93346L1.73255 7.67291L2.1217 8.86818L1.10433 8.12999L0.497531 8.57136C0.174047 9.65774 0 10.8085 0 11.9999C0 18.6273 5.37262 23.9999 12 23.9999C13.4012 23.9999 14.7461 23.7593 15.9961 23.3178L14.9901 22.5877ZM2.67652 11.4782L3.06417 10.2825L2.04689 9.54421L3.30384 9.54341L3.69155 8.34768L4.0807 9.54294L5.33766 9.54214L4.32117 10.2816L4.71033 11.4769L3.69295 10.7387L2.67652 11.4782ZM5.26519 14.0869L5.65284 12.8912L4.63556 12.1529L5.89252 12.1521L6.28022 10.9564L6.66937 12.1516L7.92633 12.1508L6.90989 12.8903L7.29905 14.0855L6.28167 13.3474L5.26519 14.0869ZM7.85381 16.6956L8.24147 15.4999L7.22419 14.7616L8.48114 14.7608L8.86884 13.5651L9.258 14.7603L10.515 14.7595L9.49851 15.499L9.88767 16.6942L8.8703 15.956L7.85381 16.6956ZM11.4589 18.5648L10.4424 19.3042L10.8301 18.1085L9.81281 17.3703L11.0698 17.3695L11.4575 16.1737L11.8467 17.369L13.1036 17.3682L12.0872 18.1077L12.4763 19.3029L11.4589 18.5648ZM13.0311 21.9129L13.4188 20.7172L12.4015 19.979L13.6584 19.9782L14.0461 18.7824L14.4353 19.9777L15.6922 19.9769L14.6758 20.7163L15.065 21.9116L14.0476 21.1733L13.0311 21.9129Z",fill:"#0052B4"})],-1)),u=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2280"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),p=e.defineComponent({__name:"FlagBaIcon",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 l=String(i.size).replace(/px/gi,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}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(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-ba-icon","data-testid":"kui-icon-wrapper-flag-ba-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-ba-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),L,u],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
+"use strict";
 //# sourceMappingURL=kong-icons348.cjs.map

package/dist/kong-icons348.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons348.cjs","sources":["../src/components/flags/FlagBaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBaIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 18:49:03 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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-ba-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ba-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ba-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_1_2280)\">\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.74515 0 4.00781 2.21452 1.87706 5.5537L18.1501 22.3054C21.6537 20.21 24 16.3792 24 12C24 5.37262 18.6274 0 12 0Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M24 12C24 8.88651 22.8142 6.0502 20.8696 3.91748V20.0827C22.8142 17.9499 24 15.1136 24 12Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M14.9901 22.5877L16.2471 22.5869L16.6348 21.3912L17.024 22.5864L17.6544 22.586C18.041 22.3791 18.4149 22.1517 18.7747 21.905L2.0948 5.2251C1.81992 5.62616 1.56923 6.04494 1.34381 6.479L1.49203 6.93425L2.74898 6.93346L1.73255 7.67291L2.1217 8.86818L1.10433 8.12999L0.497531 8.57136C0.174047 9.65774 0 10.8085 0 11.9999C0 18.6273 5.37262 23.9999 12 23.9999C13.4012 23.9999 14.7461 23.7593 15.9961 23.3178L14.9901 22.5877ZM2.67652 11.4782L3.06417 10.2825L2.04689 9.54421L3.30384 9.54341L3.69155 8.34768L4.0807 9.54294L5.33766 9.54214L4.32117 10.2816L4.71033 11.4769L3.69295 10.7387L2.67652 11.4782ZM5.26519 14.0869L5.65284 12.8912L4.63556 12.1529L5.89252 12.1521L6.28022 10.9564L6.66937 12.1516L7.92633 12.1508L6.90989 12.8903L7.29905 14.0855L6.28167 13.3474L5.26519 14.0869ZM7.85381 16.6956L8.24147 15.4999L7.22419 14.7616L8.48114 14.7608L8.86884 13.5651L9.258 14.7603L10.515 14.7595L9.49851 15.499L9.88767 16.6942L8.8703 15.956L7.85381 16.6956ZM11.4589 18.5648L10.4424 19.3042L10.8301 18.1085L9.81281 17.3703L11.0698 17.3695L11.4575 16.1737L11.8467 17.369L13.1036 17.3682L12.0872 18.1077L12.4763 19.3029L11.4589 18.5648ZM13.0311 21.9129L13.4188 20.7172L12.4015 19.979L13.6584 19.9782L14.0461 18.7824L14.4353 19.9777L15.6922 19.9769L14.6758 20.7163L15.065 21.9116L14.0476 21.1733L13.0311 21.9129Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2280\">\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":"y1FAaA,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"}
+{"version":3,"file":"kong-icons348.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons349.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),c=t=>(e.pushScopeId("data-v-3a9857cf"),t=t(),e.popScopeId(),t),d=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=c(()=>e.createElementVNode("path",{d:"M12 15C12.2833 15 12.5208 14.9042 12.7125 14.7125C12.9042 14.5208 13 14.2833 13 14C13 13.7167 12.9042 13.4792 12.7125 13.2875C12.5208 13.0958 12.2833 13 12 13C11.7167 13 11.4792 13.0958 11.2875 13.2875C11.0958 13.4792 11 13.7167 11 14C11 14.2833 11.0958 14.5208 11.2875 14.7125C11.4792 14.9042 11.7167 15 12 15ZM11 11H13V5H11V11ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z",fill:"currentColor"},null,-1)),f=e.defineComponent({__name:"FeedbackIcon",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 feedback-icon","data-testid":"kui-icon-wrapper-feedback-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-feedback-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],8,d))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons349.cjs.map