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

package/dist/kong-icons1000.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as y, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons1691.es.js";
-const z = ["aria-hidden"], C = '<path d="M17 17.4L15.1 19.3C14.9167 19.4834 14.6833 19.575 14.4 19.575C14.1167 19.575 13.8833 19.4834 13.7 19.3C13.5167 19.1167 13.425 18.8834 13.425 18.6C13.425 18.3167 13.5167 18.0834 13.7 17.9L15.6 16L13.7 14.1C13.5167 13.9167 13.425 13.6834 13.425 13.4C13.425 13.1167 13.5167 12.8834 13.7 12.7C13.8833 12.5167 14.1167 12.425 14.4 12.425C14.6833 12.425 14.9167 12.5167 15.1 12.7L17 14.6L18.9 12.7C19.0833 12.5167 19.3167 12.425 19.6 12.425C19.8833 12.425 20.1167 12.5167 20.3 12.7C20.4833 12.8834 20.575 13.1167 20.575 13.4C20.575 13.6834 20.4833 13.9167 20.3 14.1L18.4 16L20.3 17.9C20.4833 18.0834 20.575 18.3167 20.575 18.6C20.575 18.8834 20.4833 19.1167 20.3 19.3C20.1167 19.4834 19.8833 19.575 19.6 19.575C19.3167 19.575 19.0833 19.4834 18.9 19.3L17 17.4ZM16.35 8.17504L19.9 4.62504C20.1 4.42504 20.3333 4.3292 20.6 4.33754C20.8667 4.34587 21.1 4.45004 21.3 4.65004C21.4833 4.85004 21.575 5.08337 21.575 5.35004C21.575 5.6167 21.4833 5.85004 21.3 6.05004L17.075 10.3C16.875 10.5 16.6417 10.6 16.375 10.6C16.1083 10.6 15.875 10.5 15.675 10.3L13.525 8.15004C13.3417 7.9667 13.25 7.73337 13.25 7.45004C13.25 7.1667 13.3417 6.93337 13.525 6.75004C13.7083 6.5667 13.9417 6.47504 14.225 6.47504C14.5083 6.47504 14.7417 6.5667 14.925 6.75004L16.35 8.17504ZM3 15H10C10.2833 15 10.5208 15.0959 10.7125 15.2875C10.9042 15.4792 11 15.7167 11 16C11 16.2834 10.9042 16.5209 10.7125 16.7125C10.5208 16.9042 10.2833 17 10 17H3C2.71667 17 2.47917 16.9042 2.2875 16.7125C2.09583 16.5209 2 16.2834 2 16C2 15.7167 2.09583 15.4792 2.2875 15.2875C2.47917 15.0959 2.71667 15 3 15ZM3 7.00004H10C10.2833 7.00004 10.5208 7.09587 10.7125 7.28754C10.9042 7.4792 11 7.7167 11 8.00004C11 8.28337 10.9042 8.52087 10.7125 8.71254C10.5208 8.9042 10.2833 9.00004 10 9.00004H3C2.71667 9.00004 2.47917 8.9042 2.2875 8.71254C2.09583 8.52087 2 8.28337 2 8.00004C2 7.7167 2.09583 7.4792 2.2875 7.28754C2.47917 7.09587 2.71667 7.00004 3 7.00004Z" fill="currentColor"/>', H = /* @__PURE__ */ y({
+import { defineComponent as x, computed as s, openBlock as p, createBlock as G, resolveDynamicComponent as L, normalizeStyle as w, withCtx as I, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as g } from "./kong-icons1691.es.js";
+import { createGradientId as $, resolveColorGradient as z, applyColorGradient as k } from "./kong-icons1692.es.js";
+const q = ["aria-hidden", "innerHTML"], C = '<path d="M17 17.4L15.1 19.3C14.9167 19.4834 14.6833 19.575 14.4 19.575C14.1167 19.575 13.8833 19.4834 13.7 19.3C13.5167 19.1167 13.425 18.8834 13.425 18.6C13.425 18.3167 13.5167 18.0834 13.7 17.9L15.6 16L13.7 14.1C13.5167 13.9167 13.425 13.6834 13.425 13.4C13.425 13.1167 13.5167 12.8834 13.7 12.7C13.8833 12.5167 14.1167 12.425 14.4 12.425C14.6833 12.425 14.9167 12.5167 15.1 12.7L17 14.6L18.9 12.7C19.0833 12.5167 19.3167 12.425 19.6 12.425C19.8833 12.425 20.1167 12.5167 20.3 12.7C20.4833 12.8834 20.575 13.1167 20.575 13.4C20.575 13.6834 20.4833 13.9167 20.3 14.1L18.4 16L20.3 17.9C20.4833 18.0834 20.575 18.3167 20.575 18.6C20.575 18.8834 20.4833 19.1167 20.3 19.3C20.1167 19.4834 19.8833 19.575 19.6 19.575C19.3167 19.575 19.0833 19.4834 18.9 19.3L17 17.4ZM16.35 8.17504L19.9 4.62504C20.1 4.42504 20.3333 4.3292 20.6 4.33754C20.8667 4.34587 21.1 4.45004 21.3 4.65004C21.4833 4.85004 21.575 5.08337 21.575 5.35004C21.575 5.6167 21.4833 5.85004 21.3 6.05004L17.075 10.3C16.875 10.5 16.6417 10.6 16.375 10.6C16.1083 10.6 15.875 10.5 15.675 10.3L13.525 8.15004C13.3417 7.9667 13.25 7.73337 13.25 7.45004C13.25 7.1667 13.3417 6.93337 13.525 6.75004C13.7083 6.5667 13.9417 6.47504 14.225 6.47504C14.5083 6.47504 14.7417 6.5667 14.925 6.75004L16.35 8.17504ZM3 15H10C10.2833 15 10.5208 15.0959 10.7125 15.2875C10.9042 15.4792 11 15.7167 11 16C11 16.2834 10.9042 16.5209 10.7125 16.7125C10.5208 16.9042 10.2833 17 10 17H3C2.71667 17 2.47917 16.9042 2.2875 16.7125C2.09583 16.5209 2 16.2834 2 16C2 15.7167 2.09583 15.4792 2.2875 15.2875C2.47917 15.0959 2.71667 15 3 15ZM3 7.00004H10C10.2833 7.00004 10.5208 7.09587 10.7125 7.28754C10.9042 7.4792 11 7.7167 11 8.00004C11 8.28337 10.9042 8.52087 10.7125 8.71254C10.5208 8.9042 10.2833 9.00004 10 9.00004H3C2.71667 9.00004 2.47917 8.9042 2.2875 8.71254C2.09583 8.52087 2 8.28337 2 8.00004C2 7.7167 2.09583 7.4792 2.2875 7.28754C2.47917 7.09587 2.71667 7.00004 3 7.00004Z" fill="currentColor"/>', Z = /* @__PURE__ */ x({
   __name: "RuleIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +32,14 @@ const z = ["aria-hidden"], C = '<path d="M17 17.4L15.1 19.3C14.9167 19.4834 14.6
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: g,
       // 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 (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+        if (typeof i == "string") {
+          const t = String(i).replace(/px/gi, ""), o = Number(t);
+          if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
             return !0;
         }
         return !1;
@@ -58,52 +59,98 @@ const z = ["aria-hidden"], C = '<path d="M17 17.4L15.1 19.3C14.9167 19.4834 14.6
     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, o = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), d = s(() => {
+      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 r = String(t.size).replace(/px/gi, ""), e = Number(r);
+        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
+          return `${e}px`;
       }
-      return u;
-    }), g = d(() => ({
+      return g;
+    }), f = s(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: o.value,
+      height: d.value,
       lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), p = (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);
-    }, f = {
+      width: d.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), S = (r) => {
+      const e = {}, n = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (c, a) => {
+        const u = `${n}-${a}`;
+        return e[a] = u, `id="${u}"`;
+      }).replace(/#([^\s^")]+)/g, (c, a) => e[a] ? `#${e[a]}` : c);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (i) => f[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? C : p(C)}`;
-    return (r, i) => (c(), h(b(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (e) => m[e]), y = $(t.staticIds), h = s(() => {
+      const r = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      if (!r && !e)
+        return null;
+      const n = z({
+        id: y,
+        start: r,
+        stop: e,
+        direction: t.colorGradientDirection
+      });
+      return n || (console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${t.colorGradientStart}", stop="${t.colorGradientStop}".`), null);
+    }), b = s(() => {
+      const r = t.title ? `<title data-testid="kui-icon-svg-title">${v(t.title)}</title>` : "", e = h.value, n = e ? k(C, e) : C, l = t.staticIds ? n : S(n);
+      return `${r}${l}`;
+    });
+    return (r, e) => (p(), G(L(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon rule-icon",
       "data-testid": "kui-icon-wrapper-rule-icon",
-      style: x(g.value),
-      tabindex: t.decorative ? "-1" : void 0
+      style: w(f.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: L(() => [
-        (c(), w("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
+      default: I(() => [
+        (p(), N("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-rule-icon",
           fill: "none",
           height: "100%",
@@ -111,13 +158,13 @@ const z = ["aria-hidden"], C = '<path d="M17 17.4L15.1 19.3C14.9167 19.4834 14.6
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, z))
+          innerHTML: b.value
+        }, null, 8, q))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  H as default
+  Z as default
 };

package/dist/kong-icons1002.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),c=require("./kong-icons1691.cjs"),y=["aria-hidden"],u='<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 1.19995H9.6002H4.0562L1.2002 3.71995V15.144L3.6002 17.88V6.83995L7.2722 3.59995H17.5922L15.4802 1.19995ZM8.86824 6H20.2802L22.8002 8.868V20.28L19.9442 22.8H8.52024L6.00024 19.944V8.52L8.86824 6Z" fill="currentColor"/>',h=r.defineComponent({__name:"RuntimesIcon",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,(d,o)=>{const l=`${S}-${o}`;return i[o]=l,`id="${l}"`}).replace(/#([^\s^")]+)/g,(d,o)=>i[o]?`#${i[o]}`:d)},f={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>f[i]),m=`${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 runtimes-icon","data-testid":"kui-icon-wrapper-runtimes-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-runtimes-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:m},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),g=require("./kong-icons1691.cjs"),d=require("./kong-icons1692.cjs"),G=["aria-hidden","innerHTML"],f='<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 1.19995H9.6002H4.0562L1.2002 3.71995V15.144L3.6002 17.88V6.83995L7.2722 3.59995H17.5922L15.4802 1.19995ZM8.86824 6H20.2802L22.8002 8.868V20.28L19.9442 22.8H8.52024L6.00024 19.944V8.52L8.86824 6Z" fill="currentColor"/>',I=n.defineComponent({__name:"RuntimesIcon",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:g.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,""),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},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,s=r=>typeof r=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r),l=n.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 r=String(e.size).replace(/px/gi,""),t=Number(r);if(t&&!isNaN(t)&&Number.isInteger(t)&&t>0)return`${t}px`}return g.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})),v=r=>{const t={},o=Math.random().toString(36).substring(2,12);return r.replace(/id="([^"]+)"/g,(u,a)=>{const p=`${o}-${a}`;return t[a]=p,`id="${p}"`}).replace(/#([^\s^")]+)/g,(u,a)=>t[a]?`#${t[a]}`:u)},m={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},y=r=>r.replace(/[<>"'&]/g,t=>m[t]),b=d.createGradientId(e.staticIds),h=n.computed(()=>{const r=typeof e.colorGradientStart=="string"?e.colorGradientStart.trim():"",t=typeof e.colorGradientStop=="string"?e.colorGradientStop.trim():"";if(!r&&!t)return null;const o=d.resolveColorGradient({id:b,start:r,stop:t,direction:e.colorGradientDirection});return o||(console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${e.colorGradientStart}", stop="${e.colorGradientStop}".`),null)}),x=n.computed(()=>{const r=e.title?`<title data-testid="kui-icon-svg-title">${y(e.title)}</title>`:"",t=h.value,o=t?d.applyColorGradient(f,t):f,c=e.staticIds?o:v(o);return`${r}${c}`});return(r,t)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.as),{"aria-hidden":i.decorative?"true":void 0,class:"kui-icon runtimes-icon","data-testid":"kui-icon-wrapper-runtimes-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-runtimes-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:x.value},null,8,G))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=I;

package/dist/kong-icons1002.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as h, computed as l, openBlock as c, createBlock as b, resolveDynamicComponent as x, normalizeStyle as w, withCtx as z, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons1691.es.js";
-const C = ["aria-hidden"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 1.19995H9.6002H4.0562L1.2002 3.71995V15.144L3.6002 17.88V6.83995L7.2722 3.59995H17.5922L15.4802 1.19995ZM8.86824 6H20.2802L22.8002 8.868V20.28L19.9442 22.8H8.52024L6.00024 19.944V8.52L8.86824 6Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+import { defineComponent as G, computed as a, openBlock as p, createBlock as w, resolveDynamicComponent as I, normalizeStyle as N, withCtx as $, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as g } from "./kong-icons1691.es.js";
+import { createGradientId as C, resolveColorGradient as k, applyColorGradient as q } from "./kong-icons1692.es.js";
+const L = ["aria-hidden", "innerHTML"], f = '<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 1.19995H9.6002H4.0562L1.2002 3.71995V15.144L3.6002 17.88V6.83995L7.2722 3.59995H17.5922L15.4802 1.19995ZM8.86824 6H20.2802L22.8002 8.868V20.28L19.9442 22.8H8.52024L6.00024 19.944V8.52L8.86824 6Z" fill="currentColor"/>', _ = /* @__PURE__ */ G({
   __name: "RuntimesIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +32,14 @@ const C = ["aria-hidden"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: g,
       // 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 (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+        if (typeof i == "string") {
+          const t = String(i).replace(/px/gi, ""), o = Number(t);
+          if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
             return !0;
         }
         return !1;
@@ -58,52 +59,98 @@ const C = ["aria-hidden"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     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 = l(() => {
-      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, o = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), d = a(() => {
+      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 r = String(t.size).replace(/px/gi, ""), e = Number(r);
+        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
+          return `${e}px`;
       }
-      return u;
-    }), p = l(() => ({
+      return g;
+    }), m = a(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: o.value,
+      height: d.value,
       lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const i = {}, y = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, s) => {
-        const d = `${y}-${s}`;
-        return i[s] = d, `id="${d}"`;
-      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
-    }, m = {
+      width: d.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), S = (r) => {
+      const e = {}, n = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (c, s) => {
+        const u = `${n}-${s}`;
+        return e[s] = u, `id="${u}"`;
+      }).replace(/#([^\s^")]+)/g, (c, s) => e[s] ? `#${e[s]}` : c);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), S = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
-    return (r, i) => (c(), b(x(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
+    }, y = (r) => r.replace(/[<>"'&]/g, (e) => v[e]), h = C(t.staticIds), b = a(() => {
+      const r = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      if (!r && !e)
+        return null;
+      const n = k({
+        id: h,
+        start: r,
+        stop: e,
+        direction: t.colorGradientDirection
+      });
+      return n || (console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${t.colorGradientStart}", stop="${t.colorGradientStop}".`), null);
+    }), x = a(() => {
+      const r = t.title ? `<title data-testid="kui-icon-svg-title">${y(t.title)}</title>` : "", e = b.value, n = e ? q(f, e) : f, l = t.staticIds ? n : S(n);
+      return `${r}${l}`;
+    });
+    return (r, e) => (p(), w(I(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon runtimes-icon",
       "data-testid": "kui-icon-wrapper-runtimes-icon",
-      style: w(p.value),
-      tabindex: t.decorative ? "-1" : void 0
+      style: N(m.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: z(() => [
-        (c(), N("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
+      default: $(() => [
+        (p(), z("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-runtimes-icon",
           fill: "none",
           height: "100%",
@@ -111,13 +158,13 @@ const C = ["aria-hidden"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d=
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: S
-        }, null, 8, C))
+          innerHTML: x.value
+        }, null, 8, L))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  _ as default
 };

package/dist/kong-icons1004.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),l=require("./kong-icons1691.cjs"),m=["aria-hidden"],u='<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"/>',h=r.defineComponent({__name:"SearchIcon",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=="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 l.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,(c,o)=>{const d=`${S}-${o}`;return i[o]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(c,o)=>i[o]?`#${i[o]}`:c)},f={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>f[i]),C=`${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 search-icon","data-testid":"kui-icon-wrapper-search-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-search-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,m))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),g=require("./kong-icons1691.cjs"),d=require("./kong-icons1692.cjs"),x=["aria-hidden","innerHTML"],f='<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"/>',G=n.defineComponent({__name:"SearchIcon",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:g.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,""),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},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,s=r=>typeof r=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r),c=n.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 r=String(e.size).replace(/px/gi,""),t=Number(r);if(t&&!isNaN(t)&&Number.isInteger(t)&&t>0)return`${t}px`}return g.KUI_ICON_SIZE_50}),S=n.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:c.value,lineHeight:"0",width:c.value,pointerEvents:e.decorative?"none":void 0})),v=r=>{const t={},o=Math.random().toString(36).substring(2,12);return r.replace(/id="([^"]+)"/g,(u,a)=>{const p=`${o}-${a}`;return t[a]=p,`id="${p}"`}).replace(/#([^\s^")]+)/g,(u,a)=>t[a]?`#${t[a]}`:u)},m={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},C=r=>r.replace(/[<>"'&]/g,t=>m[t]),y=d.createGradientId(e.staticIds),h=n.computed(()=>{const r=typeof e.colorGradientStart=="string"?e.colorGradientStart.trim():"",t=typeof e.colorGradientStop=="string"?e.colorGradientStop.trim():"";if(!r&&!t)return null;const o=d.resolveColorGradient({id:y,start:r,stop:t,direction:e.colorGradientDirection});return o||(console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${e.colorGradientStart}", stop="${e.colorGradientStop}".`),null)}),b=n.computed(()=>{const r=e.title?`<title data-testid="kui-icon-svg-title">${C(e.title)}</title>`:"",t=h.value,o=t?d.applyColorGradient(f,t):f,l=e.staticIds?o:v(o);return`${r}${l}`});return(r,t)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.as),{"aria-hidden":i.decorative?"true":void 0,class:"kui-icon search-icon","data-testid":"kui-icon-wrapper-search-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-search-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,x))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=G;

package/dist/kong-icons1004.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons1691.es.js";
-const N = ["aria-hidden"], g = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"/>', E = /* @__PURE__ */ h({
+import { defineComponent as x, computed as s, openBlock as p, createBlock as G, resolveDynamicComponent as w, normalizeStyle as I, withCtx as N, createElementBlock as $ } from "vue";
+import { KUI_ICON_SIZE_50 as g } from "./kong-icons1691.es.js";
+import { createGradientId as z, resolveColorGradient as k, applyColorGradient as q } from "./kong-icons1692.es.js";
+const B = ["aria-hidden", "innerHTML"], f = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"/>', _ = /* @__PURE__ */ x({
   __name: "SearchIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +32,14 @@ const N = ["aria-hidden"], g = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: g,
       // 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 (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+        if (typeof i == "string") {
+          const t = String(i).replace(/px/gi, ""), o = Number(t);
+          if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
             return !0;
         }
         return !1;
@@ -58,52 +59,98 @@ const N = ["aria-hidden"], g = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.
     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, o = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), d = s(() => {
+      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 r = String(t.size).replace(/px/gi, ""), e = Number(r);
+        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
+          return `${e}px`;
       }
-      return u;
-    }), p = d(() => ({
+      return g;
+    }), S = s(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: o.value,
+      height: d.value,
       lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const i = {}, S = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, s) => {
-        const c = `${S}-${s}`;
-        return i[s] = c, `id="${c}"`;
-      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
-    }, m = {
+      width: d.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), m = (r) => {
+      const e = {}, n = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (l, a) => {
+        const u = `${n}-${a}`;
+        return e[a] = u, `id="${u}"`;
+      }).replace(/#([^\s^")]+)/g, (l, a) => e[a] ? `#${e[a]}` : l);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
-    return (r, i) => (l(), y(b(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
+    }, C = (r) => r.replace(/[<>"'&]/g, (e) => v[e]), y = z(t.staticIds), h = s(() => {
+      const r = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      if (!r && !e)
+        return null;
+      const n = k({
+        id: y,
+        start: r,
+        stop: e,
+        direction: t.colorGradientDirection
+      });
+      return n || (console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${t.colorGradientStart}", stop="${t.colorGradientStop}".`), null);
+    }), b = s(() => {
+      const r = t.title ? `<title data-testid="kui-icon-svg-title">${C(t.title)}</title>` : "", e = h.value, n = e ? q(f, e) : f, c = t.staticIds ? n : m(n);
+      return `${r}${c}`;
+    });
+    return (r, e) => (p(), G(w(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon search-icon",
       "data-testid": "kui-icon-wrapper-search-icon",
-      style: x(p.value),
-      tabindex: t.decorative ? "-1" : void 0
+      style: I(S.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: w(() => [
-        (l(), z("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
+      default: N(() => [
+        (p(), $("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-search-icon",
           fill: "none",
           height: "100%",
@@ -111,13 +158,13 @@ const N = ["aria-hidden"], g = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: C
-        }, null, 8, N))
+          innerHTML: b.value
+        }, null, 8, B))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  E as default
+  _ as default
 };