@thesvg/react 3.2.2 → 3.2.5

package/dist/viewsonic.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 200.575 32.571251","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs2837"},"children":[]},{"type":"g","props":{"transform":"translate(-245.42679,-524.64799)","id":"layer1"},"children":[{"type":"path","props":{"d":"M 112.875,0 C 112.64375,0.87875 112.40125,1.5625 111.34375,1.5625 C 110.01,1.5625 107.865,0.031249999 104.1875,0.03125 C 95.49875,0.03125 94.062503,6.3012501 94.0625,9.09375 C 94.0625,11.2 94.070002,15.121249 101.90625,18.875 L 104.96875,20.34375 C 107.95375,21.76375 110.125,22.870001 110.125,25.9375 C 110.125,26.5325 109.885,31.062499 104.375,31.0625 C 98.51625,31.0625 95.858752,25.874999 94.9375,21.25 L 93.625,21.25 L 93.625,32.5625 L 94.9375,32.5625 C 95.12125,31.8275 95.346246,31 96.3125,31 C 97.73875,31 99.815001,32.562499 104.1875,32.5625 C 112.65875,32.5625 115.59375,27.030001 115.59375,23 C 115.59375,18.01 112.0975,15.34 110.53125,14.5625 L 103.78125,11.21875 C 99.93625,9.29625 99.062498,8.3162499 99.0625,5.84375 C 99.0625,2.86875 101.58375,1.46875 103.96875,1.46875 C 109.3825,1.46875 112.1425,6.7325002 112.96875,9.9375 L 114.25,9.9375 L 114.25,0 L 112.875,0 z M 35.78125,0.03125 C 33.725,0.03125 32.218752,1.67375 32.21875,3.59375 C 32.21875,5.56 33.678749,7.125 35.78125,7.125 C 37.74625,7.125 39.312499,5.605 39.3125,3.59375 C 39.3125,1.62875 37.746249,0.03125 35.78125,0.03125 z M 169.5625,0.03125 C 167.505,0.03125 165.96875,1.67375 165.96875,3.59375 C 165.96875,5.56 167.46,7.125 169.5625,7.125 C 171.52875,7.125 173.06249,5.605 173.0625,3.59375 C 173.0625,1.62875 171.52875,0.03125 169.5625,0.03125 z M 0,0.6875 L 0,1.84375 C 1.97375,2.165 2.65,2.3137498 3.84375,5.0625 L 15.59375,32.5 L 16.84375,32.5 L 27.3125,5.59375 C 28.3225,3.0275 28.9125,2.165 31.4375,1.84375 L 31.4375,0.6875 L 21.65625,0.6875 L 21.65625,1.84375 C 24.2725,1.98125 25.625,2.1499999 25.625,3.9375 C 25.625,4.85375 25.10125,6.07 24.6875,7.125 L 18.875,22.1875 L 12.84375,7.71875 C 12.385,6.5725 11.46875,4.6525001 11.46875,3.78125 C 11.46875,2.04 12.545,2.0275 15.4375,1.84375 L 15.4375,0.6875 L 0,0.6875 z M 197.1875,5.90625 C 195.34,5.90625 193.78125,7.32 193.78125,9.25 C 193.78124,11.18875 195.34,12.625 197.1875,12.625 C 199.01875,12.625 200.5625,11.18875 200.5625,9.25 C 200.5625,7.3200002 199.01875,5.90625 197.1875,5.90625 z M 197.1875,6.46875 C 198.70875,6.4687499 199.90625,7.6575 199.90625,9.25 C 199.90626,10.86125 198.70875,12.0625 197.1875,12.0625 C 195.65125,12.0625 194.4375,10.86125 194.4375,9.25 C 194.43751,7.6575002 195.65125,6.46875 197.1875,6.46875 z M 195.875,7.34375 L 195.875,11.1875 L 196.46875,11.1875 L 196.46875,9.53125 L 197.15625,9.53125 L 198.1875,11.1875 L 198.84375,11.1875 L 197.71875,9.5 C 198.28751,9.4287504 198.71875,9.1325 198.71875,8.4375 C 198.71875,7.6724996 198.29125,7.34375 197.375,7.34375 L 195.875,7.34375 z M 196.46875,7.84375 L 197.28125,7.84375 C 197.69001,7.8437501 198.125,7.925 198.125,8.40625 C 198.12501,9.0025004 197.685,9.03125 197.1875,9.03125 L 196.46875,9.03125 L 196.46875,7.84375 z M 51.59375,9.9375 C 46.32375,9.9374999 42.15625,14.28 42.15625,21.0625 C 42.156251,28.935 46.84,32.34375 51.46875,32.34375 C 55.137501,32.343749 57.735,30.87375 60.53125,26.59375 L 59.4375,25.9375 C 58.566249,26.996251 56.955,29.03125 54.25,29.03125 C 49.89375,29.03125 48.8875,24.35125 48.75,20.4375 L 60.3125,20.4375 C 60.174998,17.99 59.5725,9.9375 51.59375,9.9375 z M 127.84375,9.9375 C 121.46125,9.9374999 117.46875,15.2575 117.46875,21.1875 C 117.46875,27.1625 121.46125,32.34375 127.84375,32.34375 C 134.0875,32.343749 138.15625,27.3 138.15625,21.1875 C 138.15625,14.79875 133.85875,9.9375 127.84375,9.9375 z M 154.375,9.9375 C 150.45875,9.9375 148.48875,12.7375 147.84375,13.84375 L 147.75,13.84375 L 147.75,10.53125 L 139,10.53125 L 139,11.59375 C 140.83625,11.87 141.4375,12.24125 141.4375,14.3125 L 141.4375,27.84375 C 141.4375,30.1 140.6525,30.3025 139,30.625 L 139,31.71875 L 150.0625,31.71875 L 150.0625,30.625 C 147.9425,30.39375 147.78125,29.06 147.78125,28 L 147.78125,15.71875 C 147.78125,15.305 149.78125,13.03125 151.625,13.03125 C 154.115,13.03125 154.15625,15.5875 154.15625,16.875 L 154.15625,28 C 154.15625,29.7025 153.52124,30.48625 152,30.625 L 152,31.71875 L 162.78125,31.71875 L 162.78125,30.625 C 160.5325,30.5325 160.53124,29.105 160.53125,28 L 160.53125,16.4375 C 160.53125,11.38 156.8925,9.9374999 154.375,9.9375 z M 186.71875,9.9375 C 182.4475,9.9375 175.90625,12.76125 175.90625,21.8125 C 175.90625,27.4625 179.86875,32.343749 185.71875,32.34375 C 189.32125,32.34375 192.355,30.492499 194.46875,27.5 L 193.65625,26.6875 C 192.55375,27.9275 191.37,29.25 188.75,29.25 C 185.2,29.25 182.40624,25.525 182.40625,19.09375 C 182.40625,17.02625 182.7375,11.375 186.28125,11.375 C 186.9625,11.375 188.125,11.80875 188.125,13.1875 C 188.125,15.6675 188.14501,17.90625 190.71875,17.90625 C 191.08625,17.90625 193.84376,17.90875 193.84375,14.96875 C 193.84375,11.66125 189.965,9.9374999 186.71875,9.9375 z M 30.21875,10.53125 L 30.21875,11.59375 C 31.9625,11.915 32.656252,12.24125 32.65625,14.3125 L 32.65625,27.84375 C 32.65625,30.05375 31.87125,30.21 30.21875,30.625 L 30.21875,31.71875 L 41.1875,31.71875 L 41.1875,30.625 C 39.3975,30.44 39.03125,29.4275 39.03125,28 L 39.03125,10.53125 L 30.21875,10.53125 z M 61.1875,10.53125 L 61.1875,11.59375 C 62.38125,11.82375 62.618749,12.16625 63.8125,15.15625 L 70.59375,32.34375 L 71.71875,32.34375 L 77.3125,18.40625 L 77.53125,18.40625 L 82.125,32.34375 L 83.1875,32.34375 L 90.3125,13.90625 C 91.09375,11.8825 91.719996,11.7775 92.59375,11.59375 L 92.59375,10.53125 L 86.40625,10.53125 L 86.40625,11.59375 C 87.69375,11.73125 88.593753,11.84125 88.59375,13.3125 C 88.59375,14.325 86.269999,19.785 85.03125,23.28125 L 84.9375,23.28125 C 84.1125,19.6925 82.156252,13.71625 82.15625,12.75 C 82.15625,11.78375 83.181251,11.68625 84.375,11.59375 L 84.375,10.53125 L 73.625,10.53125 L 73.625,11.59375 C 74.72625,11.73125 75.242504,11.7525 75.65625,12.71875 C 75.88625,13.27125 76.166251,14.185 76.625,15.75 L 73.5,23.625 C 71.205,17.46 69.625001,13.96625 69.625,13 C 69.625,11.80375 70.732499,11.68625 71.375,11.59375 L 71.375,10.53125 L 61.1875,10.53125 z M 163.96875,10.53125 L 163.96875,11.59375 C 165.71375,11.915 166.40625,12.24125 166.40625,14.3125 L 166.40625,27.84375 C 166.40625,30.05375 165.6225,30.21 163.96875,30.625 L 163.96875,31.71875 L 174.9375,31.71875 L 174.9375,30.625 C 173.1475,30.44 172.78125,29.4275 172.78125,28 L 172.78125,10.53125 L 163.96875,10.53125 z M 51.78125,11.375 C 53.38625,11.375 53.975,12.54625 54.25,13.5625 C 54.61625,14.94625 54.61,17.32 54.65625,18.75 L 48.53125,18.75 C 48.531248,12.385 50.08375,11.375 51.78125,11.375 z M 127.84375,11.375 C 130.6525,11.375 131.4375,14.10875 131.4375,21.1875 C 131.4375,27.025 131.0525,30.90625 127.875,30.90625 C 124.19125,30.90625 124.21875,26.15125 124.21875,21.1875 C 124.21875,15.9475 124.435,11.375 127.84375,11.375 z ","transform":"translate(245.42679,524.64799)","style":{"fill":"#a41a4a","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path19945"},"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 Viewsonic = react_1.forwardRef(function Viewsonic({ 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 Viewsonic = react_1.forwardRef(function Viewsonic({ variant = 'default', v
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/viewsonic.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 200.575 32.571251","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs2837"},"children":[]},{"type":"g","props":{"transform":"translate(-245.42679,-524.64799)","id":"layer1"},"children":[{"type":"path","props":{"d":"M 112.875,0 C 112.64375,0.87875 112.40125,1.5625 111.34375,1.5625 C 110.01,1.5625 107.865,0.031249999 104.1875,0.03125 C 95.49875,0.03125 94.062503,6.3012501 94.0625,9.09375 C 94.0625,11.2 94.070002,15.121249 101.90625,18.875 L 104.96875,20.34375 C 107.95375,21.76375 110.125,22.870001 110.125,25.9375 C 110.125,26.5325 109.885,31.062499 104.375,31.0625 C 98.51625,31.0625 95.858752,25.874999 94.9375,21.25 L 93.625,21.25 L 93.625,32.5625 L 94.9375,32.5625 C 95.12125,31.8275 95.346246,31 96.3125,31 C 97.73875,31 99.815001,32.562499 104.1875,32.5625 C 112.65875,32.5625 115.59375,27.030001 115.59375,23 C 115.59375,18.01 112.0975,15.34 110.53125,14.5625 L 103.78125,11.21875 C 99.93625,9.29625 99.062498,8.3162499 99.0625,5.84375 C 99.0625,2.86875 101.58375,1.46875 103.96875,1.46875 C 109.3825,1.46875 112.1425,6.7325002 112.96875,9.9375 L 114.25,9.9375 L 114.25,0 L 112.875,0 z M 35.78125,0.03125 C 33.725,0.03125 32.218752,1.67375 32.21875,3.59375 C 32.21875,5.56 33.678749,7.125 35.78125,7.125 C 37.74625,7.125 39.312499,5.605 39.3125,3.59375 C 39.3125,1.62875 37.746249,0.03125 35.78125,0.03125 z M 169.5625,0.03125 C 167.505,0.03125 165.96875,1.67375 165.96875,3.59375 C 165.96875,5.56 167.46,7.125 169.5625,7.125 C 171.52875,7.125 173.06249,5.605 173.0625,3.59375 C 173.0625,1.62875 171.52875,0.03125 169.5625,0.03125 z M 0,0.6875 L 0,1.84375 C 1.97375,2.165 2.65,2.3137498 3.84375,5.0625 L 15.59375,32.5 L 16.84375,32.5 L 27.3125,5.59375 C 28.3225,3.0275 28.9125,2.165 31.4375,1.84375 L 31.4375,0.6875 L 21.65625,0.6875 L 21.65625,1.84375 C 24.2725,1.98125 25.625,2.1499999 25.625,3.9375 C 25.625,4.85375 25.10125,6.07 24.6875,7.125 L 18.875,22.1875 L 12.84375,7.71875 C 12.385,6.5725 11.46875,4.6525001 11.46875,3.78125 C 11.46875,2.04 12.545,2.0275 15.4375,1.84375 L 15.4375,0.6875 L 0,0.6875 z M 197.1875,5.90625 C 195.34,5.90625 193.78125,7.32 193.78125,9.25 C 193.78124,11.18875 195.34,12.625 197.1875,12.625 C 199.01875,12.625 200.5625,11.18875 200.5625,9.25 C 200.5625,7.3200002 199.01875,5.90625 197.1875,5.90625 z M 197.1875,6.46875 C 198.70875,6.4687499 199.90625,7.6575 199.90625,9.25 C 199.90626,10.86125 198.70875,12.0625 197.1875,12.0625 C 195.65125,12.0625 194.4375,10.86125 194.4375,9.25 C 194.43751,7.6575002 195.65125,6.46875 197.1875,6.46875 z M 195.875,7.34375 L 195.875,11.1875 L 196.46875,11.1875 L 196.46875,9.53125 L 197.15625,9.53125 L 198.1875,11.1875 L 198.84375,11.1875 L 197.71875,9.5 C 198.28751,9.4287504 198.71875,9.1325 198.71875,8.4375 C 198.71875,7.6724996 198.29125,7.34375 197.375,7.34375 L 195.875,7.34375 z M 196.46875,7.84375 L 197.28125,7.84375 C 197.69001,7.8437501 198.125,7.925 198.125,8.40625 C 198.12501,9.0025004 197.685,9.03125 197.1875,9.03125 L 196.46875,9.03125 L 196.46875,7.84375 z M 51.59375,9.9375 C 46.32375,9.9374999 42.15625,14.28 42.15625,21.0625 C 42.156251,28.935 46.84,32.34375 51.46875,32.34375 C 55.137501,32.343749 57.735,30.87375 60.53125,26.59375 L 59.4375,25.9375 C 58.566249,26.996251 56.955,29.03125 54.25,29.03125 C 49.89375,29.03125 48.8875,24.35125 48.75,20.4375 L 60.3125,20.4375 C 60.174998,17.99 59.5725,9.9375 51.59375,9.9375 z M 127.84375,9.9375 C 121.46125,9.9374999 117.46875,15.2575 117.46875,21.1875 C 117.46875,27.1625 121.46125,32.34375 127.84375,32.34375 C 134.0875,32.343749 138.15625,27.3 138.15625,21.1875 C 138.15625,14.79875 133.85875,9.9375 127.84375,9.9375 z M 154.375,9.9375 C 150.45875,9.9375 148.48875,12.7375 147.84375,13.84375 L 147.75,13.84375 L 147.75,10.53125 L 139,10.53125 L 139,11.59375 C 140.83625,11.87 141.4375,12.24125 141.4375,14.3125 L 141.4375,27.84375 C 141.4375,30.1 140.6525,30.3025 139,30.625 L 139,31.71875 L 150.0625,31.71875 L 150.0625,30.625 C 147.9425,30.39375 147.78125,29.06 147.78125,28 L 147.78125,15.71875 C 147.78125,15.305 149.78125,13.03125 151.625,13.03125 C 154.115,13.03125 154.15625,15.5875 154.15625,16.875 L 154.15625,28 C 154.15625,29.7025 153.52124,30.48625 152,30.625 L 152,31.71875 L 162.78125,31.71875 L 162.78125,30.625 C 160.5325,30.5325 160.53124,29.105 160.53125,28 L 160.53125,16.4375 C 160.53125,11.38 156.8925,9.9374999 154.375,9.9375 z M 186.71875,9.9375 C 182.4475,9.9375 175.90625,12.76125 175.90625,21.8125 C 175.90625,27.4625 179.86875,32.343749 185.71875,32.34375 C 189.32125,32.34375 192.355,30.492499 194.46875,27.5 L 193.65625,26.6875 C 192.55375,27.9275 191.37,29.25 188.75,29.25 C 185.2,29.25 182.40624,25.525 182.40625,19.09375 C 182.40625,17.02625 182.7375,11.375 186.28125,11.375 C 186.9625,11.375 188.125,11.80875 188.125,13.1875 C 188.125,15.6675 188.14501,17.90625 190.71875,17.90625 C 191.08625,17.90625 193.84376,17.90875 193.84375,14.96875 C 193.84375,11.66125 189.965,9.9374999 186.71875,9.9375 z M 30.21875,10.53125 L 30.21875,11.59375 C 31.9625,11.915 32.656252,12.24125 32.65625,14.3125 L 32.65625,27.84375 C 32.65625,30.05375 31.87125,30.21 30.21875,30.625 L 30.21875,31.71875 L 41.1875,31.71875 L 41.1875,30.625 C 39.3975,30.44 39.03125,29.4275 39.03125,28 L 39.03125,10.53125 L 30.21875,10.53125 z M 61.1875,10.53125 L 61.1875,11.59375 C 62.38125,11.82375 62.618749,12.16625 63.8125,15.15625 L 70.59375,32.34375 L 71.71875,32.34375 L 77.3125,18.40625 L 77.53125,18.40625 L 82.125,32.34375 L 83.1875,32.34375 L 90.3125,13.90625 C 91.09375,11.8825 91.719996,11.7775 92.59375,11.59375 L 92.59375,10.53125 L 86.40625,10.53125 L 86.40625,11.59375 C 87.69375,11.73125 88.593753,11.84125 88.59375,13.3125 C 88.59375,14.325 86.269999,19.785 85.03125,23.28125 L 84.9375,23.28125 C 84.1125,19.6925 82.156252,13.71625 82.15625,12.75 C 82.15625,11.78375 83.181251,11.68625 84.375,11.59375 L 84.375,10.53125 L 73.625,10.53125 L 73.625,11.59375 C 74.72625,11.73125 75.242504,11.7525 75.65625,12.71875 C 75.88625,13.27125 76.166251,14.185 76.625,15.75 L 73.5,23.625 C 71.205,17.46 69.625001,13.96625 69.625,13 C 69.625,11.80375 70.732499,11.68625 71.375,11.59375 L 71.375,10.53125 L 61.1875,10.53125 z M 163.96875,10.53125 L 163.96875,11.59375 C 165.71375,11.915 166.40625,12.24125 166.40625,14.3125 L 166.40625,27.84375 C 166.40625,30.05375 165.6225,30.21 163.96875,30.625 L 163.96875,31.71875 L 174.9375,31.71875 L 174.9375,30.625 C 173.1475,30.44 172.78125,29.4275 172.78125,28 L 172.78125,10.53125 L 163.96875,10.53125 z M 51.78125,11.375 C 53.38625,11.375 53.975,12.54625 54.25,13.5625 C 54.61625,14.94625 54.61,17.32 54.65625,18.75 L 48.53125,18.75 C 48.531248,12.385 50.08375,11.375 51.78125,11.375 z M 127.84375,11.375 C 130.6525,11.375 131.4375,14.10875 131.4375,21.1875 C 131.4375,27.025 131.0525,30.90625 127.875,30.90625 C 124.19125,30.90625 124.21875,26.15125 124.21875,21.1875 C 124.21875,15.9475 124.435,11.375 127.84375,11.375 z ","transform":"translate(245.42679,524.64799)","style":{"fill":"#a41a4a","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path19945"},"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 Viewsonic = forwardRef(
   function Viewsonic({ 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 Viewsonic = 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/vinpearl.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 89 51","fill":"none","childNodes":[{"type":"path","props":{"fill":"#2a398c","d":"M10.99 37.57 7.282 48.051 3.94 38.768a1.72 1.72 0 0 0-1.514-1.199H0l.08.214a1.545 1.545 0 0 1 1.374 1.088L5.81 50.99h1.809l4.741-13.42h-1.368M16.378 49.517V37.755h-2.363v11.77s-.052 1.464 1.199 1.464h1.83v-.176s-.666-.125-.666-1.296M30.34 49.478V37.81l.008-.06h-1.307v9.814l-7.058-9.806h-3.376l.024.14a2.05 2.05 0 0 1 .727 1.798v10.919c0 .018.008.035.008.052v.107c0 .02-.008.044-.008.07v.15h1.312V39.849L28.7 50.99h2.369l-.013-.17a1.35 1.35 0 0 1-.717-1.34M36.711 37.755h-4.743l.018.14s.667.227.74 1.721v9.909s-.024 1.464 1.19 1.464h1.939v-.162a1.35 1.35 0 0 1-.749-1.302V44.8h2c.468.006 4.392.134 4.392-3.398 0-3.468-3.282-3.647-4.788-3.647zm-.116 5.935h-1.49v-4.807h1.558c1.362 0 2.46.342 2.46 2.516 0 2.101-1.663 2.29-2.533 2.29M50.906 49.617h-5.013v-4.694h5.248l.014-.068v-1.241l-.014-.07h-5.248v-4.416h4.265c.981 0 1.284.33 1.37.566h.208l-.242-1.392a1.26 1.26 0 0 0-1.176-.547h-7.569l.021.14s.702.238.74 1.86v11.234h7.502c.336.008.665-.1.931-.307l.203-1.641h-.166c-.16.616-.97.576-1.075.576M64.941 49.518l-3.263-10.253.063.197c-.284-.882-.465-1.44-.23-1.702l-.022-.147h-3.238l-2.168 6.596a4.3 4.3 0 0 1-2.887-.891l-.028.18c-.014-.008.603 1.208.63 1.233.58.411 1.253.673 1.959.763l-1.745 5.495.046-.006h1.412l1.764-5.398h2.754a1.42 1.42 0 0 1 1.49 1.03l.95 2.902s.393 1.466 1.43 1.466h1.86l-.008-.13c-.437-.215-.748-1.239-.773-1.336zm-5.03-5.304h-2.37l1.628-5.009 1.73 5.195a1.75 1.75 0 0 0-.976-.186M76.405 47.754a20 20 0 0 0-1.403-2.274 3.9 3.9 0 0 0-1.216-1.02 3.34 3.34 0 0 0 2.344-2.484 3.35 3.35 0 0 0-1.06-3.247 4.52 4.52 0 0 0-3.053-.978h-5.366l.024.14s.667.23.734 1.736v.384c0 .059.011.12.011.18v8.318c0 .058-.01.117-.01.176v2.305h2.367v-5.8h1.081c1.344 0 1.881.964 2.958 2.858a25 25 0 0 0 1.3 2.093 1.76 1.76 0 0 0 1.624.848h1.977v-.006l.007-.154c-.703-.186-1.331-1.346-2.324-3.077zm-4.736-3.97h-1.896V38.86h1.671a2.24 2.24 0 0 1 2.299 1.443c.115.304.163.63.14.954a2.304 2.304 0 0 1-2.213 2.522M88.973 49.617h-6.146l-.022-.012v-9.387c0-.107.011.367.011-.893 0-1.533-1.197-1.57-1.197-1.57h-1.933l.024.14s.641.214.731 1.638v.402c0 .039.008.08.008.115v8.35c0 .04-.008.074-.008.116v2.473h8.385L89 49.608z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M60.96.003c-9.115 1.083-18.432 4.058-19.05 13.06-.286 4.212 1.022 7.375 2.497 10.429-3.704-3.614-9.053-6.512-16.55-5.805 4.566 1.283 9.957 3.736 12.854 6.978.612.69 1.508 1.886 1.297 2.901-.35 1.711-3.532 1.362-5.458 1.455 3.994 1.585 8.458 4.443 14.152 4.257 2.846-.09 4.936-1.804 4.717-4.983-.401-5.712-4.645-10.594-5.09-17.049-.496-7.28 4.666-9.952 10.452-11.148.117.036.3 0 .348-.038.039-.027.003-.06-.156-.06h-.014z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"44.5","x2":"44.5","y1":"0","y2":"33.287","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#cf873c"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f2a842"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 89 51","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M60.96.003c-9.115 1.083-18.432 4.058-19.05 13.06-.286 4.212 1.022 7.375 2.497 10.429-3.704-3.614-9.053-6.512-16.55-5.805 4.566 1.283 9.957 3.736 12.854 6.978.612.69 1.508 1.886 1.297 2.901-.35 1.711-3.532 1.362-5.458 1.455 3.994 1.585 8.458 4.443 14.152 4.257 2.846-.09 4.936-1.804 4.717-4.983-.401-5.712-4.645-10.594-5.09-17.049-.496-7.28 4.666-9.952 10.452-11.148.117.036.3 0 .348-.038.039-.027.003-.06-.156-.06h-.014z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"44.5","x2":"44.5","y1":"0","y2":"33.287","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#cf873c"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f2a842"},"children":[]}]}]},{"type":"path","props":{"fill":"#ffffff","d":"M10.99 37.57 7.282 48.051 3.94 38.768a1.72 1.72 0 0 0-1.514-1.199H0l.08.214a1.545 1.545 0 0 1 1.374 1.088L5.81 50.99h1.809l4.741-13.42h-1.368M16.378 49.517V37.755h-2.363v11.77s-.052 1.464 1.199 1.464h1.83v-.176s-.666-.125-.666-1.296M30.34 49.478V37.81l.008-.06h-1.307v9.814l-7.058-9.806h-3.376l.024.14a2.05 2.05 0 0 1 .727 1.798v10.919c0 .018.008.035.008.052v.107c0 .02-.008.044-.008.07v.15h1.312V39.849L28.7 50.99h2.369l-.013-.17a1.35 1.35 0 0 1-.717-1.34M36.711 37.755h-4.743l.018.14s.667.227.74 1.721v9.909s-.024 1.464 1.19 1.464h1.939v-.162a1.35 1.35 0 0 1-.749-1.302V44.8h2c.468.006 4.392.134 4.392-3.398 0-3.468-3.282-3.647-4.788-3.647zm-.116 5.935h-1.49v-4.807h1.558c1.362 0 2.46.342 2.46 2.516 0 2.101-1.663 2.29-2.533 2.29M50.906 49.617h-5.013v-4.694h5.248l.014-.068v-1.241l-.014-.07h-5.248v-4.416h4.265c.981 0 1.284.33 1.37.566h.208l-.242-1.392a1.26 1.26 0 0 0-1.176-.547h-7.569l.021.14s.702.238.74 1.86v11.234h7.502c.336.008.665-.1.931-.307l.203-1.641h-.166c-.16.616-.97.576-1.075.576M64.941 49.518l-3.263-10.253.063.197c-.284-.882-.465-1.44-.23-1.702l-.022-.147h-3.238l-2.168 6.596a4.3 4.3 0 0 1-2.887-.891l-.028.18c-.014-.008.603 1.208.63 1.233.58.411 1.253.673 1.959.763l-1.745 5.495.046-.006h1.412l1.764-5.398h2.754a1.42 1.42 0 0 1 1.49 1.03l.95 2.902s.393 1.466 1.43 1.466h1.86l-.008-.13c-.437-.215-.748-1.239-.773-1.336zm-5.03-5.304h-2.37l1.628-5.009 1.73 5.195a1.75 1.75 0 0 0-.976-.186M76.405 47.754a20 20 0 0 0-1.403-2.274 3.9 3.9 0 0 0-1.216-1.02 3.34 3.34 0 0 0 2.344-2.484 3.35 3.35 0 0 0-1.06-3.247 4.52 4.52 0 0 0-3.053-.978h-5.366l.024.14s.667.23.734 1.736v.384c0 .059.011.12.011.18v8.318c0 .058-.01.117-.01.176v2.305h2.367v-5.8h1.081c1.344 0 1.881.964 2.958 2.858a25 25 0 0 0 1.3 2.093 1.76 1.76 0 0 0 1.624.848h1.977v-.006l.007-.154c-.703-.186-1.331-1.346-2.324-3.077zm-4.736-3.97h-1.896V38.86h1.671a2.24 2.24 0 0 1 2.299 1.443c.115.304.163.63.14.954a2.304 2.304 0 0 1-2.213 2.522M88.973 49.617h-6.146l-.022-.012v-9.387c0-.107.011.367.011-.893 0-1.533-1.197-1.57-1.197-1.57h-1.933l.024.14s.641.214.731 1.638v.402c0 .039.008.08.008.115v8.35c0 .04-.008.074-.008.116v2.473h8.385L89 49.608z"},"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 Vinpearl = react_1.forwardRef(function Vinpearl({ 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 Vinpearl = react_1.forwardRef(function Vinpearl({ variant = 'default', vie
     ..._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/vinpearl.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, dark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 89 51","fill":"none","childNodes":[{"type":"path","props":{"fill":"#2a398c","d":"M10.99 37.57 7.282 48.051 3.94 38.768a1.72 1.72 0 0 0-1.514-1.199H0l.08.214a1.545 1.545 0 0 1 1.374 1.088L5.81 50.99h1.809l4.741-13.42h-1.368M16.378 49.517V37.755h-2.363v11.77s-.052 1.464 1.199 1.464h1.83v-.176s-.666-.125-.666-1.296M30.34 49.478V37.81l.008-.06h-1.307v9.814l-7.058-9.806h-3.376l.024.14a2.05 2.05 0 0 1 .727 1.798v10.919c0 .018.008.035.008.052v.107c0 .02-.008.044-.008.07v.15h1.312V39.849L28.7 50.99h2.369l-.013-.17a1.35 1.35 0 0 1-.717-1.34M36.711 37.755h-4.743l.018.14s.667.227.74 1.721v9.909s-.024 1.464 1.19 1.464h1.939v-.162a1.35 1.35 0 0 1-.749-1.302V44.8h2c.468.006 4.392.134 4.392-3.398 0-3.468-3.282-3.647-4.788-3.647zm-.116 5.935h-1.49v-4.807h1.558c1.362 0 2.46.342 2.46 2.516 0 2.101-1.663 2.29-2.533 2.29M50.906 49.617h-5.013v-4.694h5.248l.014-.068v-1.241l-.014-.07h-5.248v-4.416h4.265c.981 0 1.284.33 1.37.566h.208l-.242-1.392a1.26 1.26 0 0 0-1.176-.547h-7.569l.021.14s.702.238.74 1.86v11.234h7.502c.336.008.665-.1.931-.307l.203-1.641h-.166c-.16.616-.97.576-1.075.576M64.941 49.518l-3.263-10.253.063.197c-.284-.882-.465-1.44-.23-1.702l-.022-.147h-3.238l-2.168 6.596a4.3 4.3 0 0 1-2.887-.891l-.028.18c-.014-.008.603 1.208.63 1.233.58.411 1.253.673 1.959.763l-1.745 5.495.046-.006h1.412l1.764-5.398h2.754a1.42 1.42 0 0 1 1.49 1.03l.95 2.902s.393 1.466 1.43 1.466h1.86l-.008-.13c-.437-.215-.748-1.239-.773-1.336zm-5.03-5.304h-2.37l1.628-5.009 1.73 5.195a1.75 1.75 0 0 0-.976-.186M76.405 47.754a20 20 0 0 0-1.403-2.274 3.9 3.9 0 0 0-1.216-1.02 3.34 3.34 0 0 0 2.344-2.484 3.35 3.35 0 0 0-1.06-3.247 4.52 4.52 0 0 0-3.053-.978h-5.366l.024.14s.667.23.734 1.736v.384c0 .059.011.12.011.18v8.318c0 .058-.01.117-.01.176v2.305h2.367v-5.8h1.081c1.344 0 1.881.964 2.958 2.858a25 25 0 0 0 1.3 2.093 1.76 1.76 0 0 0 1.624.848h1.977v-.006l.007-.154c-.703-.186-1.331-1.346-2.324-3.077zm-4.736-3.97h-1.896V38.86h1.671a2.24 2.24 0 0 1 2.299 1.443c.115.304.163.63.14.954a2.304 2.304 0 0 1-2.213 2.522M88.973 49.617h-6.146l-.022-.012v-9.387c0-.107.011.367.011-.893 0-1.533-1.197-1.57-1.197-1.57h-1.933l.024.14s.641.214.731 1.638v.402c0 .039.008.08.008.115v8.35c0 .04-.008.074-.008.116v2.473h8.385L89 49.608z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M60.96.003c-9.115 1.083-18.432 4.058-19.05 13.06-.286 4.212 1.022 7.375 2.497 10.429-3.704-3.614-9.053-6.512-16.55-5.805 4.566 1.283 9.957 3.736 12.854 6.978.612.69 1.508 1.886 1.297 2.901-.35 1.711-3.532 1.362-5.458 1.455 3.994 1.585 8.458 4.443 14.152 4.257 2.846-.09 4.936-1.804 4.717-4.983-.401-5.712-4.645-10.594-5.09-17.049-.496-7.28 4.666-9.952 10.452-11.148.117.036.3 0 .348-.038.039-.027.003-.06-.156-.06h-.014z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"44.5","x2":"44.5","y1":"0","y2":"33.287","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#cf873c"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f2a842"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 89 51","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M60.96.003c-9.115 1.083-18.432 4.058-19.05 13.06-.286 4.212 1.022 7.375 2.497 10.429-3.704-3.614-9.053-6.512-16.55-5.805 4.566 1.283 9.957 3.736 12.854 6.978.612.69 1.508 1.886 1.297 2.901-.35 1.711-3.532 1.362-5.458 1.455 3.994 1.585 8.458 4.443 14.152 4.257 2.846-.09 4.936-1.804 4.717-4.983-.401-5.712-4.645-10.594-5.09-17.049-.496-7.28 4.666-9.952 10.452-11.148.117.036.3 0 .348-.038.039-.027.003-.06-.156-.06h-.014z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"44.5","x2":"44.5","y1":"0","y2":"33.287","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#cf873c"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f2a842"},"children":[]}]}]},{"type":"path","props":{"fill":"#ffffff","d":"M10.99 37.57 7.282 48.051 3.94 38.768a1.72 1.72 0 0 0-1.514-1.199H0l.08.214a1.545 1.545 0 0 1 1.374 1.088L5.81 50.99h1.809l4.741-13.42h-1.368M16.378 49.517V37.755h-2.363v11.77s-.052 1.464 1.199 1.464h1.83v-.176s-.666-.125-.666-1.296M30.34 49.478V37.81l.008-.06h-1.307v9.814l-7.058-9.806h-3.376l.024.14a2.05 2.05 0 0 1 .727 1.798v10.919c0 .018.008.035.008.052v.107c0 .02-.008.044-.008.07v.15h1.312V39.849L28.7 50.99h2.369l-.013-.17a1.35 1.35 0 0 1-.717-1.34M36.711 37.755h-4.743l.018.14s.667.227.74 1.721v9.909s-.024 1.464 1.19 1.464h1.939v-.162a1.35 1.35 0 0 1-.749-1.302V44.8h2c.468.006 4.392.134 4.392-3.398 0-3.468-3.282-3.647-4.788-3.647zm-.116 5.935h-1.49v-4.807h1.558c1.362 0 2.46.342 2.46 2.516 0 2.101-1.663 2.29-2.533 2.29M50.906 49.617h-5.013v-4.694h5.248l.014-.068v-1.241l-.014-.07h-5.248v-4.416h4.265c.981 0 1.284.33 1.37.566h.208l-.242-1.392a1.26 1.26 0 0 0-1.176-.547h-7.569l.021.14s.702.238.74 1.86v11.234h7.502c.336.008.665-.1.931-.307l.203-1.641h-.166c-.16.616-.97.576-1.075.576M64.941 49.518l-3.263-10.253.063.197c-.284-.882-.465-1.44-.23-1.702l-.022-.147h-3.238l-2.168 6.596a4.3 4.3 0 0 1-2.887-.891l-.028.18c-.014-.008.603 1.208.63 1.233.58.411 1.253.673 1.959.763l-1.745 5.495.046-.006h1.412l1.764-5.398h2.754a1.42 1.42 0 0 1 1.49 1.03l.95 2.902s.393 1.466 1.43 1.466h1.86l-.008-.13c-.437-.215-.748-1.239-.773-1.336zm-5.03-5.304h-2.37l1.628-5.009 1.73 5.195a1.75 1.75 0 0 0-.976-.186M76.405 47.754a20 20 0 0 0-1.403-2.274 3.9 3.9 0 0 0-1.216-1.02 3.34 3.34 0 0 0 2.344-2.484 3.35 3.35 0 0 0-1.06-3.247 4.52 4.52 0 0 0-3.053-.978h-5.366l.024.14s.667.23.734 1.736v.384c0 .059.011.12.011.18v8.318c0 .058-.01.117-.01.176v2.305h2.367v-5.8h1.081c1.344 0 1.881.964 2.958 2.858a25 25 0 0 0 1.3 2.093 1.76 1.76 0 0 0 1.624.848h1.977v-.006l.007-.154c-.703-.186-1.331-1.346-2.324-3.077zm-4.736-3.97h-1.896V38.86h1.671a2.24 2.24 0 0 1 2.299 1.443c.115.304.163.63.14.954a2.304 2.304 0 0 1-2.213 2.522M88.973 49.617h-6.146l-.022-.012v-9.387c0-.107.011.367.011-.893 0-1.533-1.197-1.57-1.197-1.57h-1.933l.024.14s.641.214.731 1.638v.402c0 .039.008.08.008.115v8.35c0 .04-.008.074-.008.116v2.473h8.385L89 49.608z"},"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 Vinpearl = forwardRef(
   function Vinpearl({ 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 Vinpearl = 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/visual-studio-code.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"mask","props":{"id":"a","width":"100","height":"100","x":"0","y":"0","maskType":"alpha","maskUnits":"userSpaceOnUse"},"children":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M70.912 99.317a6.223 6.223 0 0 0 4.96-.19l20.589-9.907A6.25 6.25 0 0 0 100 83.587V16.413a6.25 6.25 0 0 0-3.54-5.632L75.874.874a6.226 6.226 0 0 0-7.104 1.21L29.355 38.04 12.187 25.01a4.162 4.162 0 0 0-5.318.236l-5.506 5.009a4.168 4.168 0 0 0-.004 6.162L16.247 50 1.36 63.583a4.168 4.168 0 0 0 .004 6.162l5.506 5.01a4.162 4.162 0 0 0 5.318.236l17.168-13.032L68.77 97.917a6.217 6.217 0 0 0 2.143 1.4ZM75.015 27.3 45.11 50l29.906 22.701V27.3Z","clipRule":"evenodd"},"children":[]}]},{"type":"g","props":{"mask":"url(#a)"},"children":[{"type":"path","props":{"fill":"#0065A9","d":"M96.461 10.796 75.857.876a6.23 6.23 0 0 0-7.107 1.207l-67.451 61.5a4.167 4.167 0 0 0 .004 6.162l5.51 5.009a4.167 4.167 0 0 0 5.32.236l81.228-61.62c2.725-2.067 6.639-.124 6.639 3.297v-.24a6.25 6.25 0 0 0-3.539-5.63Z"},"children":[]},{"type":"g","props":{"filter":"url(#b)"},"children":[{"type":"path","props":{"fill":"#007ACC","d":"m96.461 89.204-20.604 9.92a6.229 6.229 0 0 1-7.107-1.207l-67.451-61.5a4.167 4.167 0 0 1 .004-6.162l5.51-5.009a4.167 4.167 0 0 1 5.32-.236l81.228 61.62c2.725 2.067 6.639.124 6.639-3.297v.24a6.25 6.25 0 0 1-3.539 5.63Z"},"children":[]}]},{"type":"g","props":{"filter":"url(#c)"},"children":[{"type":"path","props":{"fill":"#1F9CF0","d":"M75.858 99.126a6.232 6.232 0 0 1-7.108-1.21c2.306 2.307 6.25.674 6.25-2.588V4.672c0-3.262-3.944-4.895-6.25-2.589a6.232 6.232 0 0 1 7.108-1.21l20.6 9.908A6.25 6.25 0 0 1 100 16.413v67.174a6.25 6.25 0 0 1-3.541 5.633l-20.601 9.906Z"},"children":[]}]},{"type":"path","props":{"fill":"url(#d)","fillRule":"evenodd","d":"M70.851 99.317a6.224 6.224 0 0 0 4.96-.19L96.4 89.22a6.25 6.25 0 0 0 3.54-5.633V16.413a6.25 6.25 0 0 0-3.54-5.632L75.812.874a6.226 6.226 0 0 0-7.104 1.21L29.294 38.04 12.126 25.01a4.162 4.162 0 0 0-5.317.236l-5.507 5.009a4.168 4.168 0 0 0-.004 6.162L16.186 50 1.298 63.583a4.168 4.168 0 0 0 .004 6.162l5.507 5.009a4.162 4.162 0 0 0 5.317.236L29.294 61.96l39.414 35.958a6.218 6.218 0 0 0 2.143 1.4ZM74.954 27.3 45.048 50l29.906 22.701V27.3Z","clipRule":"evenodd","opacity":".25","style":{"mixBlendMode":"overlay"}},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"b","width":"116.727","height":"92.246","x":"-8.394","y":"15.829","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"4.167"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"},"children":[]},{"type":"feBlend","props":{"in2":"BackgroundImageFix","mode":"overlay","result":"effect1_dropShadow"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"effect1_dropShadow","result":"shape"},"children":[]}]},{"type":"filter","props":{"id":"c","width":"47.917","height":"116.151","x":"60.417","y":"-8.076","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"4.167"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"},"children":[]},{"type":"feBlend","props":{"in2":"BackgroundImageFix","mode":"overlay","result":"effect1_dropShadow"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"effect1_dropShadow","result":"shape"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"49.939","x2":"49.939","y1":".258","y2":"99.742","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0"},"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 VisualStudioCode = react_1.forwardRef(function VisualStudioCode({ 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 VisualStudioCode = react_1.forwardRef(function VisualStudioCode({ variant
     ..._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/visual-studio-code.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 100 100","fill":"none","childNodes":[{"type":"mask","props":{"id":"a","width":"100","height":"100","x":"0","y":"0","maskType":"alpha","maskUnits":"userSpaceOnUse"},"children":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M70.912 99.317a6.223 6.223 0 0 0 4.96-.19l20.589-9.907A6.25 6.25 0 0 0 100 83.587V16.413a6.25 6.25 0 0 0-3.54-5.632L75.874.874a6.226 6.226 0 0 0-7.104 1.21L29.355 38.04 12.187 25.01a4.162 4.162 0 0 0-5.318.236l-5.506 5.009a4.168 4.168 0 0 0-.004 6.162L16.247 50 1.36 63.583a4.168 4.168 0 0 0 .004 6.162l5.506 5.01a4.162 4.162 0 0 0 5.318.236l17.168-13.032L68.77 97.917a6.217 6.217 0 0 0 2.143 1.4ZM75.015 27.3 45.11 50l29.906 22.701V27.3Z","clipRule":"evenodd"},"children":[]}]},{"type":"g","props":{"mask":"url(#a)"},"children":[{"type":"path","props":{"fill":"#0065A9","d":"M96.461 10.796 75.857.876a6.23 6.23 0 0 0-7.107 1.207l-67.451 61.5a4.167 4.167 0 0 0 .004 6.162l5.51 5.009a4.167 4.167 0 0 0 5.32.236l81.228-61.62c2.725-2.067 6.639-.124 6.639 3.297v-.24a6.25 6.25 0 0 0-3.539-5.63Z"},"children":[]},{"type":"g","props":{"filter":"url(#b)"},"children":[{"type":"path","props":{"fill":"#007ACC","d":"m96.461 89.204-20.604 9.92a6.229 6.229 0 0 1-7.107-1.207l-67.451-61.5a4.167 4.167 0 0 1 .004-6.162l5.51-5.009a4.167 4.167 0 0 1 5.32-.236l81.228 61.62c2.725 2.067 6.639.124 6.639-3.297v.24a6.25 6.25 0 0 1-3.539 5.63Z"},"children":[]}]},{"type":"g","props":{"filter":"url(#c)"},"children":[{"type":"path","props":{"fill":"#1F9CF0","d":"M75.858 99.126a6.232 6.232 0 0 1-7.108-1.21c2.306 2.307 6.25.674 6.25-2.588V4.672c0-3.262-3.944-4.895-6.25-2.589a6.232 6.232 0 0 1 7.108-1.21l20.6 9.908A6.25 6.25 0 0 1 100 16.413v67.174a6.25 6.25 0 0 1-3.541 5.633l-20.601 9.906Z"},"children":[]}]},{"type":"path","props":{"fill":"url(#d)","fillRule":"evenodd","d":"M70.851 99.317a6.224 6.224 0 0 0 4.96-.19L96.4 89.22a6.25 6.25 0 0 0 3.54-5.633V16.413a6.25 6.25 0 0 0-3.54-5.632L75.812.874a6.226 6.226 0 0 0-7.104 1.21L29.294 38.04 12.126 25.01a4.162 4.162 0 0 0-5.317.236l-5.507 5.009a4.168 4.168 0 0 0-.004 6.162L16.186 50 1.298 63.583a4.168 4.168 0 0 0 .004 6.162l5.507 5.009a4.162 4.162 0 0 0 5.317.236L29.294 61.96l39.414 35.958a6.218 6.218 0 0 0 2.143 1.4ZM74.954 27.3 45.048 50l29.906 22.701V27.3Z","clipRule":"evenodd","opacity":".25","style":{"mixBlendMode":"overlay"}},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"b","width":"116.727","height":"92.246","x":"-8.394","y":"15.829","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"4.167"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"},"children":[]},{"type":"feBlend","props":{"in2":"BackgroundImageFix","mode":"overlay","result":"effect1_dropShadow"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"effect1_dropShadow","result":"shape"},"children":[]}]},{"type":"filter","props":{"id":"c","width":"47.917","height":"116.151","x":"60.417","y":"-8.076","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"4.167"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"},"children":[]},{"type":"feBlend","props":{"in2":"BackgroundImageFix","mode":"overlay","result":"effect1_dropShadow"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"effect1_dropShadow","result":"shape"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"49.939","x2":"49.939","y1":".258","y2":"99.742","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0"},"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 VisualStudioCode = forwardRef(
   function VisualStudioCode({ 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 VisualStudioCode = 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/visual-studio.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 193 193","fill":"none","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"reuse-0","fill":"#fff","d":"M8.271 8.271h176.457v176.457H8.271z"},"children":[]}]},{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"g","props":{"clipPath":"url(#b)"},"children":[{"type":"mask","props":{"id":"c","width":"177","height":"177","x":"8","y":"8","maskUnits":"userSpaceOnUse","style":{"maskType":"alpha"}},"children":[{"type":"path","props":{"fill":"#fff","d":"m40.621 157.524-29.408-22.057a7.284 7.284 0 0 1-2.941-5.881V63.414a7.287 7.287 0 0 1 2.941-5.88l29.408-22.058a6.658 6.658 0 0 0-2.02 5.881v110.286a6.66 6.66 0 0 0 2.02 5.881Z"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M181.456 38.895a7.39 7.39 0 0 0-4.081-1.213 7.139 7.139 0 0 0-5.073 2.057l-.513.515L113.117 96.5l-32.462 31.137-30.034 28.784-.515.516a7.137 7.137 0 0 1-5.073 2.059 7.386 7.386 0 0 1-4.412-1.472l-29.408-22.057a7.346 7.346 0 0 0 9.998-1.103l32.644-37.9 26.8-31.1 46.946-54.52a7.238 7.238 0 0 1 5.55-2.572 7.385 7.385 0 0 1 4.08 1.213l44.225 29.41Z"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"m181.456 154.105-44.114 29.41a7.447 7.447 0 0 1-9.667-1.323l-47.02-54.555-26.8-31.173-32.644-37.867a7.386 7.386 0 0 0-9.998-1.064l29.408-22.057a7.39 7.39 0 0 1 4.411-1.472 7.132 7.132 0 0 1 5.074 2.06l.515.515 30.034 28.785L113.117 96.5l58.672 56.246.513.515a7.136 7.136 0 0 0 5.073 2.057 7.387 7.387 0 0 0 4.081-1.213Z"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M184.729 45.032v102.936a7.375 7.375 0 0 1-3.273 6.137l-44.114 29.41a7.38 7.38 0 0 0 3.272-6.14V15.625a7.44 7.44 0 0 0-3.383-6.14l44.225 29.41a7.419 7.419 0 0 1 3.273 6.137Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#c)"},"children":[{"type":"path","props":{"fill":"#5E438F","d":"m40.621 157.524-29.408-22.057a7.292 7.292 0 0 1-2.941-5.881V63.414a7.287 7.287 0 0 1 2.941-5.88l29.408-22.058a6.658 6.658 0 0 0-2.02 5.881v110.286a6.66 6.66 0 0 0 2.02 5.881Z"},"children":[]},{"type":"g","props":{"filter":"url(#d)"},"children":[{"type":"path","props":{"fill":"url(#e)","d":"M181.455 38.895a7.385 7.385 0 0 0-4.08-1.213 7.147 7.147 0 0 0-5.073 2.057l-.513.515-31.25 29.962L113.117 96.5l-32.463 31.137-30.033 28.784-.516.516a7.137 7.137 0 0 1-5.073 2.059 7.386 7.386 0 0 1-4.411-1.472l-29.408-22.057a7.346 7.346 0 0 0 9.997-1.103l16.471-19.115 16.174-18.785 26.8-31.1 46.945-54.52a7.251 7.251 0 0 1 5.55-2.572 7.39 7.39 0 0 1 4.081 1.213l44.224 29.41Z"},"children":[]}]},{"type":"g","props":{"filter":"url(#f)"},"children":[{"type":"path","props":{"fill":"url(#g)","d":"m181.455 154.105-44.114 29.411a7.443 7.443 0 0 1-9.666-1.324l-47.02-54.555-26.8-31.173-16.173-18.748L21.21 58.598a7.387 7.387 0 0 0-9.997-1.065L40.62 35.477a7.389 7.389 0 0 1 4.411-1.472 7.128 7.128 0 0 1 5.073 2.06l.516.515 30.033 28.785L113.117 96.5l27.461 26.323 31.211 29.923.513.516a7.155 7.155 0 0 0 5.073 2.056 7.382 7.382 0 0 0 4.08-1.213Z"},"children":[]}]},{"type":"g","props":{"filter":"url(#h)"},"children":[{"type":"path","props":{"fill":"url(#i)","d":"M184.729 45.032v102.935a7.38 7.38 0 0 1-3.273 6.138l-44.115 29.41a7.383 7.383 0 0 0 3.273-6.14V15.625a7.44 7.44 0 0 0-3.383-6.14l44.225 29.41a7.428 7.428 0 0 1 3.273 6.137Z"},"children":[]}]}]}]}]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"e","x1":"151.642","x2":"20.614","y1":"8.271","y2":"140.148","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#7252AA"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#7252AA"},"children":[]}]},{"type":"linearGradient","props":{"id":"g","x1":"24.814","x2":"147.966","y1":"40.437","y2":"178.293","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#AE7FE2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9A70D4"},"children":[]}]},{"type":"linearGradient","props":{"id":"i","x1":"160.457","x2":"160.457","y1":"5.936","y2":"183.367","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D59DFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#C18EF1"},"children":[]}]},{"type":"filter","props":{"id":"d","width":"180.604","height":"161.087","x":"6.032","y":"4.386","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{"dy":".246"},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":".246"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"},"children":[]},{"type":"feBlend","props":{"in2":"BackgroundImageFix","result":"effect1_dropShadow"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{"dy":"1.295"},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"2.59"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"},"children":[]},{"type":"feBlend","props":{"in2":"effect1_dropShadow","result":"effect2_dropShadow"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"effect2_dropShadow","result":"shape"},"children":[]}]},{"type":"filter","props":{"id":"f","width":"180.604","height":"161.085","x":"6.032","y":"30.118","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{"dy":".246"},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":".246"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"},"children":[]},{"type":"feBlend","props":{"in2":"BackgroundImageFix","result":"effect1_dropShadow"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{"dy":"1.295"},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"2.59"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"},"children":[]},{"type":"feBlend","props":{"in2":"effect1_dropShadow","result":"effect2_dropShadow"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"effect2_dropShadow","result":"shape"},"children":[]}]},{"type":"filter","props":{"id":"h","width":"78.583","height":"205.117","x":"121.688","y":"-6.059","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":".13"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"},"children":[]},{"type":"feBlend","props":{"in2":"BackgroundImageFix","result":"effect1_dropShadow"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"7.771"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"},"children":[]},{"type":"feBlend","props":{"in2":"effect1_dropShadow","result":"effect2_dropShadow"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"effect2_dropShadow","result":"shape"},"children":[]}]},{"type":"clipPath","props":{"id":"a"},"children":[{"type":"use","props":{"href":"#reuse-0"},"children":[]}]},{"type":"clipPath","props":{"id":"b"},"children":[{"type":"use","props":{"href":"#reuse-0"},"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 VisualStudio = react_1.forwardRef(function VisualStudio({ 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 VisualStudio = react_1.forwardRef(function VisualStudio({ 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));
       })
   );
 });

package/dist/visual-studio.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 193 193","fill":"none","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"reuse-0","fill":"#fff","d":"M8.271 8.271h176.457v176.457H8.271z"},"children":[]}]},{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"g","props":{"clipPath":"url(#b)"},"children":[{"type":"mask","props":{"id":"c","width":"177","height":"177","x":"8","y":"8","maskUnits":"userSpaceOnUse","style":{"maskType":"alpha"}},"children":[{"type":"path","props":{"fill":"#fff","d":"m40.621 157.524-29.408-22.057a7.284 7.284 0 0 1-2.941-5.881V63.414a7.287 7.287 0 0 1 2.941-5.88l29.408-22.058a6.658 6.658 0 0 0-2.02 5.881v110.286a6.66 6.66 0 0 0 2.02 5.881Z"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M181.456 38.895a7.39 7.39 0 0 0-4.081-1.213 7.139 7.139 0 0 0-5.073 2.057l-.513.515L113.117 96.5l-32.462 31.137-30.034 28.784-.515.516a7.137 7.137 0 0 1-5.073 2.059 7.386 7.386 0 0 1-4.412-1.472l-29.408-22.057a7.346 7.346 0 0 0 9.998-1.103l32.644-37.9 26.8-31.1 46.946-54.52a7.238 7.238 0 0 1 5.55-2.572 7.385 7.385 0 0 1 4.08 1.213l44.225 29.41Z"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"m181.456 154.105-44.114 29.41a7.447 7.447 0 0 1-9.667-1.323l-47.02-54.555-26.8-31.173-32.644-37.867a7.386 7.386 0 0 0-9.998-1.064l29.408-22.057a7.39 7.39 0 0 1 4.411-1.472 7.132 7.132 0 0 1 5.074 2.06l.515.515 30.034 28.785L113.117 96.5l58.672 56.246.513.515a7.136 7.136 0 0 0 5.073 2.057 7.387 7.387 0 0 0 4.081-1.213Z"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M184.729 45.032v102.936a7.375 7.375 0 0 1-3.273 6.137l-44.114 29.41a7.38 7.38 0 0 0 3.272-6.14V15.625a7.44 7.44 0 0 0-3.383-6.14l44.225 29.41a7.419 7.419 0 0 1 3.273 6.137Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#c)"},"children":[{"type":"path","props":{"fill":"#5E438F","d":"m40.621 157.524-29.408-22.057a7.292 7.292 0 0 1-2.941-5.881V63.414a7.287 7.287 0 0 1 2.941-5.88l29.408-22.058a6.658 6.658 0 0 0-2.02 5.881v110.286a6.66 6.66 0 0 0 2.02 5.881Z"},"children":[]},{"type":"g","props":{"filter":"url(#d)"},"children":[{"type":"path","props":{"fill":"url(#e)","d":"M181.455 38.895a7.385 7.385 0 0 0-4.08-1.213 7.147 7.147 0 0 0-5.073 2.057l-.513.515-31.25 29.962L113.117 96.5l-32.463 31.137-30.033 28.784-.516.516a7.137 7.137 0 0 1-5.073 2.059 7.386 7.386 0 0 1-4.411-1.472l-29.408-22.057a7.346 7.346 0 0 0 9.997-1.103l16.471-19.115 16.174-18.785 26.8-31.1 46.945-54.52a7.251 7.251 0 0 1 5.55-2.572 7.39 7.39 0 0 1 4.081 1.213l44.224 29.41Z"},"children":[]}]},{"type":"g","props":{"filter":"url(#f)"},"children":[{"type":"path","props":{"fill":"url(#g)","d":"m181.455 154.105-44.114 29.411a7.443 7.443 0 0 1-9.666-1.324l-47.02-54.555-26.8-31.173-16.173-18.748L21.21 58.598a7.387 7.387 0 0 0-9.997-1.065L40.62 35.477a7.389 7.389 0 0 1 4.411-1.472 7.128 7.128 0 0 1 5.073 2.06l.516.515 30.033 28.785L113.117 96.5l27.461 26.323 31.211 29.923.513.516a7.155 7.155 0 0 0 5.073 2.056 7.382 7.382 0 0 0 4.08-1.213Z"},"children":[]}]},{"type":"g","props":{"filter":"url(#h)"},"children":[{"type":"path","props":{"fill":"url(#i)","d":"M184.729 45.032v102.935a7.38 7.38 0 0 1-3.273 6.138l-44.115 29.41a7.383 7.383 0 0 0 3.273-6.14V15.625a7.44 7.44 0 0 0-3.383-6.14l44.225 29.41a7.428 7.428 0 0 1 3.273 6.137Z"},"children":[]}]}]}]}]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"e","x1":"151.642","x2":"20.614","y1":"8.271","y2":"140.148","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#7252AA"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#7252AA"},"children":[]}]},{"type":"linearGradient","props":{"id":"g","x1":"24.814","x2":"147.966","y1":"40.437","y2":"178.293","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#AE7FE2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9A70D4"},"children":[]}]},{"type":"linearGradient","props":{"id":"i","x1":"160.457","x2":"160.457","y1":"5.936","y2":"183.367","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D59DFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#C18EF1"},"children":[]}]},{"type":"filter","props":{"id":"d","width":"180.604","height":"161.087","x":"6.032","y":"4.386","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{"dy":".246"},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":".246"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"},"children":[]},{"type":"feBlend","props":{"in2":"BackgroundImageFix","result":"effect1_dropShadow"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{"dy":"1.295"},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"2.59"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"},"children":[]},{"type":"feBlend","props":{"in2":"effect1_dropShadow","result":"effect2_dropShadow"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"effect2_dropShadow","result":"shape"},"children":[]}]},{"type":"filter","props":{"id":"f","width":"180.604","height":"161.085","x":"6.032","y":"30.118","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{"dy":".246"},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":".246"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"},"children":[]},{"type":"feBlend","props":{"in2":"BackgroundImageFix","result":"effect1_dropShadow"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{"dy":"1.295"},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"2.59"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"},"children":[]},{"type":"feBlend","props":{"in2":"effect1_dropShadow","result":"effect2_dropShadow"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"effect2_dropShadow","result":"shape"},"children":[]}]},{"type":"filter","props":{"id":"h","width":"78.583","height":"205.117","x":"121.688","y":"-6.059","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":".13"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"},"children":[]},{"type":"feBlend","props":{"in2":"BackgroundImageFix","result":"effect1_dropShadow"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"7.771"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"},"children":[]},{"type":"feBlend","props":{"in2":"effect1_dropShadow","result":"effect2_dropShadow"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"effect2_dropShadow","result":"shape"},"children":[]}]},{"type":"clipPath","props":{"id":"a"},"children":[{"type":"use","props":{"href":"#reuse-0"},"children":[]}]},{"type":"clipPath","props":{"id":"b"},"children":[{"type":"use","props":{"href":"#reuse-0"},"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 VisualStudio = forwardRef(
   function VisualStudio({ 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 VisualStudio = 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/vite.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 48 46","fill":"none","childNodes":[{"type":"path","props":{"fill":"#863bff","d":"M25.946 44.938c-.664.845-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.287c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.497 0-3.578-1.842-3.578H1.237c-.92 0-1.456-1.04-.92-1.788L10.013.474c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.579 1.842 3.579h11.377c.943 0 1.473 1.088.89 1.83L25.947 44.94z","style":{"fill":"color(display-p3 .5252 .23 1)","fillOpacity":"1"}},"children":[]},{"type":"mask","props":{"id":"mask0_2002_17158","width":"48","height":"46","x":"0","y":"0","maskUnits":"userSpaceOnUse","style":{"maskType":"alpha"}},"children":[{"type":"path","props":{"fill":"#000","d":"M25.842 44.938c-.664.844-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.183c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.498 0-3.579-1.842-3.579H1.133c-.92 0-1.456-1.04-.92-1.787L9.91.473c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.578 1.842 3.578h11.377c.943 0 1.473 1.088.89 1.832L25.843 44.94z","style":{"fill":"#000","fillOpacity":"1"}},"children":[]}]},{"type":"g","props":{"mask":"url(#mask0_2002_17158)"},"children":[{"type":"g","props":{"filter":"url(#filter0_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"5.508","cy":"14.704","fill":"#ede6ff","rx":"5.508","ry":"14.704","style":{"fill":"color(display-p3 .9275 .9033 1)","fillOpacity":"1"},"transform":"matrix(.00324 1 1 -.00324 -4.47 31.516)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter1_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"10.399","cy":"29.851","fill":"#ede6ff","rx":"10.399","ry":"29.851","style":{"fill":"color(display-p3 .9275 .9033 1)","fillOpacity":"1"},"transform":"matrix(.00324 1 1 -.00324 -39.328 7.883)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter2_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"5.508","cy":"30.487","fill":"#7e14ff","rx":"5.508","ry":"30.487","style":{"fill":"color(display-p3 .4922 .0767 1)","fillOpacity":"1"},"transform":"rotate(89.814 -25.913 -14.639)scale(1 -1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter3_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"5.508","cy":"30.599","fill":"#7e14ff","rx":"5.508","ry":"30.599","style":{"fill":"color(display-p3 .4922 .0767 1)","fillOpacity":"1"},"transform":"rotate(89.814 -32.644 -3.334)scale(1 -1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter4_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"5.508","cy":"30.599","fill":"#7e14ff","rx":"5.508","ry":"30.599","style":{"fill":"color(display-p3 .4922 .0767 1)","fillOpacity":"1"},"transform":"rotate(89.814 -32.454 -1.99)scale(1 -1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter5_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"14.072","cy":"22.078","fill":"#ede6ff","rx":"14.072","ry":"22.078","style":{"fill":"color(display-p3 .9275 .9033 1)","fillOpacity":"1"},"transform":"rotate(93.35 24.506 48.493)scale(-1 1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter6_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"3.47","cy":"21.501","fill":"#7e14ff","rx":"3.47","ry":"21.501","style":{"fill":"color(display-p3 .4922 .0767 1)","fillOpacity":"1"},"transform":"rotate(89.009 28.708 47.59)scale(-1 1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter7_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"3.47","cy":"21.501","fill":"#7e14ff","rx":"3.47","ry":"21.501","style":{"fill":"color(display-p3 .4922 .0767 1)","fillOpacity":"1"},"transform":"rotate(89.009 28.708 47.59)scale(-1 1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter8_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":".387","cy":"8.972","fill":"#7e14ff","rx":"4.407","ry":"29.108","style":{"fill":"color(display-p3 .4922 .0767 1)","fillOpacity":"1"},"transform":"rotate(39.51 .387 8.972)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter9_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"47.523","cy":"-6.092","fill":"#7e14ff","rx":"4.407","ry":"29.108","style":{"fill":"color(display-p3 .4922 .0767 1)","fillOpacity":"1"},"transform":"rotate(37.892 47.523 -6.092)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter10_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"41.412","cy":"6.333","fill":"#47bfff","rx":"5.971","ry":"9.665","style":{"fill":"color(display-p3 .2799 .748 1)","fillOpacity":"1"},"transform":"rotate(37.892 41.412 6.333)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter11_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"-1.879","cy":"38.332","fill":"#7e14ff","rx":"4.407","ry":"29.108","style":{"fill":"color(display-p3 .4922 .0767 1)","fillOpacity":"1"},"transform":"rotate(37.892 -1.88 38.332)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter12_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"-1.879","cy":"38.332","fill":"#7e14ff","rx":"4.407","ry":"29.108","style":{"fill":"color(display-p3 .4922 .0767 1)","fillOpacity":"1"},"transform":"rotate(37.892 -1.88 38.332)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter13_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"35.651","cy":"29.907","fill":"#7e14ff","rx":"4.407","ry":"29.108","style":{"fill":"color(display-p3 .4922 .0767 1)","fillOpacity":"1"},"transform":"rotate(37.892 35.651 29.907)"},"children":[]}]},{"type":"g","props":{"filter":"url(#filter14_f_2002_17158)"},"children":[{"type":"ellipse","props":{"cx":"38.418","cy":"32.4","fill":"#47bfff","rx":"5.971","ry":"15.297","style":{"fill":"color(display-p3 .2799 .748 1)","fillOpacity":"1"},"transform":"rotate(37.892 38.418 32.4)"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"filter0_f_2002_17158","width":"60.045","height":"41.654","x":"-19.77","y":"16.149","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"7.659"},"children":[]}]},{"type":"filter","props":{"id":"filter1_f_2002_17158","width":"90.34","height":"51.437","x":"-54.613","y":"-7.533","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"7.659"},"children":[]}]},{"type":"filter","props":{"id":"filter2_f_2002_17158","width":"79.355","height":"29.4","x":"-49.64","y":"2.03","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter3_f_2002_17158","width":"79.579","height":"29.4","x":"-45.045","y":"20.029","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter4_f_2002_17158","width":"79.579","height":"29.4","x":"-43.513","y":"21.178","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter5_f_2002_17158","width":"74.749","height":"58.852","x":"15.756","y":"-17.901","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"7.659"},"children":[]}]},{"type":"filter","props":{"id":"filter6_f_2002_17158","width":"61.377","height":"25.362","x":"23.548","y":"2.284","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter7_f_2002_17158","width":"61.377","height":"25.362","x":"23.548","y":"2.284","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter8_f_2002_17158","width":"56.045","height":"63.649","x":"-27.636","y":"-22.853","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter9_f_2002_17158","width":"54.814","height":"64.646","x":"20.116","y":"-38.415","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter10_f_2002_17158","width":"33.541","height":"35.313","x":"24.641","y":"-11.323","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter11_f_2002_17158","width":"54.814","height":"64.646","x":"-29.286","y":"6.009","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter12_f_2002_17158","width":"54.814","height":"64.646","x":"-29.286","y":"6.009","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter13_f_2002_17158","width":"54.814","height":"64.646","x":"8.244","y":"-2.416","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]},{"type":"filter","props":{"id":"filter14_f_2002_17158","width":"39.409","height":"43.623","x":"18.713","y":"10.588","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_2002_17158","stdDeviation":"4.596"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Vite"]},{"type":"path","props":{"d":"M13.056 23.238a.57.57 0 0 1-1.02-.355v-5.202c0-.63-.512-1.143-1.144-1.143H5.148a.57.57 0 0 1-.464-.903l3.777-5.29c.54-.753 0-1.804-.93-1.804H.57a.574.574 0 0 1-.543-.746.6.6 0 0 1 .08-.157L5.008.78a.57.57 0 0 1 .467-.24h14.589a.57.57 0 0 1 .466.903l-3.778 5.29c-.54.755 0 1.806.93 1.806h5.745c.238 0 .424.138.513.322a.56.56 0 0 1-.063.603z"},"children":[]}]},"wordmark":{"viewBox":"0 0 512 89","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#863bff","d":"M443.247 86.67c-1.258 1.601-3.831.711-3.831-1.324V65.81a4.287 4.287 0 0 0-4.289-4.288h-21.57c-1.744 0-2.761-1.973-1.744-3.391l14.181-19.855c2.031-2.839 0-6.784-3.492-6.784h-26.105c-1.744 0-2.76-1.973-1.744-3.39l18.385-25.741a2.15 2.15 0 0 1 1.744-.899h54.786c1.745 0 2.761 1.973 1.745 3.39l-14.182 19.855c-2.03 2.839 0 6.785 3.492 6.785h21.571c1.789 0 2.794 2.062 1.687 3.472l-40.63 51.71z"},"children":[]},{"type":"g","props":{"mask":"url(#SVGWjqK4PPp)","transform":"scale(5.91448)"},"children":[{"type":"g","props":{"filter":"url(#SVGmX3zpMRg)"},"children":[{"type":"ellipse","props":{"cx":"1.766","cy":"4.714","fill":"#ede6ff","rx":"1.766","ry":"4.714","transform":"rotate(89.814 27.404 37.877)scale(1 -1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGcJ29kbQq)"},"children":[{"type":"ellipse","props":{"cx":"3.334","cy":"9.57","fill":"#ede6ff","rx":"3.334","ry":"9.57","transform":"rotate(89.814 25.617 28.483)scale(1 -1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGVCXNebsq)"},"children":[{"type":"ellipse","props":{"cx":"1.766","cy":"9.774","fill":"#7e14ff","rx":"1.766","ry":"9.774","transform":"rotate(89.814 24.881 28.851)scale(1 -1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGlqmj1bXe)"},"children":[{"type":"ellipse","props":{"cx":"1.766","cy":"9.81","fill":"#7e14ff","rx":"1.766","ry":"9.81","transform":"rotate(89.814 22.723 32.475)scale(1 -1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGAOYyZbsn)"},"children":[{"type":"ellipse","props":{"cx":"1.766","cy":"9.81","fill":"#7e14ff","rx":"1.766","ry":"9.81","transform":"rotate(269.814 32.8 -22.71)scale(-1 1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVG9lzppdfc)"},"children":[{"type":"ellipse","props":{"cx":"4.511","cy":"7.078","fill":"#ede6ff","rx":"4.511","ry":"7.078","transform":"rotate(93.35 41.053 47.09)scale(-1 1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGXy1VtbHF)"},"children":[{"type":"ellipse","props":{"cx":"1.113","cy":"6.893","fill":"#7e14ff","rx":"1.113","ry":"6.893","transform":"rotate(89.009 42.39 49.274)scale(-1 1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGXy1VtbHF)"},"children":[{"type":"ellipse","props":{"cx":"1.113","cy":"6.893","fill":"#7e14ff","rx":"1.113","ry":"6.893","transform":"rotate(89.009 42.39 49.274)scale(-1 1)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGCrXwx8yF)"},"children":[{"type":"ellipse","props":{"cx":"66.749","cy":"3.123","fill":"#7e14ff","rx":"1.413","ry":"9.332","transform":"rotate(39.51 66.749 3.123)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGaqs06dsX)"},"children":[{"type":"ellipse","props":{"cx":"81.86","cy":"-1.706","fill":"#7e14ff","rx":"1.413","ry":"9.332","transform":"rotate(37.892 81.86 -1.706)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGfqIWhbIE)"},"children":[{"type":"ellipse","props":{"cx":"79.902","cy":"2.278","fill":"#47bfff","rx":"1.914","ry":"3.099","transform":"rotate(37.892 79.902 2.278)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGWR8qqdsg)"},"children":[{"type":"ellipse","props":{"cx":"66.022","cy":"12.536","fill":"#7e14ff","rx":"1.413","ry":"9.332","transform":"rotate(37.892 66.022 12.536)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGWR8qqdsg)"},"children":[{"type":"ellipse","props":{"cx":"66.022","cy":"12.536","fill":"#7e14ff","rx":"1.413","ry":"9.332","transform":"rotate(37.892 66.022 12.536)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVG28PygE8I)"},"children":[{"type":"ellipse","props":{"cx":"78.055","cy":"9.835","fill":"#7e14ff","rx":"1.413","ry":"9.332","transform":"rotate(37.892 78.055 9.835)"},"children":[]}]},{"type":"g","props":{"filter":"url(#SVGchG4vbgu)"},"children":[{"type":"ellipse","props":{"cx":"78.941","cy":"10.634","fill":"#47bfff","rx":"1.914","ry":"4.904","transform":"rotate(37.892 78.941 10.634)"},"children":[]}]}]},{"type":"path","props":{"fill":"#08060d","d":"M380.239 0c-17.442 24.965-17.543 63.662 0 88.717h11.784c-17.539-25.055-17.438-63.752 0-88.717zm118.364 0h-11.784c17.44 24.965 17.543 63.662 0 88.717h11.784c17.538-25.055 17.436-63.752 0-88.717M54.039 63.226l22.3-61.755h30.514L73.03 87.248H33.818L0 1.471h31.369zm92.391 24.022h-29.405V1.471h29.405zm106.813-64.701H220.28v64.701h-29.411V22.547h-32.963V1.471h95.337zm96.15-.243H294.13v11.517h54.403v20.216H294.13v12.378h56.858v20.833h-86.269V1.471h84.674z"},"children":[]},{"type":"mask","props":{"id":"SVGWjqK4PPp","width":"16","height":"15","x":"66","y":"0","maskUnits":"userSpaceOnUse","style":{"maskType":"alpha"}},"children":[{"type":"path","props":{"d":"M74.91 14.654a.363.363 0 0 1-.648-.224v-3.303c0-.4-.325-.725-.725-.725H69.89c-.295 0-.467-.334-.295-.573l2.397-3.357a.725.725 0 0 0-.59-1.148h-4.414a.362.362 0 0 1-.295-.573L69.802.4a.36.36 0 0 1 .295-.152h9.263c.295 0 .467.334.295.573l-2.398 3.357a.725.725 0 0 0 .59 1.147h3.648c.302 0 .472.35.285.587z"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"SVGmX3zpMRg","width":"19.25","height":"13.354","x":"60.287","y":"5.424","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"2.455"},"children":[]}]},{"type":"filter","props":{"id":"SVGcJ29kbQq","width":"28.962","height":"16.49","x":"49.116","y":"-2.168","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"2.455"},"children":[]}]},{"type":"filter","props":{"id":"SVGVCXNebsq","width":"25.44","height":"9.425","x":"50.711","y":".898","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"1.473"},"children":[]}]},{"type":"filter","props":{"id":"SVGlqmj1bXe","width":"25.512","height":"9.425","x":"52.184","y":"6.668","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"1.473"},"children":[]}]},{"type":"filter","props":{"id":"SVGAOYyZbsn","width":"25.512","height":"9.425","x":"52.675","y":"7.037","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"1.473"},"children":[]}]},{"type":"filter","props":{"id":"SVG9lzppdfc","width":"23.963","height":"18.867","x":"71.677","y":"-5.492","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"2.455"},"children":[]}]},{"type":"filter","props":{"id":"SVGXy1VtbHF","width":"19.676","height":"8.131","x":"74.174","y":".979","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"1.473"},"children":[]}]},{"type":"filter","props":{"id":"SVGCrXwx8yF","width":"17.967","height":"20.405","x":"57.765","y":"-7.079","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"1.473"},"children":[]}]},{"type":"filter","props":{"id":"SVGaqs06dsX","width":"17.573","height":"20.725","x":"73.074","y":"-12.068","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"1.473"},"children":[]}]},{"type":"filter","props":{"id":"SVGfqIWhbIE","width":"10.754","height":"11.321","x":"74.525","y":"-3.383","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"1.473"},"children":[]}]},{"type":"filter","props":{"id":"SVGWR8qqdsg","width":"17.573","height":"20.725","x":"57.236","y":"2.174","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"1.473"},"children":[]}]},{"type":"filter","props":{"id":"SVG28PygE8I","width":"17.573","height":"20.725","x":"69.268","y":"-.527","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"1.473"},"children":[]}]},{"type":"filter","props":{"id":"SVGchG4vbgu","width":"12.634","height":"13.985","x":"72.624","y":"3.642","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_242_20653","stdDeviation":"1.473"},"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 Vite = react_1.forwardRef(function Vite({ 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 Vite = react_1.forwardRef(function Vite({ 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));
       })
   );
 });