@thesvg/react 3.2.2 → 3.2.5

package/dist/commonwealth-bank.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 105.83334 73.390968","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs2227"},"children":[]},{"type":"g","props":{"transform":"translate(0,-223.60903)","id":"layer1"},"children":[{"type":"path","props":{"id":"path1869","d":"m 51.182132,281.97539 29.26277,-29.18558 -7.3386,-7.25659 -9.119,9.11898 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1871","d":"m 51.182132,223.60903 -29.180765,29.18078 29.180765,29.18558 12.80517,-27.32319 9.119,-9.11415 z m 0,0","style":{"fill":"#ffcc00","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1873","d":"M 7.676348,295.09903 C 7.131133,296.18459 5.992473,297 4.284477,297 1.625968,297 0,295.23411 0,292.7493 c 0,-2.32077 1.355776,-4.29894 4.101127,-4.29894 2.692275,0 3.903306,1.61632 3.956382,3.22301 H 5.302512 c -0.226776,-0.8492 -0.757503,-1.01806 -1.133832,-1.01806 -0.487322,0 -1.312364,0.33787 -1.312364,2.04575 0,1.70798 0.825042,2.04574 1.312364,2.04574 0.294316,0 0.699596,-0.12044 0.984266,-0.59829 0.09166,-0.1446 0.192989,-0.37152 0.217112,-0.56451 h 2.687447 c 0,0.52109 -0.168865,1.10972 -0.38116,1.51503","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1875","d":"m 11.570008,297 c -2.01196,0 -3.333981,-1.21105 -3.333981,-3.18922 0,-2.00233 1.404034,-3.14581 3.333981,-3.14581 1.94925,0 3.396703,1.17726 3.396703,3.18922 0,2.02646 -1.461931,3.14581 -3.396703,3.14581 m 0.03855,-4.59326 c -0.704428,0 -0.771977,0.97461 -0.771977,1.48124 0,0.51143 0.0772,1.47158 0.771977,1.47158 0.689961,0 0.76716,-0.97465 0.76716,-1.47158 0,-0.50663 -0.0772,-1.48124 -0.76716,-1.48124","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1877","d":"m 30.111951,296.73947 v -3.19888 c 0,-0.55488 -0.178529,-0.78162 -0.574153,-0.78162 -0.395635,0 -0.65618,0.36185 -0.65618,0.82503 v 3.15547 h -2.523407 v -3.18926 c 0,-0.55484 -0.178528,-0.76712 -0.574153,-0.76712 -0.410122,0 -0.670658,0.34732 -0.670658,0.81058 v 3.1458 h -2.475159 v -3.18926 c 0,-0.55484 -0.178528,-0.76712 -0.574153,-0.76712 -0.410112,0 -0.670658,0.34732 -0.670658,0.81058 v 3.1458 h -2.475159 v -3.18926 c 0,-0.55484 -0.178528,-0.76712 -0.578981,-0.76712 -0.405284,0 -0.66583,0.34732 -0.66583,0.81058 v 3.1458 h -2.475159 v -5.73194 h 2.248397 l 0.05791,0.5066 c 0.371514,-0.46318 1.008399,-0.80091 1.799672,-0.80091 0.791284,0 1.592199,0.38115 1.862394,0.88295 0.308776,-0.47768 1.075949,-0.87332 1.891346,-0.87332 0.936032,0 1.558429,0.47284 1.852744,0.90707 0.270192,-0.43423 1.018049,-0.90707 1.809333,-0.90707 0.993925,0 1.52948,0.4053 1.900991,0.90707 0.574153,-0.77196 1.336485,-0.90707 1.799673,-0.90707 1.761071,0 2.180843,1.14351 2.180843,2.42209 v 3.59453 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1879","d":"m 36.171977,297 c -2.01196,0 -3.338796,-1.21105 -3.338796,-3.18922 0,-2.00233 1.404035,-3.14581 3.338796,-3.14581 1.944421,0 3.391885,1.17726 3.391885,3.18922 0,2.02646 -1.45711,3.14581 -3.391885,3.14581 m 0.03396,-4.59326 c -0.704438,0 -0.771977,0.97461 -0.771977,1.48124 0,0.51143 0.082,1.47158 0.771977,1.47158 0.689954,0 0.767149,-0.97465 0.767149,-1.47158 0,-0.50663 -0.0772,-1.48124 -0.767149,-1.48124","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1881","d":"m 43.573319,296.72981 v -3.1796 c 0,-0.55484 -0.236405,-0.77195 -0.63206,-0.77195 -0.410113,0 -0.670655,0.35222 -0.670655,0.81541 v 3.13614 h -2.475148 v -5.72228 h 2.28698 l 0.01926,0.57414 c 0.477662,-0.57414 1.119365,-0.86845 1.799669,-0.86845 0.825053,0 2.180847,0.47284 2.180847,1.94442 v 4.07217 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1883","d":"m 54.323102,296.72981 -2.59094,-0.014 c 0,0 -0.33773,-1.00356 -0.47283,-1.64044 -0.22678,-0.76716 -0.2509,-1.09523 -0.2509,-1.09523 0,0 -0.01,0.32807 -0.22678,1.09523 -0.12069,0.58863 -0.47285,1.65494 -0.47285,1.65494 H 47.698556 L 45.976082,291.008 h 2.69228 c 0,0 0.30881,0.98427 0.41975,1.53915 0.16887,0.63205 0.20266,1.00356 0.20266,1.00356 0,0 0.0336,-0.36185 0.21711,-1.00356 0.12545,-0.59346 0.4294,-1.53915 0.4294,-1.53915 h 2.26286 c 0,0 0.30398,0.94569 0.42942,1.53915 0.19299,0.67546 0.21231,1.00356 0.21231,1.00356 0,0 0.0242,-0.31826 0.21712,-1.00356 0.11092,-0.54521 0.41492,-1.53915 0.41492,-1.53915 h 2.56684 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1885","d":"m 58.207132,294.26433 c 0.0143,0.57414 0.26052,1.0711 0.93119,1.0711 0.3136,0 0.70925,-0.1593 0.82505,-0.50659 h 2.37384 c -0.0435,0.24614 -0.18336,0.54038 -0.30398,0.73337 -0.63688,0.95049 -1.8431,1.42333 -2.99624,1.42333 -2.11811,0 -3.38223,-1.25446 -3.44013,-3.04931 -0.0435,-1.59703 0.88296,-3.27126 3.25679,-3.27126 2.19531,0 3.52697,1.34613 3.52697,3.59936 z m 0.89742,-2.13744 c -0.48731,0 -0.81541,0.38118 -0.85883,0.86848 h 1.68388 c -0.0483,-0.46318 -0.37634,-0.86848 -0.82505,-0.86848","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1887","d":"m 66.708532,296.72981 -0.0676,-0.51143 c -0.41976,0.42939 -1.28823,0.76716 -1.94442,0.76716 -0.41975,0 -1.37025,-0.0774 -1.86722,-0.74304 -0.39564,-0.54521 -0.43907,-1.42816 -0.0917,-1.99266 0.47766,-0.7575 1.5729,-1.03736 2.6585,-1.17727 0.39564,-0.0434 0.9505,-0.16876 0.9505,-0.51626 0,-0.27519 -0.14474,-0.51142 -0.50662,-0.51142 -0.36186,0 -0.6803,0.3039 -0.6803,0.68995 h -2.35453 l 0.0144,-0.0676 c 0.24607,-1.36546 1.24481,-2.05541 2.93835,-2.05541 2.86113,0 3.19888,0.99393 3.21335,2.71158 l 0.0193,1.60669 c 0.0144,1.09523 0.0676,1.34613 0.18336,1.79968 z m -0.31844,-2.53305 c 0,0 -0.3281,0.10118 -0.63206,0.18801 -0.19299,0.0578 -0.67549,0.14951 -0.67549,0.53559 0,0.19292 0.15441,0.42939 0.49697,0.41493 0.64171,-0.021 0.81058,-0.39564 0.81058,-0.96014 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1889","d":"m 69.521422,288.65301 h 2.47516 v 8.0768 h -2.47516 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1891","d":"m 75.055542,296.91797 c -1.64045,0 -2.07951,-0.79125 -2.07951,-2.31591 v -2.01196 h -0.75751 v -1.58257 h 0.75751 v -2.35452 h 2.47514 v 2.35452 h 0.97463 v 1.58257 h -0.97463 v 1.55841 c 0,0.55488 0.18336,0.90707 0.73821,0.90707 0.0868,0 0.20265,-0.014 0.31361,-0.035 0.0579,-0.014 0.0579,-0.0245 0.0579,-0.0245 v 1.61632 c -0.46319,0.21217 -0.99393,0.30391 -1.50536,0.30391","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1893","d":"m 83.185432,296.72981 h -2.47998 v -3.16993 c 0,-0.55485 -0.24607,-0.78162 -0.64653,-0.78162 -0.39564,0 -0.65619,0.36668 -0.65619,0.82987 v 3.12168 h -2.57648 v -8.0768 h 2.39797 v 2.92866 c 0.37634,-0.46318 1.0856,-0.86845 1.79002,-0.86845 0.8347,0 2.17119,0.47284 2.17119,1.94442 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1895","d":"m 88.767792,292.45982 c 0.71408,-0.21218 1.19175,-0.86365 1.19175,-1.71765 0,-1.30271 -0.93604,-2.08436 -2.49445,-2.08436 h -3.10722 v 8.08649 h 3.19406 c 1.73212,0 2.76464,-0.85882 2.76464,-2.30631 0,-1.27375 -0.95532,-1.84789 -1.54878,-1.97817 m -3.70066,0.40527 h 2.4848 c 0.76715,0 2.05539,0.20272 2.05539,1.56327 0,1.45712 -1.28824,1.67423 -2.05539,1.67423 h -2.4848 z m 2.4848,-0.65134 h -2.4848 v -2.9142 h 2.39796 c 0.66582,0 1.78519,0.18802 1.78519,1.46192 0,0.93602 -0.6031,1.45228 -1.69835,1.45228","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1897","d":"m 95.725252,296.14118 -0.0772,0.0105 -0.25573,0.0175 c -0.13508,0 -0.32327,-0.0532 -0.32327,-0.52593 v -3.1458 c 0,-1.09523 -0.69961,-1.67423 -2.02646,-1.67423 -1.29305,0 -2.07468,0.63691 -2.19048,1.80451 l -0.01,0.0676 h 0.67548 l 0.005,-0.0532 c 0.034,-0.28465 0.12545,-0.53072 0.26536,-0.71891 0.2509,-0.33297 0.67548,-0.50659 1.22069,-0.50659 1.29788,0 1.3992,0.81057 1.3992,1.06147 v 0.16876 c 0,0.36186 -0.23157,0.46318 -0.57898,0.50177 -0.82989,0.11589 -1.86239,0.299 -2.46549,0.65617 -0.25573,0.14005 -0.47285,0.35222 -0.58382,0.55971 -0.24606,0.43905 -0.26052,1.12418 -0.0336,1.62598 0.26053,0.57897 0.87812,0.8974 1.72729,0.8974 0.88295,0 1.54878,-0.38114 1.95406,-1.0711 v 0.0819 c 0.0144,0.5838 0.29432,0.86845 0.85401,0.86845 l 0.45354,-0.0819 -0.01,-0.0483 z m -1.3172,-2.47514 v 0.83953 c 0,0.46318 -0.35221,1.77552 -1.90098,1.77552 -0.74304,0 -1.25929,-0.44869 -1.25929,-1.09523 0,-0.85399 0.65135,-1.03252 1.34613,-1.22068 0.53074,-0.14005 1.29306,-0.25559 1.81414,-0.299","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1899","d":"m 98.509182,290.81934 c -0.78645,0 -1.46675,0.42943 -1.79484,1.06631 v -0.90707 h -0.66584 v 5.76572 h 0.66584 v -3.21821 c 0,-1.26409 0.70926,-2.10845 1.77556,-2.10845 0.93601,0 1.39437,0.55967 1.39437,1.70801 v 3.61865 h 0.661008 v -3.61865 c 0,-0.56934 0,-2.30631 -2.036098,-2.30631","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1901","d":"m 103.39195,293.14494 c 0.0723,-0.0725 2.26768,-2.16636 2.26768,-2.16636 h -0.89743 c 0,0 -2.69709,2.57647 -2.89491,2.76466 v -5.08543 h -0.66583 v 8.08649 h 0.66583 v -2.17603 c 0.0385,-0.035 0.9312,-0.84915 1.02769,-0.93602 0.0772,0.11589 2.12778,3.11205 2.12778,3.11205 h 0.81057 c 0,0 -2.38348,-3.51252 -2.44138,-3.59936","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"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 CommonwealthBank = forwardRef(
   function CommonwealthBank({ 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 CommonwealthBank = 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/connect.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_166)"},"children":[{"type":"path","props":{"d":"M26.3333 0H5.66667C2.53705 0 0 2.53705 0 5.66667V25.5333C0 28.6629 2.53705 31.2 5.66667 31.2H26.3333C29.4629 31.2 32 28.6629 32 25.5333V5.66667C32 2.53705 29.4629 0 26.3333 0Z","fill":"#00261A"},"children":[]},{"type":"path","props":{"d":"M13.2487 18.378H7.34961V24.2771H13.2487V18.378Z","fill":"#52CCA3"},"children":[]},{"type":"path","props":{"d":"M24.0773 18.9833H19.3907V23.6699H24.0773V18.9833Z","fill":"#52CCA3"},"children":[]},{"type":"path","props":{"d":"M24.0773 7.52832H19.3907V12.2149H24.0773V7.52832Z","fill":"#52CCA3"},"children":[]},{"type":"path","props":{"d":"M12.6433 7.54938H7.95679V12.2359H12.6433V7.54938Z","fill":"#52CCA3"},"children":[]},{"type":"path","props":{"d":"M24.0773 7.52833V12.2121L14.6172 17.0049L19.3932 7.52833H24.076L24.0773 7.52833ZM24.6814 6.92297H19.0213L13.2487 18.3786L24.6826 12.5848V6.92297H24.6814Z","fill":"#CAFCEB"},"children":[]},{"type":"path","props":{"d":"M24.0773 18.9833V23.6714H19.399L14.7103 18.9833H24.0773ZM24.6826 18.378H13.2487L19.1483 24.2771H24.6829V18.378H24.6826Z","fill":"#CAFCEB"},"children":[]},{"type":"path","props":{"d":"M12.643 7.55061V16.916L7.95496 12.2274V7.55061H12.643ZM13.2484 6.94525H7.34961V12.4798L13.2487 18.3777V6.94373L13.2484 6.94525Z","fill":"#CAFCEB"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_166"},"children":[{"type":"rect","props":{"width":"32","height":"32","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 Connect = react_1.forwardRef(function Connect({ 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 Connect = react_1.forwardRef(function Connect({ variant = 'default', viewB
     ..._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/connect.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 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_166)"},"children":[{"type":"path","props":{"d":"M26.3333 0H5.66667C2.53705 0 0 2.53705 0 5.66667V25.5333C0 28.6629 2.53705 31.2 5.66667 31.2H26.3333C29.4629 31.2 32 28.6629 32 25.5333V5.66667C32 2.53705 29.4629 0 26.3333 0Z","fill":"#00261A"},"children":[]},{"type":"path","props":{"d":"M13.2487 18.378H7.34961V24.2771H13.2487V18.378Z","fill":"#52CCA3"},"children":[]},{"type":"path","props":{"d":"M24.0773 18.9833H19.3907V23.6699H24.0773V18.9833Z","fill":"#52CCA3"},"children":[]},{"type":"path","props":{"d":"M24.0773 7.52832H19.3907V12.2149H24.0773V7.52832Z","fill":"#52CCA3"},"children":[]},{"type":"path","props":{"d":"M12.6433 7.54938H7.95679V12.2359H12.6433V7.54938Z","fill":"#52CCA3"},"children":[]},{"type":"path","props":{"d":"M24.0773 7.52833V12.2121L14.6172 17.0049L19.3932 7.52833H24.076L24.0773 7.52833ZM24.6814 6.92297H19.0213L13.2487 18.3786L24.6826 12.5848V6.92297H24.6814Z","fill":"#CAFCEB"},"children":[]},{"type":"path","props":{"d":"M24.0773 18.9833V23.6714H19.399L14.7103 18.9833H24.0773ZM24.6826 18.378H13.2487L19.1483 24.2771H24.6829V18.378H24.6826Z","fill":"#CAFCEB"},"children":[]},{"type":"path","props":{"d":"M12.643 7.55061V16.916L7.95496 12.2274V7.55061H12.643ZM13.2484 6.94525H7.34961V12.4798L13.2487 18.3777V6.94373L13.2484 6.94525Z","fill":"#CAFCEB"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_166"},"children":[{"type":"rect","props":{"width":"32","height":"32","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 Connect = forwardRef(
   function Connect({ 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 Connect = 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/copilotkit.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":["CopilotKit"]},{"type":"path","props":{"d":"M8.162 7.758c2.093-2.738 3.831-5.445 4.498-7.63a.093.093 0 01.14-.051c2.324 1.539 6.558 2.552 10.301 2.576a.09.09 0 01.085.124c-1.243 3.158-2.765 8.817-2.823 15.28-.001.095-.135.13-.183.046-2.131-3.729-8.955-8.968-11.982-10.205a.09.09 0 01-.036-.14z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M15.223 6.083A61.492 61.492 0 018.25 7.827c-.045.008-.055.071-.012.089 3.05 1.267 9.84 6.492 11.952 10.206a.017.017 0 00.022.007.018.018 0 00.01-.024l-4.999-12.02z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M12.81.07c2.8 1.528 6.037 2.214 10.33 2.575.028.002.036.039.012.051-.55.282-3.695 1.883-6.03 2.74-.626.23-1.256.443-1.876.64a.028.028 0 01-.033-.016L12.746.128c-.017-.04.027-.078.065-.058z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M12.725.075c.046-.019.1.003.119.05l7.514 17.923a.091.091 0 01-.148.1l-.02-.03L12.675.195a.091.091 0 01.049-.12z","fill":"#513C9F"},"children":[]},{"type":"path","props":{"d":"M23.06 2.66c.044-.025.1-.01.125.034.025.044.009.1-.035.124v.001l-.008.004-.025.015-.1.054a41.384 41.384 0 01-1.811.92A47.05 47.05 0 0116.33 5.82c-1.954.674-3.97 1.197-5.497 1.552a66.27 66.27 0 01-2.38.507l-.138.026-.036.007h-.01l-.002.002a.091.091 0 11-.033-.18l.016.09-.015-.09h.002l.01-.002.035-.007.137-.025a66.16 66.16 0 002.373-.506c1.524-.354 3.533-.876 5.479-1.547a46.857 46.857 0 006.276-2.709c.166-.087.295-.156.381-.204l.099-.054.024-.014.008-.004z","fill":"#513C9F"},"children":[]},{"type":"path","props":{"d":"M13.838 2.272a.16.16 0 01.107.2l-2.72 9.055h6.4l.061.013a.16.16 0 010 .295l-.061.013h-6.541L.679 24.099l-.05.04a.16.16 0 01-.194-.245l10.43-12.285 2.773-9.23a.16.16 0 01.2-.107z","fill":"#ABABAB"},"children":[]},{"type":"path","props":{"d":"M7.809 21.461l-1.232.173c.638 1.69 1.949 2.427 3.514 2.427 3.831 0 2.661-4.334 4.883-4.334 1.61 0 .956 3.513 4.423 3.513 2.116 0 2.326-2.131 1.966-3.048l-.008-.016-.567-.868c-.037-.058-.127-.036-.133.032l-.106 1.053a1.01 1.01 0 00.003.219c.088.727.144 2.491-1.155 2.491-1.37 0-1.7-3.467-4.423-3.467-3.196 0-2.785 4.289-4.747 4.289-1.294 0-2.28-1.46-2.418-2.464z","fill":"url(#grad-d)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"17.852","x2":"14.202","y1":"1.467","y2":"11.504"},"children":[{"type":"stop","props":{"stopColor":"#6430AB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#AA89D8"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"15.024","x2":"10.324","y1":"7.125","y2":"16.204"},"children":[{"type":"stop","props":{"stopColor":"#005DBB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#3D92E8"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"17.122","x2":"15.707","y1":"1.467","y2":"5.892"},"children":[{"type":"stop","props":{"stopColor":"#1B70C4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#54A4F2"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"6.577","x2":"21.506","y1":"21.758","y2":"21.758"},"children":[{"type":"stop","props":{"stopColor":"#4497EA"},"children":[]},{"type":"stop","props":{"offset":".255","stopColor":"#1463B2"},"children":[]},{"type":"stop","props":{"offset":".499","stopColor":"#0A437D"},"children":[]},{"type":"stop","props":{"offset":".667","stopColor":"#2476C8"},"children":[]},{"type":"stop","props":{"offset":".973","stopColor":"#0C549A"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["CopilotKit"]},{"type":"path","props":{"d":"M8.162 7.758c2.093-2.738 3.831-5.445 4.498-7.63a.093.093 0 01.14-.051c2.324 1.539 6.558 2.552 10.301 2.576a.09.09 0 01.085.124c-1.243 3.158-2.765 8.817-2.823 15.28-.001.095-.135.13-.183.046-2.131-3.729-8.955-8.968-11.982-10.205a.09.09 0 01-.036-.14z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M15.223 6.083A61.492 61.492 0 018.25 7.827c-.045.008-.055.071-.012.089 3.05 1.267 9.84 6.492 11.952 10.206a.017.017 0 00.022.007.018.018 0 00.01-.024l-4.999-12.02z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M12.81.07c2.8 1.528 6.037 2.214 10.33 2.575.028.002.036.039.012.051-.55.282-3.695 1.883-6.03 2.74-.626.23-1.256.443-1.876.64a.028.028 0 01-.033-.016L12.746.128c-.017-.04.027-.078.065-.058z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M12.725.075c.046-.019.1.003.119.05l7.514 17.923a.091.091 0 01-.148.1l-.02-.03L12.675.195a.091.091 0 01.049-.12z","fill":"#513C9F"},"children":[]},{"type":"path","props":{"d":"M23.06 2.66c.044-.025.1-.01.125.034.025.044.009.1-.035.124v.001l-.008.004-.025.015-.1.054a41.384 41.384 0 01-1.811.92A47.05 47.05 0 0116.33 5.82c-1.954.674-3.97 1.197-5.497 1.552a66.27 66.27 0 01-2.38.507l-.138.026-.036.007h-.01l-.002.002a.091.091 0 11-.033-.18l.016.09-.015-.09h.002l.01-.002.035-.007.137-.025a66.16 66.16 0 002.373-.506c1.524-.354 3.533-.876 5.479-1.547a46.857 46.857 0 006.276-2.709c.166-.087.295-.156.381-.204l.099-.054.024-.014.008-.004z","fill":"#513C9F"},"children":[]},{"type":"path","props":{"d":"M13.838 2.272a.16.16 0 01.107.2l-2.72 9.055h6.4l.061.013a.16.16 0 010 .295l-.061.013h-6.541L.679 24.099l-.05.04a.16.16 0 01-.194-.245l10.43-12.285 2.773-9.23a.16.16 0 01.2-.107z","fill":"#ABABAB"},"children":[]},{"type":"path","props":{"d":"M7.809 21.461l-1.232.173c.638 1.69 1.949 2.427 3.514 2.427 3.831 0 2.661-4.334 4.883-4.334 1.61 0 .956 3.513 4.423 3.513 2.116 0 2.326-2.131 1.966-3.048l-.008-.016-.567-.868c-.037-.058-.127-.036-.133.032l-.106 1.053a1.01 1.01 0 00.003.219c.088.727.144 2.491-1.155 2.491-1.37 0-1.7-3.467-4.423-3.467-3.196 0-2.785 4.289-4.747 4.289-1.294 0-2.28-1.46-2.418-2.464z","fill":"url(#grad-d)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"17.852","x2":"14.202","y1":"1.467","y2":"11.504"},"children":[{"type":"stop","props":{"stopColor":"#6430AB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#AA89D8"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"15.024","x2":"10.324","y1":"7.125","y2":"16.204"},"children":[{"type":"stop","props":{"stopColor":"#005DBB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#3D92E8"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"17.122","x2":"15.707","y1":"1.467","y2":"5.892"},"children":[{"type":"stop","props":{"stopColor":"#1B70C4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#54A4F2"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"6.577","x2":"21.506","y1":"21.758","y2":"21.758"},"children":[{"type":"stop","props":{"stopColor":"#4497EA"},"children":[]},{"type":"stop","props":{"offset":".255","stopColor":"#1463B2"},"children":[]},{"type":"stop","props":{"offset":".499","stopColor":"#0A437D"},"children":[]},{"type":"stop","props":{"offset":".667","stopColor":"#2476C8"},"children":[]},{"type":"stop","props":{"offset":".973","stopColor":"#0C549A"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["CopilotKit"]},{"type":"path","props":{"d":"M11.7 9.938l-.476 1.59h2.622c.07.054.139.107.207.162l.193.158h-3.162L.679 24.1l-.05.04a.16.16 0 01-.194-.246l10.43-12.285.56-1.862.276.19z"},"children":[]},{"type":"path","props":{"d":"M20.654 19.34c.007-.068.097-.09.134-.032l.566.868.009.015c.36.918.15 3.05-1.966 3.05-3.467 0-2.813-3.513-4.423-3.513-2.221 0-1.052 4.333-4.883 4.333-1.565 0-2.875-.738-3.514-2.427l1.231-.173c.138 1.004 1.125 2.463 2.418 2.464 1.962 0 1.552-4.29 4.748-4.29 2.723.001 3.053 3.468 4.423 3.468 1.298 0 1.243-1.763 1.155-2.49a1.021 1.021 0 01-.003-.22l.105-1.053z"},"children":[]},{"type":"path","props":{"d":"M20.19 18.118l.001.003h-.002c-.046-.083-.097-.165-.148-.248a12.717 12.717 0 00-.846-1.205 19.993 19.993 0 00-.845-.998 26.91 26.91 0 00-.865-.92 39.347 39.347 0 00-3.24-2.902h3.315l2.63 6.27z"},"children":[]},{"type":"path","props":{"d":"M23.186 2.776c-1.244 3.158-2.765 8.818-2.823 15.28 0 .004-.002.008-.003.011 0-.006 0-.013-.003-.02l-2.62-6.25a.158.158 0 00-.052-.257l-.061-.013-2.26-5.39c.322-.103.646-.208.967-.319a47.04 47.04 0 006.302-2.72c.166-.087.296-.158.383-.205l.1-.055.025-.015.008-.004a.096.096 0 00.037-.043z"},"children":[]},{"type":"path","props":{"d":"M17.427 11.527h-3.58c-.356-.281-.71-.557-1.063-.819-.365-.27-.729-.527-1.083-.77l.903-3.008c.818-.215 1.697-.46 2.585-.739l2.238 5.336z"},"children":[]},{"type":"path","props":{"d":"M12.775.067a.045.045 0 01.035.003c2.8 1.528 6.037 2.213 10.33 2.575.012 0 .017.01.02.021a.094.094 0 00-.1-.006l-.008.004-.025.015-.099.053c-.086.048-.215.117-.38.205a46.846 46.846 0 01-6.276 2.709 42.38 42.38 0 01-.98.32l-1.397-3.333.05-.161a.16.16 0 00-.108-.2.157.157 0 00-.092.003L12.844.124a.092.092 0 00-.12-.049.091.091 0 00-.049.12l.943 2.248-1.316 4.376a65.208 65.208 0 01-3.36.777c-.224.045-.402.08-.522.102l-.138.026-.035.006a.128.128 0 01-.01.001l-.002.001a.093.093 0 00-.074.106c.009.05.057.083.106.074h.003l.01-.002.035-.007.139-.026c.121-.023.3-.057.524-.103a66.222 66.222 0 003.264-.75l-.818 2.722-.043-.03a26.931 26.931 0 00-1.506-.959c-.614-.36-1.17-.647-1.638-.842l-.002-.002-.037-.016a.09.09 0 01-.036-.14c2.092-2.736 3.83-5.444 4.498-7.63a.093.093 0 01.115-.06z"},"children":[]},{"type":"path","props":{"d":"M15.118 6.021a56.31 56.31 0 01-2.452.705l1.146-3.819 1.306 3.114z"},"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 Copilotkit = react_1.forwardRef(function Copilotkit({ 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 Copilotkit = react_1.forwardRef(function Copilotkit({ variant = 'default',
     ..._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/copilotkit.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":["CopilotKit"]},{"type":"path","props":{"d":"M8.162 7.758c2.093-2.738 3.831-5.445 4.498-7.63a.093.093 0 01.14-.051c2.324 1.539 6.558 2.552 10.301 2.576a.09.09 0 01.085.124c-1.243 3.158-2.765 8.817-2.823 15.28-.001.095-.135.13-.183.046-2.131-3.729-8.955-8.968-11.982-10.205a.09.09 0 01-.036-.14z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M15.223 6.083A61.492 61.492 0 018.25 7.827c-.045.008-.055.071-.012.089 3.05 1.267 9.84 6.492 11.952 10.206a.017.017 0 00.022.007.018.018 0 00.01-.024l-4.999-12.02z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M12.81.07c2.8 1.528 6.037 2.214 10.33 2.575.028.002.036.039.012.051-.55.282-3.695 1.883-6.03 2.74-.626.23-1.256.443-1.876.64a.028.028 0 01-.033-.016L12.746.128c-.017-.04.027-.078.065-.058z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M12.725.075c.046-.019.1.003.119.05l7.514 17.923a.091.091 0 01-.148.1l-.02-.03L12.675.195a.091.091 0 01.049-.12z","fill":"#513C9F"},"children":[]},{"type":"path","props":{"d":"M23.06 2.66c.044-.025.1-.01.125.034.025.044.009.1-.035.124v.001l-.008.004-.025.015-.1.054a41.384 41.384 0 01-1.811.92A47.05 47.05 0 0116.33 5.82c-1.954.674-3.97 1.197-5.497 1.552a66.27 66.27 0 01-2.38.507l-.138.026-.036.007h-.01l-.002.002a.091.091 0 11-.033-.18l.016.09-.015-.09h.002l.01-.002.035-.007.137-.025a66.16 66.16 0 002.373-.506c1.524-.354 3.533-.876 5.479-1.547a46.857 46.857 0 006.276-2.709c.166-.087.295-.156.381-.204l.099-.054.024-.014.008-.004z","fill":"#513C9F"},"children":[]},{"type":"path","props":{"d":"M13.838 2.272a.16.16 0 01.107.2l-2.72 9.055h6.4l.061.013a.16.16 0 010 .295l-.061.013h-6.541L.679 24.099l-.05.04a.16.16 0 01-.194-.245l10.43-12.285 2.773-9.23a.16.16 0 01.2-.107z","fill":"#ABABAB"},"children":[]},{"type":"path","props":{"d":"M7.809 21.461l-1.232.173c.638 1.69 1.949 2.427 3.514 2.427 3.831 0 2.661-4.334 4.883-4.334 1.61 0 .956 3.513 4.423 3.513 2.116 0 2.326-2.131 1.966-3.048l-.008-.016-.567-.868c-.037-.058-.127-.036-.133.032l-.106 1.053a1.01 1.01 0 00.003.219c.088.727.144 2.491-1.155 2.491-1.37 0-1.7-3.467-4.423-3.467-3.196 0-2.785 4.289-4.747 4.289-1.294 0-2.28-1.46-2.418-2.464z","fill":"url(#grad-d)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"17.852","x2":"14.202","y1":"1.467","y2":"11.504"},"children":[{"type":"stop","props":{"stopColor":"#6430AB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#AA89D8"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"15.024","x2":"10.324","y1":"7.125","y2":"16.204"},"children":[{"type":"stop","props":{"stopColor":"#005DBB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#3D92E8"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"17.122","x2":"15.707","y1":"1.467","y2":"5.892"},"children":[{"type":"stop","props":{"stopColor":"#1B70C4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#54A4F2"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"6.577","x2":"21.506","y1":"21.758","y2":"21.758"},"children":[{"type":"stop","props":{"stopColor":"#4497EA"},"children":[]},{"type":"stop","props":{"offset":".255","stopColor":"#1463B2"},"children":[]},{"type":"stop","props":{"offset":".499","stopColor":"#0A437D"},"children":[]},{"type":"stop","props":{"offset":".667","stopColor":"#2476C8"},"children":[]},{"type":"stop","props":{"offset":".973","stopColor":"#0C549A"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["CopilotKit"]},{"type":"path","props":{"d":"M8.162 7.758c2.093-2.738 3.831-5.445 4.498-7.63a.093.093 0 01.14-.051c2.324 1.539 6.558 2.552 10.301 2.576a.09.09 0 01.085.124c-1.243 3.158-2.765 8.817-2.823 15.28-.001.095-.135.13-.183.046-2.131-3.729-8.955-8.968-11.982-10.205a.09.09 0 01-.036-.14z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M15.223 6.083A61.492 61.492 0 018.25 7.827c-.045.008-.055.071-.012.089 3.05 1.267 9.84 6.492 11.952 10.206a.017.017 0 00.022.007.018.018 0 00.01-.024l-4.999-12.02z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M12.81.07c2.8 1.528 6.037 2.214 10.33 2.575.028.002.036.039.012.051-.55.282-3.695 1.883-6.03 2.74-.626.23-1.256.443-1.876.64a.028.028 0 01-.033-.016L12.746.128c-.017-.04.027-.078.065-.058z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M12.725.075c.046-.019.1.003.119.05l7.514 17.923a.091.091 0 01-.148.1l-.02-.03L12.675.195a.091.091 0 01.049-.12z","fill":"#513C9F"},"children":[]},{"type":"path","props":{"d":"M23.06 2.66c.044-.025.1-.01.125.034.025.044.009.1-.035.124v.001l-.008.004-.025.015-.1.054a41.384 41.384 0 01-1.811.92A47.05 47.05 0 0116.33 5.82c-1.954.674-3.97 1.197-5.497 1.552a66.27 66.27 0 01-2.38.507l-.138.026-.036.007h-.01l-.002.002a.091.091 0 11-.033-.18l.016.09-.015-.09h.002l.01-.002.035-.007.137-.025a66.16 66.16 0 002.373-.506c1.524-.354 3.533-.876 5.479-1.547a46.857 46.857 0 006.276-2.709c.166-.087.295-.156.381-.204l.099-.054.024-.014.008-.004z","fill":"#513C9F"},"children":[]},{"type":"path","props":{"d":"M13.838 2.272a.16.16 0 01.107.2l-2.72 9.055h6.4l.061.013a.16.16 0 010 .295l-.061.013h-6.541L.679 24.099l-.05.04a.16.16 0 01-.194-.245l10.43-12.285 2.773-9.23a.16.16 0 01.2-.107z","fill":"#ABABAB"},"children":[]},{"type":"path","props":{"d":"M7.809 21.461l-1.232.173c.638 1.69 1.949 2.427 3.514 2.427 3.831 0 2.661-4.334 4.883-4.334 1.61 0 .956 3.513 4.423 3.513 2.116 0 2.326-2.131 1.966-3.048l-.008-.016-.567-.868c-.037-.058-.127-.036-.133.032l-.106 1.053a1.01 1.01 0 00.003.219c.088.727.144 2.491-1.155 2.491-1.37 0-1.7-3.467-4.423-3.467-3.196 0-2.785 4.289-4.747 4.289-1.294 0-2.28-1.46-2.418-2.464z","fill":"url(#grad-d)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"17.852","x2":"14.202","y1":"1.467","y2":"11.504"},"children":[{"type":"stop","props":{"stopColor":"#6430AB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#AA89D8"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"15.024","x2":"10.324","y1":"7.125","y2":"16.204"},"children":[{"type":"stop","props":{"stopColor":"#005DBB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#3D92E8"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"17.122","x2":"15.707","y1":"1.467","y2":"5.892"},"children":[{"type":"stop","props":{"stopColor":"#1B70C4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#54A4F2"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"6.577","x2":"21.506","y1":"21.758","y2":"21.758"},"children":[{"type":"stop","props":{"stopColor":"#4497EA"},"children":[]},{"type":"stop","props":{"offset":".255","stopColor":"#1463B2"},"children":[]},{"type":"stop","props":{"offset":".499","stopColor":"#0A437D"},"children":[]},{"type":"stop","props":{"offset":".667","stopColor":"#2476C8"},"children":[]},{"type":"stop","props":{"offset":".973","stopColor":"#0C549A"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["CopilotKit"]},{"type":"path","props":{"d":"M11.7 9.938l-.476 1.59h2.622c.07.054.139.107.207.162l.193.158h-3.162L.679 24.1l-.05.04a.16.16 0 01-.194-.246l10.43-12.285.56-1.862.276.19z"},"children":[]},{"type":"path","props":{"d":"M20.654 19.34c.007-.068.097-.09.134-.032l.566.868.009.015c.36.918.15 3.05-1.966 3.05-3.467 0-2.813-3.513-4.423-3.513-2.221 0-1.052 4.333-4.883 4.333-1.565 0-2.875-.738-3.514-2.427l1.231-.173c.138 1.004 1.125 2.463 2.418 2.464 1.962 0 1.552-4.29 4.748-4.29 2.723.001 3.053 3.468 4.423 3.468 1.298 0 1.243-1.763 1.155-2.49a1.021 1.021 0 01-.003-.22l.105-1.053z"},"children":[]},{"type":"path","props":{"d":"M20.19 18.118l.001.003h-.002c-.046-.083-.097-.165-.148-.248a12.717 12.717 0 00-.846-1.205 19.993 19.993 0 00-.845-.998 26.91 26.91 0 00-.865-.92 39.347 39.347 0 00-3.24-2.902h3.315l2.63 6.27z"},"children":[]},{"type":"path","props":{"d":"M23.186 2.776c-1.244 3.158-2.765 8.818-2.823 15.28 0 .004-.002.008-.003.011 0-.006 0-.013-.003-.02l-2.62-6.25a.158.158 0 00-.052-.257l-.061-.013-2.26-5.39c.322-.103.646-.208.967-.319a47.04 47.04 0 006.302-2.72c.166-.087.296-.158.383-.205l.1-.055.025-.015.008-.004a.096.096 0 00.037-.043z"},"children":[]},{"type":"path","props":{"d":"M17.427 11.527h-3.58c-.356-.281-.71-.557-1.063-.819-.365-.27-.729-.527-1.083-.77l.903-3.008c.818-.215 1.697-.46 2.585-.739l2.238 5.336z"},"children":[]},{"type":"path","props":{"d":"M12.775.067a.045.045 0 01.035.003c2.8 1.528 6.037 2.213 10.33 2.575.012 0 .017.01.02.021a.094.094 0 00-.1-.006l-.008.004-.025.015-.099.053c-.086.048-.215.117-.38.205a46.846 46.846 0 01-6.276 2.709 42.38 42.38 0 01-.98.32l-1.397-3.333.05-.161a.16.16 0 00-.108-.2.157.157 0 00-.092.003L12.844.124a.092.092 0 00-.12-.049.091.091 0 00-.049.12l.943 2.248-1.316 4.376a65.208 65.208 0 01-3.36.777c-.224.045-.402.08-.522.102l-.138.026-.035.006a.128.128 0 01-.01.001l-.002.001a.093.093 0 00-.074.106c.009.05.057.083.106.074h.003l.01-.002.035-.007.139-.026c.121-.023.3-.057.524-.103a66.222 66.222 0 003.264-.75l-.818 2.722-.043-.03a26.931 26.931 0 00-1.506-.959c-.614-.36-1.17-.647-1.638-.842l-.002-.002-.037-.016a.09.09 0 01-.036-.14c2.092-2.736 3.83-5.444 4.498-7.63a.093.093 0 01.115-.06z"},"children":[]},{"type":"path","props":{"d":"M15.118 6.021a56.31 56.31 0 01-2.452.705l1.146-3.819 1.306 3.114z"},"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 Copilotkit = forwardRef(
   function Copilotkit({ 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 Copilotkit = 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/coupang.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 86.589935 19.638245","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs2"},"children":[{"type":"clipPath","props":{"clipPathUnits":"userSpaceOnUse","id":"clipPath23"},"children":[{"type":"path","props":{"d":"M 0,40 H 177.773 V 0 H 0 Z","id":"path21"},"children":[]}]}]},{"type":"g","props":{"id":"layer1","transform":"translate(-14.09273,-113.57014)"},"children":[{"type":"g","props":{"id":"g19","clipPath":"url(#clipPath23)","transform":"matrix(0.48595701,0,0,-0.48595701,14.192633,133.10842)"},"children":[{"type":"g","props":{"id":"g25","transform":"translate(92.0436,21.6379)"},"children":[{"type":"path","props":{"d":"m 0,0 c 0,-1.162 -0.778,-5.221 -5.547,-5.237 -4.77,0.016 -5.548,4.075 -5.548,5.237 v 8.198 c 0,1.162 0.778,5.218 5.548,5.236 C -0.778,13.416 0,9.36 0,8.198 Z M 4.322,13.412 C 3.136,15.7 0.677,18.287 -4.391,18.308 v 0.002 h -0.032 -0.026 v -0.002 c -3.343,-0.013 -5.555,-1.38 -7.008,-2.804 v 1.94 c 0,0.193 -0.156,0.35 -0.35,0.35 h -4.54 c -0.193,0 -0.349,-0.157 -0.349,-0.35 V -20.59 c 0,-0.193 0.156,-0.35 0.349,-0.35 h 4.894 c 0.193,0 0.349,0.157 0.349,0.35 v 12.954 c 1.458,-1.262 3.569,-2.462 6.655,-2.472 h 0.026 0.032 c 5.068,0.018 7.527,2.606 8.713,4.894 1.244,2.401 1.295,4.933 1.295,5.445 v 7.741 c 0,0.508 -0.051,3.041 -1.295,5.44","style":{"fill":"#e94b22","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path27"},"children":[]}]},{"type":"g","props":{"id":"g29","transform":"translate(28.4157,21.6613)"},"children":[{"type":"path","props":{"d":"m 0,0 c 0,-1.162 0.781,-5.217 5.55,-5.237 4.768,0.02 5.551,4.075 5.551,5.237 v 8.197 c 0,1.161 -0.783,5.223 -5.551,5.24 C 0.781,13.42 0,9.358 0,8.197 Z m -5.596,7.948 c 0,0.509 0.056,3.041 1.43,5.442 1.318,2.287 4.053,4.874 9.683,4.894 v 0.002 H 5.55 5.577 v -0.002 c 5.632,-0.02 8.366,-2.607 9.68,-4.894 1.379,-2.401 1.435,-4.933 1.435,-5.442 v -7.74 c 0,-0.513 -0.056,-3.045 -1.435,-5.445 -1.314,-2.288 -4.048,-4.876 -9.68,-4.895 H 5.55 5.517 c -5.63,0.019 -8.365,2.607 -9.683,4.895 -1.374,2.4 -1.43,4.932 -1.43,5.445 z","style":{"fill":"#894f24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path31"},"children":[]}]},{"type":"g","props":{"id":"g33","transform":"translate(71.1051,39.0822)"},"children":[{"type":"path","props":{"d":"m 0,0 c 0,0.189 -0.149,0.35 -0.35,0.35 h -4.886 c -0.201,0 -0.35,-0.161 -0.35,-0.35 l -0.02,-17.444 c 0,-1.16 -0.77,-5.217 -5.537,-5.237 -4.777,0.02 -5.556,4.077 -5.556,5.237 V 0 c 0,0.189 -0.16,0.35 -0.351,0.35 h -4.917 c -0.189,0 -0.349,-0.161 -0.349,-0.35 v -17.214 c 0,-0.511 0.049,-3.049 1.299,-5.447 1.179,-2.289 3.648,-4.877 8.714,-4.887 h 0.031 0.02 c 1.679,0 3.058,0.35 4.217,0.869 1.149,0.52 2.069,1.209 2.799,1.929 v -1.933 c 0,-0.193 0.156,-0.349 0.349,-0.349 h 4.541 c 0.193,0 0.349,0.156 0.349,0.349 z","style":{"fill":"#894f24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path35"},"children":[]}]},{"type":"g","props":{"id":"g37","transform":"translate(116.903,21.1877)"},"children":[{"type":"path","props":{"d":"m 0,0 c 0,-1.09 -0.759,-4.907 -5.402,-4.925 -4.645,0.018 -5.403,3.835 -5.403,4.925 v 0.444 c 0,1.092 0.758,4.907 5.403,4.923 C -0.759,5.351 0,1.536 0,0.444 Z m 5.184,8.689 c -0.003,2.181 -1.092,7.29 -6.046,9.322 -4.785,1.962 -11.084,-0.191 -13.134,-1.023 -10e-4,-0.001 -0.375,-0.151 -0.375,-0.151 -0.179,-0.073 -0.265,-0.278 -0.192,-0.457 l 1.397,-3.963 c 0.062,-0.171 0.244,-0.267 0.416,-0.22 0.057,0.015 0.14,0.059 0.164,0.072 1.898,0.96 6.809,2.576 9.829,1.199 2.97,-1.354 2.711,-4.515 2.728,-4.853 V 7.839 c -1.441,1.049 -3.45,2.048 -6.288,2.058 h -0.027 -0.024 c -5.075,-0.019 -7.53,-2.462 -8.721,-4.626 -1.239,-2.266 -1.292,-4.658 -1.292,-5.143 V 0.119 c 0,-0.478 0.053,-2.874 1.292,-5.14 1.191,-2.162 3.646,-4.604 8.721,-4.626 h 0.024 0.027 c 2.955,0.011 5.013,1.074 6.462,2.196 v -1.337 c 0,-0.192 0.156,-0.35 0.349,-0.35 h 4.34 c 0.193,0 0.35,0.158 0.35,0.35 L 5.189,8.503 c 0,0.063 0,0.124 -0.005,0.186","style":{"fill":"#fac000","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path39"},"children":[]}]},{"type":"g","props":{"id":"g41","transform":"translate(169.0963,29.7932)"},"children":[{"type":"path","props":{"d":"m 0,0 c 0,-1.066 -0.779,-4.943 -5.549,-4.96 -4.773,0.017 -5.549,3.894 -5.549,4.96 v 0.349 c 0,1.069 0.776,4.947 5.549,4.963 C -0.779,5.296 0,1.418 0,0.349 Z M 8.306,10.021 C 5.434,10.102 3.572,8.916 2.374,7.608 0.763,9.01 -1.719,10.14 -5.515,10.152 v 0.002 h -0.034 -0.03 v -0.002 c -5.629,-0.02 -8.363,-2.482 -9.683,-4.666 -1.372,-2.292 -1.434,-4.704 -1.434,-5.189 V 0.033 c 0,-0.489 0.062,-2.903 1.439,-5.188 0.587,-0.98 1.465,-2.011 2.758,-2.858 -2.119,-1.218 -3.99,-3.37 -3.99,-7.255 l -10e-4,-2.092 c 0,-0.194 0.157,-0.35 0.35,-0.35 l 16.127,0.001 c 1.937,0 2.913,-1.276 3.187,-2.476 0.341,-1.504 -0.237,-3.538 -2.751,-4.918 L 0.255,-25.2 c -0.164,-0.095 -0.223,-0.304 -0.132,-0.471 l 2.156,-3.94 c 0.094,-0.172 0.311,-0.233 0.481,-0.136 0,0 1.113,0.681 1.473,0.923 0.363,0.244 0.682,0.525 0.983,0.806 2.766,2.581 3.344,6.133 2.722,8.904 -0.844,3.761 -4.037,6.022 -7.951,6.022 h -11.124 c 0.612,3.361 4.533,3.298 5.003,3.279 0,0 0.607,-0.009 0.619,-0.009 5.628,0.017 8.359,2.482 9.676,4.667 1.375,2.285 1.437,4.699 1.437,5.188 V 0.297 C 5.598,0.712 5.55,2.498 4.703,4.426 5.44,4.937 6.587,5.41 8.272,5.32 L 8.315,5.319 C 8.509,5.316 8.668,5.47 8.672,5.663 l 0.005,3.946 v 0.002 0.018 c 0,0.209 -0.137,0.392 -0.371,0.392","style":{"fill":"#3dacdc","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path43"},"children":[]}]},{"type":"g","props":{"id":"g45","transform":"translate(20.9752,17.4289)"},"children":[{"type":"path","props":{"d":"M 0,0 -4.332,2.168 C -4.505,2.254 -4.715,2.184 -4.801,2.011 L -4.831,1.952 -4.833,1.951 c -0.671,-1.436 -2.09,-2.943 -4.995,-2.956 -4.768,0.022 -5.55,4.075 -5.55,5.237 v 8.198 c 0,1.16 0.782,5.221 5.55,5.239 2.946,-0.012 4.362,-1.562 5.022,-3.021 0.056,-0.145 0.196,-0.252 0.366,-0.252 0.062,0 0.117,0.019 0.175,0.047 0.004,-0.002 4.246,2.213 4.246,2.213 0.171,0.089 0.238,0.3 0.148,0.472 l -0.004,0.008 c -0.001,0.001 -0.001,0.003 -0.001,0.004 -0.076,0.16 -0.153,0.32 -0.245,0.481 -1.315,2.288 -4.049,4.875 -9.681,4.896 v 0.002 h -0.031 -0.03 v -0.002 c -5.627,-0.021 -8.363,-2.608 -9.676,-4.896 -1.38,-2.399 -1.436,-4.932 -1.436,-5.44 V 4.44 c 0,-0.512 0.056,-3.044 1.436,-5.445 1.313,-2.288 4.049,-4.876 9.676,-4.894 h 0.061 c 5.632,0.018 8.366,2.606 9.681,4.894 0.006,0.009 0.275,0.535 0.275,0.535 C 0.241,-0.297 0.172,-0.087 0,0","style":{"fill":"#894f24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path47"},"children":[]}]},{"type":"g","props":{"id":"g49","transform":"translate(147.4489,35.0686)"},"children":[{"type":"path","props":{"d":"m 0,0 c -1.19,2.289 -3.65,4.874 -8.72,4.892 v 0.004 c -0.009,0 -0.013,-0.004 -0.032,-0.004 -0.003,0 -0.012,0.004 -0.025,0.004 V 4.892 C -12.11,4.883 -14.31,3.524 -15.766,2.112 l 0.003,1.902 c 0,0.192 -0.156,0.349 -0.349,0.349 h -4.54 c -0.194,0 -0.35,-0.157 -0.35,-0.349 v -26.682 c 0,-0.193 0.156,-0.351 0.35,-0.351 h 4.89 c 0.194,0 0.35,0.158 0.35,0.351 V -4.93 c 0.117,1.422 1.096,4.937 5.535,4.954 4.773,-0.018 5.55,-4.077 5.55,-5.239 v -17.453 c 0,-0.193 0.157,-0.351 0.35,-0.351 h 4.914 c 0.194,0 0.35,0.158 0.35,0.351 V -5.444 C 1.287,-4.933 1.239,-2.401 0,0","style":{"fill":"#80bc27","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path51"},"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 Coupang = react_1.forwardRef(function Coupang({ 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 Coupang = react_1.forwardRef(function Coupang({ variant = 'default', viewB
     ..._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/coupang.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 86.589935 19.638245","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs2"},"children":[{"type":"clipPath","props":{"clipPathUnits":"userSpaceOnUse","id":"clipPath23"},"children":[{"type":"path","props":{"d":"M 0,40 H 177.773 V 0 H 0 Z","id":"path21"},"children":[]}]}]},{"type":"g","props":{"id":"layer1","transform":"translate(-14.09273,-113.57014)"},"children":[{"type":"g","props":{"id":"g19","clipPath":"url(#clipPath23)","transform":"matrix(0.48595701,0,0,-0.48595701,14.192633,133.10842)"},"children":[{"type":"g","props":{"id":"g25","transform":"translate(92.0436,21.6379)"},"children":[{"type":"path","props":{"d":"m 0,0 c 0,-1.162 -0.778,-5.221 -5.547,-5.237 -4.77,0.016 -5.548,4.075 -5.548,5.237 v 8.198 c 0,1.162 0.778,5.218 5.548,5.236 C -0.778,13.416 0,9.36 0,8.198 Z M 4.322,13.412 C 3.136,15.7 0.677,18.287 -4.391,18.308 v 0.002 h -0.032 -0.026 v -0.002 c -3.343,-0.013 -5.555,-1.38 -7.008,-2.804 v 1.94 c 0,0.193 -0.156,0.35 -0.35,0.35 h -4.54 c -0.193,0 -0.349,-0.157 -0.349,-0.35 V -20.59 c 0,-0.193 0.156,-0.35 0.349,-0.35 h 4.894 c 0.193,0 0.349,0.157 0.349,0.35 v 12.954 c 1.458,-1.262 3.569,-2.462 6.655,-2.472 h 0.026 0.032 c 5.068,0.018 7.527,2.606 8.713,4.894 1.244,2.401 1.295,4.933 1.295,5.445 v 7.741 c 0,0.508 -0.051,3.041 -1.295,5.44","style":{"fill":"#e94b22","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path27"},"children":[]}]},{"type":"g","props":{"id":"g29","transform":"translate(28.4157,21.6613)"},"children":[{"type":"path","props":{"d":"m 0,0 c 0,-1.162 0.781,-5.217 5.55,-5.237 4.768,0.02 5.551,4.075 5.551,5.237 v 8.197 c 0,1.161 -0.783,5.223 -5.551,5.24 C 0.781,13.42 0,9.358 0,8.197 Z m -5.596,7.948 c 0,0.509 0.056,3.041 1.43,5.442 1.318,2.287 4.053,4.874 9.683,4.894 v 0.002 H 5.55 5.577 v -0.002 c 5.632,-0.02 8.366,-2.607 9.68,-4.894 1.379,-2.401 1.435,-4.933 1.435,-5.442 v -7.74 c 0,-0.513 -0.056,-3.045 -1.435,-5.445 -1.314,-2.288 -4.048,-4.876 -9.68,-4.895 H 5.55 5.517 c -5.63,0.019 -8.365,2.607 -9.683,4.895 -1.374,2.4 -1.43,4.932 -1.43,5.445 z","style":{"fill":"#894f24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path31"},"children":[]}]},{"type":"g","props":{"id":"g33","transform":"translate(71.1051,39.0822)"},"children":[{"type":"path","props":{"d":"m 0,0 c 0,0.189 -0.149,0.35 -0.35,0.35 h -4.886 c -0.201,0 -0.35,-0.161 -0.35,-0.35 l -0.02,-17.444 c 0,-1.16 -0.77,-5.217 -5.537,-5.237 -4.777,0.02 -5.556,4.077 -5.556,5.237 V 0 c 0,0.189 -0.16,0.35 -0.351,0.35 h -4.917 c -0.189,0 -0.349,-0.161 -0.349,-0.35 v -17.214 c 0,-0.511 0.049,-3.049 1.299,-5.447 1.179,-2.289 3.648,-4.877 8.714,-4.887 h 0.031 0.02 c 1.679,0 3.058,0.35 4.217,0.869 1.149,0.52 2.069,1.209 2.799,1.929 v -1.933 c 0,-0.193 0.156,-0.349 0.349,-0.349 h 4.541 c 0.193,0 0.349,0.156 0.349,0.349 z","style":{"fill":"#894f24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path35"},"children":[]}]},{"type":"g","props":{"id":"g37","transform":"translate(116.903,21.1877)"},"children":[{"type":"path","props":{"d":"m 0,0 c 0,-1.09 -0.759,-4.907 -5.402,-4.925 -4.645,0.018 -5.403,3.835 -5.403,4.925 v 0.444 c 0,1.092 0.758,4.907 5.403,4.923 C -0.759,5.351 0,1.536 0,0.444 Z m 5.184,8.689 c -0.003,2.181 -1.092,7.29 -6.046,9.322 -4.785,1.962 -11.084,-0.191 -13.134,-1.023 -10e-4,-0.001 -0.375,-0.151 -0.375,-0.151 -0.179,-0.073 -0.265,-0.278 -0.192,-0.457 l 1.397,-3.963 c 0.062,-0.171 0.244,-0.267 0.416,-0.22 0.057,0.015 0.14,0.059 0.164,0.072 1.898,0.96 6.809,2.576 9.829,1.199 2.97,-1.354 2.711,-4.515 2.728,-4.853 V 7.839 c -1.441,1.049 -3.45,2.048 -6.288,2.058 h -0.027 -0.024 c -5.075,-0.019 -7.53,-2.462 -8.721,-4.626 -1.239,-2.266 -1.292,-4.658 -1.292,-5.143 V 0.119 c 0,-0.478 0.053,-2.874 1.292,-5.14 1.191,-2.162 3.646,-4.604 8.721,-4.626 h 0.024 0.027 c 2.955,0.011 5.013,1.074 6.462,2.196 v -1.337 c 0,-0.192 0.156,-0.35 0.349,-0.35 h 4.34 c 0.193,0 0.35,0.158 0.35,0.35 L 5.189,8.503 c 0,0.063 0,0.124 -0.005,0.186","style":{"fill":"#fac000","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path39"},"children":[]}]},{"type":"g","props":{"id":"g41","transform":"translate(169.0963,29.7932)"},"children":[{"type":"path","props":{"d":"m 0,0 c 0,-1.066 -0.779,-4.943 -5.549,-4.96 -4.773,0.017 -5.549,3.894 -5.549,4.96 v 0.349 c 0,1.069 0.776,4.947 5.549,4.963 C -0.779,5.296 0,1.418 0,0.349 Z M 8.306,10.021 C 5.434,10.102 3.572,8.916 2.374,7.608 0.763,9.01 -1.719,10.14 -5.515,10.152 v 0.002 h -0.034 -0.03 v -0.002 c -5.629,-0.02 -8.363,-2.482 -9.683,-4.666 -1.372,-2.292 -1.434,-4.704 -1.434,-5.189 V 0.033 c 0,-0.489 0.062,-2.903 1.439,-5.188 0.587,-0.98 1.465,-2.011 2.758,-2.858 -2.119,-1.218 -3.99,-3.37 -3.99,-7.255 l -10e-4,-2.092 c 0,-0.194 0.157,-0.35 0.35,-0.35 l 16.127,0.001 c 1.937,0 2.913,-1.276 3.187,-2.476 0.341,-1.504 -0.237,-3.538 -2.751,-4.918 L 0.255,-25.2 c -0.164,-0.095 -0.223,-0.304 -0.132,-0.471 l 2.156,-3.94 c 0.094,-0.172 0.311,-0.233 0.481,-0.136 0,0 1.113,0.681 1.473,0.923 0.363,0.244 0.682,0.525 0.983,0.806 2.766,2.581 3.344,6.133 2.722,8.904 -0.844,3.761 -4.037,6.022 -7.951,6.022 h -11.124 c 0.612,3.361 4.533,3.298 5.003,3.279 0,0 0.607,-0.009 0.619,-0.009 5.628,0.017 8.359,2.482 9.676,4.667 1.375,2.285 1.437,4.699 1.437,5.188 V 0.297 C 5.598,0.712 5.55,2.498 4.703,4.426 5.44,4.937 6.587,5.41 8.272,5.32 L 8.315,5.319 C 8.509,5.316 8.668,5.47 8.672,5.663 l 0.005,3.946 v 0.002 0.018 c 0,0.209 -0.137,0.392 -0.371,0.392","style":{"fill":"#3dacdc","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path43"},"children":[]}]},{"type":"g","props":{"id":"g45","transform":"translate(20.9752,17.4289)"},"children":[{"type":"path","props":{"d":"M 0,0 -4.332,2.168 C -4.505,2.254 -4.715,2.184 -4.801,2.011 L -4.831,1.952 -4.833,1.951 c -0.671,-1.436 -2.09,-2.943 -4.995,-2.956 -4.768,0.022 -5.55,4.075 -5.55,5.237 v 8.198 c 0,1.16 0.782,5.221 5.55,5.239 2.946,-0.012 4.362,-1.562 5.022,-3.021 0.056,-0.145 0.196,-0.252 0.366,-0.252 0.062,0 0.117,0.019 0.175,0.047 0.004,-0.002 4.246,2.213 4.246,2.213 0.171,0.089 0.238,0.3 0.148,0.472 l -0.004,0.008 c -0.001,0.001 -0.001,0.003 -0.001,0.004 -0.076,0.16 -0.153,0.32 -0.245,0.481 -1.315,2.288 -4.049,4.875 -9.681,4.896 v 0.002 h -0.031 -0.03 v -0.002 c -5.627,-0.021 -8.363,-2.608 -9.676,-4.896 -1.38,-2.399 -1.436,-4.932 -1.436,-5.44 V 4.44 c 0,-0.512 0.056,-3.044 1.436,-5.445 1.313,-2.288 4.049,-4.876 9.676,-4.894 h 0.061 c 5.632,0.018 8.366,2.606 9.681,4.894 0.006,0.009 0.275,0.535 0.275,0.535 C 0.241,-0.297 0.172,-0.087 0,0","style":{"fill":"#894f24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path47"},"children":[]}]},{"type":"g","props":{"id":"g49","transform":"translate(147.4489,35.0686)"},"children":[{"type":"path","props":{"d":"m 0,0 c -1.19,2.289 -3.65,4.874 -8.72,4.892 v 0.004 c -0.009,0 -0.013,-0.004 -0.032,-0.004 -0.003,0 -0.012,0.004 -0.025,0.004 V 4.892 C -12.11,4.883 -14.31,3.524 -15.766,2.112 l 0.003,1.902 c 0,0.192 -0.156,0.349 -0.349,0.349 h -4.54 c -0.194,0 -0.35,-0.157 -0.35,-0.349 v -26.682 c 0,-0.193 0.156,-0.351 0.35,-0.351 h 4.89 c 0.194,0 0.35,0.158 0.35,0.351 V -4.93 c 0.117,1.422 1.096,4.937 5.535,4.954 4.773,-0.018 5.55,-4.077 5.55,-5.239 v -17.453 c 0,-0.193 0.157,-0.351 0.35,-0.351 h 4.914 c 0.194,0 0.35,0.158 0.35,0.351 V -5.444 C 1.287,-4.933 1.239,-2.401 0,0","style":{"fill":"#80bc27","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path51"},"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 Coupang = forwardRef(
   function Coupang({ 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 Coupang = 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/cpanel.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 407.66 240","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_2","data-name":"Layer 2"},"children":[{"type":"g","props":{"id":"Layer_1-2","data-name":"Layer 1"},"children":[{"type":"path","props":{"d":"M89.69 59.1h67.8L147 99.3a25.38 25.38 0 0 1-9 13.5 24.32 24.32 0 0 1-15.3 5.1H91.19a30.53 30.53 0 0 0-19 6.3 33 33 0 0 0-11.55 17.1 31.91 31.91 0 0 0-.45 15.3A33.1 33.1 0 0 0 66 169.35a30.29 30.29 0 0 0 10.8 8.85 31.74 31.74 0 0 0 14.4 3.3h19.2a10.8 10.8 0 0 1 8.85 4.35 10.4 10.4 0 0 1 2 9.75l-12 44.4h-21a84.77 84.77 0 0 1-39.75-9.45 89.78 89.78 0 0 1-30.21-25.05A88.4 88.4 0 0 1 1.94 170 87.51 87.51 0 0 1 3 129l1.2-4.5a88.69 88.69 0 0 1 31.64-47.25 89.91 89.91 0 0 1 25-13.35 87 87 0 0 1 28.85-4.8ZM123.89 240 183 18.6a25.38 25.38 0 0 1 9-13.5A24.28 24.28 0 0 1 207.29 0H270a84.8 84.8 0 0 1 39.75 9.45 89.21 89.21 0 0 1 46.65 60.6 83.8 83.8 0 0 1-1.2 41l-1.2 4.5a89.88 89.88 0 0 1-12 26.55 87.65 87.65 0 0 1-73.2 39.15h-54.3l10.8-40.5a25.38 25.38 0 0 1 9-13.2 24.32 24.32 0 0 1 15.3-5.1H267a31.56 31.56 0 0 0 30.6-23.7A29.5 29.5 0 0 0 298 84a33.1 33.1 0 0 0-5.85-12.75 31.85 31.85 0 0 0-10.8-9A30.61 30.61 0 0 0 267 58.8h-33.6l-43.8 162.9a25.38 25.38 0 0 1-9 13.2 23.88 23.88 0 0 1-15 5.1ZM361.18 32.31h-3.71V3.71h-10.1V.42h23.91v3.29h-10.1ZM390.19 32.31 379.37 4h-.17q.3 3.36.3 8v20.31h-3.42V.42h5.58l10.1 26.3h.18L402.12.42h5.54v31.89H404V11.76c0-2.36.11-4.91.31-7.68h-.17l-10.96 28.23Z","className":"cls-1"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["cPanel"]},{"type":"path","props":{"d":"M4.586 9.346a.538.538 0 00-.34.113.561.561 0 00-.197.299L2.74 14.654h.922a.528.528 0 00.332-.113.561.561 0 00.2-.291l.968-3.604h.744a.677.677 0 01.317.077.703.703 0 01.24.199.732.732 0 01.129.281.65.65 0 01-.01.326.698.698 0 01-.676.526h-.385a.538.538 0 00-.337.113.561.561 0 00-.2.291l-.24.896h1.201a1.939 1.939 0 001.62-.867 1.988 1.988 0 00.265-.586l.027-.1a1.854 1.854 0 00.026-.907 1.973 1.973 0 00-1.031-1.34 1.875 1.875 0 00-.88-.21H4.587zm18.447 0a.401.401 0 00-.25.082.377.377 0 00-.14.217l-1.334 5.01a1.7 1.7 0 00.57-.096 1.806 1.806 0 00.496-.266 1.74 1.74 0 00.385-.408 1.648 1.648 0 00.234-.531l.996-3.696a.23.23 0 00-.045-.217.246.246 0 00-.2-.095h-.712zM8.381 10.643l-.133.503a.564.564 0 00-.006.26.544.544 0 00.1.221.552.552 0 00.185.154.53.53 0 00.252.06h2.157a.101.101 0 01.084.038.098.098 0 01.015.088l-.02.072-.324 1.201-.013.055a.172.172 0 01-.067.105.205.205 0 01-.127.04H9.178a.147.147 0 01-.12-.057.136.136 0 01-.027-.13c.022-.074.071-.112.147-.112h.808a.53.53 0 00.332-.112.564.564 0 00.2-.293l.132-.498H8.84a1.131 1.131 0 00-.38.065 1.152 1.152 0 00-.323.176 1.194 1.194 0 00-.256.271 1.052 1.052 0 00-.156.346l-.028.1a1.095 1.095 0 00-.013.533 1.203 1.203 0 00.212.464 1.141 1.141 0 00.918.453l2.157.006a.899.899 0 00.875-.67l.525-1.95a1.101 1.101 0 00.01-.514 1.114 1.114 0 00-.205-.444 1.149 1.149 0 00-.377-.312 1.048 1.048 0 00-.498-.12H8.38zm-6.397.01a1.924 1.924 0 00-.638.107 1.989 1.989 0 00-.553.295 1.962 1.962 0 00-.7 1.045l-.027.1a1.936 1.936 0 00-.023.905 1.955 1.955 0 00.361.786 1.986 1.986 0 00.668.554 1.875 1.875 0 00.88.21h.464l.266-.983a.23.23 0 00-.043-.215.239.239 0 00-.198-.096h-.423a.702.702 0 01-.319-.074.67.67 0 01-.24-.195.732.732 0 01-.127-.281.706.706 0 01.01-.34.73.73 0 01.256-.377.675.675 0 01.42-.14h.697a.538.538 0 00.338-.114.561.561 0 00.199-.297l.232-.89h-1.5zm11.08 0l-.982 3.689a.23.23 0 00.045.217.238.238 0 00.195.095h.711a.413.413 0 00.248-.08.363.363 0 00.143-.21l.644-2.41h.745a.678.678 0 01.318.075.708.708 0 01.238.2.735.735 0 01.129.28.65.65 0 01-.01.327l-.398 1.506a.243.243 0 00.24.312h.713a.403.403 0 00.244-.08.366.366 0 00.143-.213l.332-1.248a1.897 1.897 0 00.029-.908 1.955 1.955 0 00-.361-.79 1.987 1.987 0 00-.668-.554 1.889 1.889 0 00-.885-.209h-1.813zm5.793 0a1.458 1.458 0 00-.488.081 1.489 1.489 0 00-.752.58 1.493 1.493 0 00-.205.454l-.406 1.505a1.018 1.018 0 00-.016.508 1.139 1.139 0 00.205.446 1.095 1.095 0 00.377.312 1.071 1.071 0 00.498.115h2.502a.528.528 0 00.332-.113.561.561 0 00.2-.291l.21-.791h-2.748a.2.2 0 01-.191-.252l.299-1.127a.34.34 0 01.113-.162.281.281 0 01.18-.064h1.232a.153.153 0 01.147.193l-.026.1c-.022.075-.071.113-.146.113h-.81a.538.538 0 00-.339.111.526.526 0 00-.191.293l-.133.49h2.004a.887.887 0 00.547-.181.864.864 0 00.32-.483l.12-.45a1.11 1.11 0 00.013-.513 1.076 1.076 0 00-.203-.443 1.146 1.146 0 00-.375-.313 1.047 1.047 0 00-.498-.119h-1.772Z"},"children":[]}]},"wordmark":{"viewBox":"0 0 1136.12 240","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_2","data-name":"Layer 2"},"children":[{"type":"g","props":{"id":"Layer_1-2","data-name":"Layer 1"},"children":[{"type":"path","props":{"d":"M89.69 59.1h67.8L147 99.3a25.38 25.38 0 0 1-9 13.5 24.32 24.32 0 0 1-15.3 5.1H91.19a30.53 30.53 0 0 0-19 6.3 33 33 0 0 0-11.55 17.1 31.91 31.91 0 0 0-.45 15.3A33.1 33.1 0 0 0 66 169.35a30.29 30.29 0 0 0 10.8 8.85 31.74 31.74 0 0 0 14.4 3.3h19.2a10.8 10.8 0 0 1 8.85 4.35 10.4 10.4 0 0 1 2 9.75l-12 44.4h-21a84.77 84.77 0 0 1-39.75-9.45 89.78 89.78 0 0 1-30.21-25.05A88.4 88.4 0 0 1 1.94 170 87.51 87.51 0 0 1 3 129l1.2-4.5a88.69 88.69 0 0 1 31.64-47.25 89.91 89.91 0 0 1 25-13.35 87 87 0 0 1 28.85-4.8ZM123.89 240 183 18.6a25.38 25.38 0 0 1 9-13.5A24.32 24.32 0 0 1 207.29 0H270a84.77 84.77 0 0 1 39.75 9.45 89.21 89.21 0 0 1 46.65 60.6 83.8 83.8 0 0 1-1.2 41l-1.2 4.5a89.88 89.88 0 0 1-12 26.55 87.65 87.65 0 0 1-73.2 39.15h-54.3l10.8-40.5a25.38 25.38 0 0 1 9-13.2 24.32 24.32 0 0 1 15.3-5.1H267a31.56 31.56 0 0 0 30.6-23.7A29.39 29.39 0 0 0 298 84a33.1 33.1 0 0 0-5.85-12.75 31.76 31.76 0 0 0-10.8-9A30.61 30.61 0 0 0 267 58.8h-33.6l-43.8 162.9a25.38 25.38 0 0 1-9 13.2 23.88 23.88 0 0 1-15 5.1ZM498 121.8l.9-3.3a4.41 4.41 0 0 0-.75-4 4.58 4.58 0 0 0-3.75-1.65h-97.5a24 24 0 0 1-11.4-2.7 24.94 24.94 0 0 1-8.4-7 24.6 24.6 0 0 1-4.5-10 25.5 25.5 0 0 1 .3-11.7l6-22.8h132a47.39 47.39 0 0 1 22.5 5.4 51.93 51.93 0 0 1 17 14.1 50.34 50.34 0 0 1 9.3 20 49.79 49.79 0 0 1-.45 23.25l-23.7 88.2a40.62 40.62 0 0 1-39.6 30.3l-97.5-.3A51.59 51.59 0 0 1 357 219.15a54.4 54.4 0 0 1-9.6-21A49.48 49.48 0 0 1 348 174l1.2-4.5a47.58 47.58 0 0 1 7.05-15.6 54 54 0 0 1 11.55-12.3 52.06 52.06 0 0 1 14.7-7.95 51.14 51.14 0 0 1 17.1-2.85h81.9l-6 22.5a25.49 25.49 0 0 1-9 13.2 23.92 23.92 0 0 1-15 5.1h-36.6q-5.11 0-6.6 5.1a6.13 6.13 0 0 0 1.2 5.85 6.65 6.65 0 0 0 5.4 2.55H474a9.27 9.27 0 0 0 5.7-1.8 7.76 7.76 0 0 0 3-4.8l.6-2.4ZM672.59 59.1a85.39 85.39 0 0 1 40 9.45 89.82 89.82 0 0 1 30.16 25 88.39 88.39 0 0 1 16.34 35.7 85.78 85.78 0 0 1-1.34 41.1l-15 56.4a16.53 16.53 0 0 1-6.45 9.6 18.22 18.22 0 0 1-11 3.6H693a11 11 0 0 1-10.81-14.1l18-68.1a29.39 29.39 0 0 0 .45-14.7 33.23 33.23 0 0 0-5.84-12.75 32 32 0 0 0-10.8-9 30.67 30.67 0 0 0-14.4-3.45H636L606.88 226.8a16.4 16.4 0 0 1-6.45 9.6 18.65 18.65 0 0 1-11.25 3.6h-32.1a10.78 10.78 0 0 1-8.84-4.35 10.43 10.43 0 0 1-2-9.75l44.4-166.8ZM849.28 116.25a15.34 15.34 0 0 0-5.1 7.35l-13.5 51a9 9 0 0 0 8.7 11.4h124.2L954 221.7a25.38 25.38 0 0 1-9 13.2 23.88 23.88 0 0 1-15 5.1H816.88a48.43 48.43 0 0 1-22.5-5.25 49.48 49.48 0 0 1-17-14.1 51.48 51.48 0 0 1-9.3-20.1 46 46 0 0 1 .75-23l18.3-68.1a67.5 67.5 0 0 1 9.3-20.4 67.3 67.3 0 0 1 34-26.25 65.91 65.91 0 0 1 22.05-3.75h80.1a47.34 47.34 0 0 1 22.5 5.4 51.83 51.83 0 0 1 17 14.1 48.65 48.65 0 0 1 9.15 20.1 50.2 50.2 0 0 1-.6 23.1l-5.4 20.4a39.05 39.05 0 0 1-14.5 21.85 40.08 40.08 0 0 1-24.73 8.2h-90.6l6-22.2a23.78 23.78 0 0 1 8.7-13.2 24.32 24.32 0 0 1 15.3-5.1H912q5.1 0 6.6-5.1l1.2-4.5a6.92 6.92 0 0 0-6.6-8.7h-55.8a12.71 12.71 0 0 0-8.12 2.85ZM963.28 240l60.3-226.5a17.06 17.06 0 0 1 6.42-9.75A18.14 18.14 0 0 1 1041.28 0h32.1a11.11 11.11 0 0 1 9.15 4.35 10.43 10.43 0 0 1 2 9.75l-45 167.1a74.52 74.52 0 0 1-10.65 24 78.66 78.66 0 0 1-17.4 18.45 81.65 81.65 0 0 1-22.35 12 76.85 76.85 0 0 1-25.85 4.35ZM1094.83 21.06a20.4 20.4 0 0 1 2.75-10.29 20.6 20.6 0 0 1 17.9-10.35 20.39 20.39 0 0 1 10.29 2.74 20.13 20.13 0 0 1 7.58 7.55 20.73 20.73 0 0 1 .11 20.51 20.67 20.67 0 0 1-36 0 20.37 20.37 0 0 1-2.63-10.16Zm2.88 0a17.76 17.76 0 0 0 8.91 15.39 17.67 17.67 0 0 0 17.73 0 17.89 17.89 0 0 0 6.49-6.47 17.21 17.21 0 0 0 2.4-8.91 17.18 17.18 0 0 0-2.39-8.86 17.89 17.89 0 0 0-6.46-6.5 17.7 17.7 0 0 0-17.78 0 17.87 17.87 0 0 0-6.49 6.46 17.17 17.17 0 0 0-2.41 8.89Zm26.14-5a6.64 6.64 0 0 1-1.17 3.88 6.79 6.79 0 0 1-3.28 2.51l6.54 10.85h-4.61l-5.69-9.72h-3.7v9.72h-4.07V8.85h7.13c3 0 5.26.59 6.68 1.78a6.69 6.69 0 0 1 2.17 5.44Zm-11.91 4.14h3a5.24 5.24 0 0 0 3.53-1.14 3.63 3.63 0 0 0 1.33-2.89 3.44 3.44 0 0 0-1.18-2.95 6.19 6.19 0 0 0-3.73-.9h-2.91Z","className":"cls-1"},"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 Cpanel = react_1.forwardRef(function Cpanel({ 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 Cpanel = react_1.forwardRef(function Cpanel({ 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/cpanel.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 407.66 240","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_2","data-name":"Layer 2"},"children":[{"type":"g","props":{"id":"Layer_1-2","data-name":"Layer 1"},"children":[{"type":"path","props":{"d":"M89.69 59.1h67.8L147 99.3a25.38 25.38 0 0 1-9 13.5 24.32 24.32 0 0 1-15.3 5.1H91.19a30.53 30.53 0 0 0-19 6.3 33 33 0 0 0-11.55 17.1 31.91 31.91 0 0 0-.45 15.3A33.1 33.1 0 0 0 66 169.35a30.29 30.29 0 0 0 10.8 8.85 31.74 31.74 0 0 0 14.4 3.3h19.2a10.8 10.8 0 0 1 8.85 4.35 10.4 10.4 0 0 1 2 9.75l-12 44.4h-21a84.77 84.77 0 0 1-39.75-9.45 89.78 89.78 0 0 1-30.21-25.05A88.4 88.4 0 0 1 1.94 170 87.51 87.51 0 0 1 3 129l1.2-4.5a88.69 88.69 0 0 1 31.64-47.25 89.91 89.91 0 0 1 25-13.35 87 87 0 0 1 28.85-4.8ZM123.89 240 183 18.6a25.38 25.38 0 0 1 9-13.5A24.28 24.28 0 0 1 207.29 0H270a84.8 84.8 0 0 1 39.75 9.45 89.21 89.21 0 0 1 46.65 60.6 83.8 83.8 0 0 1-1.2 41l-1.2 4.5a89.88 89.88 0 0 1-12 26.55 87.65 87.65 0 0 1-73.2 39.15h-54.3l10.8-40.5a25.38 25.38 0 0 1 9-13.2 24.32 24.32 0 0 1 15.3-5.1H267a31.56 31.56 0 0 0 30.6-23.7A29.5 29.5 0 0 0 298 84a33.1 33.1 0 0 0-5.85-12.75 31.85 31.85 0 0 0-10.8-9A30.61 30.61 0 0 0 267 58.8h-33.6l-43.8 162.9a25.38 25.38 0 0 1-9 13.2 23.88 23.88 0 0 1-15 5.1ZM361.18 32.31h-3.71V3.71h-10.1V.42h23.91v3.29h-10.1ZM390.19 32.31 379.37 4h-.17q.3 3.36.3 8v20.31h-3.42V.42h5.58l10.1 26.3h.18L402.12.42h5.54v31.89H404V11.76c0-2.36.11-4.91.31-7.68h-.17l-10.96 28.23Z","className":"cls-1"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["cPanel"]},{"type":"path","props":{"d":"M4.586 9.346a.538.538 0 00-.34.113.561.561 0 00-.197.299L2.74 14.654h.922a.528.528 0 00.332-.113.561.561 0 00.2-.291l.968-3.604h.744a.677.677 0 01.317.077.703.703 0 01.24.199.732.732 0 01.129.281.65.65 0 01-.01.326.698.698 0 01-.676.526h-.385a.538.538 0 00-.337.113.561.561 0 00-.2.291l-.24.896h1.201a1.939 1.939 0 001.62-.867 1.988 1.988 0 00.265-.586l.027-.1a1.854 1.854 0 00.026-.907 1.973 1.973 0 00-1.031-1.34 1.875 1.875 0 00-.88-.21H4.587zm18.447 0a.401.401 0 00-.25.082.377.377 0 00-.14.217l-1.334 5.01a1.7 1.7 0 00.57-.096 1.806 1.806 0 00.496-.266 1.74 1.74 0 00.385-.408 1.648 1.648 0 00.234-.531l.996-3.696a.23.23 0 00-.045-.217.246.246 0 00-.2-.095h-.712zM8.381 10.643l-.133.503a.564.564 0 00-.006.26.544.544 0 00.1.221.552.552 0 00.185.154.53.53 0 00.252.06h2.157a.101.101 0 01.084.038.098.098 0 01.015.088l-.02.072-.324 1.201-.013.055a.172.172 0 01-.067.105.205.205 0 01-.127.04H9.178a.147.147 0 01-.12-.057.136.136 0 01-.027-.13c.022-.074.071-.112.147-.112h.808a.53.53 0 00.332-.112.564.564 0 00.2-.293l.132-.498H8.84a1.131 1.131 0 00-.38.065 1.152 1.152 0 00-.323.176 1.194 1.194 0 00-.256.271 1.052 1.052 0 00-.156.346l-.028.1a1.095 1.095 0 00-.013.533 1.203 1.203 0 00.212.464 1.141 1.141 0 00.918.453l2.157.006a.899.899 0 00.875-.67l.525-1.95a1.101 1.101 0 00.01-.514 1.114 1.114 0 00-.205-.444 1.149 1.149 0 00-.377-.312 1.048 1.048 0 00-.498-.12H8.38zm-6.397.01a1.924 1.924 0 00-.638.107 1.989 1.989 0 00-.553.295 1.962 1.962 0 00-.7 1.045l-.027.1a1.936 1.936 0 00-.023.905 1.955 1.955 0 00.361.786 1.986 1.986 0 00.668.554 1.875 1.875 0 00.88.21h.464l.266-.983a.23.23 0 00-.043-.215.239.239 0 00-.198-.096h-.423a.702.702 0 01-.319-.074.67.67 0 01-.24-.195.732.732 0 01-.127-.281.706.706 0 01.01-.34.73.73 0 01.256-.377.675.675 0 01.42-.14h.697a.538.538 0 00.338-.114.561.561 0 00.199-.297l.232-.89h-1.5zm11.08 0l-.982 3.689a.23.23 0 00.045.217.238.238 0 00.195.095h.711a.413.413 0 00.248-.08.363.363 0 00.143-.21l.644-2.41h.745a.678.678 0 01.318.075.708.708 0 01.238.2.735.735 0 01.129.28.65.65 0 01-.01.327l-.398 1.506a.243.243 0 00.24.312h.713a.403.403 0 00.244-.08.366.366 0 00.143-.213l.332-1.248a1.897 1.897 0 00.029-.908 1.955 1.955 0 00-.361-.79 1.987 1.987 0 00-.668-.554 1.889 1.889 0 00-.885-.209h-1.813zm5.793 0a1.458 1.458 0 00-.488.081 1.489 1.489 0 00-.752.58 1.493 1.493 0 00-.205.454l-.406 1.505a1.018 1.018 0 00-.016.508 1.139 1.139 0 00.205.446 1.095 1.095 0 00.377.312 1.071 1.071 0 00.498.115h2.502a.528.528 0 00.332-.113.561.561 0 00.2-.291l.21-.791h-2.748a.2.2 0 01-.191-.252l.299-1.127a.34.34 0 01.113-.162.281.281 0 01.18-.064h1.232a.153.153 0 01.147.193l-.026.1c-.022.075-.071.113-.146.113h-.81a.538.538 0 00-.339.111.526.526 0 00-.191.293l-.133.49h2.004a.887.887 0 00.547-.181.864.864 0 00.32-.483l.12-.45a1.11 1.11 0 00.013-.513 1.076 1.076 0 00-.203-.443 1.146 1.146 0 00-.375-.313 1.047 1.047 0 00-.498-.119h-1.772Z"},"children":[]}]},"wordmark":{"viewBox":"0 0 1136.12 240","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_2","data-name":"Layer 2"},"children":[{"type":"g","props":{"id":"Layer_1-2","data-name":"Layer 1"},"children":[{"type":"path","props":{"d":"M89.69 59.1h67.8L147 99.3a25.38 25.38 0 0 1-9 13.5 24.32 24.32 0 0 1-15.3 5.1H91.19a30.53 30.53 0 0 0-19 6.3 33 33 0 0 0-11.55 17.1 31.91 31.91 0 0 0-.45 15.3A33.1 33.1 0 0 0 66 169.35a30.29 30.29 0 0 0 10.8 8.85 31.74 31.74 0 0 0 14.4 3.3h19.2a10.8 10.8 0 0 1 8.85 4.35 10.4 10.4 0 0 1 2 9.75l-12 44.4h-21a84.77 84.77 0 0 1-39.75-9.45 89.78 89.78 0 0 1-30.21-25.05A88.4 88.4 0 0 1 1.94 170 87.51 87.51 0 0 1 3 129l1.2-4.5a88.69 88.69 0 0 1 31.64-47.25 89.91 89.91 0 0 1 25-13.35 87 87 0 0 1 28.85-4.8ZM123.89 240 183 18.6a25.38 25.38 0 0 1 9-13.5A24.32 24.32 0 0 1 207.29 0H270a84.77 84.77 0 0 1 39.75 9.45 89.21 89.21 0 0 1 46.65 60.6 83.8 83.8 0 0 1-1.2 41l-1.2 4.5a89.88 89.88 0 0 1-12 26.55 87.65 87.65 0 0 1-73.2 39.15h-54.3l10.8-40.5a25.38 25.38 0 0 1 9-13.2 24.32 24.32 0 0 1 15.3-5.1H267a31.56 31.56 0 0 0 30.6-23.7A29.39 29.39 0 0 0 298 84a33.1 33.1 0 0 0-5.85-12.75 31.76 31.76 0 0 0-10.8-9A30.61 30.61 0 0 0 267 58.8h-33.6l-43.8 162.9a25.38 25.38 0 0 1-9 13.2 23.88 23.88 0 0 1-15 5.1ZM498 121.8l.9-3.3a4.41 4.41 0 0 0-.75-4 4.58 4.58 0 0 0-3.75-1.65h-97.5a24 24 0 0 1-11.4-2.7 24.94 24.94 0 0 1-8.4-7 24.6 24.6 0 0 1-4.5-10 25.5 25.5 0 0 1 .3-11.7l6-22.8h132a47.39 47.39 0 0 1 22.5 5.4 51.93 51.93 0 0 1 17 14.1 50.34 50.34 0 0 1 9.3 20 49.79 49.79 0 0 1-.45 23.25l-23.7 88.2a40.62 40.62 0 0 1-39.6 30.3l-97.5-.3A51.59 51.59 0 0 1 357 219.15a54.4 54.4 0 0 1-9.6-21A49.48 49.48 0 0 1 348 174l1.2-4.5a47.58 47.58 0 0 1 7.05-15.6 54 54 0 0 1 11.55-12.3 52.06 52.06 0 0 1 14.7-7.95 51.14 51.14 0 0 1 17.1-2.85h81.9l-6 22.5a25.49 25.49 0 0 1-9 13.2 23.92 23.92 0 0 1-15 5.1h-36.6q-5.11 0-6.6 5.1a6.13 6.13 0 0 0 1.2 5.85 6.65 6.65 0 0 0 5.4 2.55H474a9.27 9.27 0 0 0 5.7-1.8 7.76 7.76 0 0 0 3-4.8l.6-2.4ZM672.59 59.1a85.39 85.39 0 0 1 40 9.45 89.82 89.82 0 0 1 30.16 25 88.39 88.39 0 0 1 16.34 35.7 85.78 85.78 0 0 1-1.34 41.1l-15 56.4a16.53 16.53 0 0 1-6.45 9.6 18.22 18.22 0 0 1-11 3.6H693a11 11 0 0 1-10.81-14.1l18-68.1a29.39 29.39 0 0 0 .45-14.7 33.23 33.23 0 0 0-5.84-12.75 32 32 0 0 0-10.8-9 30.67 30.67 0 0 0-14.4-3.45H636L606.88 226.8a16.4 16.4 0 0 1-6.45 9.6 18.65 18.65 0 0 1-11.25 3.6h-32.1a10.78 10.78 0 0 1-8.84-4.35 10.43 10.43 0 0 1-2-9.75l44.4-166.8ZM849.28 116.25a15.34 15.34 0 0 0-5.1 7.35l-13.5 51a9 9 0 0 0 8.7 11.4h124.2L954 221.7a25.38 25.38 0 0 1-9 13.2 23.88 23.88 0 0 1-15 5.1H816.88a48.43 48.43 0 0 1-22.5-5.25 49.48 49.48 0 0 1-17-14.1 51.48 51.48 0 0 1-9.3-20.1 46 46 0 0 1 .75-23l18.3-68.1a67.5 67.5 0 0 1 9.3-20.4 67.3 67.3 0 0 1 34-26.25 65.91 65.91 0 0 1 22.05-3.75h80.1a47.34 47.34 0 0 1 22.5 5.4 51.83 51.83 0 0 1 17 14.1 48.65 48.65 0 0 1 9.15 20.1 50.2 50.2 0 0 1-.6 23.1l-5.4 20.4a39.05 39.05 0 0 1-14.5 21.85 40.08 40.08 0 0 1-24.73 8.2h-90.6l6-22.2a23.78 23.78 0 0 1 8.7-13.2 24.32 24.32 0 0 1 15.3-5.1H912q5.1 0 6.6-5.1l1.2-4.5a6.92 6.92 0 0 0-6.6-8.7h-55.8a12.71 12.71 0 0 0-8.12 2.85ZM963.28 240l60.3-226.5a17.06 17.06 0 0 1 6.42-9.75A18.14 18.14 0 0 1 1041.28 0h32.1a11.11 11.11 0 0 1 9.15 4.35 10.43 10.43 0 0 1 2 9.75l-45 167.1a74.52 74.52 0 0 1-10.65 24 78.66 78.66 0 0 1-17.4 18.45 81.65 81.65 0 0 1-22.35 12 76.85 76.85 0 0 1-25.85 4.35ZM1094.83 21.06a20.4 20.4 0 0 1 2.75-10.29 20.6 20.6 0 0 1 17.9-10.35 20.39 20.39 0 0 1 10.29 2.74 20.13 20.13 0 0 1 7.58 7.55 20.73 20.73 0 0 1 .11 20.51 20.67 20.67 0 0 1-36 0 20.37 20.37 0 0 1-2.63-10.16Zm2.88 0a17.76 17.76 0 0 0 8.91 15.39 17.67 17.67 0 0 0 17.73 0 17.89 17.89 0 0 0 6.49-6.47 17.21 17.21 0 0 0 2.4-8.91 17.18 17.18 0 0 0-2.39-8.86 17.89 17.89 0 0 0-6.46-6.5 17.7 17.7 0 0 0-17.78 0 17.87 17.87 0 0 0-6.49 6.46 17.17 17.17 0 0 0-2.41 8.89Zm26.14-5a6.64 6.64 0 0 1-1.17 3.88 6.79 6.79 0 0 1-3.28 2.51l6.54 10.85h-4.61l-5.69-9.72h-3.7v9.72h-4.07V8.85h7.13c3 0 5.26.59 6.68 1.78a6.69 6.69 0 0 1 2.17 5.44Zm-11.91 4.14h3a5.24 5.24 0 0 0 3.53-1.14 3.63 3.63 0 0 0 1.33-2.89 3.44 3.44 0 0 0-1.18-2.95 6.19 6.19 0 0 0-3.73-.9h-2.91Z","className":"cls-1"},"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 Cpanel = forwardRef(
   function Cpanel({ 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 Cpanel = 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/credit-suisse.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 481.73999 237.50999","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs4"},"children":[{"type":"clipPath","props":{"id":"clipPath2508"},"children":[{"type":"path","props":{"d":"M 0.029999,841.98 L 595.05,841.98 L 595.05,0 L 0.029999,0 L 0.029999,841.98 z","id":"path2510"},"children":[]}]},{"type":"clipPath","props":{"id":"clipPath2502"},"children":[{"type":"path","props":{"d":"M 0,842 L 595.276,842 L 595.276,0.11 L 0,0.11 L 0,842 z","id":"path2504"},"children":[]}]},{"type":"clipPath","props":{"id":"clipPath2496"},"children":[{"type":"path","props":{"d":"M -24.469,446 L 601.709,446 L 601.709,-8.606 L -24.469,-8.606 L -24.469,446 z","id":"path2498"},"children":[]}]},{"type":"clipPath","props":{"id":"clipPath2486"},"children":[{"type":"path","props":{"d":"M 0.029999,841.98 L 595.05,841.98 L 595.05,0 L 0.029999,0 L 0.029999,841.98 z","id":"path2488"},"children":[]}]},{"type":"clipPath","props":{"id":"clipPath2480"},"children":[{"type":"path","props":{"d":"M 0,842 L 595.276,842 L 595.276,0.11 L 0,0.11 L 0,842 z","id":"path2482"},"children":[]}]},{"type":"clipPath","props":{"id":"clipPath2456"},"children":[{"type":"path","props":{"d":"M 27.303,816.072 L 79.69,816.072 L 79.69,789.195 L 27.303,789.195 L 27.303,816.072 z","id":"path2458"},"children":[]}]},{"type":"clipPath","props":{"id":"clipPath2424"},"children":[{"type":"path","props":{"d":"M 0.029999,841.98 L 595.05,841.98 L 595.05,0 L 0.029999,0 L 0.029999,841.98 z","id":"path2426"},"children":[]}]},{"type":"clipPath","props":{"id":"clipPath2418"},"children":[{"type":"path","props":{"d":"M 0,842 L 595.276,842 L 595.276,0.11 L 0,0.11 L 0,842 z","id":"path2420"},"children":[]}]}]},{"type":"g","props":{"transform":"translate(-20.556073,-60.676202)","id":"layer1"},"children":[{"type":"g","props":{"transform":"matrix(7.4782573,0,0,7.4782573,-327.78983,245.11068)","id":"g2604"},"children":[{"type":"path","props":{"d":"M 57.248036,-18.73335 L 57.029286,-19.17085 L 56.810536,-19.53585 L 56.519286,-19.8271 L 56.154286,-20.11835 L 55.789286,-20.3371 L 55.060536,-20.62835 L 54.623036,-20.62835 L 53.966786,-20.55585 L 53.384286,-20.4096 L 52.874286,-20.11835 L 52.436786,-19.68085 L 52.071786,-19.17085 L 51.780536,-18.4421 L 51.634286,-17.6396 L 51.561786,-16.6196 L 51.561786,-15.89085 L 51.706786,-15.16085 L 51.926786,-14.50585 L 52.218036,-13.8496 L 52.655536,-13.33835 L 53.238036,-12.90085 L 53.894286,-12.6096 L 54.769286,-12.5371 L 55.060536,-12.5371 L 55.789286,-12.82835 L 56.519286,-13.26585 L 56.810536,-13.5571 L 57.101786,-13.9221 L 57.320536,-14.3596 L 59.775536,-13.1196 L 59.361786,-12.39085 L 58.851786,-11.80835 L 58.341786,-11.2496 L 57.685536,-10.8121 L 57.029286,-10.4471 L 56.300536,-10.15585 L 55.570536,-10.0096 L 54.769286,-9.9371 L 53.311786,-10.0821 L 52.071786,-10.4471 L 50.978036,-11.10335 L 50.030536,-11.95335 L 49.301786,-12.90085 L 48.791786,-14.06835 L 48.499286,-15.3071 L 48.354286,-16.6196 L 48.426786,-17.9321 L 48.791786,-19.17085 L 49.229286,-20.3371 L 49.958036,-21.2846 L 50.833036,-22.1596 L 51.853036,-22.81585 L 53.093036,-23.18085 L 54.478036,-23.32585 L 55.353036,-23.25335 L 56.226786,-23.1071 L 56.956786,-22.81585 L 57.611786,-22.45085 L 58.268036,-22.0146 L 58.851786,-21.43085 L 59.361786,-20.7746 L 59.775536,-20.04585 L 57.248036,-18.73335","id":"path2444","style":{"fill":"#00aeef","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"M 60.649286,-22.9621 L 66.846786,-22.9621 L 67.866786,-22.88835 L 68.741786,-22.74335 L 69.543036,-22.37835 L 70.199286,-21.94085 L 70.710536,-21.35835 L 71.146786,-20.62835 L 71.341786,-19.8271 L 71.414286,-18.80585 L 71.341786,-18.22335 L 71.220536,-17.6396 L 71.001786,-17.1296 L 70.710536,-16.6196 L 70.345536,-16.1821 L 69.908036,-15.89085 L 69.398036,-15.59835 L 68.814286,-15.3796 L 71.706786,-10.22835 L 68.158036,-10.22835 L 65.680536,-14.7971 L 63.711786,-14.7971 L 63.711786,-10.22835 L 60.649286,-10.22835 L 60.649286,-22.9621 z M 63.711786,-17.2021 L 66.628036,-17.2021 L 67.284286,-17.27585 L 67.794286,-17.6396 L 68.158036,-18.1496 L 68.304286,-18.8796 L 68.158036,-19.68085 L 67.794286,-20.1921 L 67.284286,-20.55585 L 66.628036,-20.62835 L 63.711786,-20.62835 L 63.711786,-17.2021","id":"path2446","style":{"fill":"#00aeef","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"M 83.249286,-22.9621 L 88.133036,-22.9621 L 89.518036,-22.88835 L 90.758036,-22.5971 L 91.778036,-22.1596 L 92.725536,-21.50335 L 93.454286,-20.62835 L 94.038036,-19.53585 L 94.329286,-18.22335 L 94.475536,-16.6196 L 94.329286,-15.01585 L 94.038036,-13.70335 L 93.454286,-12.6096 L 92.725536,-11.7346 L 91.778036,-11.03085 L 90.758036,-10.59335 L 89.518036,-10.30085 L 88.133036,-10.22835 L 83.249286,-10.22835 L 83.249286,-22.9621 z M 86.383036,-12.90085 L 88.205536,-12.90085 L 89.008036,-12.9746 L 89.664286,-13.19335 L 90.246786,-13.5571 L 90.684286,-13.9946 L 91.049286,-14.57835 L 91.268036,-15.16085 L 91.340536,-15.89085 L 91.414286,-16.6196 L 91.340536,-17.34835 L 91.268036,-18.0771 L 91.049286,-18.66085 L 90.684286,-19.24335 L 90.246786,-19.68085 L 89.664286,-20.04585 L 89.008036,-20.2646 L 88.205536,-20.3371 L 86.383036,-20.3371 L 86.383036,-12.90085","id":"path2448","style":{"fill":"#00aeef","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"M 95.763036,-10.22835 L 98.897786,-10.22835 L 98.897786,-22.9621 L 95.763036,-22.9621 L 95.763036,-10.22835 z","id":"path2450","style":{"fill":"#00aeef","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"g","props":{"transform":"matrix(1.25,0,0,-1.25,13.789286,996.76165)","id":"g2452"},"children":[{"type":"g","props":{"clipPath":"url(#clipPath2456)","id":"g2454"},"children":[{"type":"path","props":{"d":"M 68.962,815.779 L 76.699,815.779 L 76.699,813.796 L 74.094,813.796 L 74.094,805.592 L 71.586,805.592 L 71.586,813.796 L 68.962,813.796 L 68.962,815.779","id":"path2460","style":{"fill":"#00aeef","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"M 29.226,796.183 L 29.576,795.892 L 29.868,795.658 L 30.218,795.425 L 30.568,795.25 L 30.918,795.075 L 31.268,794.958 L 31.676,794.9 L 32.434,794.9 L 32.726,794.958 L 33.017,795.017 L 33.309,795.133 L 33.6,795.308 L 33.834,795.542 L 33.95,795.775 L 34.009,796.066 L 33.95,796.416 L 33.717,796.65 L 33.367,796.825 L 32.901,796.941 L 30.801,797.291 L 30.159,797.388 L 29.576,797.622 L 29.051,797.913 L 28.702,798.205 L 28.352,798.613 L 28.118,799.021 L 28.002,799.488 L 27.943,800.013 L 28.002,800.888 L 28.293,801.646 L 28.643,802.229 L 29.168,802.676 L 29.81,803.026 L 30.451,803.318 L 31.209,803.434 L 32.026,803.492 L 32.667,803.434 L 33.251,803.376 L 33.892,803.201 L 34.475,802.968 L 35,802.676 L 35.525,802.404 L 35.992,801.996 L 36.458,801.529 L 34.592,800.188 L 34.3,800.479 L 33.717,800.946 L 33.367,801.121 L 33.017,801.296 L 32.609,801.412 L 32.259,801.471 L 31.851,801.471 L 31.384,801.412 L 30.918,801.179 L 30.568,800.829 L 30.451,800.421 L 30.51,800.071 L 30.801,799.779 L 31.209,799.605 L 31.851,799.43 L 32.784,799.313 L 33.542,799.196 L 34.242,799.021 L 34.825,798.788 L 35.408,798.496 L 35.817,798.147 L 36.167,797.68 L 36.4,797.116 L 36.458,796.475 L 36.341,795.425 L 35.992,794.609 L 35.467,793.967 L 34.883,793.5 L 34.125,793.151 L 33.367,792.917 L 31.851,792.801 L 31.209,792.801 L 30.626,792.917 L 30.043,793.092 L 29.46,793.267 L 28.935,793.559 L 28.352,793.909 L 27.827,794.375 L 27.302,794.9 L 29.226,796.183","id":"path2462","style":{"fill":"#ed1c24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]}]}]},{"type":"path","props":{"d":"M 71.074286,0.94915 L 70.929286,2.18915 L 70.564286,3.20915 L 70.054286,4.01165 L 69.325536,4.6679 L 68.523036,5.1779 L 67.575536,5.46915 L 66.700536,5.6879 L 65.753036,5.7604 L 64.805536,5.6879 L 63.930536,5.46915 L 62.983036,5.1779 L 62.253036,4.6679 L 61.524286,4.01165 L 61.014286,3.20915 L 60.649286,2.18915 L 60.504286,0.94915 L 60.504286,-7.2396 L 63.565536,-7.2396 L 63.565536,1.1679 L 63.638036,1.67915 L 63.784286,2.1154 L 64.003036,2.4079 L 64.294286,2.77165 L 65.169286,3.06415 L 65.753036,3.13665 L 66.335536,3.06415 L 66.773036,2.9179 L 67.138036,2.77165 L 67.429286,2.4079 L 67.648036,2.1154 L 67.794286,1.67915 L 67.939286,1.1679 L 67.939286,-7.2396 L 71.074286,-7.2396 L 71.074286,0.94915","id":"path2464","style":{"fill":"#ed1c24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"M 72.799286,5.39665 L 75.934036,5.39665 L 75.934036,-7.2396 L 72.799286,-7.2396 L 72.799286,5.39665 z","id":"path2466","style":{"fill":"#ed1c24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"M 78.826786,1.5329 L 79.264286,1.89665 L 79.628036,2.18915 L 80.065536,2.4804 L 80.503036,2.69915 L 80.940536,2.9179 L 81.450536,3.06415 L 81.960536,3.13665 L 82.835536,3.13665 L 83.175536,3.06415 L 83.613036,2.9904 L 83.978036,2.8454 L 84.341786,2.62665 L 84.634286,2.33415 L 84.779286,2.0429 L 84.853036,1.67915 L 84.779286,1.24165 L 84.488036,0.94915 L 84.050536,0.7304 L 83.394286,0.5854 L 80.794286,0.1479 L 79.993036,0.02665 L 79.264286,-0.26585 L 78.608036,-0.6296 L 78.170536,-0.9946 L 77.733036,-1.5046 L 77.440536,-2.0146 L 77.295536,-2.59835 L 77.223036,-3.2546 L 77.295536,-4.34835 L 77.659286,-5.29585 L 78.096786,-6.0246 L 78.753036,-6.58335 L 79.555536,-7.02085 L 80.356786,-7.38585 L 81.304286,-7.53085 L 82.325536,-7.60335 L 83.103036,-7.53085 L 83.831786,-7.45835 L 84.634286,-7.2396 L 85.363036,-6.94835 L 86.019286,-6.58335 L 86.675536,-6.24335 L 87.258036,-5.73335 L 87.841786,-5.1496 L 85.509286,-3.47335 L 85.144286,-3.8371 L 84.415536,-4.42085 L 83.978036,-4.6396 L 83.540536,-4.85835 L 83.103036,-5.00335 L 82.616786,-5.0771 L 82.106786,-5.0771 L 81.523036,-5.00335 L 80.940536,-4.7121 L 80.503036,-4.2746 L 80.356786,-3.7646 L 80.430536,-3.3271 L 80.794286,-2.9621 L 81.304286,-2.7446 L 82.106786,-2.52585 L 83.249286,-2.3796 L 84.196786,-2.23335 L 85.071786,-2.0146 L 85.800536,-1.72335 L 86.529286,-1.35835 L 87.039286,-0.9221 L 87.476786,-0.33835 L 87.769286,0.36665 L 87.841786,1.1679 L 87.695536,2.4804 L 87.258036,3.5004 L 86.601786,4.3029 L 85.873036,4.88665 L 84.925536,5.3229 L 83.978036,5.6154 L 83.054286,5.6879 L 82.106786,5.7604 L 81.304286,5.7604 L 80.575536,5.6154 L 79.846786,5.39665 L 79.118036,5.1779 L 78.461786,4.8129 L 77.733036,4.3754 L 77.076786,3.7929 L 76.444286,3.13665 L 78.826786,1.5329","id":"path2468","style":{"fill":"#ed1c24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"M 90.246786,1.5329 L 90.684286,1.89665 L 91.049286,2.18915 L 91.486786,2.4804 L 91.850536,2.69915 L 92.288036,2.9179 L 92.725536,3.06415 L 93.235536,3.13665 L 94.184286,3.13665 L 94.548036,3.06415 L 94.888036,2.9904 L 95.253036,2.8454 L 95.618036,2.62665 L 95.909286,2.33415 L 96.055536,2.0429 L 96.128036,1.67915 L 96.055536,1.24165 L 95.763036,0.94915 L 95.325536,0.7304 L 94.694286,0.5854 L 92.143036,0.1479 L 91.414286,0.02665 L 90.684286,-0.26585 L 90.028036,-0.6296 L 89.518036,-0.9946 L 89.080536,-1.5046 L 88.789286,-2.0146 L 88.643036,-2.59835 L 88.570536,-3.2546 L 88.716786,-4.34835 L 89.008036,-5.29585 L 89.518036,-6.0246 L 90.174286,-6.58335 L 90.903036,-7.02085 L 91.705536,-7.38585 L 92.653036,-7.53085 L 93.673036,-7.60335 L 94.403036,-7.53085 L 95.180536,-7.45835 L 95.909286,-7.2396 L 96.638036,-6.94835 L 97.366786,-6.58335 L 98.023036,-6.24335 L 98.606786,-5.73335 L 99.189286,-5.1496 L 96.784286,-3.47335 L 96.491786,-3.8371 L 96.128036,-4.1296 L 95.690536,-4.42085 L 95.325536,-4.6396 L 94.888036,-4.85835 L 94.403036,-5.00335 L 93.965536,-5.0771 L 93.454286,-5.0771 L 92.871786,-5.00335 L 92.288036,-4.7121 L 91.850536,-4.2746 L 91.631786,-3.7646 L 91.778036,-3.3271 L 92.069286,-2.9621 L 92.653036,-2.7446 L 93.381786,-2.52585 L 94.621786,-2.3796 L 95.471786,-2.23335 L 96.346786,-2.0146 L 97.148036,-1.72335 L 97.804286,-1.35835 L 98.388036,-0.9221 L 98.825536,-0.33835 L 99.116786,0.36665 L 99.189286,1.1679 L 99.044286,2.4804 L 98.606786,3.5004 L 97.950536,4.3029 L 97.221786,4.88665 L 96.273036,5.3229 L 95.325536,5.6154 L 94.403036,5.6879 L 93.454286,5.7604 L 92.653036,5.7604 L 91.850536,5.6154 L 91.194286,5.39665 L 90.465536,5.1779 L 89.810536,4.8129 L 89.154286,4.3754 L 88.498036,3.7929 L 87.841786,3.13665 L 90.246786,1.5329","id":"path2470","style":{"fill":"#ed1c24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"M 100.28304,5.39665 L 100.28304,-7.2396 L 109.29804,-7.2396 L 109.29804,-4.78585 L 103.41804,-4.78585 L 103.41804,-2.3071 L 108.86054,-2.3071 L 108.86054,0.09915 L 103.41804,0.09915 L 103.41804,2.9179 L 109.22554,2.9179 L 109.22554,5.39665 L 100.28304,5.39665","id":"path2472","style":{"fill":"#ed1c24","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"M 72.799286,-10.30085 L 72.799286,-23.0346 L 81.741786,-23.0346 L 81.741786,-20.55585 L 75.934286,-20.55585 L 75.934286,-18.0046 L 81.378036,-18.0046 L 81.378036,-15.52585 L 75.934286,-15.52585 L 75.934286,-12.75585 L 81.741786,-12.75585 L 81.741786,-10.30085 L 72.799286,-10.30085","id":"path2474","style":{"fill":"#00aeef","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"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 CreditSuisse = react_1.forwardRef(function CreditSuisse({ 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 CreditSuisse = react_1.forwardRef(function CreditSuisse({ variant = 'defau
     ..._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));
       })
   );
 });