@thesvg/react 3.2.2 → 3.2.5

package/dist/kick.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 933 300","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_9790_492437)"},"children":[{"type":"g","props":{"clipPath":"url(#clip1_9790_492437)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z","fill":"#FFF"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_9790_492437"},"children":[{"type":"rect","props":{"width":"933","height":"300","fill":"white"},"children":[]}]},{"type":"clipPath","props":{"id":"clip1_9790_492437"},"children":[{"type":"rect","props":{"width":"933.333","height":"300","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Kick"]},{"type":"path","props":{"d":"M1.333 0h8v5.333H12V2.667h2.667V0h8v8H20v2.667h-2.667v2.666H20V16h2.667v8h-8v-2.667H12v-2.666H9.333V24h-8Z"},"children":[]}]},"light":{"viewBox":"0 0 933 300","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_9790_492437)"},"children":[{"type":"g","props":{"clipPath":"url(#clip1_9790_492437)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z","fill":"#53FC18"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_9790_492437"},"children":[{"type":"rect","props":{"width":"933","height":"300","fill":"white"},"children":[]}]},{"type":"clipPath","props":{"id":"clip1_9790_492437"},"children":[{"type":"rect","props":{"width":"933.333","height":"300","fill":"white"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 933 300","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_9790_492437)"},"children":[{"type":"g","props":{"clipPath":"url(#clip1_9790_492437)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z","fill":"#FFF"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_9790_492437"},"children":[{"type":"rect","props":{"width":"933","height":"300","fill":"white"},"children":[]}]},{"type":"clipPath","props":{"id":"clip1_9790_492437"},"children":[{"type":"rect","props":{"width":"933.333","height":"300","fill":"white"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Kick = react_1.forwardRef(function Kick({ variant = 'default', viewBox, ...props }, ref) {
+  const _p = 'tsvg' + react_1.useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
   const _v = _variants[variant] || _variants.default;
   return react_1.createElement(
     'svg',
@@ -17,7 +34,7 @@ const Kick = react_1.forwardRef(function Kick({ variant = 'default', viewBox, ..
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/kick.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, light, dark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 933 300","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_9790_492437)"},"children":[{"type":"g","props":{"clipPath":"url(#clip1_9790_492437)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z","fill":"#FFF"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_9790_492437"},"children":[{"type":"rect","props":{"width":"933","height":"300","fill":"white"},"children":[]}]},{"type":"clipPath","props":{"id":"clip1_9790_492437"},"children":[{"type":"rect","props":{"width":"933.333","height":"300","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Kick"]},{"type":"path","props":{"d":"M1.333 0h8v5.333H12V2.667h2.667V0h8v8H20v2.667h-2.667v2.666H20V16h2.667v8h-8v-2.667H12v-2.666H9.333V24h-8Z"},"children":[]}]},"light":{"viewBox":"0 0 933 300","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_9790_492437)"},"children":[{"type":"g","props":{"clipPath":"url(#clip1_9790_492437)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z","fill":"#53FC18"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_9790_492437"},"children":[{"type":"rect","props":{"width":"933","height":"300","fill":"white"},"children":[]}]},{"type":"clipPath","props":{"id":"clip1_9790_492437"},"children":[{"type":"rect","props":{"width":"933.333","height":"300","fill":"white"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 933 300","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_9790_492437)"},"children":[{"type":"g","props":{"clipPath":"url(#clip1_9790_492437)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z","fill":"#FFF"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_9790_492437"},"children":[{"type":"rect","props":{"width":"933","height":"300","fill":"white"},"children":[]}]},{"type":"clipPath","props":{"id":"clip1_9790_492437"},"children":[{"type":"rect","props":{"width":"933.333","height":"300","fill":"white"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Kick = forwardRef(
   function Kick({ variant = 'default', viewBox, ...props }, ref) {
+    const _p = 'tsvg' + useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
     const _v = _variants[variant] || _variants.default;
     return createElement(
       'svg',
@@ -15,7 +32,7 @@ const Kick = forwardRef(
       ..._v.childNodes
         .map(function _c(el) {
           if (typeof el === 'string') return el;
-          return createElement(el.type, el.props, ...(el.children || []).map(_c));
+          return createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
         })
     );
   }

package/dist/kit-kat.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 225 93.383","fill":"currentColor","childNodes":[{"type":"g","props":{},"children":[{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#ED1D24","points":"0,0 225,0 225,93.383 0,93.383 0,0 "},"children":[]},{"type":"g","props":{"id":"Layer_3"},"children":[{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#ED1D24","stroke":"#ED1D24","points":"56.881,57.182 63.875,36.2 54.724,46.766 56.881,57.182 "},"children":[]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","points":"55.717,71.353 70.224,27.908 86.253,27.908 83.126,37.117 71.664,71.353 "},"children":[]},{"type":"path","props":{"d":"M84.858,28.908l-2.678,7.887L70.944,70.353H57.105l13.839-41.444H82.18H84.858 M87.649,26.908h-2.792H82.18H70.944 h-1.441l-0.456,1.367L55.208,69.719l-0.879,2.634h2.776h13.839h1.439l0.457-1.365L84.076,37.43l2.675-7.878L87.649,26.908 L87.649,26.908z"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","d":"M80.245,28.271c-4.232,0-7.547-2.531-7.547-5.762 c0-3.177,3.386-5.762,7.547-5.762c0.548,0,1.075,0.082,1.54,0.155c0.178,0.028,0.352,0.055,0.519,0.076l0.06,0.007L82.422,17 c3.212,0.803,5.371,3.017,5.371,5.509c0,2.581-2.168,4.797-5.396,5.515C81.76,28.184,81.007,28.271,80.245,28.271L80.245,28.271z "},"children":[]},{"type":"path","props":{"d":"M80.245,17.748c0.67,0,1.339,0.149,1.935,0.223c2.678,0.669,4.613,2.455,4.613,4.539c0,2.157-1.935,3.943-4.613,4.539 c-0.596,0.149-1.265,0.223-1.935,0.223c-3.571,0-6.547-2.083-6.547-4.762C73.697,19.905,76.673,17.748,80.245,17.748 M80.245,15.748c-4.713,0-8.547,3.034-8.547,6.762c0,3.792,3.754,6.762,8.547,6.762c0.833,0,1.661-0.096,2.395-0.276 c3.682-0.828,6.154-3.432,6.154-6.485c0-2.959-2.463-5.563-6.128-6.479l-0.117-0.029l-0.121-0.015 c-0.157-0.02-0.321-0.045-0.488-0.071C81.438,15.836,80.87,15.748,80.245,15.748L80.245,15.748z"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","points":"41.489,87.275 35.816,60.669 26.565,87.275 8.083,87.275 36.079,6.033 54.865,6.033 49.242,22.235 62.966,6.033 85.337,6.033 82.935,8.804 51.113,45.856 59.442,87.275 "},"children":[]},{"type":"path","props":{"d":"M83.147,7.033L82.18,8.149L50.036,45.575l8.185,40.7H42.298l-6.25-29.316L25.854,86.275H9.485L36.792,7.033h16.667 l-6.92,19.94l16.89-19.94h18.75H83.147 M87.528,5.033h-4.381H82.18h-18.75h-0.927l-0.599,0.708l-9.959,11.757l3.404-9.809 l0.921-2.656h-2.811H36.792h-1.426l-0.464,1.349L7.594,85.624L6.68,88.275h2.805h16.369h1.422l0.467-1.343l7.842-22.553 l4.757,22.313l0.337,1.583h1.619h15.923h2.442l-0.481-2.395l-7.992-39.743L83.697,9.452l0.961-1.109L87.528,5.033L87.528,5.033z"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","d":"M90.026,72.864c-0.305,0-0.607-0.008-0.907-0.024 c-2.612-0.182-5.324-1.02-7.455-2.3c-4.404-2.642-6.026-6.866-4.452-11.591l4.02-11.908l10.424-30.74h16.718l-0.608,2.031 l-3.289,9.8h9.443l-4.158,12.566h-9.455l-6.541,19.336c-0.076,0.236-0.066,0.363-0.058,0.408c0.003-0.001,0.052,0,0.078,0 c0.308,0,0.888-0.281,1.131-1.035l2.844-8.21h13.256l-3.284,9.943l-0.076,0.15C105.108,68.809,96.683,72.864,90.026,72.864 L90.026,72.864z"},"children":[]},{"type":"path","props":{"d":"M107.031,17.301l-0.223,0.744l-3.721,11.086h3.721h5.729l-3.497,10.566h-2.232h-7.218L92.82,59.713 c-0.372,1.152,0.205,1.729,0.967,1.729s1.711-0.576,2.083-1.729l2.604-7.517h8.334h2.827l-2.827,8.559l-0.075,0.147 c-2.283,6.85-10.039,10.962-16.708,10.962c-0.287,0-0.57-0.007-0.853-0.022c-2.158-0.15-4.762-0.818-6.994-2.159 c-3.349-2.009-5.655-5.506-4.018-10.417L82.18,47.36l10.193-30.06h14.436H107.031 M109.717,15.301h-2.686h-0.223H92.373h-1.434 l-0.46,1.358l-10.193,30.06l-4.019,11.908c-1.713,5.139,0.114,9.91,4.884,12.771c2.261,1.358,5.135,2.248,7.884,2.439 c0.349,0.02,0.669,0.027,0.992,0.027c6.985,0,15.828-4.269,18.556-12.185l0.011-0.021l0.068-0.135l0.047-0.143l2.827-8.559 l0.868-2.627h-2.767h-2.827h-8.334H98.15l2.875-8.499h5.783h2.232h1.445l0.454-1.372l3.496-10.566l0.87-2.628h-2.769h-5.729 h-0.94l2.836-8.45l0.011-0.031l0.009-0.032l0.223-0.744L109.717,15.301L109.717,15.301z"},"children":[]}]},{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#ED1D24","stroke":"#ED1D24","points":"110.975,44.087 102.716,44.087 101.451,47.808 109.71,47.808 110.975,44.087 "},"children":[]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","points":"132.51,87.275 128.217,58.572 118.157,87.275 99.674,87.275 105.864,69.43 127.672,6.033 146.477,6.033 139.636,25.002 156.054,6.033 178.624,6.033 164.86,22.118 143.289,47.211 149.953,87.275 "},"children":[]},{"type":"path","props":{"d":"M176.452,7.033l-12.352,14.435l-21.875,25.446l6.548,39.361h-15.402l-4.763-31.845l-11.16,31.845h-10.64h-5.729 l5.729-16.518l21.577-62.725h16.667l-8.185,22.694l19.643-22.694h7.59H176.452 M180.796,5.033h-4.344h-12.352h-7.59h-0.914 l-0.598,0.691l-12.597,14.553l4.532-12.565l0.966-2.679h-2.848h-16.667h-1.427l-0.465,1.35l-21.577,62.725L99.189,85.62 l-0.921,2.655h2.811h5.729h10.64h1.418l0.47-1.339l8.489-24.223l3.568,23.857l0.255,1.704h1.723h15.402h2.36l-0.388-2.328 l-6.395-38.438l21.266-24.737l12.354-14.438L180.796,5.033L180.796,5.033z"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","d":"M155.668,73.296c-0.436,0-0.875-0.031-1.307-0.093 c-2.493-0.282-4.474-1.452-5.858-3.474c-2.796-4.082-2.443-10.649-1.291-15.033c1.446-5.651,5.364-11.352,11.166-12.883h-5.68 l0.492-1.344c2.644-7.215,5.968-11.622,10.463-13.87c3.601-1.882,7.563-2.04,11.311-2.04c3.479,0,7.109,1.763,9.475,4.601 c2.736,3.286,3.409,7.64,1.893,12.262l-1.715,4.998l-8.786,26.047h-14.843l0.262-0.76 C159.626,72.599,157.744,73.296,155.668,73.296L155.668,73.296z M164.445,41.813c1.935,0.685,3.763,1.993,5.249,3.712 l2.161-6.658c0.391-1.117-0.049-2.334-0.427-2.469c-0.323,0.015-1.528,0.865-2.888,4.746l-0.234,0.669H164.445z"},"children":[]},{"type":"path","props":{"d":"M174.964,25.56c3.125,0,6.474,1.563,8.706,4.241c2.231,2.679,3.273,6.548,1.711,11.31l-1.711,4.985l-8.558,25.372 h-11.012h-1.711l0.743-2.157c-2.341,1.69-4.797,2.985-7.465,2.985c-0.384,0-0.772-0.026-1.165-0.083 c-7.888-0.894-7.888-11.311-6.324-17.263c1.499-5.856,6.153-12.536,13.303-12.536c0.298,0,0.602,0.012,0.908,0.036 c0.595,0,1.116,0.149,1.711,0.298c2.382,0.818,4.539,2.753,5.953,4.911l2.753-8.483c0.521-1.488,0-3.348-1.042-3.72 c-0.099-0.028-0.202-0.043-0.31-0.043c-1.028,0-2.442,1.359-3.857,5.4h-3.497h-9.971c2.753-7.516,6.102-11.384,9.971-13.319 C167.375,25.783,171.021,25.56,174.964,25.56 M174.964,23.56c-3.872,0-7.973,0.167-11.79,2.162 c-4.705,2.353-8.187,6.935-10.922,14.403l-0.984,2.688h2.611c-3.86,2.658-6.491,7.162-7.638,11.641 c-1.202,4.576-1.55,11.48,1.437,15.841c1.529,2.231,3.801,3.58,6.571,3.902c0.469,0.065,0.945,0.099,1.419,0.099 c1.486,0,2.888-0.334,4.161-0.828h2.561h1.711h11.012h1.437l0.459-1.36l8.558-25.373l1.707-4.975 c1.637-4.986,0.899-9.679-2.065-13.239C182.656,25.461,178.731,23.56,174.964,23.56L174.964,23.56z M168.291,42.813h0.726 l0.469-1.339c0.592-1.69,1.119-2.7,1.511-3.294c-0.014,0.112-0.038,0.225-0.077,0.335l-1.662,5.12 C168.944,43.345,168.621,43.07,168.291,42.813L168.291,42.813z"},"children":[]}]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#231F20","d":"M166.109,52.57c2.158,0.52,0.595,4.539-0.074,6.62 c-0.446,1.266-1.042,3.126-1.935,4.168c-0.595,0.67-1.265,1.042-2.008,0.894c-1.937-0.447-1.042-4.093-0.373-6.028 c0.521-1.488,1.265-3.646,2.381-4.91C164.622,52.718,165.291,52.347,166.109,52.57L166.109,52.57z"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","d":"M193.79,74.346c-0.352,0-0.709-0.006-1.075-0.019 c-2.386-0.125-6.786-0.687-9.678-3.052c-3.235-2.83-3.726-6.992-1.482-12.394l1.171-3.367l13.474-39.214h15.941l-3.942,11.831 h8.714l-4.401,12.938h-8.698l-6.471,19.552c-0.065,0.197-0.067,0.311-0.063,0.36c0.005-0.002,0.057,0,0.082,0 c0.312,0,0.895-0.27,1.136-0.991l2.845-8.05h13.272l-3.212,9.288C209.311,67.705,205.577,74.346,193.79,74.346L193.79,74.346z"},"children":[]},{"type":"path","props":{"d":"M210.753,17.301l-3.942,11.831h8.705l-3.721,10.938h-8.705l-6.697,20.238c-0.372,1.116,0.205,1.674,0.968,1.674 c0.764,0,1.712-0.558,2.084-1.674l2.604-7.366h11.161l-2.753,7.961c-2.234,6.921-6.076,12.443-16.666,12.443 c-0.341,0-0.688-0.006-1.043-0.018c-2.827-0.148-6.622-0.818-9.077-2.827c-2.382-2.084-3.571-5.506-1.191-11.235l1.191-3.422 l13.243-38.543H210.753 M213.527,15.301h-2.774h-13.84h-1.428l-0.464,1.35l-13.243,38.543l-1.17,3.359 c-2.987,7.24-0.702,11.312,1.744,13.452l0.025,0.022l0.025,0.021c3.112,2.547,7.751,3.146,10.239,3.276 c0.417,0.014,0.785,0.021,1.147,0.021c12.501,0,16.49-7.391,18.569-13.829l2.74-7.922l0.917-2.653h-2.808h-11.161h-0.449 l2.936-8.872h7.261h1.433l0.461-1.356l3.721-10.938l0.899-2.644h-2.793h-5.931l3.065-9.198L213.527,15.301L213.527,15.301z"},"children":[]}]}]}]},{"type":"circle","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"none","stroke":"#000000","strokeWidth":"0.3","cx":"218.768","cy":"38.273","r":"1.75"},"children":[]},{"type":"text","props":{"transform":"matrix(1 0 0 1 217.8301 39.1738)","fontFamily":"","fontSize":"2.9178"},"children":["R"]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const KitKat = react_1.forwardRef(function KitKat({ variant = 'default', viewBox, ...props }, ref) {
+  const _p = 'tsvg' + react_1.useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
   const _v = _variants[variant] || _variants.default;
   return react_1.createElement(
     'svg',
@@ -17,7 +34,7 @@ const KitKat = react_1.forwardRef(function KitKat({ variant = 'default', viewBox
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/kit-kat.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 225 93.383","fill":"currentColor","childNodes":[{"type":"g","props":{},"children":[{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#ED1D24","points":"0,0 225,0 225,93.383 0,93.383 0,0 "},"children":[]},{"type":"g","props":{"id":"Layer_3"},"children":[{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#ED1D24","stroke":"#ED1D24","points":"56.881,57.182 63.875,36.2 54.724,46.766 56.881,57.182 "},"children":[]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","points":"55.717,71.353 70.224,27.908 86.253,27.908 83.126,37.117 71.664,71.353 "},"children":[]},{"type":"path","props":{"d":"M84.858,28.908l-2.678,7.887L70.944,70.353H57.105l13.839-41.444H82.18H84.858 M87.649,26.908h-2.792H82.18H70.944 h-1.441l-0.456,1.367L55.208,69.719l-0.879,2.634h2.776h13.839h1.439l0.457-1.365L84.076,37.43l2.675-7.878L87.649,26.908 L87.649,26.908z"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","d":"M80.245,28.271c-4.232,0-7.547-2.531-7.547-5.762 c0-3.177,3.386-5.762,7.547-5.762c0.548,0,1.075,0.082,1.54,0.155c0.178,0.028,0.352,0.055,0.519,0.076l0.06,0.007L82.422,17 c3.212,0.803,5.371,3.017,5.371,5.509c0,2.581-2.168,4.797-5.396,5.515C81.76,28.184,81.007,28.271,80.245,28.271L80.245,28.271z "},"children":[]},{"type":"path","props":{"d":"M80.245,17.748c0.67,0,1.339,0.149,1.935,0.223c2.678,0.669,4.613,2.455,4.613,4.539c0,2.157-1.935,3.943-4.613,4.539 c-0.596,0.149-1.265,0.223-1.935,0.223c-3.571,0-6.547-2.083-6.547-4.762C73.697,19.905,76.673,17.748,80.245,17.748 M80.245,15.748c-4.713,0-8.547,3.034-8.547,6.762c0,3.792,3.754,6.762,8.547,6.762c0.833,0,1.661-0.096,2.395-0.276 c3.682-0.828,6.154-3.432,6.154-6.485c0-2.959-2.463-5.563-6.128-6.479l-0.117-0.029l-0.121-0.015 c-0.157-0.02-0.321-0.045-0.488-0.071C81.438,15.836,80.87,15.748,80.245,15.748L80.245,15.748z"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","points":"41.489,87.275 35.816,60.669 26.565,87.275 8.083,87.275 36.079,6.033 54.865,6.033 49.242,22.235 62.966,6.033 85.337,6.033 82.935,8.804 51.113,45.856 59.442,87.275 "},"children":[]},{"type":"path","props":{"d":"M83.147,7.033L82.18,8.149L50.036,45.575l8.185,40.7H42.298l-6.25-29.316L25.854,86.275H9.485L36.792,7.033h16.667 l-6.92,19.94l16.89-19.94h18.75H83.147 M87.528,5.033h-4.381H82.18h-18.75h-0.927l-0.599,0.708l-9.959,11.757l3.404-9.809 l0.921-2.656h-2.811H36.792h-1.426l-0.464,1.349L7.594,85.624L6.68,88.275h2.805h16.369h1.422l0.467-1.343l7.842-22.553 l4.757,22.313l0.337,1.583h1.619h15.923h2.442l-0.481-2.395l-7.992-39.743L83.697,9.452l0.961-1.109L87.528,5.033L87.528,5.033z"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","d":"M90.026,72.864c-0.305,0-0.607-0.008-0.907-0.024 c-2.612-0.182-5.324-1.02-7.455-2.3c-4.404-2.642-6.026-6.866-4.452-11.591l4.02-11.908l10.424-30.74h16.718l-0.608,2.031 l-3.289,9.8h9.443l-4.158,12.566h-9.455l-6.541,19.336c-0.076,0.236-0.066,0.363-0.058,0.408c0.003-0.001,0.052,0,0.078,0 c0.308,0,0.888-0.281,1.131-1.035l2.844-8.21h13.256l-3.284,9.943l-0.076,0.15C105.108,68.809,96.683,72.864,90.026,72.864 L90.026,72.864z"},"children":[]},{"type":"path","props":{"d":"M107.031,17.301l-0.223,0.744l-3.721,11.086h3.721h5.729l-3.497,10.566h-2.232h-7.218L92.82,59.713 c-0.372,1.152,0.205,1.729,0.967,1.729s1.711-0.576,2.083-1.729l2.604-7.517h8.334h2.827l-2.827,8.559l-0.075,0.147 c-2.283,6.85-10.039,10.962-16.708,10.962c-0.287,0-0.57-0.007-0.853-0.022c-2.158-0.15-4.762-0.818-6.994-2.159 c-3.349-2.009-5.655-5.506-4.018-10.417L82.18,47.36l10.193-30.06h14.436H107.031 M109.717,15.301h-2.686h-0.223H92.373h-1.434 l-0.46,1.358l-10.193,30.06l-4.019,11.908c-1.713,5.139,0.114,9.91,4.884,12.771c2.261,1.358,5.135,2.248,7.884,2.439 c0.349,0.02,0.669,0.027,0.992,0.027c6.985,0,15.828-4.269,18.556-12.185l0.011-0.021l0.068-0.135l0.047-0.143l2.827-8.559 l0.868-2.627h-2.767h-2.827h-8.334H98.15l2.875-8.499h5.783h2.232h1.445l0.454-1.372l3.496-10.566l0.87-2.628h-2.769h-5.729 h-0.94l2.836-8.45l0.011-0.031l0.009-0.032l0.223-0.744L109.717,15.301L109.717,15.301z"},"children":[]}]},{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#ED1D24","stroke":"#ED1D24","points":"110.975,44.087 102.716,44.087 101.451,47.808 109.71,47.808 110.975,44.087 "},"children":[]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","points":"132.51,87.275 128.217,58.572 118.157,87.275 99.674,87.275 105.864,69.43 127.672,6.033 146.477,6.033 139.636,25.002 156.054,6.033 178.624,6.033 164.86,22.118 143.289,47.211 149.953,87.275 "},"children":[]},{"type":"path","props":{"d":"M176.452,7.033l-12.352,14.435l-21.875,25.446l6.548,39.361h-15.402l-4.763-31.845l-11.16,31.845h-10.64h-5.729 l5.729-16.518l21.577-62.725h16.667l-8.185,22.694l19.643-22.694h7.59H176.452 M180.796,5.033h-4.344h-12.352h-7.59h-0.914 l-0.598,0.691l-12.597,14.553l4.532-12.565l0.966-2.679h-2.848h-16.667h-1.427l-0.465,1.35l-21.577,62.725L99.189,85.62 l-0.921,2.655h2.811h5.729h10.64h1.418l0.47-1.339l8.489-24.223l3.568,23.857l0.255,1.704h1.723h15.402h2.36l-0.388-2.328 l-6.395-38.438l21.266-24.737l12.354-14.438L180.796,5.033L180.796,5.033z"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","d":"M155.668,73.296c-0.436,0-0.875-0.031-1.307-0.093 c-2.493-0.282-4.474-1.452-5.858-3.474c-2.796-4.082-2.443-10.649-1.291-15.033c1.446-5.651,5.364-11.352,11.166-12.883h-5.68 l0.492-1.344c2.644-7.215,5.968-11.622,10.463-13.87c3.601-1.882,7.563-2.04,11.311-2.04c3.479,0,7.109,1.763,9.475,4.601 c2.736,3.286,3.409,7.64,1.893,12.262l-1.715,4.998l-8.786,26.047h-14.843l0.262-0.76 C159.626,72.599,157.744,73.296,155.668,73.296L155.668,73.296z M164.445,41.813c1.935,0.685,3.763,1.993,5.249,3.712 l2.161-6.658c0.391-1.117-0.049-2.334-0.427-2.469c-0.323,0.015-1.528,0.865-2.888,4.746l-0.234,0.669H164.445z"},"children":[]},{"type":"path","props":{"d":"M174.964,25.56c3.125,0,6.474,1.563,8.706,4.241c2.231,2.679,3.273,6.548,1.711,11.31l-1.711,4.985l-8.558,25.372 h-11.012h-1.711l0.743-2.157c-2.341,1.69-4.797,2.985-7.465,2.985c-0.384,0-0.772-0.026-1.165-0.083 c-7.888-0.894-7.888-11.311-6.324-17.263c1.499-5.856,6.153-12.536,13.303-12.536c0.298,0,0.602,0.012,0.908,0.036 c0.595,0,1.116,0.149,1.711,0.298c2.382,0.818,4.539,2.753,5.953,4.911l2.753-8.483c0.521-1.488,0-3.348-1.042-3.72 c-0.099-0.028-0.202-0.043-0.31-0.043c-1.028,0-2.442,1.359-3.857,5.4h-3.497h-9.971c2.753-7.516,6.102-11.384,9.971-13.319 C167.375,25.783,171.021,25.56,174.964,25.56 M174.964,23.56c-3.872,0-7.973,0.167-11.79,2.162 c-4.705,2.353-8.187,6.935-10.922,14.403l-0.984,2.688h2.611c-3.86,2.658-6.491,7.162-7.638,11.641 c-1.202,4.576-1.55,11.48,1.437,15.841c1.529,2.231,3.801,3.58,6.571,3.902c0.469,0.065,0.945,0.099,1.419,0.099 c1.486,0,2.888-0.334,4.161-0.828h2.561h1.711h11.012h1.437l0.459-1.36l8.558-25.373l1.707-4.975 c1.637-4.986,0.899-9.679-2.065-13.239C182.656,25.461,178.731,23.56,174.964,23.56L174.964,23.56z M168.291,42.813h0.726 l0.469-1.339c0.592-1.69,1.119-2.7,1.511-3.294c-0.014,0.112-0.038,0.225-0.077,0.335l-1.662,5.12 C168.944,43.345,168.621,43.07,168.291,42.813L168.291,42.813z"},"children":[]}]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#231F20","d":"M166.109,52.57c2.158,0.52,0.595,4.539-0.074,6.62 c-0.446,1.266-1.042,3.126-1.935,4.168c-0.595,0.67-1.265,1.042-2.008,0.894c-1.937-0.447-1.042-4.093-0.373-6.028 c0.521-1.488,1.265-3.646,2.381-4.91C164.622,52.718,165.291,52.347,166.109,52.57L166.109,52.57z"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"#FFFFFF","d":"M193.79,74.346c-0.352,0-0.709-0.006-1.075-0.019 c-2.386-0.125-6.786-0.687-9.678-3.052c-3.235-2.83-3.726-6.992-1.482-12.394l1.171-3.367l13.474-39.214h15.941l-3.942,11.831 h8.714l-4.401,12.938h-8.698l-6.471,19.552c-0.065,0.197-0.067,0.311-0.063,0.36c0.005-0.002,0.057,0,0.082,0 c0.312,0,0.895-0.27,1.136-0.991l2.845-8.05h13.272l-3.212,9.288C209.311,67.705,205.577,74.346,193.79,74.346L193.79,74.346z"},"children":[]},{"type":"path","props":{"d":"M210.753,17.301l-3.942,11.831h8.705l-3.721,10.938h-8.705l-6.697,20.238c-0.372,1.116,0.205,1.674,0.968,1.674 c0.764,0,1.712-0.558,2.084-1.674l2.604-7.366h11.161l-2.753,7.961c-2.234,6.921-6.076,12.443-16.666,12.443 c-0.341,0-0.688-0.006-1.043-0.018c-2.827-0.148-6.622-0.818-9.077-2.827c-2.382-2.084-3.571-5.506-1.191-11.235l1.191-3.422 l13.243-38.543H210.753 M213.527,15.301h-2.774h-13.84h-1.428l-0.464,1.35l-13.243,38.543l-1.17,3.359 c-2.987,7.24-0.702,11.312,1.744,13.452l0.025,0.022l0.025,0.021c3.112,2.547,7.751,3.146,10.239,3.276 c0.417,0.014,0.785,0.021,1.147,0.021c12.501,0,16.49-7.391,18.569-13.829l2.74-7.922l0.917-2.653h-2.808h-11.161h-0.449 l2.936-8.872h7.261h1.433l0.461-1.356l3.721-10.938l0.899-2.644h-2.793h-5.931l3.065-9.198L213.527,15.301L213.527,15.301z"},"children":[]}]}]}]},{"type":"circle","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"none","stroke":"#000000","strokeWidth":"0.3","cx":"218.768","cy":"38.273","r":"1.75"},"children":[]},{"type":"text","props":{"transform":"matrix(1 0 0 1 217.8301 39.1738)","fontFamily":"","fontSize":"2.9178"},"children":["R"]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const KitKat = forwardRef(
   function KitKat({ variant = 'default', viewBox, ...props }, ref) {
+    const _p = 'tsvg' + useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
     const _v = _variants[variant] || _variants.default;
     return createElement(
       'svg',
@@ -15,7 +32,7 @@ const KitKat = forwardRef(
       ..._v.childNodes
         .map(function _c(el) {
           if (typeof el === 'string') return el;
-          return createElement(el.type, el.props, ...(el.children || []).map(_c));
+          return createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
         })
     );
   }

package/dist/kling.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Kling"]},{"type":"path","props":{"d":"M5.412 13.775A23.193 23.193 0 017.41 9.32c3.17-5.492 7.795-8.757 10.33-7.294C12.038-1.266 4.598.944 1.122 6.964A13.378 13.378 0 00.085 9.22c-.259.739.092 1.534.77 1.926l4.557 2.63z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M18.588 10.164a23.188 23.188 0 01-1.999 4.455c-3.17 5.492-7.795 8.758-10.33 7.294 5.703 3.293 13.143 1.082 16.619-4.938a13.392 13.392 0 001.037-2.255c.259-.738-.092-1.534-.77-1.925l-4.557-2.63z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M16.59 14.62c3.17-5.492 3.686-11.13 1.15-12.594C15.207.563 10.582 3.83 7.41 9.32c2.074-3.59 5.809-5.315 8.344-3.852 2.534 1.464 2.908 5.56.835 9.151z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M7.41 9.32c-3.17 5.492-3.686 11.13-1.15 12.593 2.534 1.464 7.159-1.802 10.33-7.294-2.074 3.591-5.809 5.316-8.344 3.852-2.534-1.463-2.908-5.56-.835-9.15z","fill":"url(#grad-d)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(7.47772 -12.51022 17.14368 10.24728 5.173 13.637)","gradientUnits":"userSpaceOnUse","id":"grad-a","r":"1"},"children":[{"type":"stop","props":{"offset":".095","stopColor":"#FFF959"},"children":[]},{"type":"stop","props":{"offset":".326","stopColor":"#0DF35E"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#0BF2F9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#04A6F0"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(120.868 6.491 10.491) scale(14.5747 19.9728)","gradientUnits":"userSpaceOnUse","id":"grad-b","r":"1"},"children":[{"type":"stop","props":{"offset":".095","stopColor":"#FFF959"},"children":[]},{"type":"stop","props":{"offset":".326","stopColor":"#0DF35E"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#0BF2F9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#04A6F0"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"15.578","x2":"18.062","y1":"1.798","y2":"9.861"},"children":[{"type":"stop","props":{"stopColor":"#003EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0BFFE7"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"8.422","x2":"5.938","y1":"22.142","y2":"14.079"},"children":[{"type":"stop","props":{"stopColor":"#003EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0BFFE7"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Kling"]},{"type":"path","props":{"d":"M5.412 13.775A23.193 23.193 0 017.41 9.32c3.17-5.492 7.795-8.757 10.33-7.294C12.038-1.266 4.598.944 1.122 6.964A13.378 13.378 0 00.085 9.22c-.259.739.092 1.534.77 1.926l4.557 2.63z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M18.588 10.164a23.188 23.188 0 01-1.999 4.455c-3.17 5.492-7.795 8.758-10.33 7.294 5.703 3.293 13.143 1.082 16.619-4.938a13.392 13.392 0 001.037-2.255c.259-.738-.092-1.534-.77-1.925l-4.557-2.63z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M16.59 14.62c3.17-5.492 3.686-11.13 1.15-12.594C15.207.563 10.582 3.83 7.41 9.32c2.074-3.59 5.809-5.315 8.344-3.852 2.534 1.464 2.908 5.56.835 9.151z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M7.41 9.32c-3.17 5.492-3.686 11.13-1.15 12.593 2.534 1.464 7.159-1.802 10.33-7.294-2.074 3.591-5.809 5.316-8.344 3.852-2.534-1.463-2.908-5.56-.835-9.15z","fill":"url(#grad-d)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(7.47772 -12.51022 17.14368 10.24728 5.173 13.637)","gradientUnits":"userSpaceOnUse","id":"grad-a","r":"1"},"children":[{"type":"stop","props":{"offset":".095","stopColor":"#FFF959"},"children":[]},{"type":"stop","props":{"offset":".326","stopColor":"#0DF35E"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#0BF2F9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#04A6F0"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(120.868 6.491 10.491) scale(14.5747 19.9728)","gradientUnits":"userSpaceOnUse","id":"grad-b","r":"1"},"children":[{"type":"stop","props":{"offset":".095","stopColor":"#FFF959"},"children":[]},{"type":"stop","props":{"offset":".326","stopColor":"#0DF35E"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#0BF2F9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#04A6F0"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"15.578","x2":"18.062","y1":"1.798","y2":"9.861"},"children":[{"type":"stop","props":{"stopColor":"#003EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0BFFE7"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"8.422","x2":"5.938","y1":"22.142","y2":"14.079"},"children":[{"type":"stop","props":{"stopColor":"#003EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0BFFE7"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Kling (可灵)"]},{"type":"path","props":{"clipRule":"evenodd","d":"M5.493 21.234c-1.112-1.451-1.109-4.263-.081-7.459l-4.557-2.63a1.683 1.683 0 01-.85-1.304 1.505 1.505 0 01.08-.622 13.18 13.18 0 011.037-2.255c3.476-6.02 10.916-8.23 16.619-4.938.46.266.82.67 1.081 1.184.785 1.545.685 4.096-.234 6.954l4.557 2.631c.339.196.596.492.736.832a1.53 1.53 0 01.034 1.093 13.146 13.146 0 01-1.037 2.255c-3.476 6.02-10.916 8.23-16.619 4.938a2.6 2.6 0 01-.766-.68zm11.096-6.615c-2.073 3.591-5.808 5.316-8.343 3.852-1.267-.731-1.994-2.122-2.145-3.778-.095-1.035.036-2.173.4-3.32.217-.684.517-1.37.902-2.039l.008-.014c2.073-3.59 5.808-5.315 8.343-3.852.633.366 1.13.895 1.49 1.54.986 1.772.922 4.415-.285 6.914-.111.23-.232.457-.362.683l-.008.014z"},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Kling = react_1.forwardRef(function Kling({ variant = 'default', viewBox, ...props }, ref) {
+  const _p = 'tsvg' + react_1.useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
   const _v = _variants[variant] || _variants.default;
   return react_1.createElement(
     'svg',
@@ -17,7 +34,7 @@ const Kling = react_1.forwardRef(function Kling({ variant = 'default', viewBox,
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/kling.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, color, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Kling"]},{"type":"path","props":{"d":"M5.412 13.775A23.193 23.193 0 017.41 9.32c3.17-5.492 7.795-8.757 10.33-7.294C12.038-1.266 4.598.944 1.122 6.964A13.378 13.378 0 00.085 9.22c-.259.739.092 1.534.77 1.926l4.557 2.63z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M18.588 10.164a23.188 23.188 0 01-1.999 4.455c-3.17 5.492-7.795 8.758-10.33 7.294 5.703 3.293 13.143 1.082 16.619-4.938a13.392 13.392 0 001.037-2.255c.259-.738-.092-1.534-.77-1.925l-4.557-2.63z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M16.59 14.62c3.17-5.492 3.686-11.13 1.15-12.594C15.207.563 10.582 3.83 7.41 9.32c2.074-3.59 5.809-5.315 8.344-3.852 2.534 1.464 2.908 5.56.835 9.151z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M7.41 9.32c-3.17 5.492-3.686 11.13-1.15 12.593 2.534 1.464 7.159-1.802 10.33-7.294-2.074 3.591-5.809 5.316-8.344 3.852-2.534-1.463-2.908-5.56-.835-9.15z","fill":"url(#grad-d)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(7.47772 -12.51022 17.14368 10.24728 5.173 13.637)","gradientUnits":"userSpaceOnUse","id":"grad-a","r":"1"},"children":[{"type":"stop","props":{"offset":".095","stopColor":"#FFF959"},"children":[]},{"type":"stop","props":{"offset":".326","stopColor":"#0DF35E"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#0BF2F9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#04A6F0"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(120.868 6.491 10.491) scale(14.5747 19.9728)","gradientUnits":"userSpaceOnUse","id":"grad-b","r":"1"},"children":[{"type":"stop","props":{"offset":".095","stopColor":"#FFF959"},"children":[]},{"type":"stop","props":{"offset":".326","stopColor":"#0DF35E"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#0BF2F9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#04A6F0"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"15.578","x2":"18.062","y1":"1.798","y2":"9.861"},"children":[{"type":"stop","props":{"stopColor":"#003EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0BFFE7"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"8.422","x2":"5.938","y1":"22.142","y2":"14.079"},"children":[{"type":"stop","props":{"stopColor":"#003EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0BFFE7"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Kling"]},{"type":"path","props":{"d":"M5.412 13.775A23.193 23.193 0 017.41 9.32c3.17-5.492 7.795-8.757 10.33-7.294C12.038-1.266 4.598.944 1.122 6.964A13.378 13.378 0 00.085 9.22c-.259.739.092 1.534.77 1.926l4.557 2.63z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M18.588 10.164a23.188 23.188 0 01-1.999 4.455c-3.17 5.492-7.795 8.758-10.33 7.294 5.703 3.293 13.143 1.082 16.619-4.938a13.392 13.392 0 001.037-2.255c.259-.738-.092-1.534-.77-1.925l-4.557-2.63z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M16.59 14.62c3.17-5.492 3.686-11.13 1.15-12.594C15.207.563 10.582 3.83 7.41 9.32c2.074-3.59 5.809-5.315 8.344-3.852 2.534 1.464 2.908 5.56.835 9.151z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M7.41 9.32c-3.17 5.492-3.686 11.13-1.15 12.593 2.534 1.464 7.159-1.802 10.33-7.294-2.074 3.591-5.809 5.316-8.344 3.852-2.534-1.463-2.908-5.56-.835-9.15z","fill":"url(#grad-d)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(7.47772 -12.51022 17.14368 10.24728 5.173 13.637)","gradientUnits":"userSpaceOnUse","id":"grad-a","r":"1"},"children":[{"type":"stop","props":{"offset":".095","stopColor":"#FFF959"},"children":[]},{"type":"stop","props":{"offset":".326","stopColor":"#0DF35E"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#0BF2F9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#04A6F0"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(120.868 6.491 10.491) scale(14.5747 19.9728)","gradientUnits":"userSpaceOnUse","id":"grad-b","r":"1"},"children":[{"type":"stop","props":{"offset":".095","stopColor":"#FFF959"},"children":[]},{"type":"stop","props":{"offset":".326","stopColor":"#0DF35E"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#0BF2F9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#04A6F0"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"15.578","x2":"18.062","y1":"1.798","y2":"9.861"},"children":[{"type":"stop","props":{"stopColor":"#003EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0BFFE7"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"8.422","x2":"5.938","y1":"22.142","y2":"14.079"},"children":[{"type":"stop","props":{"stopColor":"#003EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0BFFE7"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Kling (可灵)"]},{"type":"path","props":{"clipRule":"evenodd","d":"M5.493 21.234c-1.112-1.451-1.109-4.263-.081-7.459l-4.557-2.63a1.683 1.683 0 01-.85-1.304 1.505 1.505 0 01.08-.622 13.18 13.18 0 011.037-2.255c3.476-6.02 10.916-8.23 16.619-4.938.46.266.82.67 1.081 1.184.785 1.545.685 4.096-.234 6.954l4.557 2.631c.339.196.596.492.736.832a1.53 1.53 0 01.034 1.093 13.146 13.146 0 01-1.037 2.255c-3.476 6.02-10.916 8.23-16.619 4.938a2.6 2.6 0 01-.766-.68zm11.096-6.615c-2.073 3.591-5.808 5.316-8.343 3.852-1.267-.731-1.994-2.122-2.145-3.778-.095-1.035.036-2.173.4-3.32.217-.684.517-1.37.902-2.039l.008-.014c2.073-3.59 5.808-5.315 8.343-3.852.633.366 1.13.895 1.49 1.54.986 1.772.922 4.415-.285 6.914-.111.23-.232.457-.362.683l-.008.014z"},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Kling = forwardRef(
   function Kling({ variant = 'default', viewBox, ...props }, ref) {
+    const _p = 'tsvg' + useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
     const _v = _variants[variant] || _variants.default;
     return createElement(
       'svg',
@@ -15,7 +32,7 @@ const Kling = forwardRef(
       ..._v.childNodes
         .map(function _c(el) {
           if (typeof el === 'string') return el;
-          return createElement(el.type, el.props, ...(el.children || []).map(_c));
+          return createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
         })
     );
   }

package/dist/kops.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 512 228","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"SVG2R6clecM","x1":"88.235%","x2":"16.29%","y1":"153.239%","y2":"-50.279%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"13.71%","stopColor":"#fff","stopOpacity":".863"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#fff","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGCIXyibpH","x1":"69.629%","x2":"44.772%","y1":"118.973%","y2":"24.263%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"13.71%","stopColor":"#fff","stopOpacity":".863"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#fff","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGqFfhibHm","x1":"98.409%","x2":"-30.582%","y1":"199.021%","y2":"-165.518%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"13.71%","stopColor":"#fff","stopOpacity":".863"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#fff","stopOpacity":"0"},"children":[]}]}]},{"type":"path","props":{"fill":"#414042","d":"M199.444 159.258c-3.13-5.35-9.872-7.24-15.33-4.417l-15.816-17.833a71.3 71.3 0 0 0 3.874-23.25c0-7.983-1.327-15.67-3.747-22.845l13.398-15.86c3.248 1.359 7.026 1.252 10.276-.659c5.52-3.206 7.389-10.319 4.16-15.838c-3.237-5.52-10.339-7.41-15.87-4.161c-3.249 1.89-5.191 5.16-5.617 8.641l-20.084 3.843c-10.383-11.974-24.65-20.467-40.871-23.524l-7.622-22.145c5.042-3.376 6.699-10.149 3.588-15.478c-3.238-5.498-10.34-7.388-15.86-4.14c-5.52 3.207-7.4 10.34-4.161 15.86a11 11 0 0 0 3.237 3.525l-7.642 22.76C69.635 47.113 55.855 55.65 45.834 67.475L23.35 63.27c-.106-1.741-.573-3.482-1.508-5.096c-3.227-5.52-10.34-7.388-15.86-4.16c-5.52 3.226-7.388 10.34-4.16 15.86c2.95 5.052 9.15 7.006 14.394 4.819l15.775 18.068a71.5 71.5 0 0 0-3.132 20.999c0 8.173 1.37 16.009 3.896 23.311l-16.2 18.96a11.56 11.56 0 0 0-10.807.445c-5.541 3.25-7.388 10.34-4.161 15.881c3.227 5.499 10.34 7.389 15.86 4.162c3.429-2.018 5.436-5.52 5.711-9.215l24.788-4.862c9.82 10.595 22.792 18.216 37.442 21.38l8.09 22.994c-4.523 3.524-5.903 9.894-2.93 14.969c3.227 5.52 10.34 7.387 15.871 4.16c5.51-3.227 7.378-10.34 4.151-15.88a11.9 11.9 0 0 0-3.185-3.503l7.719-22.633c14.957-3.1 28.217-10.85 38.185-21.7l24.746 4.779c.223 1.358.636 2.696 1.39 3.947c3.217 5.522 10.319 7.39 15.86 4.162c5.519-3.227 7.377-10.36 4.16-15.86m-98.94 7.197c-29.108 0-52.696-23.588-52.696-52.695c0-29.11 23.588-52.698 52.697-52.698c29.098 0 52.698 23.588 52.698 52.698c0 29.107-23.6 52.695-52.698 52.695"},"children":[]},{"type":"path","props":{"fill":"#414042","d":"M90.654 117.836c-.584-1.975-.807-3.673-.7-5.107c.117-1.603.636-3.28 1.539-4.957c.923-1.678 1.974-3.037 3.152-4.056l29.47-25.266c-8.981-5.987-20.213-8.6-31.656-6.412c-23.047 4.458-38.11 26.73-33.673 49.766c0 0 .297 2.039 1.337 5.14c.063.19.127.382.203.573c.116.34.244.7.37 1.061c.468 1.19.935 2.356 1.466 3.504l.042-.023c2.993 6.242 8.493 14.013 18.397 19.236c.16.063.318.149.477.234c.489.255.977.487 1.466.72c.339.149.678.299.997.447c.15.063.297.128.446.212v-.02c7.506 3.184 15.988 4.235 24.576 2.59c4.088-.786 7.93-2.165 11.476-3.97l-25.69-27.665c-1.89-1.973-3.133-4.011-3.695-6.007"},"children":[]},{"type":"path","props":{"fill":"#27aae1","d":"m134.635 88.45l-25 20.575c-.924.743-1.784 1.464-2.591 2.25c-.637.594-.988 1.422-1.062 2.485c-.085 1.423.212 2.6.977 3.588a49 49 0 0 0 2.738 3.207l21.742 22.335c9.002-9.597 13.46-23.248 10.785-37.155c-1.24-6.477-3.894-12.338-7.589-17.284"},"children":[]},{"type":"path","props":{"fill":"url(#SVG2R6clecM)","d":"M94.263 123.864c-1.89-1.994-3.132-4.011-3.695-6.028c-.584-1.954-.806-3.652-.7-5.096c.116-1.592.636-3.29 1.538-4.947c.924-1.698 1.975-3.057 3.154-4.056l29.47-25.265c-8.981-5.987-20.213-8.62-31.657-6.412c-23.047 4.436-38.111 26.73-33.674 49.768c0 0 .297 2.036 1.338 5.138c.064.168.128.381.202.572c.117.34.244.702.372 1.041c.467 1.21.935 2.378 1.465 3.525l.042-.044c.404.85.977 1.763 1.486 2.655c12.124-1.316 23.802-3.44 34.8-6.39z"},"children":[]},{"type":"path","props":{"fill":"url(#SVGCIXyibpH)","d":"m168.34 90.914l13.397-15.839c4.703-6.496 7.814-13.483 9.746-20.722c-3.43-1.805-7.59-2.06-11.178.042c-3.25 1.91-5.191 5.18-5.616 8.662L154.603 66.9c-10.382-11.996-24.65-20.488-40.87-23.545L106.11 21.23c5.043-3.375 6.7-10.149 3.588-15.478c-3.238-5.52-10.35-7.389-15.86-4.162c-5.52 3.228-7.399 10.34-4.162 15.86a11.3 11.3 0 0 0 3.238 3.546l-7.644 22.74c-15.722 3.375-29.501 11.91-39.522 23.757L23.264 63.29a11.65 11.65 0 0 0-1.507-5.117c-3.227-5.52-10.34-7.367-15.86-4.14s-7.39 10.34-4.162 15.839c2.951 5.052 9.151 7.028 14.395 4.84L31.905 92.76c-2.039 6.645-3.121 13.694-3.121 21.02c0 7.835 1.316 15.35 3.651 22.4c1.253.02 2.474.126 3.737.126c5.573 0 11.062-.191 16.497-.552c-3.1-6.709-4.946-14.098-4.946-21.975c0-29.11 23.588-52.718 52.696-52.718c25.904 0 47.337 18.747 51.763 43.377c5.978-4.054 11.445-8.386 16.285-13.035c-.062-.148-.073-.319-.127-.488"},"children":[]},{"type":"path","props":{"fill":"url(#SVGqFfhibHm)","d":"m134.55 88.472l-25 20.575a36 36 0 0 0-2.59 2.228c-.637.616-.987 1.422-1.062 2.506c-.085 1.423.212 2.59.977 3.567a39 39 0 0 0 2.739 3.207l3.227 3.31c10.85-3.756 20.828-8.343 29.894-13.544c-.128-1.508-.297-3.037-.594-4.587c-1.242-6.476-3.896-12.314-7.591-17.262"},"children":[]},{"type":"path","props":{"fill":"#414042","d":"m248.702 114.035l20.34-22.442h21.645l-23.599 26.093l25.032 36.37h-20.86l-16.306-23.205h-10.03v23.205H226.8v-92.57h18.122v52.55zM354.35 98.111c6.391 6.136 9.65 14.225 9.65 24.27c0 10.168-3.259 18.364-9.65 24.626s-14.862 9.385-25.425 9.385s-19.034-3.122-25.553-9.385c-6.518-6.262-9.777-14.458-9.777-24.627c0-10.044 3.259-18.133 9.64-24.269c6.528-6.113 15.127-9.257 25.69-9.257c10.563.001 19.035 3.144 25.425 9.257m-25.424 6.922c-10.297 0-17.347 6.9-17.347 17.347c0 10.552 7.05 17.854 17.347 17.854s17.208-7.302 17.208-17.854c0-10.447-6.91-17.347-17.208-17.347m115.553 17.474c0 9.64-2.867 17.472-8.472 23.46c-5.605 5.861-12.908 8.875-21.645 8.875c-7.431 0-13.556-.275-18.641-.785v30.107h-18.122V92.656c15.51-1.976 27.378-3.015 35.584-3.015c19.693-.001 30.777 12.654 31.296 32.866m-17.6.509c0-12.25-5.479-18.387-16.561-18.387c-4.173 0-8.993.276-14.597.786v33.248c4.564.658 9.777 1.04 15.775 1.04c8.991 0 15.382-7.302 15.382-16.687m31.74 13.036c9.512 3.652 17.984 5.477 25.287 5.477c7.166 0 10.69-1.55 10.69-4.818c0-2.868-2.739-4.31-6.911-5.224c-2.219-.635-3.386-.764-6.392-1.294l-3.385-.658c-14.725-2.739-21.518-8.216-21.518-18.769c0-13.036 10.563-20.85 27.377-20.85c9.257 0 17.995 1.55 26.211 4.693l-4.044 13.673c-10.033-2.867-17.601-4.29-22.814-4.29c-5.732 0-8.992 2.08-8.992 5.35c0 2.867 2.08 3.908 5.733 5.076c2.22.531 3.259.657 6.401 1.295l3.641.658c15.246 3.12 21.637 7.559 21.637 18.641c0 13.95-10.945 20.998-28.293 20.998c-9.65 0-19.033-1.826-28.291-5.478z"},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Kops = react_1.forwardRef(function Kops({ variant = 'default', viewBox, ...props }, ref) {
+  const _p = 'tsvg' + react_1.useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
   const _v = _variants[variant] || _variants.default;
   return react_1.createElement(
     'svg',
@@ -17,7 +34,7 @@ const Kops = react_1.forwardRef(function Kops({ variant = 'default', viewBox, ..
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/kops.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 512 228","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"SVG2R6clecM","x1":"88.235%","x2":"16.29%","y1":"153.239%","y2":"-50.279%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"13.71%","stopColor":"#fff","stopOpacity":".863"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#fff","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGCIXyibpH","x1":"69.629%","x2":"44.772%","y1":"118.973%","y2":"24.263%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"13.71%","stopColor":"#fff","stopOpacity":".863"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#fff","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGqFfhibHm","x1":"98.409%","x2":"-30.582%","y1":"199.021%","y2":"-165.518%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"13.71%","stopColor":"#fff","stopOpacity":".863"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#fff","stopOpacity":"0"},"children":[]}]}]},{"type":"path","props":{"fill":"#414042","d":"M199.444 159.258c-3.13-5.35-9.872-7.24-15.33-4.417l-15.816-17.833a71.3 71.3 0 0 0 3.874-23.25c0-7.983-1.327-15.67-3.747-22.845l13.398-15.86c3.248 1.359 7.026 1.252 10.276-.659c5.52-3.206 7.389-10.319 4.16-15.838c-3.237-5.52-10.339-7.41-15.87-4.161c-3.249 1.89-5.191 5.16-5.617 8.641l-20.084 3.843c-10.383-11.974-24.65-20.467-40.871-23.524l-7.622-22.145c5.042-3.376 6.699-10.149 3.588-15.478c-3.238-5.498-10.34-7.388-15.86-4.14c-5.52 3.207-7.4 10.34-4.161 15.86a11 11 0 0 0 3.237 3.525l-7.642 22.76C69.635 47.113 55.855 55.65 45.834 67.475L23.35 63.27c-.106-1.741-.573-3.482-1.508-5.096c-3.227-5.52-10.34-7.388-15.86-4.16c-5.52 3.226-7.388 10.34-4.16 15.86c2.95 5.052 9.15 7.006 14.394 4.819l15.775 18.068a71.5 71.5 0 0 0-3.132 20.999c0 8.173 1.37 16.009 3.896 23.311l-16.2 18.96a11.56 11.56 0 0 0-10.807.445c-5.541 3.25-7.388 10.34-4.161 15.881c3.227 5.499 10.34 7.389 15.86 4.162c3.429-2.018 5.436-5.52 5.711-9.215l24.788-4.862c9.82 10.595 22.792 18.216 37.442 21.38l8.09 22.994c-4.523 3.524-5.903 9.894-2.93 14.969c3.227 5.52 10.34 7.387 15.871 4.16c5.51-3.227 7.378-10.34 4.151-15.88a11.9 11.9 0 0 0-3.185-3.503l7.719-22.633c14.957-3.1 28.217-10.85 38.185-21.7l24.746 4.779c.223 1.358.636 2.696 1.39 3.947c3.217 5.522 10.319 7.39 15.86 4.162c5.519-3.227 7.377-10.36 4.16-15.86m-98.94 7.197c-29.108 0-52.696-23.588-52.696-52.695c0-29.11 23.588-52.698 52.697-52.698c29.098 0 52.698 23.588 52.698 52.698c0 29.107-23.6 52.695-52.698 52.695"},"children":[]},{"type":"path","props":{"fill":"#414042","d":"M90.654 117.836c-.584-1.975-.807-3.673-.7-5.107c.117-1.603.636-3.28 1.539-4.957c.923-1.678 1.974-3.037 3.152-4.056l29.47-25.266c-8.981-5.987-20.213-8.6-31.656-6.412c-23.047 4.458-38.11 26.73-33.673 49.766c0 0 .297 2.039 1.337 5.14c.063.19.127.382.203.573c.116.34.244.7.37 1.061c.468 1.19.935 2.356 1.466 3.504l.042-.023c2.993 6.242 8.493 14.013 18.397 19.236c.16.063.318.149.477.234c.489.255.977.487 1.466.72c.339.149.678.299.997.447c.15.063.297.128.446.212v-.02c7.506 3.184 15.988 4.235 24.576 2.59c4.088-.786 7.93-2.165 11.476-3.97l-25.69-27.665c-1.89-1.973-3.133-4.011-3.695-6.007"},"children":[]},{"type":"path","props":{"fill":"#27aae1","d":"m134.635 88.45l-25 20.575c-.924.743-1.784 1.464-2.591 2.25c-.637.594-.988 1.422-1.062 2.485c-.085 1.423.212 2.6.977 3.588a49 49 0 0 0 2.738 3.207l21.742 22.335c9.002-9.597 13.46-23.248 10.785-37.155c-1.24-6.477-3.894-12.338-7.589-17.284"},"children":[]},{"type":"path","props":{"fill":"url(#SVG2R6clecM)","d":"M94.263 123.864c-1.89-1.994-3.132-4.011-3.695-6.028c-.584-1.954-.806-3.652-.7-5.096c.116-1.592.636-3.29 1.538-4.947c.924-1.698 1.975-3.057 3.154-4.056l29.47-25.265c-8.981-5.987-20.213-8.62-31.657-6.412c-23.047 4.436-38.111 26.73-33.674 49.768c0 0 .297 2.036 1.338 5.138c.064.168.128.381.202.572c.117.34.244.702.372 1.041c.467 1.21.935 2.378 1.465 3.525l.042-.044c.404.85.977 1.763 1.486 2.655c12.124-1.316 23.802-3.44 34.8-6.39z"},"children":[]},{"type":"path","props":{"fill":"url(#SVGCIXyibpH)","d":"m168.34 90.914l13.397-15.839c4.703-6.496 7.814-13.483 9.746-20.722c-3.43-1.805-7.59-2.06-11.178.042c-3.25 1.91-5.191 5.18-5.616 8.662L154.603 66.9c-10.382-11.996-24.65-20.488-40.87-23.545L106.11 21.23c5.043-3.375 6.7-10.149 3.588-15.478c-3.238-5.52-10.35-7.389-15.86-4.162c-5.52 3.228-7.399 10.34-4.162 15.86a11.3 11.3 0 0 0 3.238 3.546l-7.644 22.74c-15.722 3.375-29.501 11.91-39.522 23.757L23.264 63.29a11.65 11.65 0 0 0-1.507-5.117c-3.227-5.52-10.34-7.367-15.86-4.14s-7.39 10.34-4.162 15.839c2.951 5.052 9.151 7.028 14.395 4.84L31.905 92.76c-2.039 6.645-3.121 13.694-3.121 21.02c0 7.835 1.316 15.35 3.651 22.4c1.253.02 2.474.126 3.737.126c5.573 0 11.062-.191 16.497-.552c-3.1-6.709-4.946-14.098-4.946-21.975c0-29.11 23.588-52.718 52.696-52.718c25.904 0 47.337 18.747 51.763 43.377c5.978-4.054 11.445-8.386 16.285-13.035c-.062-.148-.073-.319-.127-.488"},"children":[]},{"type":"path","props":{"fill":"url(#SVGqFfhibHm)","d":"m134.55 88.472l-25 20.575a36 36 0 0 0-2.59 2.228c-.637.616-.987 1.422-1.062 2.506c-.085 1.423.212 2.59.977 3.567a39 39 0 0 0 2.739 3.207l3.227 3.31c10.85-3.756 20.828-8.343 29.894-13.544c-.128-1.508-.297-3.037-.594-4.587c-1.242-6.476-3.896-12.314-7.591-17.262"},"children":[]},{"type":"path","props":{"fill":"#414042","d":"m248.702 114.035l20.34-22.442h21.645l-23.599 26.093l25.032 36.37h-20.86l-16.306-23.205h-10.03v23.205H226.8v-92.57h18.122v52.55zM354.35 98.111c6.391 6.136 9.65 14.225 9.65 24.27c0 10.168-3.259 18.364-9.65 24.626s-14.862 9.385-25.425 9.385s-19.034-3.122-25.553-9.385c-6.518-6.262-9.777-14.458-9.777-24.627c0-10.044 3.259-18.133 9.64-24.269c6.528-6.113 15.127-9.257 25.69-9.257c10.563.001 19.035 3.144 25.425 9.257m-25.424 6.922c-10.297 0-17.347 6.9-17.347 17.347c0 10.552 7.05 17.854 17.347 17.854s17.208-7.302 17.208-17.854c0-10.447-6.91-17.347-17.208-17.347m115.553 17.474c0 9.64-2.867 17.472-8.472 23.46c-5.605 5.861-12.908 8.875-21.645 8.875c-7.431 0-13.556-.275-18.641-.785v30.107h-18.122V92.656c15.51-1.976 27.378-3.015 35.584-3.015c19.693-.001 30.777 12.654 31.296 32.866m-17.6.509c0-12.25-5.479-18.387-16.561-18.387c-4.173 0-8.993.276-14.597.786v33.248c4.564.658 9.777 1.04 15.775 1.04c8.991 0 15.382-7.302 15.382-16.687m31.74 13.036c9.512 3.652 17.984 5.477 25.287 5.477c7.166 0 10.69-1.55 10.69-4.818c0-2.868-2.739-4.31-6.911-5.224c-2.219-.635-3.386-.764-6.392-1.294l-3.385-.658c-14.725-2.739-21.518-8.216-21.518-18.769c0-13.036 10.563-20.85 27.377-20.85c9.257 0 17.995 1.55 26.211 4.693l-4.044 13.673c-10.033-2.867-17.601-4.29-22.814-4.29c-5.732 0-8.992 2.08-8.992 5.35c0 2.867 2.08 3.908 5.733 5.076c2.22.531 3.259.657 6.401 1.295l3.641.658c15.246 3.12 21.637 7.559 21.637 18.641c0 13.95-10.945 20.998-28.293 20.998c-9.65 0-19.033-1.826-28.291-5.478z"},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Kops = forwardRef(
   function Kops({ variant = 'default', viewBox, ...props }, ref) {
+    const _p = 'tsvg' + useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
     const _v = _variants[variant] || _variants.default;
     return createElement(
       'svg',
@@ -15,7 +32,7 @@ const Kops = forwardRef(
       ..._v.childNodes
         .map(function _c(el) {
           if (typeof el === 'string') return el;
-          return createElement(el.type, el.props, ...(el.children || []).map(_c));
+          return createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
         })
     );
   }

package/dist/korean-air.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 1907.3154585 291.1227888","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"mask","props":{"id":"mask","width":"275.8378804","height":"291.1227888","x":"0","y":"0","maskUnits":"userSpaceOnUse"},"children":[{"type":"g","props":{"id":"mask0_407_41521"},"children":[{"type":"path","props":{"id":"Clip_23","d":"M.001 0h275.837v291.122H0z","style":{"fill":"#fff","fillRule":"evenodd"}},"children":[]}]}]}]},{"type":"g","props":{"id":"Logo"},"children":[{"type":"g","props":{"id":"logo"},"children":[{"type":"g","props":{"id":"Group_24","style":{"mask":"url(#mask)"}},"children":[{"type":"path","props":{"id":"Fill_22","d":"m19.215 217.032-1.165.801c23.727 43.74 68.633 73.29 119.869 73.29 76.201 0 137.919-65.212 137.919-145.56 0-22.128-9.17-40.759-20.014-54.878-14.41-18.778-34.934-27.802-55.386-27.948-16.885-.145-34.351 5.532-46.653 16.666-14.047 12.737-17.176 29.114-20.815 55.678-4.002 29.112-27.438 49.2-57.568 49.2-39.011 0-63.174-24.017-61.573-60.772.146-2.548.364-5.094.8-7.568 7.351-43.377 54.004-88.137 124.164-87.993 47.089 0 82.46 10.553 117.832 46.143l1.165-.8C234.063 29.552 189.23 0 137.92 0 61.79 0 0 65.211 0 145.563c0 22.124 9.17 40.756 20.016 54.874 14.337 18.778 34.935 27.73 55.386 27.95 16.885.217 34.352-5.534 46.651-16.668 14.048-12.737 17.177-29.112 20.816-55.677 4.003-29.113 27.51-49.2 57.569-49.2 39.082 0 63.246 24.017 61.644 60.771-.144 2.548-.364 5.096-.798 7.571-7.498 43.376-53.93 88.137-124.237 87.99-47.09 0-82.46-10.552-117.832-46.142","className":"st2"},"children":[]}]},{"type":"path","props":{"id":"Fill_25","d":"M535.32 217.34q6.47 6.823 11.79 10.75h-22.424q-11.79 0-20.575-4.161c-5.858-2.775-11.557-7.55-17.107-14.333l-55.711-69.582 71.895-76.98h36.987l-72.127 75.593 50.166 59.18q10.633 12.718 17.106 19.533m-141.71 10.75h32.827V63.034H393.61z","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_27","d":"M662.236 198.038q12.251-6.933 19.187-20.344 6.937-13.407 6.936-32.132c-.001-18.725-2.311-23.194-6.936-32.133q-6.936-13.407-19.187-20.343-12.255-6.935-27.972-6.935-15.952 0-28.204 6.935c-8.17 4.622-14.564 11.406-19.186 20.343q-6.937 13.409-6.936 32.133c0 18.724 2.31 23.195 6.936 32.132q6.932 13.409 19.186 20.344 12.253 6.933 28.204 6.934 15.716 0 27.972-6.934m-73.052 22.076q-20.11-10.747-31.555-30.168-11.441-19.418-11.442-44.384c-.001-24.966 3.815-31.44 11.442-44.385q11.446-19.42 31.555-30.17 20.114-10.747 45.08-10.748 24.733.001 44.847 10.748 20.112 10.752 31.556 30.285 11.443 19.536 11.443 44.27 0 24.738-11.443 44.268-11.445 19.538-31.556 30.284-20.114 10.75-44.847 10.75-24.966 0-45.08-10.75","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_29","d":"M904.504 228.09h-20.806q-12.717 0-21.497-4.392-8.789-4.39-16.183-14.102l-49.933-67.04h15.026c12.327 0 21.65-2.347 27.972-7.05q9.477-7.047 9.478-20.69 0-13.404-9.364-19.882-9.362-6.47-28.78-6.472h-20.573V228.09h-32.828V63.033h60.104q19.647 0 34.33 6.012 14.678 6.012 22.54 17.222c5.236 7.476 7.859 16.22 7.859 26.237 0 11.098-3.201 20.771-9.593 29.012q-9.596 12.369-26.931 18.379l30.282 37.912q15.487 19.42 28.897 30.284","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_31","d":"M1033.496 202.198v25.893H924.847V63.033h106.339v25.89H957.67v41.15h61.731v25.429h-61.73v46.696z","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_33","d":"m1161.098 169.604-26.348-60.798-26.358 60.798zm63.807 58.485h-19.644c-6.48 0-11.873-1.5-16.19-4.506-4.316-3.005-8.172-8.358-11.559-16.067l-5.55-12.945h-74.435l-14.564 33.518h-30.978l75.825-165.057h18.03l58.95 128.07c8.33 18.03 15.035 30.364 20.115 36.987","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_35","d":"M1394.125 63.033v165.058h-18.03L1275.303 119.44v108.65h-28.208V63.034h18.038l100.785 108.651V63.034z","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_37","d":"m1591.543 169.604-26.358-60.798-26.348 60.798zm63.807 58.485h-19.654c-6.47 0-11.873-1.5-16.189-4.506-4.307-3.005-8.163-8.358-11.55-16.067l-5.55-12.945h-74.435l-14.564 33.518h-30.978l75.825-165.057h18.03l58.95 128.07c8.32 18.03 15.025 30.364 20.115 36.987","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_39","d":"M1677.539 228.089h32.828V63.032h-32.828z","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_41","d":"M1907.315 228.09h-20.798c-8.477 0-15.651-1.463-21.504-4.392q-8.794-4.39-16.18-14.102l-49.936-67.04h15.024c12.332 0 21.65-2.347 27.973-7.05q9.485-7.047 9.485-20.69 0-13.404-9.367-19.882c-6.245-4.312-15.837-6.472-28.786-6.472h-20.574V228.09h-32.818V63.033h60.096c13.106 0 24.548 2.004 34.336 6.012 9.788 4.009 17.295 9.748 22.541 17.222 5.237 7.476 7.86 16.22 7.86 26.237q0 16.649-9.602 29.012-9.588 12.369-26.926 18.379l30.283 37.912q15.489 19.42 28.893 30.284","className":"st2"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const KoreanAir = react_1.forwardRef(function KoreanAir({ variant = 'default', viewBox, ...props }, ref) {
+  const _p = 'tsvg' + react_1.useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
   const _v = _variants[variant] || _variants.default;
   return react_1.createElement(
     'svg',
@@ -17,7 +34,7 @@ const KoreanAir = react_1.forwardRef(function KoreanAir({ variant = 'default', v
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/korean-air.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 1907.3154585 291.1227888","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"mask","props":{"id":"mask","width":"275.8378804","height":"291.1227888","x":"0","y":"0","maskUnits":"userSpaceOnUse"},"children":[{"type":"g","props":{"id":"mask0_407_41521"},"children":[{"type":"path","props":{"id":"Clip_23","d":"M.001 0h275.837v291.122H0z","style":{"fill":"#fff","fillRule":"evenodd"}},"children":[]}]}]}]},{"type":"g","props":{"id":"Logo"},"children":[{"type":"g","props":{"id":"logo"},"children":[{"type":"g","props":{"id":"Group_24","style":{"mask":"url(#mask)"}},"children":[{"type":"path","props":{"id":"Fill_22","d":"m19.215 217.032-1.165.801c23.727 43.74 68.633 73.29 119.869 73.29 76.201 0 137.919-65.212 137.919-145.56 0-22.128-9.17-40.759-20.014-54.878-14.41-18.778-34.934-27.802-55.386-27.948-16.885-.145-34.351 5.532-46.653 16.666-14.047 12.737-17.176 29.114-20.815 55.678-4.002 29.112-27.438 49.2-57.568 49.2-39.011 0-63.174-24.017-61.573-60.772.146-2.548.364-5.094.8-7.568 7.351-43.377 54.004-88.137 124.164-87.993 47.089 0 82.46 10.553 117.832 46.143l1.165-.8C234.063 29.552 189.23 0 137.92 0 61.79 0 0 65.211 0 145.563c0 22.124 9.17 40.756 20.016 54.874 14.337 18.778 34.935 27.73 55.386 27.95 16.885.217 34.352-5.534 46.651-16.668 14.048-12.737 17.177-29.112 20.816-55.677 4.003-29.113 27.51-49.2 57.569-49.2 39.082 0 63.246 24.017 61.644 60.771-.144 2.548-.364 5.096-.798 7.571-7.498 43.376-53.93 88.137-124.237 87.99-47.09 0-82.46-10.552-117.832-46.142","className":"st2"},"children":[]}]},{"type":"path","props":{"id":"Fill_25","d":"M535.32 217.34q6.47 6.823 11.79 10.75h-22.424q-11.79 0-20.575-4.161c-5.858-2.775-11.557-7.55-17.107-14.333l-55.711-69.582 71.895-76.98h36.987l-72.127 75.593 50.166 59.18q10.633 12.718 17.106 19.533m-141.71 10.75h32.827V63.034H393.61z","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_27","d":"M662.236 198.038q12.251-6.933 19.187-20.344 6.937-13.407 6.936-32.132c-.001-18.725-2.311-23.194-6.936-32.133q-6.936-13.407-19.187-20.343-12.255-6.935-27.972-6.935-15.952 0-28.204 6.935c-8.17 4.622-14.564 11.406-19.186 20.343q-6.937 13.409-6.936 32.133c0 18.724 2.31 23.195 6.936 32.132q6.932 13.409 19.186 20.344 12.253 6.933 28.204 6.934 15.716 0 27.972-6.934m-73.052 22.076q-20.11-10.747-31.555-30.168-11.441-19.418-11.442-44.384c-.001-24.966 3.815-31.44 11.442-44.385q11.446-19.42 31.555-30.17 20.114-10.747 45.08-10.748 24.733.001 44.847 10.748 20.112 10.752 31.556 30.285 11.443 19.536 11.443 44.27 0 24.738-11.443 44.268-11.445 19.538-31.556 30.284-20.114 10.75-44.847 10.75-24.966 0-45.08-10.75","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_29","d":"M904.504 228.09h-20.806q-12.717 0-21.497-4.392-8.789-4.39-16.183-14.102l-49.933-67.04h15.026c12.327 0 21.65-2.347 27.972-7.05q9.477-7.047 9.478-20.69 0-13.404-9.364-19.882-9.362-6.47-28.78-6.472h-20.573V228.09h-32.828V63.033h60.104q19.647 0 34.33 6.012 14.678 6.012 22.54 17.222c5.236 7.476 7.859 16.22 7.859 26.237 0 11.098-3.201 20.771-9.593 29.012q-9.596 12.369-26.931 18.379l30.282 37.912q15.487 19.42 28.897 30.284","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_31","d":"M1033.496 202.198v25.893H924.847V63.033h106.339v25.89H957.67v41.15h61.731v25.429h-61.73v46.696z","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_33","d":"m1161.098 169.604-26.348-60.798-26.358 60.798zm63.807 58.485h-19.644c-6.48 0-11.873-1.5-16.19-4.506-4.316-3.005-8.172-8.358-11.559-16.067l-5.55-12.945h-74.435l-14.564 33.518h-30.978l75.825-165.057h18.03l58.95 128.07c8.33 18.03 15.035 30.364 20.115 36.987","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_35","d":"M1394.125 63.033v165.058h-18.03L1275.303 119.44v108.65h-28.208V63.034h18.038l100.785 108.651V63.034z","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_37","d":"m1591.543 169.604-26.358-60.798-26.348 60.798zm63.807 58.485h-19.654c-6.47 0-11.873-1.5-16.189-4.506-4.307-3.005-8.163-8.358-11.55-16.067l-5.55-12.945h-74.435l-14.564 33.518h-30.978l75.825-165.057h18.03l58.95 128.07c8.32 18.03 15.025 30.364 20.115 36.987","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_39","d":"M1677.539 228.089h32.828V63.032h-32.828z","className":"st2"},"children":[]},{"type":"path","props":{"id":"Fill_41","d":"M1907.315 228.09h-20.798c-8.477 0-15.651-1.463-21.504-4.392q-8.794-4.39-16.18-14.102l-49.936-67.04h15.024c12.332 0 21.65-2.347 27.973-7.05q9.485-7.047 9.485-20.69 0-13.404-9.367-19.882c-6.245-4.312-15.837-6.472-28.786-6.472h-20.574V228.09h-32.818V63.033h60.096c13.106 0 24.548 2.004 34.336 6.012 9.788 4.009 17.295 9.748 22.541 17.222 5.237 7.476 7.86 16.22 7.86 26.237q0 16.649-9.602 29.012-9.588 12.369-26.926 18.379l30.283 37.912q15.489 19.42 28.893 30.284","className":"st2"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const KoreanAir = forwardRef(
   function KoreanAir({ variant = 'default', viewBox, ...props }, ref) {
+    const _p = 'tsvg' + useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
     const _v = _variants[variant] || _variants.default;
     return createElement(
       'svg',
@@ -15,7 +32,7 @@ const KoreanAir = forwardRef(
       ..._v.childNodes
         .map(function _c(el) {
           if (typeof el === 'string') return el;
-          return createElement(el.type, el.props, ...(el.children || []).map(_c));
+          return createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
         })
     );
   }

package/dist/kotlin.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"99.991%","y1":"-.011%","x2":".01%","y2":"100.01%","id":"a"},"children":[{"type":"stop","props":{"stopColor":"#E44857","offset":".344%"},"children":[]},{"type":"stop","props":{"stopColor":"#C711E1","offset":"46.89%"},"children":[]},{"type":"stop","props":{"stopColor":"#7F52FF","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M256 256H0V0h256L128 127.949z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Kotlin"]},{"type":"path","props":{"d":"M24 24H0V0h24L12 12Z"},"children":[]}]},"wordmark":{"viewBox":"0 0 512 112","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"SVG9NPYbckh","x1":"99.991%","x2":".01%","y1":".029%","y2":"99.97%"},"children":[{"type":"stop","props":{"offset":".344%","stopColor":"#e44857"},"children":[]},{"type":"stop","props":{"offset":"46.89%","stopColor":"#c711e1"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#7f52ff"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#SVG9NPYbckh)","d":"M105.092 109.34H0V4.289h105.092L52.546 56.794z"},"children":[]},{"type":"path","props":{"d":"M269.144 30.636c7.254 0 14.172 1.977 20.102 5.278c5.93 3.28 10.555 8.221 13.814 14.172c3.302 6.266 5.278 13.184 5.278 20.754s-1.64 14.487-4.941 20.753c-3.301 5.93-7.906 10.871-13.836 14.172c-5.93 3.638-12.847 5.278-20.417 5.278s-14.487-1.977-20.417-5.278c-6.266-3.301-10.87-8.242-14.172-14.172c-3.301-5.93-4.941-13.184-4.941-20.753s1.64-14.488 4.94-20.754c3.302-5.93 8.243-10.534 14.173-14.172s12.847-5.278 20.417-5.278M232.263 3.953L184.49 55.006l48.425 54.334h-21.406l-45.796-50.738v50.738h-16.8V4.29h16.8v48.424l45.46-48.76zm36.587 41.78c-4.605 0-8.558.989-11.86 3.302c-3.3 1.976-5.929 4.941-7.906 8.894c-1.976 3.638-2.964 8.243-2.964 13.184s.651 9.23 2.628 13.184c1.977 3.616 4.605 6.581 7.906 8.894c3.617 2.313 7.59 3.301 11.86 3.301c4.268 0 8.22-.988 11.522-3.3c3.301-1.977 5.93-4.942 7.906-8.895c1.977-3.953 2.965-8.243 2.965-13.184s-.652-9.23-2.628-13.184c-1.977-3.617-4.605-6.581-7.907-8.894c-3.28-2.313-7.233-3.302-11.522-3.302m73.447-32.55h-16.149v13.185c0 1.976-.336 3.616-1.64 4.605c-.988.988-2.628 1.64-4.605 1.64h-7.906v13.835h13.836v41.507c0 4.29.988 8.243 2.628 11.523a16.8 16.8 0 0 0 7.57 7.57c3.3 1.976 6.917 2.628 11.522 2.628h12.511V95.19h-9.23c-2.313 0-4.29-.652-5.93-2.629a10.55 10.55 0 0 1-2.313-6.581V46.45h17.789V32.612h-17.79v-19.43zM372.933 0h16.464v109.34h-16.464zm35.24.336h16.801v17.137h-16.8zm0 32.277h16.465v77.042h-16.464zm100.488 12.51c-2.313-4.604-5.593-8.242-9.882-10.534c-4.29-2.628-9.231-3.953-14.824-3.953c-5.93 0-11.208 1.64-15.812 4.29c-3.617 2.313-6.582 5.593-8.895 9.23V32.297h-15.812v77.043H459.9V66.172c0-4.29.652-7.907 2.313-11.208c1.64-3.301 3.953-5.593 6.581-7.57c2.965-1.64 6.266-2.628 10.22-2.628c3.616 0 6.265.652 8.894 2.313c2.628 1.661 4.29 3.617 5.593 6.266c1.325 2.629 1.976 5.93 1.976 9.546v46.112h16.464V60.915c.358-5.909-.946-11.165-3.28-15.791"},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Kotlin = react_1.forwardRef(function Kotlin({ variant = 'default', viewBox, ...props }, ref) {
+  const _p = 'tsvg' + react_1.useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
   const _v = _variants[variant] || _variants.default;
   return react_1.createElement(
     'svg',
@@ -17,7 +34,7 @@ const Kotlin = react_1.forwardRef(function Kotlin({ variant = 'default', viewBox
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });