@kong/icons 1.61.2 → 1.61.3-pr.885.e63bba2.0

package/dist/kong-icons388.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as y, computed as d, openBlock as c, createBlock as C, resolveDynamicComponent as b, normalizeStyle as L, withCtx as x, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kong-icons1691.es.js";
-const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6261)">
+import { defineComponent as C, computed as a, openBlock as u, createBlock as L, resolveDynamicComponent as x, normalizeStyle as w, withCtx as N, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as f } from "./kong-icons1691.es.js";
+import { createGradientId as I, applyColorGradient as $ } from "./kong-icons1692.es.js";
+const k = ["aria-hidden", "innerHTML"], g = `<g clip-path="url(#clip0_247_6261)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
 <path d="M11.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z" fill="#D80027"/>
 <path d="M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z" fill="black"/>
@@ -11,7 +12,7 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6261)">
 <clipPath id="clip0_247_6261">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, M = /* @__PURE__ */ y({
+</defs>`, _ = /* @__PURE__ */ C({
   __name: "FlagSyIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -42,13 +43,13 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6261)">
     size: {
       type: [Number, String],
       required: !1,
-      default: p,
+      default: f,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
+      validator: (i) => {
+        if (typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i) || typeof i == "number" && i > 0)
           return !0;
-        if (typeof t == "string") {
-          const e = String(t).replace(/px/gi, ""), n = Number(e);
+        if (typeof i == "string") {
+          const t = String(i).replace(/px/gi, ""), n = Number(t);
           if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
@@ -69,52 +70,92 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6261)">
     staticIds: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * The start color of an optional, dynamically-generated linear gradient.
+     * Accepts a hex, `rgb()`/`rgba()`, or CSS `var()` custom-property value.
+     * The gradient is applied only when both `colorGradientStart` and `colorGradientStop` are provided and valid,
+     * overriding any existing gradient or flat fills. Defaults to an empty string (no gradient).
+     */
+    colorGradientStart: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * The stop (end) color of an optional, dynamically-generated linear gradient.
+     * Accepts a hex, `rgb()`/`rgba()`, or CSS `var()` custom-property value.
+     * The gradient is applied only when both `colorGradientStart` and `colorGradientStop` are provided and valid,
+     * overriding any existing gradient or flat fills. Defaults to an empty string (no gradient).
+     */
+    colorGradientStop: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * The direction of the generated linear gradient, expressed as a standard CSS gradient angle
+     * (e.g. `45`, `"90deg"`) following the `linear-gradient()` convention (`0deg` points up, increasing clockwise).
+     * Invalid values fall back to the default. Defaults to `135deg` (top-left to bottom-right).
+     */
+    colorGradientDirection: {
+      type: [String, Number],
+      required: !1,
+      default: "135deg"
     }
   },
-  setup(t) {
-    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
-      if (n(e.size))
-        return e.size;
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
+  setup(i) {
+    const t = i, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), l = a(() => {
+      if (n(t.size))
+        return t.size;
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const r = String(t.size).replace(/px/gi, ""), e = Number(r);
+        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
+          return `${e}px`;
       }
-      return p;
-    }), f = d(() => ({
+      return f;
+    }), S = a(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: o.value,
+      height: l.value,
       lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const i = {}, S = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, s) => {
-        const l = `${S}-${s}`;
-        return i[s] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+      width: l.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), m = (r) => {
+      const e = {}, s = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (c, o) => {
+        const p = `${s}-${o}`;
+        return e[o] = p, `id="${p}"`;
+      }).replace(/#([^\s^")]+)/g, (c, o) => e[o] ? `#${e[o]}` : c);
     }, h = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (r, i) => (c(), C(b(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
+    }, y = (r) => r.replace(/[<>"'&]/g, (e) => h[e]);
+    I(t.staticIds);
+    const v = a(() => {
+      const r = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      return null;
+    }), b = a(() => {
+      const r = t.title ? `<title data-testid="kui-icon-svg-title">${y(t.title)}</title>` : "", e = v.value, s = e ? $(g, e) : g, d = t.staticIds ? s : m(s);
+      return `${r}${d}`;
+    });
+    return (r, e) => (u(), L(x(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon flag-sy-icon",
       "data-testid": "kui-icon-wrapper-flag-sy-icon",
-      style: L(f.value),
-      tabindex: t.decorative ? "-1" : void 0
+      style: w(S.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), w("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
+      default: N(() => [
+        (u(), z("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-sy-icon",
           fill: "none",
           height: "100%",
@@ -122,13 +163,13 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6261)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, z))
+          innerHTML: b.value
+        }, null, 8, k))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  M as default
+  _ as default
 };

package/dist/kong-icons390.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),c=require("./kong-icons1691.cjs"),S=["aria-hidden"],u=`<g clip-path="url(#clip0_246_5380)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),p=require("./kong-icons1691.cjs"),f=require("./kong-icons1692.cjs"),b=["aria-hidden","innerHTML"],g=`<g clip-path="url(#clip0_246_5380)">
 <path d="M22.8093 17.2174C23.5721 15.6398 24 13.8698 24 12C24 10.1302 23.5721 8.36021 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427875 8.36021 0 10.1302 0 12C0 13.8698 0.427875 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174Z" fill="#FFDA44"/>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="black"/>
 <path d="M12.0002 24C7.24267 24 3.13192 21.2313 1.19092 17.2173H22.8094C20.8685 21.2313 16.7577 24 12.0002 24Z" fill="#0052B4"/>
@@ -16,4 +16,4 @@
 <clipPath id="clip0_246_5380">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`,m=r.defineComponent({__name:"FlagSzIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:c.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),s=Number(e);if(s&&!isNaN(s)&&Number.isInteger(s)&&s>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,s=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),a=r.computed(()=>{if(s(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return c.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},v=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(o,l)=>{const d=`${v}-${l}`;return i[l]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(o,l)=>i[l]?`#${i[l]}`:o)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},h=n=>n.replace(/[<>"'&]/g,i=>g[i]),C=`${e.title?`<title data-testid="kui-icon-svg-title">${h(e.title)}</title>`:""}${e.staticIds?u:f(u)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sz-icon","data-testid":"kui-icon-wrapper-flag-sz-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sz-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:C},null,8,S))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=m;
+</defs>`,M=n.defineComponent({__name:"FlagSzIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:p.KUI_ICON_SIZE_50,validator:r=>{if(typeof r=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r)||typeof r=="number"&&r>0)return!0;if(typeof r=="string"){const t=String(r).replace(/px/gi,""),o=Number(t);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1},colorGradientStart:{type:String,required:!1,default:""},colorGradientStop:{type:String,required:!1,default:""},colorGradientDirection:{type:[String,Number],required:!1,default:"135deg"}},setup(r){const t=r,o=i=>typeof i=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i),s=n.computed(()=>{if(o(t.size))return t.size;if(typeof t.size=="number"&&t.size>0)return`${t.size}px`;if(typeof t.size=="string"){const i=String(t.size).replace(/px/gi,""),e=Number(i);if(e&&!isNaN(e)&&Number.isInteger(e)&&e>0)return`${e}px`}return p.KUI_ICON_SIZE_50}),S=n.computed(()=>({boxSizing:"border-box",color:t.color,display:t.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:t.decorative?"none":void 0})),h=i=>{const e={},l=Math.random().toString(36).substring(2,12);return i.replace(/id="([^"]+)"/g,(c,a)=>{const u=`${l}-${a}`;return e[a]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(c,a)=>e[a]?`#${e[a]}`:c)},C={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},m=i=>i.replace(/[<>"'&]/g,e=>C[e]);f.createGradientId(t.staticIds);const v=n.computed(()=>{const i=typeof t.colorGradientStart=="string"?t.colorGradientStart.trim():"",e=typeof t.colorGradientStop=="string"?t.colorGradientStop.trim():"";return null}),y=n.computed(()=>{const i=t.title?`<title data-testid="kui-icon-svg-title">${m(t.title)}</title>`:"",e=v.value,l=e?f.applyColorGradient(g,e):g,d=t.staticIds?l:h(l);return`${i}${d}`});return(i,e)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(r.as),{"aria-hidden":r.decorative?"true":void 0,class:"kui-icon flag-sz-icon","data-testid":"kui-icon-wrapper-flag-sz-icon",style:n.normalizeStyle(S.value),tabindex:r.decorative?"-1":void 0},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":r.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-sz-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:y.value},null,8,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=M;

package/dist/kong-icons390.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as S, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as z, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kong-icons1691.es.js";
-const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_5380)">
+import { defineComponent as b, computed as l, openBlock as f, createBlock as x, resolveDynamicComponent as z, normalizeStyle as H, withCtx as M, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons1691.es.js";
+import { createGradientId as F, applyColorGradient as N } from "./kong-icons1692.es.js";
+const k = ["aria-hidden", "innerHTML"], g = `<g clip-path="url(#clip0_246_5380)">
 <path d="M22.8093 17.2174C23.5721 15.6398 24 13.8698 24 12C24 10.1302 23.5721 8.36021 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427875 8.36021 0 10.1302 0 12C0 13.8698 0.427875 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174Z" fill="#FFDA44"/>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="black"/>
 <path d="M12.0002 24C7.24267 24 3.13192 21.2313 1.19092 17.2173H22.8094C20.8685 21.2313 16.7577 24 12.0002 24Z" fill="#0052B4"/>
@@ -18,7 +19,7 @@ const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_5380)">
 <clipPath id="clip0_246_5380">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, $ = /* @__PURE__ */ S({
+</defs>`, G = /* @__PURE__ */ b({
   __name: "FlagSzIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -49,13 +50,13 @@ const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_5380)">
     size: {
       type: [Number, String],
       required: !1,
-      default: p,
+      default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(e) || typeof e == "number" && e > 0)
+      validator: (r) => {
+        if (typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r) || typeof r == "number" && r > 0)
           return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), n = Number(t);
+        if (typeof r == "string") {
+          const t = String(r).replace(/px/gi, ""), n = Number(t);
           if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
@@ -76,52 +77,92 @@ const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_5380)">
     staticIds: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * The start color of an optional, dynamically-generated linear gradient.
+     * Accepts a hex, `rgb()`/`rgba()`, or CSS `var()` custom-property value.
+     * The gradient is applied only when both `colorGradientStart` and `colorGradientStop` are provided and valid,
+     * overriding any existing gradient or flat fills. Defaults to an empty string (no gradient).
+     */
+    colorGradientStart: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * The stop (end) color of an optional, dynamically-generated linear gradient.
+     * Accepts a hex, `rgb()`/`rgba()`, or CSS `var()` custom-property value.
+     * The gradient is applied only when both `colorGradientStart` and `colorGradientStop` are provided and valid,
+     * overriding any existing gradient or flat fills. Defaults to an empty string (no gradient).
+     */
+    colorGradientStop: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * The direction of the generated linear gradient, expressed as a standard CSS gradient angle
+     * (e.g. `45`, `"90deg"`) following the `linear-gradient()` convention (`0deg` points up, increasing clockwise).
+     * Invalid values fall back to the default. Defaults to `135deg` (top-left to bottom-right).
+     */
+    colorGradientDirection: {
+      type: [String, Number],
+      required: !1,
+      default: "135deg"
     }
   },
-  setup(e) {
-    const t = e, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
+  setup(r) {
+    const t = r, n = (i) => typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i), s = l(() => {
       if (n(t.size))
         return t.size;
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const r = String(t.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
+        const i = String(t.size).replace(/px/gi, ""), e = Number(i);
+        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
+          return `${e}px`;
       }
-      return p;
-    }), u = d(() => ({
+      return u;
+    }), h = l(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: a.value,
+      height: s.value,
       lineHeight: "0",
-      width: a.value,
+      width: s.value,
       pointerEvents: t.decorative ? "none" : void 0
-    })), g = (r) => {
-      const i = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (l, s) => {
-        const o = `${v}-${s}`;
-        return i[s] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, s) => i[s] ? `#${i[s]}` : l);
-    }, h = {
+    })), C = (i) => {
+      const e = {}, a = Math.random().toString(36).substring(2, 12);
+      return i.replace(/id="([^"]+)"/g, (c, o) => {
+        const p = `${a}-${o}`;
+        return e[o] = p, `id="${p}"`;
+      }).replace(/#([^\s^")]+)/g, (c, o) => e[o] ? `#${e[o]}` : c);
+    }, S = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), m = `${t.title ? `<title data-testid="kui-icon-svg-title">${C(t.title)}</title>` : ""}${t.staticIds ? f : g(f)}`;
-    return (r, i) => (c(), y(b(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
+    }, m = (i) => i.replace(/[<>"'&]/g, (e) => S[e]);
+    F(t.staticIds);
+    const v = l(() => {
+      const i = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      return null;
+    }), y = l(() => {
+      const i = t.title ? `<title data-testid="kui-icon-svg-title">${m(t.title)}</title>` : "", e = v.value, a = e ? N(g, e) : g, d = t.staticIds ? a : C(a);
+      return `${i}${d}`;
+    });
+    return (i, e) => (f(), x(z(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
       class: "kui-icon flag-sz-icon",
       "data-testid": "kui-icon-wrapper-flag-sz-icon",
-      style: x(u.value),
-      tabindex: e.decorative ? "-1" : void 0
+      style: H(h.value),
+      tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: z(() => [
-        (c(), H("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
+      default: M(() => [
+        (f(), w("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-sz-icon",
           fill: "none",
           height: "100%",
@@ -129,13 +170,13 @@ const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_5380)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, M))
+          innerHTML: y.value
+        }, null, 8, k))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  $ as default
+  G as default
 };

package/dist/kong-icons392.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),c=require("./kong-icons1691.cjs"),S=["aria-hidden"],u=`<g clip-path="url(#clip0_247_6275)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),p=require("./kong-icons1691.cjs"),f=require("./kong-icons1692.cjs"),b=["aria-hidden","innerHTML"],g=`<g clip-path="url(#clip0_247_6275)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"/>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"/>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"/>
@@ -14,4 +14,4 @@
 <clipPath id="clip0_247_6275">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`,m=r.defineComponent({__name:"FlagTcIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:c.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),s=Number(e);if(s&&!isNaN(s)&&Number.isInteger(s)&&s>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,s=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),o=r.computed(()=>{if(s(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return c.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:o.value,lineHeight:"0",width:o.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},v=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(a,l)=>{const d=`${v}-${l}`;return i[l]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(a,l)=>i[l]?`#${i[l]}`:a)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},C=n=>n.replace(/[<>"'&]/g,i=>g[i]),h=`${e.title?`<title data-testid="kui-icon-svg-title">${C(e.title)}</title>`:""}${e.staticIds?u:f(u)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-tc-icon","data-testid":"kui-icon-wrapper-flag-tc-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-tc-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:h},null,8,S))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=m;
+</defs>`,H=n.defineComponent({__name:"FlagTcIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:p.KUI_ICON_SIZE_50,validator:r=>{if(typeof r=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r)||typeof r=="number"&&r>0)return!0;if(typeof r=="string"){const t=String(r).replace(/px/gi,""),o=Number(t);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1},colorGradientStart:{type:String,required:!1,default:""},colorGradientStop:{type:String,required:!1,default:""},colorGradientDirection:{type:[String,Number],required:!1,default:"135deg"}},setup(r){const t=r,o=i=>typeof i=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i),l=n.computed(()=>{if(o(t.size))return t.size;if(typeof t.size=="number"&&t.size>0)return`${t.size}px`;if(typeof t.size=="string"){const i=String(t.size).replace(/px/gi,""),e=Number(i);if(e&&!isNaN(e)&&Number.isInteger(e)&&e>0)return`${e}px`}return p.KUI_ICON_SIZE_50}),C=n.computed(()=>({boxSizing:"border-box",color:t.color,display:t.display,flexShrink:"0",height:l.value,lineHeight:"0",width:l.value,pointerEvents:t.decorative?"none":void 0})),S=i=>{const e={},s=Math.random().toString(36).substring(2,12);return i.replace(/id="([^"]+)"/g,(c,a)=>{const u=`${s}-${a}`;return e[a]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(c,a)=>e[a]?`#${e[a]}`:c)},h={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},m=i=>i.replace(/[<>"'&]/g,e=>h[e]);f.createGradientId(t.staticIds);const v=n.computed(()=>{const i=typeof t.colorGradientStart=="string"?t.colorGradientStart.trim():"",e=typeof t.colorGradientStop=="string"?t.colorGradientStop.trim():"";return null}),y=n.computed(()=>{const i=t.title?`<title data-testid="kui-icon-svg-title">${m(t.title)}</title>`:"",e=v.value,s=e?f.applyColorGradient(g,e):g,d=t.staticIds?s:S(s);return`${i}${d}`});return(i,e)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(r.as),{"aria-hidden":r.decorative?"true":void 0,class:"kui-icon flag-tc-icon","data-testid":"kui-icon-wrapper-flag-tc-icon",style:n.normalizeStyle(C.value),tabindex:r.decorative?"-1":void 0},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":r.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-tc-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:y.value},null,8,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=H;

package/dist/kong-icons392.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as S, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as H, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kong-icons1691.es.js";
-const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_247_6275)">
+import { defineComponent as b, computed as s, openBlock as f, createBlock as H, resolveDynamicComponent as x, normalizeStyle as w, withCtx as M, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons1691.es.js";
+import { createGradientId as z, applyColorGradient as F } from "./kong-icons1692.es.js";
+const I = ["aria-hidden", "innerHTML"], g = `<g clip-path="url(#clip0_247_6275)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"/>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"/>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"/>
@@ -16,7 +17,7 @@ const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_247_6275)">
 <clipPath id="clip0_247_6275">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, k = /* @__PURE__ */ S({
+</defs>`, L = /* @__PURE__ */ b({
   __name: "FlagTcIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -47,13 +48,13 @@ const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_247_6275)">
     size: {
       type: [Number, String],
       required: !1,
-      default: p,
+      default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(e) || typeof e == "number" && e > 0)
+      validator: (r) => {
+        if (typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r) || typeof r == "number" && r > 0)
           return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), n = Number(t);
+        if (typeof r == "string") {
+          const t = String(r).replace(/px/gi, ""), n = Number(t);
           if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
@@ -74,52 +75,92 @@ const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_247_6275)">
     staticIds: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * The start color of an optional, dynamically-generated linear gradient.
+     * Accepts a hex, `rgb()`/`rgba()`, or CSS `var()` custom-property value.
+     * The gradient is applied only when both `colorGradientStart` and `colorGradientStop` are provided and valid,
+     * overriding any existing gradient or flat fills. Defaults to an empty string (no gradient).
+     */
+    colorGradientStart: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * The stop (end) color of an optional, dynamically-generated linear gradient.
+     * Accepts a hex, `rgb()`/`rgba()`, or CSS `var()` custom-property value.
+     * The gradient is applied only when both `colorGradientStart` and `colorGradientStop` are provided and valid,
+     * overriding any existing gradient or flat fills. Defaults to an empty string (no gradient).
+     */
+    colorGradientStop: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * The direction of the generated linear gradient, expressed as a standard CSS gradient angle
+     * (e.g. `45`, `"90deg"`) following the `linear-gradient()` convention (`0deg` points up, increasing clockwise).
+     * Invalid values fall back to the default. Defaults to `135deg` (top-left to bottom-right).
+     */
+    colorGradientDirection: {
+      type: [String, Number],
+      required: !1,
+      default: "135deg"
     }
   },
-  setup(e) {
-    const t = e, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
+  setup(r) {
+    const t = r, n = (i) => typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i), l = s(() => {
       if (n(t.size))
         return t.size;
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const r = String(t.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
+        const i = String(t.size).replace(/px/gi, ""), e = Number(i);
+        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
+          return `${e}px`;
       }
-      return p;
-    }), u = d(() => ({
+      return u;
+    }), C = s(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: a.value,
+      height: l.value,
       lineHeight: "0",
-      width: a.value,
+      width: l.value,
       pointerEvents: t.decorative ? "none" : void 0
-    })), g = (r) => {
-      const i = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (o, s) => {
-        const l = `${v}-${s}`;
-        return i[s] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, s) => i[s] ? `#${i[s]}` : o);
-    }, C = {
+    })), h = (i) => {
+      const e = {}, a = Math.random().toString(36).substring(2, 12);
+      return i.replace(/id="([^"]+)"/g, (c, o) => {
+        const p = `${a}-${o}`;
+        return e[o] = p, `id="${p}"`;
+      }).replace(/#([^\s^")]+)/g, (c, o) => e[o] ? `#${e[o]}` : c);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, h = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), m = `${t.title ? `<title data-testid="kui-icon-svg-title">${h(t.title)}</title>` : ""}${t.staticIds ? f : g(f)}`;
-    return (r, i) => (c(), y(b(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
+    }, S = (i) => i.replace(/[<>"'&]/g, (e) => m[e]);
+    z(t.staticIds);
+    const v = s(() => {
+      const i = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      return null;
+    }), y = s(() => {
+      const i = t.title ? `<title data-testid="kui-icon-svg-title">${S(t.title)}</title>` : "", e = v.value, a = e ? F(g, e) : g, d = t.staticIds ? a : h(a);
+      return `${i}${d}`;
+    });
+    return (i, e) => (f(), H(x(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
       class: "kui-icon flag-tc-icon",
       "data-testid": "kui-icon-wrapper-flag-tc-icon",
-      style: x(u.value),
-      tabindex: e.decorative ? "-1" : void 0
+      style: w(C.value),
+      tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: H(() => [
-        (c(), w("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
+      default: M(() => [
+        (f(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-tc-icon",
           fill: "none",
           height: "100%",
@@ -127,13 +168,13 @@ const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_247_6275)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, M))
+          innerHTML: y.value
+        }, null, 8, I))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  k as default
+  L as default
 };

package/dist/kong-icons394.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),c=require("./kong-icons1691.cjs"),m=["aria-hidden"],u=`<g clip-path="url(#clip0_1_2298)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),p=require("./kong-icons1691.cjs"),g=require("./kong-icons1692.cjs"),C=["aria-hidden","innerHTML"],f=`<g clip-path="url(#clip0_1_2298)">
 <path d="M12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0V0Z" fill="#FFDA44"/>
 <path d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"/>
 <path d="M7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538Z" fill="#0052B4"/>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2298">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`,y=r.defineComponent({__name:"FlagTdIcon",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:c.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),s=Number(e);if(s&&!isNaN(s)&&Number.isInteger(s)&&s>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,s=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),a=r.computed(()=>{if(s(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return c.KUI_ICON_SIZE_50}),g=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),p=n=>{const i={},S=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,o)=>{const d=`${S}-${o}`;return i[o]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,o)=>i[o]?`#${i[o]}`:l)},f={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>f[i]),h=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?u:p(u)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-td-icon","data-testid":"kui-icon-wrapper-flag-td-icon",style:r.normalizeStyle(g.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-td-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:h},null,8,m))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=y;
+</defs>`,x=n.defineComponent({__name:"FlagTdIcon",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:p.KUI_ICON_SIZE_50,validator:i=>{if(typeof i=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i)||typeof i=="number"&&i>0)return!0;if(typeof i=="string"){const e=String(i).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1},colorGradientStart:{type:String,required:!1,default:""},colorGradientStop:{type:String,required:!1,default:""},colorGradientDirection:{type:[String,Number],required:!1,default:"135deg"}},setup(i){const e=i,o=r=>typeof r=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r),l=n.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const r=String(e.size).replace(/px/gi,""),t=Number(r);if(t&&!isNaN(t)&&Number.isInteger(t)&&t>0)return`${t}px`}return p.KUI_ICON_SIZE_50}),S=n.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:l.value,lineHeight:"0",width:l.value,pointerEvents:e.decorative?"none":void 0})),m=r=>{const t={},a=Math.random().toString(36).substring(2,12);return r.replace(/id="([^"]+)"/g,(c,s)=>{const u=`${a}-${s}`;return t[s]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(c,s)=>t[s]?`#${t[s]}`:c)},v={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},h=r=>r.replace(/[<>"'&]/g,t=>v[t]);g.createGradientId(e.staticIds);const y=n.computed(()=>{const r=typeof e.colorGradientStart=="string"?e.colorGradientStart.trim():"",t=typeof e.colorGradientStop=="string"?e.colorGradientStop.trim():"";return null}),b=n.computed(()=>{const r=e.title?`<title data-testid="kui-icon-svg-title">${h(e.title)}</title>`:"",t=y.value,a=t?g.applyColorGradient(f,t):f,d=e.staticIds?a:m(a);return`${r}${d}`});return(r,t)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.as),{"aria-hidden":i.decorative?"true":void 0,class:"kui-icon flag-td-icon","data-testid":"kui-icon-wrapper-flag-td-icon",style:n.normalizeStyle(S.value),tabindex:i.decorative?"-1":void 0},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":i.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-td-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:b.value},null,8,C))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=x;