@thesvg/react 3.2.2 → 3.2.5

package/dist/credit-suisse.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 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 = forwardRef(
   function CreditSuisse({ 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 CreditSuisse = 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/crossplane.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 540","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"d":"M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z","id":"a"},"children":[]},{"type":"path","props":{"d":"M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z","id":"c"},"children":[]},{"type":"path","props":{"d":"M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z","id":"e"},"children":[]}]},{"type":"path","props":{"d":"M126.759 173.662c-17.689.03-32.008 14.386-31.993 32.074v301.878a32.034 32.034 0 0 0 31.993 32.074c17.678 0 32.006-14.356 32.006-32.074V205.736c.015-17.688-14.304-32.044-31.993-32.074","fill":"#F7D186"},"children":[]},{"type":"path","props":{"d":"M255.18 134.095c.185-4.018.185-8.041 0-12.059C252.117 54.114 196.199 0 127.675 0S3.232 54.114.142 122.036c-.194 4.154-.19 8.315.014 12.469-.04 1.066-.15 2.12-.15 3.2v210.042c0 40.168 32.785 73.036 72.858 73.036h109.65c40.058 0 72.843-32.868 72.843-73.036V137.704c0-1.23-.123-2.406-.177-3.61","fill":"#FF9234"},"children":[]},{"type":"g","props":{"transform":"translate(.635 .014)"},"children":[{"type":"mask","props":{"id":"b","fill":"#fff"},"children":[{"type":"use","props":{"href":"#a"},"children":[]}]},{"type":"path","props":{"fill":"#FFCD3C","mask":"url(#b)","d":"M331.874 126.028 15.19 443.465l-93.79-94.023L238.07 32.006z"},"children":[]}]},{"type":"g","props":{"transform":"translate(.635 .014)"},"children":[{"type":"mask","props":{"id":"d","fill":"#fff"},"children":[{"type":"use","props":{"href":"#c"},"children":[]}]},{"type":"path","props":{"fill":"#F3807B","mask":"url(#d)","d":"m237.783 31.705-316.67 317.437-116.704-116.992L121.052-85.286z"},"children":[]}]},{"type":"g","props":{"transform":"translate(.635 .014)"},"children":[{"type":"mask","props":{"id":"f","fill":"#fff"},"children":[{"type":"use","props":{"href":"#e"},"children":[]}]},{"type":"path","props":{"fill":"#35D0BA","mask":"url(#f)","d":"m425.964 220.351-316.67 317.423-93.79-94.022 316.671-317.423z"},"children":[]}]},{"type":"path","props":{"fill":"#D8AE64","d":"m103.448 421.138 55.508 55.645v-56.11l-55.508.465"},"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 Crossplane = react_1.forwardRef(function Crossplane({ 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 Crossplane = react_1.forwardRef(function Crossplane({ 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/crossplane.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 256 540","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"d":"M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z","id":"a"},"children":[]},{"type":"path","props":{"d":"M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z","id":"c"},"children":[]},{"type":"path","props":{"d":"M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z","id":"e"},"children":[]}]},{"type":"path","props":{"d":"M126.759 173.662c-17.689.03-32.008 14.386-31.993 32.074v301.878a32.034 32.034 0 0 0 31.993 32.074c17.678 0 32.006-14.356 32.006-32.074V205.736c.015-17.688-14.304-32.044-31.993-32.074","fill":"#F7D186"},"children":[]},{"type":"path","props":{"d":"M255.18 134.095c.185-4.018.185-8.041 0-12.059C252.117 54.114 196.199 0 127.675 0S3.232 54.114.142 122.036c-.194 4.154-.19 8.315.014 12.469-.04 1.066-.15 2.12-.15 3.2v210.042c0 40.168 32.785 73.036 72.858 73.036h109.65c40.058 0 72.843-32.868 72.843-73.036V137.704c0-1.23-.123-2.406-.177-3.61","fill":"#FF9234"},"children":[]},{"type":"g","props":{"transform":"translate(.635 .014)"},"children":[{"type":"mask","props":{"id":"b","fill":"#fff"},"children":[{"type":"use","props":{"href":"#a"},"children":[]}]},{"type":"path","props":{"fill":"#FFCD3C","mask":"url(#b)","d":"M331.874 126.028 15.19 443.465l-93.79-94.023L238.07 32.006z"},"children":[]}]},{"type":"g","props":{"transform":"translate(.635 .014)"},"children":[{"type":"mask","props":{"id":"d","fill":"#fff"},"children":[{"type":"use","props":{"href":"#c"},"children":[]}]},{"type":"path","props":{"fill":"#F3807B","mask":"url(#d)","d":"m237.783 31.705-316.67 317.437-116.704-116.992L121.052-85.286z"},"children":[]}]},{"type":"g","props":{"transform":"translate(.635 .014)"},"children":[{"type":"mask","props":{"id":"f","fill":"#fff"},"children":[{"type":"use","props":{"href":"#e"},"children":[]}]},{"type":"path","props":{"fill":"#35D0BA","mask":"url(#f)","d":"m425.964 220.351-316.67 317.423-93.79-94.022 316.671-317.423z"},"children":[]}]},{"type":"path","props":{"fill":"#D8AE64","d":"m103.448 421.138 55.508 55.645v-56.11l-55.508.465"},"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 Crossplane = forwardRef(
   function Crossplane({ 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 Crossplane = 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/cvs.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"-0.67875 -0.67875 181.04823 23.9825","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs3228"},"children":[]},{"type":"path","props":{"d":"m 152.14449,22.25388 c 0.40125,0 1.03,-0.085 1.34375,-0.2 l 0,-1.945 c -0.4,0.085 -0.7425,0.11375 -1.0575,0.11375 -1.03,0 -1.51625,-0.5425 -1.51625,-2.145 l 0,-17.4775 -4.405,0 0,1.94625 2.0025,0 0,15.645 c 0,2.66125 1.05875,4.0625 3.6325,4.0625 m 5.95,-4.0325 0,-9.04 3.0025,0 0,-1.945 -3.0025,0 0,-3.775 -2.4025,0 0,3.775 -2.28875,0 0,1.945 2.28875,0 0,9.15375 c 0,2.63125 1.1725,3.91875 3.9475,3.91875 0.42875,0 1.115,-0.085 1.4575,-0.2 l 0,-1.945 c -0.4575,0.085 -0.8575,0.11375 -1.22875,0.11375 -1.2025,0 -1.77375,-0.42875 -1.77375,-2.00125 m -38.73,-9.41125 c 3.14625,0 4.77625,2.23125 5.03375,4.72 l -10.325,0 c 0.28625,-2.7175 2.11625,-4.72 5.29125,-4.72 m 11.64125,5.835 c 0,-3.375 2.14625,-5.80625 5.1775,-5.80625 3.06125,0 5.14875,2.4875 5.14875,5.80625 0,3.3175 -2.0875,5.8075 -5.14875,5.8075 -3.03125,0 -5.1775,-2.4325 -5.1775,-5.8075 m 37.84375,5.46375 -2.0025,0 0,-6.63625 c 0,-3.08875 1.57375,-4.63375 4.3475,-4.63375 2.48875,0 4.09125,1.545 4.09125,4.63375 l 0,6.63625 -2.0025,0 0,1.945 6.4075,0 0,-1.945 -2.0025,0 0,-6.63625 c 0,-3.69 -2.2025,-6.665 -6.2075,-6.665 -2.0875,0 -3.6325,0.80125 -4.63375,2.08875 l 0,-8.29625 -4.405,0 0,1.94625 2.0025,0 0,17.5625 -2.0025,0 0,1.945 6.4075,0 0,-1.945 z m -73.626249,-10.555 0,-6.95125 2.145,0 0,-2.0025 -6.77875,0 0,2.0025 2.145,0 0,17.44875 -2.145,0 0,2.0025 6.77875,0 0,-2.0025 -2.145,0 0,-8.5525 10.754999,0 0,8.5525 -2.145,0 0,2.0025 6.77875,0 0,-2.0025 -2.145,0 0,-17.44875 2.145,0 0,-2.0025 -6.77875,0 0,2.0025 2.145,0 0,6.95125 -10.754999,0 z m 31.234999,8.52375 -2.4025,0 c -0.85875,1.4875 -2.4025,2.4025 -4.605,2.4025 -3.3475,0 -5.14875,-2.03125 -5.3775,-5.03375 l 12.72875,0 0,-1.05875 c 0,-4.51875 -2.88875,-7.58 -7.4375,-7.58 -4.57625,0 -7.75125,3.2325 -7.75125,7.8375 0,4.63375 3.175,7.8375 7.75125,7.8375 3.34625,0 5.92125,-1.6875 7.09375,-4.405 m 14.78875,3.97625 4.405,0 0,-1.945 -2.0025,0 0,-10.9275 2.0025,0 0,-1.945 -4.405,0 0,2.2025 c -1.25875,-1.63 -3.1475,-2.63125 -5.37875,-2.63125 -4.20375,0 -7.32125,3.375 -7.32125,7.8375 0,4.4625 3.1175,7.8375 7.32125,7.8375 2.23125,0 4.12,-1.00125 5.37875,-2.63125 l 0,2.2025 z","id":"path3135","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 7.6650009,0.02875 c -0.8125,0 -1.62375,0.31 -2.245,0.9325 l -4.49249995,4.4925 c -1.2375,1.2375 -1.2375,3.25125 0.005,4.4925 L 13.611251,22.625 26.290001,9.94625 c 1.24125,-1.24 1.23875,-3.2525 -0.002,-4.4925 l -4.48875,-4.49 C 21.178001,0.34 20.366751,0.03 19.555501,0.03 c -0.815,0 -1.62875,0.3125 -2.2525,0.9375 L 13.611751,4.66 9.9142509,0.9625 c -0.62,-0.6225 -1.43375,-0.93375 -2.24875,-0.93375 M 49.456751,0.6 l 7.00875,0 3.60375,13.845 3.86125,-13.845 6.75,0 -7.2075,21.425 -6.83625,0 -7.18,-21.425 z m 1.45875,13.10125 c -0.37125,5.635 -4.09,8.92375 -10.24,8.92375 -6.83625,0 -11.0125,-4.3475 -11.0125,-11.2975 0,-7.00875 4.205,-11.3275 10.87,-11.3275 6.20625,0 9.8675,3.14625 10.26875,8.695 l -6.55125,0 c -0.2,-2.17375 -1.43,-3.3175 -3.6325,-3.3175 -2.68875,0 -4.0325,1.97375 -4.0325,5.95 0,3.89 1.45875,5.92 4.2325,5.92 2.08875,0 3.40375,-1.25875 3.605,-3.54625 l 6.4925,0 z m 25.2575,1.63 c 0.34375,1.6025 1.25875,2.175 3.14625,2.175 1.65875,0 2.575,-0.60125 2.575,-1.54625 0,-1.34375 -1.23,-1.4575 -3.77625,-2.11625 -2.975,-0.77125 -4.89125,-1.43 -5.7775,-2.06 -1.66,-1.17125 -2.46,-2.83125 -2.46,-4.9475 0,-4.1475 3.26,-6.83625 8.9525,-6.83625 5.52125,0 8.78125,2.43125 9.15375,6.75125 l -6.49375,0 c -0.22875,-1.2875 -1.115,-1.88875 -2.77375,-1.88875 -1.45875,0 -2.175,0.48625 -2.175,1.45875 0,1.145 1.11625,1.345 3.17625,1.8875 2.66,0.6875 4.77625,1.11625 6.12,2.03125 1.88875,1.25875 2.74625,2.80375 2.74625,5.00625 0,4.66125 -3.34625,7.37875 -9.55375,7.37875 -5.74875,0 -9.125,-2.7175 -9.55375,-7.29375 l 6.69375,0 z","id":"path3139","style":{"fill":"#cc0000","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 Cvs = react_1.forwardRef(function Cvs({ 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 Cvs = react_1.forwardRef(function Cvs({ variant = 'default', viewBox, ...p
     ..._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/cvs.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.67875 -0.67875 181.04823 23.9825","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs3228"},"children":[]},{"type":"path","props":{"d":"m 152.14449,22.25388 c 0.40125,0 1.03,-0.085 1.34375,-0.2 l 0,-1.945 c -0.4,0.085 -0.7425,0.11375 -1.0575,0.11375 -1.03,0 -1.51625,-0.5425 -1.51625,-2.145 l 0,-17.4775 -4.405,0 0,1.94625 2.0025,0 0,15.645 c 0,2.66125 1.05875,4.0625 3.6325,4.0625 m 5.95,-4.0325 0,-9.04 3.0025,0 0,-1.945 -3.0025,0 0,-3.775 -2.4025,0 0,3.775 -2.28875,0 0,1.945 2.28875,0 0,9.15375 c 0,2.63125 1.1725,3.91875 3.9475,3.91875 0.42875,0 1.115,-0.085 1.4575,-0.2 l 0,-1.945 c -0.4575,0.085 -0.8575,0.11375 -1.22875,0.11375 -1.2025,0 -1.77375,-0.42875 -1.77375,-2.00125 m -38.73,-9.41125 c 3.14625,0 4.77625,2.23125 5.03375,4.72 l -10.325,0 c 0.28625,-2.7175 2.11625,-4.72 5.29125,-4.72 m 11.64125,5.835 c 0,-3.375 2.14625,-5.80625 5.1775,-5.80625 3.06125,0 5.14875,2.4875 5.14875,5.80625 0,3.3175 -2.0875,5.8075 -5.14875,5.8075 -3.03125,0 -5.1775,-2.4325 -5.1775,-5.8075 m 37.84375,5.46375 -2.0025,0 0,-6.63625 c 0,-3.08875 1.57375,-4.63375 4.3475,-4.63375 2.48875,0 4.09125,1.545 4.09125,4.63375 l 0,6.63625 -2.0025,0 0,1.945 6.4075,0 0,-1.945 -2.0025,0 0,-6.63625 c 0,-3.69 -2.2025,-6.665 -6.2075,-6.665 -2.0875,0 -3.6325,0.80125 -4.63375,2.08875 l 0,-8.29625 -4.405,0 0,1.94625 2.0025,0 0,17.5625 -2.0025,0 0,1.945 6.4075,0 0,-1.945 z m -73.626249,-10.555 0,-6.95125 2.145,0 0,-2.0025 -6.77875,0 0,2.0025 2.145,0 0,17.44875 -2.145,0 0,2.0025 6.77875,0 0,-2.0025 -2.145,0 0,-8.5525 10.754999,0 0,8.5525 -2.145,0 0,2.0025 6.77875,0 0,-2.0025 -2.145,0 0,-17.44875 2.145,0 0,-2.0025 -6.77875,0 0,2.0025 2.145,0 0,6.95125 -10.754999,0 z m 31.234999,8.52375 -2.4025,0 c -0.85875,1.4875 -2.4025,2.4025 -4.605,2.4025 -3.3475,0 -5.14875,-2.03125 -5.3775,-5.03375 l 12.72875,0 0,-1.05875 c 0,-4.51875 -2.88875,-7.58 -7.4375,-7.58 -4.57625,0 -7.75125,3.2325 -7.75125,7.8375 0,4.63375 3.175,7.8375 7.75125,7.8375 3.34625,0 5.92125,-1.6875 7.09375,-4.405 m 14.78875,3.97625 4.405,0 0,-1.945 -2.0025,0 0,-10.9275 2.0025,0 0,-1.945 -4.405,0 0,2.2025 c -1.25875,-1.63 -3.1475,-2.63125 -5.37875,-2.63125 -4.20375,0 -7.32125,3.375 -7.32125,7.8375 0,4.4625 3.1175,7.8375 7.32125,7.8375 2.23125,0 4.12,-1.00125 5.37875,-2.63125 l 0,2.2025 z","id":"path3135","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 7.6650009,0.02875 c -0.8125,0 -1.62375,0.31 -2.245,0.9325 l -4.49249995,4.4925 c -1.2375,1.2375 -1.2375,3.25125 0.005,4.4925 L 13.611251,22.625 26.290001,9.94625 c 1.24125,-1.24 1.23875,-3.2525 -0.002,-4.4925 l -4.48875,-4.49 C 21.178001,0.34 20.366751,0.03 19.555501,0.03 c -0.815,0 -1.62875,0.3125 -2.2525,0.9375 L 13.611751,4.66 9.9142509,0.9625 c -0.62,-0.6225 -1.43375,-0.93375 -2.24875,-0.93375 M 49.456751,0.6 l 7.00875,0 3.60375,13.845 3.86125,-13.845 6.75,0 -7.2075,21.425 -6.83625,0 -7.18,-21.425 z m 1.45875,13.10125 c -0.37125,5.635 -4.09,8.92375 -10.24,8.92375 -6.83625,0 -11.0125,-4.3475 -11.0125,-11.2975 0,-7.00875 4.205,-11.3275 10.87,-11.3275 6.20625,0 9.8675,3.14625 10.26875,8.695 l -6.55125,0 c -0.2,-2.17375 -1.43,-3.3175 -3.6325,-3.3175 -2.68875,0 -4.0325,1.97375 -4.0325,5.95 0,3.89 1.45875,5.92 4.2325,5.92 2.08875,0 3.40375,-1.25875 3.605,-3.54625 l 6.4925,0 z m 25.2575,1.63 c 0.34375,1.6025 1.25875,2.175 3.14625,2.175 1.65875,0 2.575,-0.60125 2.575,-1.54625 0,-1.34375 -1.23,-1.4575 -3.77625,-2.11625 -2.975,-0.77125 -4.89125,-1.43 -5.7775,-2.06 -1.66,-1.17125 -2.46,-2.83125 -2.46,-4.9475 0,-4.1475 3.26,-6.83625 8.9525,-6.83625 5.52125,0 8.78125,2.43125 9.15375,6.75125 l -6.49375,0 c -0.22875,-1.2875 -1.115,-1.88875 -2.77375,-1.88875 -1.45875,0 -2.175,0.48625 -2.175,1.45875 0,1.145 1.11625,1.345 3.17625,1.8875 2.66,0.6875 4.77625,1.11625 6.12,2.03125 1.88875,1.25875 2.74625,2.80375 2.74625,5.00625 0,4.66125 -3.34625,7.37875 -9.55375,7.37875 -5.74875,0 -9.125,-2.7175 -9.55375,-7.29375 l 6.69375,0 z","id":"path3139","style":{"fill":"#cc0000","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 Cvs = forwardRef(
   function Cvs({ 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 Cvs = 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/cypress.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 119 48","fill":"none","childNodes":[{"type":"path","props":{"fill":"#69D3A7","d":"M.854023 30.3588C.288116 28.2979 0 26.1573 0 24.0013 0 14.1592 6.18126 5.16 15.3824 1.61121l1.2064 3.12222C8.66867 7.78884 3.34915 15.5314 3.34915 24.0013c0 1.8579.24693 3.6978.7331 5.4709l-3.228227.8866Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M42.4508 14.4933C38.8702 7.61925 31.822 3.34836 24.0614 3.34836c-2.7498 0-5.4224.52936-7.9381 1.5701l-1.2836-3.09139C17.7644.616732 20.8666 0 24.0614 0c9.0159 0 17.201 4.95958 21.3604 12.9463l-2.971 1.547Z"},"children":[]},{"type":"path","props":{"fill":"#1B1E2E","d":"M16.877 19.0494c1.942 0 3.524 1.0356 4.3369 2.8421l.0643.1414 3.2616-1.1076-.0694-.167c-1.263-3.076-4.1723-4.9879-7.5934-4.9879-2.4052 0-4.3601.771-5.9755 2.3539-1.60516 1.5727-2.41798 3.5514-2.41798 5.8821 0 2.3102.81282 4.2786 2.41798 5.8513 1.6154 1.583 3.5703 2.3539 5.9755 2.3539 3.4211 0 6.3304-1.9119 7.5934-4.9853l.0694-.167-3.2668-1.1102-.0617.1465c-.728 1.7757-2.3485 2.837-4.3343 2.837-1.3531 0-2.4952-.4728-3.4007-1.4031-.9157-.9431-1.3787-2.1277-1.3787-3.5205 0-1.4031.4527-2.5646 1.3787-3.5514.9029-.9353 2.0476-1.4082 3.4007-1.4082Zm40.1922-.9225c-1.5048-1.5624-3.3826-2.3565-5.5845-2.3565-2.1865 0-3.9871.7787-5.3555 2.3128v-2.0095h-3.5241v21.8966h3.5241v-8.0715c1.3684 1.5342 3.1665 2.3128 5.3555 2.3128 2.2019 0 4.0822-.7941 5.587-2.359 1.4817-1.5727 2.2302-3.5386 2.2302-5.8462-.0025-2.3307-.7511-4.3068-2.2327-5.8795Zm-2.7627 9.3975c-.9029.9328-2.0475 1.4031-3.398 1.4031-1.371 0-2.4823-.46-3.4006-1.4031-.9157-.9431-1.3787-2.1277-1.3787-3.5205 0-1.4339.4501-2.5955 1.3787-3.5514.9158-.9457 2.027-1.4031 3.4006-1.4031 1.353 0 2.4951.4729 3.398 1.4031.908.9354 1.3479 2.0969 1.3479 3.5514 0 1.4339-.4424 2.5851-1.3479 3.5205Zm10.7316-9.5645v-1.8862H61.514v15.8321h3.5241v-8.9324c0-1.4313.5762-2.526 1.7131-3.2533 1.1293-.7221 2.4849-.8557 4.1441-.4034l.2134.0591v-3.3869l-.1311-.0309c-2.2277-.5319-4.463.2339-5.9395 2.0019Zm15.2126-2.1895c-2.3228 0-4.2932.7915-5.8571 2.3539-1.5846 1.583-2.3871 3.5617-2.3871 5.8821 0 2.3102.8128 4.2786 2.4179 5.8513 1.6155 1.583 3.5704 2.3539 5.9755 2.3539 3.2591 0 6.0604-1.6549 7.4957-4.4277l.0823-.1593-2.9813-1.3208-.072.1413c-.8643 1.6703-2.5234 2.6674-4.4321 2.6674-2.4797 0-4.3781-1.5136-4.8925-3.8752h12.7843l.0155-.1516c.2778-2.5543-.3807-4.7694-1.9524-6.5862-1.564-1.8117-3.6501-2.7291-6.1967-2.7291Zm-4.5453 6.6402c.6251-2.1611 2.3897-3.5436 4.5453-3.5436 2.2148 0 3.9794 1.3825 4.5504 3.5436h-9.0957Zm22.1092.0848c-1.9215-.3597-3.5806-.6732-3.5806-2.0095 0-1.0613 1.1292-1.8014 2.7446-1.8014 1.7826 0 2.7601.7658 2.989 2.341l.0258.1774 3.5236-.7375-.025-.1594c-.474-2.7984-2.969-4.5381-6.5108-4.5381-1.7775 0-3.2823.46-4.4707 1.3671-1.2141.902-1.8289 2.0789-1.8289 3.5025 0 2.0609 1.3067 3.6079 3.5009 4.1373.5685.1336 1.1704.2415 1.7518.3495 2.1838.3983 4.2467.776 4.2467 2.2459 0 1.1333-1.3169 1.9222-3.1998 1.9222-1.9164 0-2.9736-.7658-3.2334-2.3436l-.0283-.1748-3.5215.7376.0283.1618c.5119 2.8396 3.0353 4.5356 6.7523 4.5356 1.8881 0 3.5064-.4702 4.8024-1.3953 1.297-.9149 1.952-2.0944 1.952-3.5052 0-3.7004-3.279-4.3171-5.9184-4.8131Zm15.2664 0c-1.921-.3597-3.58-.6732-3.58-2.0095 0-1.0613 1.129-1.8014 2.744-1.8014 1.783 0 2.76.7658 2.989 2.341l.026.1774 3.524-.7375-.026-.1594c-.473-2.7984-2.968-4.5381-6.51-4.5381-1.778 0-3.283.46-4.471 1.3671-1.214.902-1.829 2.0789-1.829 3.5025 0 2.0609 1.307 3.6079 3.501 4.1373.569.1336 1.17.2415 1.752.3495 2.184.3983 4.247.776 4.247 2.2459 0 1.1333-1.317 1.9222-3.2 1.9222-1.917 0-2.974-.7658-3.234-2.3436l-.028-.1748-3.521.7376.028.1618c.512 2.8396 3.035 4.5356 6.752 4.5356 1.888 0 3.506-.4702 4.803-1.3953 1.296-.9149 1.952-2.0944 1.952-3.5052 0-3.7004-3.28-4.3171-5.919-4.8131Z"},"children":[]},{"type":"path","props":{"fill":"#1B1E2E","d":"M37.3061 16.0737 32.658 27.8353l-4.679-11.7616h-3.8276l6.5619 16.0531-4.6687 11.3222 3.3466.6656 11.5316-28.0409h-3.6167Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m26.6434 41.9894-.8154 1.9736c-.1621.3906-.5325.6552-.9492.6732-.2752.0103-.553.018-.8334.018C14.4481 44.6491 5.95693 37.883 3.85278 28.56l-3.266842.7375C1.76663 34.5269 4.72994 39.2732 8.93051 42.6653 13.18 46.0958 18.5329 47.9897 24.0094 48h.0488c.3216 0 .6405-.0077.9595-.0205 1.7183-.072 3.254-1.1487 3.9099-2.7445l1.0649-2.58-3.3491-.6656Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"21.5577","x2":"39.8226","y1":"-1.54942","y2":"17.9723","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".0939","stopColor":"#58D09E"},"children":[]},{"type":"stop","props":{"offset":".9883","stopColor":"#58D09E","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"-.256416","x2":"34.638","y1":"34.9215","y2":"44.2092","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".0774","stopColor":"#58D09E"},"children":[]},{"type":"stop","props":{"offset":".7617","stopColor":"#1B1E2E"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Cypress"]},{"type":"path","props":{"d":"M11.998.0195c-.8642 0-1.6816.1101-2.1445.1934v.002C4.1731 1.2283 0 6.1368 0 12.0018c0 1.1265.1573 2.2328.4648 3.3028.0387.1453.0915.2993.1368.4473 1.607 4.865 6.2245 8.226 11.3925 8.2285.0651 0 .2518-.0003.502-.0118.8564-.0353 1.6228-.5734 1.9512-1.369l.4736-1.1544L20.4258 8.043H18.621l-2.3164 5.871-2.334-5.871h-1.9082l3.2734 8.0117c-.8115 1.9702-1.6252 3.9395-2.4355 5.9101-.0808.1945-.2655.3284-.4727.336-.144.005-.285.0098-.4316.0098-4.5848 0-8.6672-3.0695-9.9277-7.4649a10.3058 10.3058 0 0 1-.3985-2.8437c0-5.0887 3.6521-9.3404 8.6035-10.164.2214-.037.8885-.1446 1.7246-.1446 4.4166 0 8.269 2.732 9.7305 6.8476.0558.144.0977.293.1465.4395.299.9746.4531 1.9887.4531 3.0215 0 4.5696-2.9413 8.5326-7.3164 9.8613l.4863 1.5996c5.085-1.546 8.4995-6.1518 8.502-11.459 0-1.5491-.2983-2.8706-.6504-3.8926-.0432-.1212-.0873-.2422-.1309-.3633h-.002C21.4577 3.0954 17.0444.0195 11.998.0195ZM8.4336 7.8906c-1.1999 0-2.1747.3852-2.9805 1.1758-.8007.7856-1.205 1.7736-1.205 2.9356 0 1.1544.4068 2.1368 1.205 2.9199.8058.7906 1.7806 1.1738 2.9805 1.1738 1.705 0 3.1556-.955 3.7871-2.4883l.0332-.082-1.6289-.5547c-.168.4563-.7552 1.4883-2.1914 1.4883-.6745 0-1.2437-.2344-1.6934-.6992-.4572-.4699-.6875-1.0632-.6875-1.7578 0-.6998.2253-1.2809.6875-1.7735.4522-.4648 1.019-.7012 1.6934-.7012 1.438 0 2.0238 1.0815 2.1934 1.4883l1.627-.5527-.0333-.084c-.629-1.5358-2.082-2.4883-3.7871-2.4883Z"},"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 Cypress = react_1.forwardRef(function Cypress({ 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 Cypress = react_1.forwardRef(function Cypress({ 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/cypress.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 119 48","fill":"none","childNodes":[{"type":"path","props":{"fill":"#69D3A7","d":"M.854023 30.3588C.288116 28.2979 0 26.1573 0 24.0013 0 14.1592 6.18126 5.16 15.3824 1.61121l1.2064 3.12222C8.66867 7.78884 3.34915 15.5314 3.34915 24.0013c0 1.8579.24693 3.6978.7331 5.4709l-3.228227.8866Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M42.4508 14.4933C38.8702 7.61925 31.822 3.34836 24.0614 3.34836c-2.7498 0-5.4224.52936-7.9381 1.5701l-1.2836-3.09139C17.7644.616732 20.8666 0 24.0614 0c9.0159 0 17.201 4.95958 21.3604 12.9463l-2.971 1.547Z"},"children":[]},{"type":"path","props":{"fill":"#1B1E2E","d":"M16.877 19.0494c1.942 0 3.524 1.0356 4.3369 2.8421l.0643.1414 3.2616-1.1076-.0694-.167c-1.263-3.076-4.1723-4.9879-7.5934-4.9879-2.4052 0-4.3601.771-5.9755 2.3539-1.60516 1.5727-2.41798 3.5514-2.41798 5.8821 0 2.3102.81282 4.2786 2.41798 5.8513 1.6154 1.583 3.5703 2.3539 5.9755 2.3539 3.4211 0 6.3304-1.9119 7.5934-4.9853l.0694-.167-3.2668-1.1102-.0617.1465c-.728 1.7757-2.3485 2.837-4.3343 2.837-1.3531 0-2.4952-.4728-3.4007-1.4031-.9157-.9431-1.3787-2.1277-1.3787-3.5205 0-1.4031.4527-2.5646 1.3787-3.5514.9029-.9353 2.0476-1.4082 3.4007-1.4082Zm40.1922-.9225c-1.5048-1.5624-3.3826-2.3565-5.5845-2.3565-2.1865 0-3.9871.7787-5.3555 2.3128v-2.0095h-3.5241v21.8966h3.5241v-8.0715c1.3684 1.5342 3.1665 2.3128 5.3555 2.3128 2.2019 0 4.0822-.7941 5.587-2.359 1.4817-1.5727 2.2302-3.5386 2.2302-5.8462-.0025-2.3307-.7511-4.3068-2.2327-5.8795Zm-2.7627 9.3975c-.9029.9328-2.0475 1.4031-3.398 1.4031-1.371 0-2.4823-.46-3.4006-1.4031-.9157-.9431-1.3787-2.1277-1.3787-3.5205 0-1.4339.4501-2.5955 1.3787-3.5514.9158-.9457 2.027-1.4031 3.4006-1.4031 1.353 0 2.4951.4729 3.398 1.4031.908.9354 1.3479 2.0969 1.3479 3.5514 0 1.4339-.4424 2.5851-1.3479 3.5205Zm10.7316-9.5645v-1.8862H61.514v15.8321h3.5241v-8.9324c0-1.4313.5762-2.526 1.7131-3.2533 1.1293-.7221 2.4849-.8557 4.1441-.4034l.2134.0591v-3.3869l-.1311-.0309c-2.2277-.5319-4.463.2339-5.9395 2.0019Zm15.2126-2.1895c-2.3228 0-4.2932.7915-5.8571 2.3539-1.5846 1.583-2.3871 3.5617-2.3871 5.8821 0 2.3102.8128 4.2786 2.4179 5.8513 1.6155 1.583 3.5704 2.3539 5.9755 2.3539 3.2591 0 6.0604-1.6549 7.4957-4.4277l.0823-.1593-2.9813-1.3208-.072.1413c-.8643 1.6703-2.5234 2.6674-4.4321 2.6674-2.4797 0-4.3781-1.5136-4.8925-3.8752h12.7843l.0155-.1516c.2778-2.5543-.3807-4.7694-1.9524-6.5862-1.564-1.8117-3.6501-2.7291-6.1967-2.7291Zm-4.5453 6.6402c.6251-2.1611 2.3897-3.5436 4.5453-3.5436 2.2148 0 3.9794 1.3825 4.5504 3.5436h-9.0957Zm22.1092.0848c-1.9215-.3597-3.5806-.6732-3.5806-2.0095 0-1.0613 1.1292-1.8014 2.7446-1.8014 1.7826 0 2.7601.7658 2.989 2.341l.0258.1774 3.5236-.7375-.025-.1594c-.474-2.7984-2.969-4.5381-6.5108-4.5381-1.7775 0-3.2823.46-4.4707 1.3671-1.2141.902-1.8289 2.0789-1.8289 3.5025 0 2.0609 1.3067 3.6079 3.5009 4.1373.5685.1336 1.1704.2415 1.7518.3495 2.1838.3983 4.2467.776 4.2467 2.2459 0 1.1333-1.3169 1.9222-3.1998 1.9222-1.9164 0-2.9736-.7658-3.2334-2.3436l-.0283-.1748-3.5215.7376.0283.1618c.5119 2.8396 3.0353 4.5356 6.7523 4.5356 1.8881 0 3.5064-.4702 4.8024-1.3953 1.297-.9149 1.952-2.0944 1.952-3.5052 0-3.7004-3.279-4.3171-5.9184-4.8131Zm15.2664 0c-1.921-.3597-3.58-.6732-3.58-2.0095 0-1.0613 1.129-1.8014 2.744-1.8014 1.783 0 2.76.7658 2.989 2.341l.026.1774 3.524-.7375-.026-.1594c-.473-2.7984-2.968-4.5381-6.51-4.5381-1.778 0-3.283.46-4.471 1.3671-1.214.902-1.829 2.0789-1.829 3.5025 0 2.0609 1.307 3.6079 3.501 4.1373.569.1336 1.17.2415 1.752.3495 2.184.3983 4.247.776 4.247 2.2459 0 1.1333-1.317 1.9222-3.2 1.9222-1.917 0-2.974-.7658-3.234-2.3436l-.028-.1748-3.521.7376.028.1618c.512 2.8396 3.035 4.5356 6.752 4.5356 1.888 0 3.506-.4702 4.803-1.3953 1.296-.9149 1.952-2.0944 1.952-3.5052 0-3.7004-3.28-4.3171-5.919-4.8131Z"},"children":[]},{"type":"path","props":{"fill":"#1B1E2E","d":"M37.3061 16.0737 32.658 27.8353l-4.679-11.7616h-3.8276l6.5619 16.0531-4.6687 11.3222 3.3466.6656 11.5316-28.0409h-3.6167Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m26.6434 41.9894-.8154 1.9736c-.1621.3906-.5325.6552-.9492.6732-.2752.0103-.553.018-.8334.018C14.4481 44.6491 5.95693 37.883 3.85278 28.56l-3.266842.7375C1.76663 34.5269 4.72994 39.2732 8.93051 42.6653 13.18 46.0958 18.5329 47.9897 24.0094 48h.0488c.3216 0 .6405-.0077.9595-.0205 1.7183-.072 3.254-1.1487 3.9099-2.7445l1.0649-2.58-3.3491-.6656Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"21.5577","x2":"39.8226","y1":"-1.54942","y2":"17.9723","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".0939","stopColor":"#58D09E"},"children":[]},{"type":"stop","props":{"offset":".9883","stopColor":"#58D09E","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"-.256416","x2":"34.638","y1":"34.9215","y2":"44.2092","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".0774","stopColor":"#58D09E"},"children":[]},{"type":"stop","props":{"offset":".7617","stopColor":"#1B1E2E"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Cypress"]},{"type":"path","props":{"d":"M11.998.0195c-.8642 0-1.6816.1101-2.1445.1934v.002C4.1731 1.2283 0 6.1368 0 12.0018c0 1.1265.1573 2.2328.4648 3.3028.0387.1453.0915.2993.1368.4473 1.607 4.865 6.2245 8.226 11.3925 8.2285.0651 0 .2518-.0003.502-.0118.8564-.0353 1.6228-.5734 1.9512-1.369l.4736-1.1544L20.4258 8.043H18.621l-2.3164 5.871-2.334-5.871h-1.9082l3.2734 8.0117c-.8115 1.9702-1.6252 3.9395-2.4355 5.9101-.0808.1945-.2655.3284-.4727.336-.144.005-.285.0098-.4316.0098-4.5848 0-8.6672-3.0695-9.9277-7.4649a10.3058 10.3058 0 0 1-.3985-2.8437c0-5.0887 3.6521-9.3404 8.6035-10.164.2214-.037.8885-.1446 1.7246-.1446 4.4166 0 8.269 2.732 9.7305 6.8476.0558.144.0977.293.1465.4395.299.9746.4531 1.9887.4531 3.0215 0 4.5696-2.9413 8.5326-7.3164 9.8613l.4863 1.5996c5.085-1.546 8.4995-6.1518 8.502-11.459 0-1.5491-.2983-2.8706-.6504-3.8926-.0432-.1212-.0873-.2422-.1309-.3633h-.002C21.4577 3.0954 17.0444.0195 11.998.0195ZM8.4336 7.8906c-1.1999 0-2.1747.3852-2.9805 1.1758-.8007.7856-1.205 1.7736-1.205 2.9356 0 1.1544.4068 2.1368 1.205 2.9199.8058.7906 1.7806 1.1738 2.9805 1.1738 1.705 0 3.1556-.955 3.7871-2.4883l.0332-.082-1.6289-.5547c-.168.4563-.7552 1.4883-2.1914 1.4883-.6745 0-1.2437-.2344-1.6934-.6992-.4572-.4699-.6875-1.0632-.6875-1.7578 0-.6998.2253-1.2809.6875-1.7735.4522-.4648 1.019-.7012 1.6934-.7012 1.438 0 2.0238 1.0815 2.1934 1.4883l1.627-.5527-.0333-.084c-.629-1.5358-2.082-2.4883-3.7871-2.4883Z"},"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 Cypress = forwardRef(
   function Cypress({ 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 Cypress = 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/d3dotjs.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"-10 -10 116 111","fill":"currentColor","childNodes":[{"type":"clipPath","props":{"id":"clip"},"children":[{"type":"path","props":{"d":"M0,0h7.75a45.5,45.5 0 1 1 0,91h-7.75v-20h7.75a25.5,25.5 0 1 0 0,-51h-7.75zm36.2510,0h32a27.75,27.75 0 0 1 21.331,45.5a27.75,27.75 0 0 1 -21.331,45.5h-32a53.6895,53.6895 0 0 0 18.7464,-20h13.2526a7.75,7.75 0 1 0 0,-15.5h-7.75a53.6895,53.6895 0 0 0 0,-20h7.75a7.75,7.75 0 1 0 0,-15.5h-13.2526a53.6895,53.6895 0 0 0 -18.7464,-20z"},"children":[]}]},{"type":"linearGradient","props":{"id":"gradient-1","gradientUnits":"userSpaceOnUse","x1":"7","y1":"64","x2":"50","y2":"107"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f9a03c"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f7974e"},"children":[]}]},{"type":"linearGradient","props":{"id":"gradient-2","gradientUnits":"userSpaceOnUse","x1":"2","y1":"-2","x2":"87","y2":"84"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f26d58"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f9a03c"},"children":[]}]},{"type":"linearGradient","props":{"id":"gradient-3","gradientUnits":"userSpaceOnUse","x1":"45","y1":"-10","x2":"108","y2":"53"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#b84e51"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f68e48"},"children":[]}]},{"type":"g","props":{"clipPath":"url(#clip)"},"children":[{"type":"path","props":{"d":"M-100,-102m-28,0v300h300z","fill":"url(#gradient-1)"},"children":[]},{"type":"path","props":{"d":"M-100,-102m28,0h300v300z","fill":"url(#gradient-3)"},"children":[]},{"type":"path","props":{"d":"M-100,-102l300,300","fill":"none","stroke":"url(#gradient-2)","strokeWidth":"40"},"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 D3dotjs = react_1.forwardRef(function D3dotjs({ 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 D3dotjs = react_1.forwardRef(function D3dotjs({ 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/d3dotjs.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":"-10 -10 116 111","fill":"currentColor","childNodes":[{"type":"clipPath","props":{"id":"clip"},"children":[{"type":"path","props":{"d":"M0,0h7.75a45.5,45.5 0 1 1 0,91h-7.75v-20h7.75a25.5,25.5 0 1 0 0,-51h-7.75zm36.2510,0h32a27.75,27.75 0 0 1 21.331,45.5a27.75,27.75 0 0 1 -21.331,45.5h-32a53.6895,53.6895 0 0 0 18.7464,-20h13.2526a7.75,7.75 0 1 0 0,-15.5h-7.75a53.6895,53.6895 0 0 0 0,-20h7.75a7.75,7.75 0 1 0 0,-15.5h-13.2526a53.6895,53.6895 0 0 0 -18.7464,-20z"},"children":[]}]},{"type":"linearGradient","props":{"id":"gradient-1","gradientUnits":"userSpaceOnUse","x1":"7","y1":"64","x2":"50","y2":"107"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f9a03c"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f7974e"},"children":[]}]},{"type":"linearGradient","props":{"id":"gradient-2","gradientUnits":"userSpaceOnUse","x1":"2","y1":"-2","x2":"87","y2":"84"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f26d58"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f9a03c"},"children":[]}]},{"type":"linearGradient","props":{"id":"gradient-3","gradientUnits":"userSpaceOnUse","x1":"45","y1":"-10","x2":"108","y2":"53"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#b84e51"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f68e48"},"children":[]}]},{"type":"g","props":{"clipPath":"url(#clip)"},"children":[{"type":"path","props":{"d":"M-100,-102m-28,0v300h300z","fill":"url(#gradient-1)"},"children":[]},{"type":"path","props":{"d":"M-100,-102m28,0h300v300z","fill":"url(#gradient-3)"},"children":[]},{"type":"path","props":{"d":"M-100,-102l300,300","fill":"none","stroke":"url(#gradient-2)","strokeWidth":"40"},"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 D3dotjs = forwardRef(
   function D3dotjs({ 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 D3dotjs = 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/dai-stablecoin.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 444.44 444.44","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Layer_x0020_1"},"children":[{"type":"metadata","props":{"id":"CorelCorpID_0Corel-Layer"},"children":[]},{"type":"path","props":{"fill":"#F5AC37","fillRule":"nonzero","d":"M222.22 0c122.74,0 222.22,99.5 222.22,222.22 0,122.74 -99.48,222.22 -222.22,222.22 -122.72,0 -222.22,-99.49 -222.22,-222.22 0,-122.72 99.5,-222.22 222.22,-222.22z"},"children":[]},{"type":"path","props":{"fill":"#FEFEFD","fillRule":"nonzero","d":"M230.41 237.91l84.44 0c1.8,0 2.65,0 2.78,-2.36 0.69,-8.59 0.69,-17.23 0,-25.83 0,-1.67 -0.83,-2.36 -2.64,-2.36l-168.05 0c-2.08,0 -2.64,0.69 -2.64,2.64l0 24.72c0,3.19 0,3.19 3.33,3.19l82.78 0zm77.79 -59.44c0.24,-0.63 0.24,-1.32 0,-1.94 -1.41,-3.07 -3.08,-6 -5.02,-8.75 -2.92,-4.7 -6.36,-9.03 -10.28,-12.92 -1.85,-2.35 -3.99,-4.46 -6.39,-6.25 -12.02,-10.23 -26.31,-17.47 -41.67,-21.11 -7.75,-1.74 -15.67,-2.57 -23.61,-2.5l-74.58 0c-2.08,0 -2.36,0.83 -2.36,2.64l0 49.3c0,2.08 0,2.64 2.64,2.64l160.27 0c0,0 1.39,-0.28 1.67,-1.11l-0.68 0zm0 88.33c-2.36,-0.26 -4.74,-0.26 -7.1,0l-154.02 0c-2.08,0 -2.78,0 -2.78,2.78l0 48.2c0,2.22 0,2.78 2.78,2.78l71.11 0c3.4,0.26 6.8,0.02 10.13,-0.69 10.32,-0.74 20.47,-2.98 30.15,-6.67 3.52,-1.22 6.92,-2.81 10.13,-4.72l0.97 0c16.67,-8.67 30.21,-22.29 38.75,-39.01 0,0 0.97,-2.1 -0.12,-2.65zm-191.81 78.75l0 -0.83 0 -32.36 0 -10.97 0 -32.64c0,-1.81 0,-2.08 -2.22,-2.08l-30.14 0c-1.67,0 -2.36,0 -2.36,-2.22l0 -26.39 32.22 0c1.8,0 2.5,0 2.5,-2.36l0 -26.11c0,-1.67 0,-2.08 -2.22,-2.08l-30.14 0c-1.67,0 -2.36,0 -2.36,-2.22l0 -24.44c0,-1.53 0,-1.94 2.22,-1.94l29.86 0c2.08,0 2.64,0 2.64,-2.64l0 -74.86c0,-2.22 0,-2.78 2.78,-2.78l104.16 0c7.56,0.3 15.07,1.13 22.5,2.5 15.31,2.83 30.02,8.3 43.47,16.11 8.92,5.25 17.13,11.59 24.44,18.89 5.5,5.71 10.46,11.89 14.86,18.47 4.37,6.67 8,13.8 10.85,21.25 0.35,1.94 2.21,3.25 4.15,2.92l24.86 0c3.19,0 3.19,0 3.33,3.06l0 22.78c0,2.22 -0.83,2.78 -3.06,2.78l-19.17 0c-1.94,0 -2.5,0 -2.36,2.5 0.76,8.46 0.76,16.95 0,25.41 0,2.36 0,2.64 2.65,2.64l21.93 0c0.97,1.25 0,2.5 0,3.76 0.14,1.61 0.14,3.24 0,4.85l0 16.81c0,2.36 -0.69,3.06 -2.78,3.06l-26.25 0c-1.83,-0.35 -3.61,0.82 -4.03,2.64 -6.25,16.25 -16.25,30.82 -29.17,42.5 -4.72,4.25 -9.68,8.25 -14.86,11.94 -5.56,3.2 -10.97,6.53 -16.67,9.17 -10.49,4.72 -21.49,8.2 -32.78,10.41 -10.72,1.92 -21.59,2.79 -32.5,2.64l-96.39 0 0 -0.14z"},"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 DaiStablecoin = react_1.forwardRef(function DaiStablecoin({ 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 DaiStablecoin = react_1.forwardRef(function DaiStablecoin({ variant = 'def
     ..._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/dai-stablecoin.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 444.44 444.44","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Layer_x0020_1"},"children":[{"type":"metadata","props":{"id":"CorelCorpID_0Corel-Layer"},"children":[]},{"type":"path","props":{"fill":"#F5AC37","fillRule":"nonzero","d":"M222.22 0c122.74,0 222.22,99.5 222.22,222.22 0,122.74 -99.48,222.22 -222.22,222.22 -122.72,0 -222.22,-99.49 -222.22,-222.22 0,-122.72 99.5,-222.22 222.22,-222.22z"},"children":[]},{"type":"path","props":{"fill":"#FEFEFD","fillRule":"nonzero","d":"M230.41 237.91l84.44 0c1.8,0 2.65,0 2.78,-2.36 0.69,-8.59 0.69,-17.23 0,-25.83 0,-1.67 -0.83,-2.36 -2.64,-2.36l-168.05 0c-2.08,0 -2.64,0.69 -2.64,2.64l0 24.72c0,3.19 0,3.19 3.33,3.19l82.78 0zm77.79 -59.44c0.24,-0.63 0.24,-1.32 0,-1.94 -1.41,-3.07 -3.08,-6 -5.02,-8.75 -2.92,-4.7 -6.36,-9.03 -10.28,-12.92 -1.85,-2.35 -3.99,-4.46 -6.39,-6.25 -12.02,-10.23 -26.31,-17.47 -41.67,-21.11 -7.75,-1.74 -15.67,-2.57 -23.61,-2.5l-74.58 0c-2.08,0 -2.36,0.83 -2.36,2.64l0 49.3c0,2.08 0,2.64 2.64,2.64l160.27 0c0,0 1.39,-0.28 1.67,-1.11l-0.68 0zm0 88.33c-2.36,-0.26 -4.74,-0.26 -7.1,0l-154.02 0c-2.08,0 -2.78,0 -2.78,2.78l0 48.2c0,2.22 0,2.78 2.78,2.78l71.11 0c3.4,0.26 6.8,0.02 10.13,-0.69 10.32,-0.74 20.47,-2.98 30.15,-6.67 3.52,-1.22 6.92,-2.81 10.13,-4.72l0.97 0c16.67,-8.67 30.21,-22.29 38.75,-39.01 0,0 0.97,-2.1 -0.12,-2.65zm-191.81 78.75l0 -0.83 0 -32.36 0 -10.97 0 -32.64c0,-1.81 0,-2.08 -2.22,-2.08l-30.14 0c-1.67,0 -2.36,0 -2.36,-2.22l0 -26.39 32.22 0c1.8,0 2.5,0 2.5,-2.36l0 -26.11c0,-1.67 0,-2.08 -2.22,-2.08l-30.14 0c-1.67,0 -2.36,0 -2.36,-2.22l0 -24.44c0,-1.53 0,-1.94 2.22,-1.94l29.86 0c2.08,0 2.64,0 2.64,-2.64l0 -74.86c0,-2.22 0,-2.78 2.78,-2.78l104.16 0c7.56,0.3 15.07,1.13 22.5,2.5 15.31,2.83 30.02,8.3 43.47,16.11 8.92,5.25 17.13,11.59 24.44,18.89 5.5,5.71 10.46,11.89 14.86,18.47 4.37,6.67 8,13.8 10.85,21.25 0.35,1.94 2.21,3.25 4.15,2.92l24.86 0c3.19,0 3.19,0 3.33,3.06l0 22.78c0,2.22 -0.83,2.78 -3.06,2.78l-19.17 0c-1.94,0 -2.5,0 -2.36,2.5 0.76,8.46 0.76,16.95 0,25.41 0,2.36 0,2.64 2.65,2.64l21.93 0c0.97,1.25 0,2.5 0,3.76 0.14,1.61 0.14,3.24 0,4.85l0 16.81c0,2.36 -0.69,3.06 -2.78,3.06l-26.25 0c-1.83,-0.35 -3.61,0.82 -4.03,2.64 -6.25,16.25 -16.25,30.82 -29.17,42.5 -4.72,4.25 -9.68,8.25 -14.86,11.94 -5.56,3.2 -10.97,6.53 -16.67,9.17 -10.49,4.72 -21.49,8.2 -32.78,10.41 -10.72,1.92 -21.59,2.79 -32.5,2.64l-96.39 0 0 -0.14z"},"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 DaiStablecoin = forwardRef(
   function DaiStablecoin({ 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 DaiStablecoin = 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/dart.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"a","cx":"50%","cy":"50.002%","r":"50.004%","fx":"50%","fy":"50.002%","gradientTransform":"matrix(1 0 0 .99985 0 0)"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#FFF","stopOpacity":".1"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#FFF","stopOpacity":"0"},"children":[]}]}]},{"type":"path","props":{"fill":"#01579B","d":"M52.209 203.791 8.413 159.995C3.218 154.67 0 147.141 0 139.782c0-3.407 1.92-8.733 3.369-11.782l40.427-84.204 8.413 159.995Z"},"children":[]},{"type":"path","props":{"fill":"#40C4FF","d":"M202.116 52.209 158.32 8.413C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796l158.301 8.413ZM104.418 256h106.111v-45.471l-79.16-25.276-72.422 25.276z"},"children":[]},{"type":"path","props":{"fill":"#29B6F6","d":"M43.796 180.209c0 13.513 1.694 16.826 8.413 23.582l6.738 6.738h151.582l-74.097-84.204-92.636-82.53V180.21Z"},"children":[]},{"type":"path","props":{"fill":"#01579B","d":"M178.534 43.777H43.796L210.529 210.51H256V106.093L202.097 52.19c-7.566-7.585-14.285-8.413-23.563-8.413Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M53.903 205.466c-6.738-6.756-8.413-13.419-8.413-25.257V45.47l-1.675-1.675v136.413c-.02 11.838-.02 15.113 10.088 25.257l5.044 5.044-5.044-5.044Z","opacity":".2"},"children":[]},{"type":"path","props":{"fill":"#263238","d":"M254.325 104.418v104.417h-45.471l1.675 1.694H256V106.093z","opacity":".2"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M202.116 52.209c-8.356-8.357-15.188-8.413-25.257-8.413H43.815l1.675 1.675h131.369c5.025 0 17.71-.847 25.257 6.738Z","opacity":".2"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"m254.325 104.418-52.209-52.21L158.32 8.414C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796 3.388 128c-1.45 3.068-3.37 8.394-3.37 11.782 0 7.359 3.238 14.868 8.414 20.213l40.351 40.07c.96 1.185 2.09 2.39 3.426 3.726l1.675 1.675 5.044 5.044 43.796 43.796 1.675 1.675H210.49v-45.47h45.471V106.092l-1.637-1.675Z","opacity":".2"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Dart"]},{"type":"path","props":{"d":"M4.105 4.105S9.158 1.58 11.684.316a3.079 3.079 0 0 1 1.481-.315c.766.047 1.677.788 1.677.788L24 9.948v9.789h-4.263V24H9.789l-9-9C.303 14.5 0 13.795 0 13.105c0-.319.18-.818.316-1.105l3.789-7.895zm.679.679v11.787c.002.543.021 1.024.498 1.508L10.204 23h8.533v-4.263L4.784 4.784zm12.055-.678c-.899-.896-1.809-1.78-2.74-2.643-.302-.267-.567-.468-1.07-.462-.37.014-.87.195-.87.195L6.341 4.105l10.498.001z"},"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 Dart = react_1.forwardRef(function Dart({ 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 Dart = react_1.forwardRef(function Dart({ 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/dart.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"a","cx":"50%","cy":"50.002%","r":"50.004%","fx":"50%","fy":"50.002%","gradientTransform":"matrix(1 0 0 .99985 0 0)"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#FFF","stopOpacity":".1"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#FFF","stopOpacity":"0"},"children":[]}]}]},{"type":"path","props":{"fill":"#01579B","d":"M52.209 203.791 8.413 159.995C3.218 154.67 0 147.141 0 139.782c0-3.407 1.92-8.733 3.369-11.782l40.427-84.204 8.413 159.995Z"},"children":[]},{"type":"path","props":{"fill":"#40C4FF","d":"M202.116 52.209 158.32 8.413C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796l158.301 8.413ZM104.418 256h106.111v-45.471l-79.16-25.276-72.422 25.276z"},"children":[]},{"type":"path","props":{"fill":"#29B6F6","d":"M43.796 180.209c0 13.513 1.694 16.826 8.413 23.582l6.738 6.738h151.582l-74.097-84.204-92.636-82.53V180.21Z"},"children":[]},{"type":"path","props":{"fill":"#01579B","d":"M178.534 43.777H43.796L210.529 210.51H256V106.093L202.097 52.19c-7.566-7.585-14.285-8.413-23.563-8.413Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M53.903 205.466c-6.738-6.756-8.413-13.419-8.413-25.257V45.47l-1.675-1.675v136.413c-.02 11.838-.02 15.113 10.088 25.257l5.044 5.044-5.044-5.044Z","opacity":".2"},"children":[]},{"type":"path","props":{"fill":"#263238","d":"M254.325 104.418v104.417h-45.471l1.675 1.694H256V106.093z","opacity":".2"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M202.116 52.209c-8.356-8.357-15.188-8.413-25.257-8.413H43.815l1.675 1.675h131.369c5.025 0 17.71-.847 25.257 6.738Z","opacity":".2"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"m254.325 104.418-52.209-52.21L158.32 8.414C154.5 4.573 146.538 0 139.8 0c-5.796 0-11.48 1.167-15.15 3.369L43.815 43.796 3.388 128c-1.45 3.068-3.37 8.394-3.37 11.782 0 7.359 3.238 14.868 8.414 20.213l40.351 40.07c.96 1.185 2.09 2.39 3.426 3.726l1.675 1.675 5.044 5.044 43.796 43.796 1.675 1.675H210.49v-45.47h45.471V106.092l-1.637-1.675Z","opacity":".2"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Dart"]},{"type":"path","props":{"d":"M4.105 4.105S9.158 1.58 11.684.316a3.079 3.079 0 0 1 1.481-.315c.766.047 1.677.788 1.677.788L24 9.948v9.789h-4.263V24H9.789l-9-9C.303 14.5 0 13.795 0 13.105c0-.319.18-.818.316-1.105l3.789-7.895zm.679.679v11.787c.002.543.021 1.024.498 1.508L10.204 23h8.533v-4.263L4.784 4.784zm12.055-.678c-.899-.896-1.809-1.78-2.74-2.643-.302-.267-.567-.468-1.07-.462-.37.014-.87.195-.87.195L6.341 4.105l10.498.001z"},"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 Dart = forwardRef(
   function Dart({ 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 Dart = 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));
         })
     );
   }