@thesvg/react 3.2.2 → 3.2.4

package/dist/vanio.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 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Vanio Informatika"]},{"type":"path","props":{"id":"Rounded-Rectangle","fill":"#65a0dc","fillRule":"evenodd","stroke":"none","d":"M 1.429688 19.570313 C 1.429688 21.227167 2.772833 22.570313 4.429688 22.570313 L 19.546875 22.570313 C 21.20373 22.570313 22.546875 21.227167 22.546875 19.570313 L 22.546875 4.453125 C 22.546875 2.79627 21.20373 1.453125 19.546875 1.453125 L 4.429688 1.453125 C 2.772833 1.453125 1.429688 2.79627 1.429688 4.453125 Z"},"children":[]},{"type":"path","props":{"id":"V","fill":"#ffffff","fillRule":"evenodd","stroke":"none","d":"M 10.897531 18.219238 C 10.00238 16.285711 9.140064 14.262699 8.310555 12.15014 C 7.481049 10.037584 6.708246 7.925056 5.992125 5.8125 L 8.480633 5.8125 C 8.767082 6.647974 9.059494 7.501339 9.357878 8.372619 C 9.656262 9.243902 9.95464 10.100252 10.253026 10.941691 C 10.55141 11.783134 10.84979 12.597711 11.148173 13.385444 C 11.446556 14.173177 11.738968 14.895257 12.025415 15.551702 C 12.299932 14.895257 12.586373 14.176161 12.884759 13.394396 C 13.183141 12.612629 13.484505 11.798057 13.788858 10.950645 C 14.093207 10.103234 14.394571 9.243902 14.692957 8.372619 C 14.991339 7.501339 15.277784 6.647974 15.552297 5.8125 L 17.969194 5.8125 C 17.241138 7.925056 16.465349 10.037584 15.641811 12.15014 C 14.818274 14.262699 13.958941 16.285711 13.063788 18.219238 Z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Vanio Informatika"]},{"type":"path","props":{"id":"Rounded-Rectangle","fill":"currentColor","fillRule":"evenodd","stroke":"none","d":"M 4.429688 22.570313 C 2.772833 22.570313 1.429688 21.227167 1.429688 19.570313 L 1.429688 4.453125 C 1.429688 2.79627 2.772833 1.453125 4.429688 1.453125 L 19.546875 1.453125 C 21.20373 1.453125 22.546875 2.79627 22.546875 4.453125 L 22.546875 19.570313 C 22.546875 21.227167 21.20373 22.570313 19.546875 22.570313 L 4.429688 22.570313 Z M 8.310555 12.15014 C 9.140064 14.262699 10.00238 16.285711 10.897531 18.219238 L 13.063788 18.219238 C 13.958941 16.285711 14.818274 14.262699 15.641811 12.15014 C 16.465349 10.037584 17.241138 7.925056 17.969194 5.8125 L 15.552297 5.8125 C 15.277784 6.647974 14.991339 7.501339 14.692957 8.372619 C 14.394571 9.243902 14.093207 10.103234 13.788858 10.950645 C 13.484505 11.798057 13.183141 12.612629 12.884759 13.394396 C 12.586373 14.176161 12.299932 14.895257 12.025415 15.551702 C 11.738968 14.895257 11.446556 14.173177 11.148173 13.385444 C 10.84979 12.597711 10.55141 11.783134 10.253026 10.941691 C 9.95464 10.100252 9.656262 9.243902 9.357878 8.372619 C 9.059494 7.501339 8.767082 6.647974 8.480633 5.8125 L 5.992125 5.8125 C 6.708246 7.925056 7.481049 10.037584 8.310555 12.15014 Z"},"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 Vanio = forwardRef(
   function Vanio({ 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 Vanio = 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/velero.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 200 200","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs1"},"children":[]},{"type":"title","props":{"id":"title1"},"children":["velero"]},{"type":"g","props":{"id":"path14","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,145.2828 c -4.34533,0 -6.42933,1.6532 -8.84133,3.56774 -2.61867,2.08013 -5.58934,4.43586 -11.32826,4.43586 -5.7396,0 -8.70894,-2.35573 -11.32813,-4.43586 -2.41147,-1.91454 -4.4948,-3.56774 -8.83854,-3.56774 -4.34533,0 -6.42867,1.6532 -8.84013,3.56774 -2.61987,2.08013 -5.58854,4.43586 -11.32814,4.43586 -5.7396,0 -8.70839,-2.35573 -11.3276,-4.43586 -2.412,-1.91454 -4.49534,-3.56774 -8.83906,-3.56774 -4.34372,0 -6.42654,1.6532 -8.83854,3.56774 a 19.10381,19.10381 0 0 1 -6.38026,3.71453 69.69708,69.69708 0 0 0 40.34333,17.17507 c 0.41813,0.0344 0.838,0.0677 1.2588,0.0959 1.5052,0.0973 3.0192,0.164 4.54893,0.164 1.53027,0 3.04427,-0.0667 4.54947,-0.164 0.4208,-0.0281 0.8396,-0.0615 1.25946,-0.0959 a 69.87987,69.87987 0 0 0 47.17,-24.06667 12.79175,12.79175 0 0 0 -3.24,-0.39066","id":"path1"},"children":[]}]},{"type":"g","props":{"id":"path16","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 52.412,93.07081 c 4.724,0 7.05253,-1.84787 9.51773,-3.8052 2.60053,-2.06454 5.2896,-4.19947 10.6484,-4.19947 5.3588,0 8.04787,2.13494 10.64893,4.19947 2.46507,1.95733 4.7932,3.8052 9.51774,3.8052 4.72454,0 7.05253,-1.84787 9.51827,-3.8052 2.60053,-2.06454 5.29,-4.19947 10.65,-4.19947 5.35774,0 8.04787,2.13494 10.6484,4.19947 2.46454,1.95733 4.79267,3.8052 9.51827,3.8052 4.7256,0 7.0536,-1.84787 9.51893,-3.8052 2.6,-2.06454 5.29067,-4.19947 10.65067,-4.19947 5.35865,0 8.04933,2.13494 10.65066,4.19947 2.41734,1.91933 4.71867,3.724 9.264,3.79226 a 69.43253,69.43253 0 0 0 -4.39067,-18.32346 17.91343,17.91343 0 0 1 -5.77867,-3.43026 c -2.51733,-1.99733 -4.89332,-3.8844 -9.74532,-3.8844 -4.852,0 -7.22933,1.88707 -9.74533,3.8844 -2.55334,2.02613 -5.192,4.1204 -10.42427,4.1204 -5.23227,0 -7.87133,-2.0948 -10.42347,-4.1204 -2.5156,-1.99733 -4.89227,-3.8844 -9.7432,-3.8844 -4.8516,0 -7.22919,1.88707 -9.74479,3.8844 -2.55267,2.02613 -5.19121,4.1204 -10.42347,4.1204 -5.23173,0 -7.87027,-2.0948 -10.42241,-4.1204 -2.51613,-1.99733 -4.89267,-3.8844 -9.74427,-3.8844 -4.85106,0 -7.2276,1.88707 -9.7432,3.8844 -2.55266,2.0256 -5.1912,4.1204 -10.42293,4.1204 -5.23227,0 -7.8708,-2.0948 -10.42293,-4.1204 -0.5656,-0.44946 -1.1276,-0.8896 -1.7088,-1.3072 A 69.42817,69.42817 0 0 0 35.07346,85.314 c 3.552,0.6032 5.7276,2.29014 7.82026,3.9516 2.46507,1.95734 4.79374,3.8052 9.51827,3.8052","id":"path2"},"children":[]}]},{"type":"g","props":{"id":"path18","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 52.412,74.3328 c 4.85106,0 7.22813,-1.88693 9.74373,-3.88387 2.55213,-2.02546 5.19067,-4.12093 10.4224,-4.12093 5.23173,0 7.87026,2.09547 10.4224,4.12093 2.51667,1.99693 4.89267,3.88387 9.74427,3.88387 4.8516,0 7.22814,-1.88693 9.7448,-3.88387 2.55214,-2.02546 5.19014,-4.12093 10.42347,-4.12093 5.23173,0 7.8692,2.09547 10.42187,4.12093 2.51667,1.99693 4.8932,3.88387 9.7448,3.88387 4.85093,0 7.22826,-1.88693 9.74426,-3.88387 2.55334,-2.02546 5.192,-4.12093 10.42534,-4.12093 5.232,0 7.872,2.09547 10.424,4.12093 a 18.94339,18.94339 0 0 0 4.56133,2.92293 A 69.97149,69.97149 0 0 0 40.7708,69.0036 c 0.65987,0.46613 1.28187,0.95734 1.8964,1.44534 2.51666,1.99693 4.8932,3.88387 9.7448,3.88387","id":"path3"},"children":[]}]},{"type":"g","props":{"id":"path20","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,125.81613 c -4.472,0 -6.60267,1.69121 -9.06667,3.64787 -2.57334,2.0428 -5.48934,4.35733 -11.10293,4.35733 -5.61359,0 -8.52867,-2.31453 -11.1016,-4.35733 -2.46613,-1.95666 -4.59534,-3.64787 -9.06507,-3.64787 -4.47132,0 -6.60053,1.69121 -9.06666,3.64787 -2.57293,2.0428 -5.48906,4.35733 -11.1016,4.35733 -5.61254,0 -8.52867,-2.31453 -11.10161,-4.35733 -2.4656,-1.95666 -4.59427,-3.64787 -9.06506,-3.64787 -4.47079,0 -6.59947,1.69121 -9.06507,3.64787 -2.57293,2.0428 -5.488,4.35733 -11.10106,4.35733 -5.61254,0 -8.52867,-2.31453 -11.1016,-4.35733 -0.65254,-0.51813 -1.28387,-1.014 -1.9396,-1.4676 a 70.27086,70.27086 0 0 0 14.42093,21.2208 c 3.43013,-0.3156 5.31973,-1.80267 7.4588,-3.50107 2.61973,-2.07866 5.58853,-4.43587 11.3276,-4.43587 5.7396,0 8.70827,2.3572 11.3276,4.43587 2.412,1.91454 4.49533,3.56773 8.83906,3.56773 4.34427,0 6.42706,-1.65319 8.84013,-3.56773 2.61814,-2.07866 5.58854,-4.43587 11.32814,-4.43587 5.7396,0 8.70773,2.3572 11.32653,4.43587 2.41307,1.91454 4.4964,3.56773 8.84013,3.56773 4.34426,0 6.42827,-1.65319 8.83894,-3.56773 2.62,-2.07866 5.59068,-4.43587 11.33067,-4.43587 a 15.76134,15.76134 0 0 1 5.94532,1.0728 70.11763,70.11763 0 0 0 6.59068,-10.44946 27.05781,27.05781 0 0 1 -3.47067,-2.43961 c -2.464,-1.95666 -4.59466,-3.64787 -9.06533,-3.64787","id":"path4"},"children":[]}]},{"type":"g","props":{"id":"path22","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 173.30133,94.8776 c -5.27067,-0.036 -7.95334,-2.14014 -10.53334,-4.18693 -2.464,-1.9568 -4.79466,-3.8052 -9.51866,-3.8052 -4.72533,0 -7.05468,1.8484 -9.52,3.8052 -2.6,2.06453 -5.29067,4.19946 -10.6496,4.19946 -5.36,0 -8.04853,-2.13493 -10.65,-4.19946 -2.4652,-1.9568 -4.79333,-3.8052 -9.51666,-3.8052 -4.72561,0 -7.05374,1.8484 -9.51827,3.8052 -2.60214,2.06453 -5.29067,4.19946 -10.65,4.19946 -5.3588,0 -8.04787,-2.13493 -10.64894,-4.19946 -2.4652,-1.9568 -4.79319,-3.8052 -9.51773,-3.8052 -4.724,0 -7.05213,1.8484 -9.51773,3.8052 -2.6,2.06453 -5.2896,4.19946 -10.6484,4.19946 -5.35934,0 -8.0484,-2.13493 -10.64893,-4.19946 -1.98654,-1.57667 -3.90627,-3.06573 -7.04014,-3.5912 a 69.77211,69.77211 0 0 0 -1.1432,10.19946 c -0.03493,0.898 -0.06933,1.7948 -0.06933,2.70107 0,0.90627 0.0344,1.80413 0.06933,2.70213 0.01454,0.39106 0.02187,0.78427 0.0432,1.17387 4.59014,0.35053 7.19534,2.3792 9.49734,4.2068 2.4136,1.9156 4.69373,3.72546 9.29173,3.72546 4.598,0 6.8776,-1.80986 9.29107,-3.72546 2.52667,-2.00627 5.38906,-4.27867 10.87506,-4.27867 5.486,0 8.34894,2.2724 10.87494,4.27867 2.41413,1.9156 4.69427,3.72546 9.29173,3.72546 4.59746,0 6.87813,-1.80986 9.2916,-3.72546 2.52613,-2.00627 5.38906,-4.27867 10.87667,-4.27867 5.48533,0 8.34893,2.2724 10.87439,4.27867 2.41467,1.9156 4.69427,3.72546 9.29227,3.72546 4.5976,0 6.87893,-1.80986 9.29226,-3.72546 2.52666,-2.00627 5.39068,-4.27867 10.87733,-4.27867 5.48665,0 8.34933,2.2724 10.876,4.27867 2.244,1.7808 4.39733,3.45054 8.37733,3.68027 q 0.542,-3.19461 0.788,-6.47974 c 0.0653,-0.85627 0.11867,-1.714 0.15067,-2.57813 v -5.40934 c -0.032,-0.8652 -0.14,-2.41827 -0.14,-2.41827","id":"path5"},"children":[]}]},{"type":"g","props":{"id":"path24","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,106.35107 c -4.6,0 -6.88,1.80986 -9.29333,3.72653 -2.52666,2.0052 -5.39067,4.2776 -10.87627,4.2776 -5.486,0 -8.34906,-2.2724 -10.8756,-4.27761 -2.41347,-1.91666 -4.69373,-3.72653 -9.29107,-3.72653 -4.598,0 -6.87919,1.80987 -9.29333,3.72653 -2.526,2.0052 -5.38907,4.27761 -10.87493,4.27761 -5.48586,0 -8.34894,-2.2724 -10.87507,-4.27761 -2.414,-1.91666 -4.69426,-3.72653 -9.2916,-3.72653 -4.59734,0 -6.8776,1.80987 -9.2912,3.72653 -2.526,2.0052 -5.38906,4.27761 -10.87493,4.27761 -5.48546,0 -8.34947,-2.2724 -10.8756,-4.27761 -2.12133,-1.68387 -4.14107,-3.28333 -7.71813,-3.64733 a 69.41682,69.41682 0 0 0 3.72293,16.9504 19.40583,19.40583 0 0 1 5.8052,3.51827 c 2.4656,1.95733 4.59427,3.648 9.0656,3.648 4.4708,0 6.6,-1.69067 9.06507,-3.648 2.57293,-2.04213 5.48853,-4.3568 11.10107,-4.3568 5.61254,0 8.52867,2.31466 11.1016,4.3568 2.46506,1.95733 4.59426,3.648 9.06506,3.648 4.4708,0 6.60054,-1.69067 9.06507,-3.648 2.57293,-2.04213 5.4896,-4.3568 11.10319,-4.3568 5.612,0 8.52867,2.31466 11.10094,4.3568 2.4652,1.95733 4.5944,3.648 9.06573,3.648 4.47093,0 6.60026,-1.69067 9.06559,-3.648 2.57334,-2.04213 5.49068,-4.3568 11.104,-4.3568 5.612,0 8.52932,2.31466 11.10266,4.3568 a 25.59594,25.59594 0 0 0 2.86133,2.062 69.3386,69.3386 0 0 0 4.82669,-14.67759 c -4.58934,-0.34947 -7.196,-2.3792 -9.49866,-4.20573 -2.41333,-1.91667 -4.69333,-3.72653 -9.292,-3.72653","id":"path6"},"children":[]}]},{"type":"g","props":{"id":"path26","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 141.91866,145.71614 c -2.41066,1.91453 -4.49466,3.56773 -8.83893,3.56773 -4.34373,0 -6.42707,-1.6532 -8.84014,-3.56773 -2.61879,-2.07867 -5.58693,-4.43587 -11.32653,-4.43587 -5.7396,0 -8.71,2.3572 -11.32813,4.43587 -2.41307,1.91453 -4.49586,3.56773 -8.84013,3.56773 -4.34374,0 -6.42707,-1.6532 -8.83907,-3.56773 -2.61934,-2.07867 -5.588,-4.43587 -11.32761,-4.43587 -5.73906,0 -8.70786,2.3572 -11.3276,4.43587 -2.13906,1.6984 -4.02866,3.18546 -7.4588,3.50106 1.14787,1.1588 2.34267,2.2708 3.5676,3.34787 a 19.10381,19.10381 0 0 0 6.38026,-3.71453 c 2.412,-1.91454 4.4948,-3.56774 8.83854,-3.56774 4.34374,0 6.42707,1.6532 8.83906,3.56774 2.6192,2.08013 5.588,4.43586 11.32761,4.43586 5.73961,0 8.70827,-2.35573 11.32813,-4.43586 2.41147,-1.91454 4.4948,-3.56774 8.84014,-3.56774 4.34373,0 6.42706,1.6532 8.83853,3.56774 2.6192,2.08013 5.58853,4.43586 11.32813,4.43586 5.73894,0 8.7096,-2.35573 11.32827,-4.43586 2.412,-1.91454 4.496,-3.56774 8.84132,-3.56774 a 12.79186,12.79186 0 0 1 3.24,0.39067 c 0.932,-1.08027 1.83867,-2.1844 2.70533,-3.3204 a 15.76114,15.76114 0 0 0 -5.94532,-1.0728 c -5.74,0 -8.71066,2.3572 -11.33067,4.43587","id":"path7"},"children":[]}]},{"type":"g","props":{"id":"path28","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 153.24933,122.54213 c -5.61333,0 -8.53067,2.31467 -11.104,4.35681 -2.46533,1.95733 -4.59466,3.648 -9.0656,3.648 -4.47133,0 -6.60053,-1.69067 -9.06573,-3.648 -2.57226,-2.04213 -5.48893,-4.35681 -11.10093,-4.35681 -5.6136,0 -8.53027,2.31467 -11.1032,4.35681 -2.46454,1.95733 -4.59427,3.648 -9.06506,3.648 -4.47079,0 -6.6,-1.69067 -9.06507,-3.648 -2.57293,-2.04213 -5.48906,-4.35681 -11.1016,-4.35681 -5.61254,0 -8.52814,2.31467 -11.10108,4.35681 -2.46506,1.95733 -4.59426,3.648 -9.06506,3.648 -4.47134,0 -6.6,-1.69067 -9.0656,-3.648 a 19.40624,19.40624 0 0 0 -5.8052,-3.51827 q 0.83359,2.3478 1.8296,4.61573 c 0.65573,0.4536 1.28707,0.94946 1.9396,1.4676 2.57293,2.0428 5.48906,4.35733 11.1016,4.35733 5.61306,0 8.52813,-2.31453 11.10106,-4.35733 2.4656,-1.95666 4.59427,-3.64787 9.06507,-3.64787 4.4708,0 6.59946,1.69121 9.06506,3.64787 2.57294,2.0428 5.48907,4.35733 11.10161,4.35733 5.61254,0 8.52867,-2.31453 11.1016,-4.35733 2.46613,-1.95666 4.59534,-3.64787 9.06666,-3.64787 4.46974,0 6.59894,1.69121 9.06507,3.64787 2.57293,2.0428 5.488,4.35733 11.1016,4.35733 5.6136,0 8.52961,-2.31453 11.10293,-4.35733 2.464,-1.95666 4.59466,-3.64787 9.06667,-3.64787 4.47067,0 6.60133,1.69121 9.06533,3.64787 a 27.05807,27.05807 0 0 0 3.47067,2.4396 q 0.748,-1.45219 1.428,-2.94267 a 25.5941,25.5941 0 0 1 -2.86133,-2.062 c -2.57334,-2.04213 -5.49067,-4.3568 -11.10266,-4.3568","id":"path8"},"children":[]}]},{"type":"g","props":{"id":"path30","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 153.24933,103.80414 c -5.48667,0 -8.35067,2.27239 -10.87733,4.27867 -2.41333,1.9156 -4.69466,3.72546 -9.29227,3.72546 -4.598,0 -6.8776,-1.80986 -9.29227,-3.72546 -2.52546,-2.00627 -5.38906,-4.27867 -10.8744,-4.27867 -5.48759,0 -8.35053,2.27239 -10.87666,4.27867 -2.41347,1.9156 -4.69427,3.72546 -9.2916,3.72546 -4.59733,0 -6.8776,-1.80986 -9.29174,-3.72546 -2.526,-2.00627 -5.38907,-4.27867 -10.87493,-4.27867 -5.48586,0 -8.34893,2.27239 -10.87506,4.27867 -2.414,1.9156 -4.69321,3.72546 -9.29107,3.72546 -4.59746,0 -6.87813,-1.80986 -9.29173,-3.72546 -2.302,-1.8276 -4.9072,-3.85627 -9.49733,-4.2068 0.0468,0.85626 0.1172,1.7068 0.19533,2.55426 3.57707,0.364 5.5968,1.96347 7.71813,3.64733 2.52613,2.0052 5.39013,4.2776 10.8756,4.2776 5.48587,0 8.34893,-2.2724 10.87494,-4.27761 2.41359,-1.91666 4.69373,-3.72653 9.2912,-3.72653 4.59747,0 6.8776,1.80987 9.2916,3.72653 2.52613,2.0052 5.38906,4.27761 10.87506,4.27761 5.486,0 8.34894,-2.2724 10.87494,-4.27761 2.41413,-1.91666 4.69533,-3.72653 9.29333,-3.72653 4.59733,0 6.8776,1.80987 9.29107,3.72653 2.52653,2.0052 5.3896,4.27761 10.8756,4.27761 5.4856,0 8.3496,-2.2724 10.87626,-4.27761 2.41333,-1.91666 4.69333,-3.72653 9.29333,-3.72653 4.59866,0 6.87866,1.80987 9.292,3.72653 2.30267,1.82653 4.90933,3.85627 9.49867,4.20573 0.17467,-0.83333 0.32,-1.67653 0.46266,-2.5208 -3.98,-0.2292 -6.13333,-1.89893 -8.37733,-3.67974 -2.52666,-2.00626 -5.38933,-4.27867 -10.876,-4.27867","id":"path9"},"children":[]}]},{"type":"g","props":{"id":"path32","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 52.412,94.89014 c 5.3588,0 8.0484,-2.13494 10.6484,-4.19946 2.46507,-1.9568 4.79373,-3.8052 9.51773,-3.8052 4.72454,0 7.05253,1.8484 9.51773,3.8052 2.60107,2.06453 5.29014,4.19946 10.64894,4.19946 5.3588,0 8.04786,-2.13494 10.65,-4.19946 2.46453,-1.9568 4.79266,-3.8052 9.51826,-3.8052 4.72334,0 7.05147,1.8484 9.51667,3.8052 2.60147,2.06453 5.29,4.19946 10.65,4.19946 5.35894,0 8.04959,-2.13494 10.64959,-4.19946 2.46533,-1.9568 4.79466,-3.8052 9.52,-3.8052 4.724,0 7.05467,1.8484 9.51866,3.8052 2.58,2.0468 5.26267,4.15666 10.53334,4.19267 l -0.0107,-0.16667 c -0.0413,-0.55307 -0.072,-1.10933 -0.12666,-1.6588 -4.54533,-0.06827 -6.84667,-1.87293 -9.264,-3.79227 -2.60134,-2.06453 -5.292,-4.19946 -10.65067,-4.19946 -5.36,0 -8.05066,2.13494 -10.65066,4.19946 -2.46534,1.95734 -4.79333,3.8052 -9.51893,3.8052 -4.7256,0 -7.05374,-1.84786 -9.51827,-3.8052 -2.60054,-2.06453 -5.29067,-4.19946 -10.6484,-4.19946 -5.36,0 -8.04946,2.13494 -10.65,4.19946 -2.46573,1.95734 -4.79373,3.8052 -9.51827,3.8052 -4.72454,0 -7.05267,-1.84786 -9.51773,-3.8052 -2.60107,-2.06453 -5.29014,-4.19946 -10.64893,-4.19946 -5.35879,0 -8.04787,2.13494 -10.6484,4.19946 -2.46521,1.95734 -4.79374,3.8052 -9.51774,3.8052 -4.72453,0 -7.05319,-1.84786 -9.51826,-3.8052 -2.09267,-1.66146 -4.26827,-3.34839 -7.82027,-3.9516 -0.12653,0.59173 -0.2396,1.18866 -0.35053,1.78547 3.13386,0.52546 5.0536,2.01453 7.04013,3.5912 2.60053,2.06453 5.2896,4.19946 10.64893,4.19946","id":"path10"},"children":[]}]},{"type":"g","props":{"id":"path34","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 52.412,75.42454 c 5.23173,0 7.87026,-2.0948 10.42293,-4.1204 2.5156,-1.99733 4.89213,-3.8844 9.7432,-3.8844 4.8516,0 7.22813,1.88707 9.74426,3.8844 2.55213,2.0256 5.19067,4.1204 10.4224,4.1204 5.23226,0 7.8708,-2.09426 10.42347,-4.1204 2.5156,-1.99733 4.89319,-3.8844 9.7448,-3.8844 4.85093,0 7.22759,1.88707 9.74319,3.8844 2.55213,2.0256 5.19107,4.1204 10.42347,4.1204 5.2324,0 7.87094,-2.09426 10.42426,-4.1204 2.516,-1.99733 4.89333,-3.8844 9.74533,-3.8844 4.852,0 7.228,1.88707 9.74533,3.8844 a 17.91379,17.91379 0 0 0 5.77866,3.43027 c -0.17733,-0.45574 -0.35334,-0.912 -0.53867,-1.36254 a 18.94339,18.94339 0 0 1 -4.56133,-2.92293 c -2.552,-2.02546 -5.192,-4.12093 -10.424,-4.12093 -5.23333,0 -7.872,2.09547 -10.42534,4.12093 -2.516,1.99693 -4.89332,3.88387 -9.74427,3.88387 -4.8516,0 -7.22813,-1.88693 -9.7448,-3.88387 -2.55267,-2.02546 -5.19013,-4.12093 -10.42186,-4.12093 -5.23334,0 -7.87133,2.09547 -10.42347,4.12093 -2.51667,1.99693 -4.8932,3.88387 -9.7448,3.88387 -4.8516,0 -7.2276,-1.88693 -9.74427,-3.88387 -2.55214,-2.02546 -5.19067,-4.12094 -10.4224,-4.12094 -5.23173,0 -7.87027,2.09547 -10.4224,4.12093 -2.5156,1.99693 -4.89267,3.88387 -9.74373,3.88387 -4.8516,0 -7.22814,-1.88693 -9.7448,-3.88387 -0.61454,-0.488 -1.23653,-0.9792 -1.8964,-1.44534 -0.16454,0.33133 -0.3312,0.66 -0.49053,0.99334 0.5812,0.4176 1.1432,0.85773 1.7088,1.3072 2.55213,2.0256 5.19066,4.1204 10.42293,4.1204","id":"path11"},"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 Velero = react_1.forwardRef(function Velero({ 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 Velero = react_1.forwardRef(function Velero({ 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/velero.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 200","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs1"},"children":[]},{"type":"title","props":{"id":"title1"},"children":["velero"]},{"type":"g","props":{"id":"path14","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,145.2828 c -4.34533,0 -6.42933,1.6532 -8.84133,3.56774 -2.61867,2.08013 -5.58934,4.43586 -11.32826,4.43586 -5.7396,0 -8.70894,-2.35573 -11.32813,-4.43586 -2.41147,-1.91454 -4.4948,-3.56774 -8.83854,-3.56774 -4.34533,0 -6.42867,1.6532 -8.84013,3.56774 -2.61987,2.08013 -5.58854,4.43586 -11.32814,4.43586 -5.7396,0 -8.70839,-2.35573 -11.3276,-4.43586 -2.412,-1.91454 -4.49534,-3.56774 -8.83906,-3.56774 -4.34372,0 -6.42654,1.6532 -8.83854,3.56774 a 19.10381,19.10381 0 0 1 -6.38026,3.71453 69.69708,69.69708 0 0 0 40.34333,17.17507 c 0.41813,0.0344 0.838,0.0677 1.2588,0.0959 1.5052,0.0973 3.0192,0.164 4.54893,0.164 1.53027,0 3.04427,-0.0667 4.54947,-0.164 0.4208,-0.0281 0.8396,-0.0615 1.25946,-0.0959 a 69.87987,69.87987 0 0 0 47.17,-24.06667 12.79175,12.79175 0 0 0 -3.24,-0.39066","id":"path1"},"children":[]}]},{"type":"g","props":{"id":"path16","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 52.412,93.07081 c 4.724,0 7.05253,-1.84787 9.51773,-3.8052 2.60053,-2.06454 5.2896,-4.19947 10.6484,-4.19947 5.3588,0 8.04787,2.13494 10.64893,4.19947 2.46507,1.95733 4.7932,3.8052 9.51774,3.8052 4.72454,0 7.05253,-1.84787 9.51827,-3.8052 2.60053,-2.06454 5.29,-4.19947 10.65,-4.19947 5.35774,0 8.04787,2.13494 10.6484,4.19947 2.46454,1.95733 4.79267,3.8052 9.51827,3.8052 4.7256,0 7.0536,-1.84787 9.51893,-3.8052 2.6,-2.06454 5.29067,-4.19947 10.65067,-4.19947 5.35865,0 8.04933,2.13494 10.65066,4.19947 2.41734,1.91933 4.71867,3.724 9.264,3.79226 a 69.43253,69.43253 0 0 0 -4.39067,-18.32346 17.91343,17.91343 0 0 1 -5.77867,-3.43026 c -2.51733,-1.99733 -4.89332,-3.8844 -9.74532,-3.8844 -4.852,0 -7.22933,1.88707 -9.74533,3.8844 -2.55334,2.02613 -5.192,4.1204 -10.42427,4.1204 -5.23227,0 -7.87133,-2.0948 -10.42347,-4.1204 -2.5156,-1.99733 -4.89227,-3.8844 -9.7432,-3.8844 -4.8516,0 -7.22919,1.88707 -9.74479,3.8844 -2.55267,2.02613 -5.19121,4.1204 -10.42347,4.1204 -5.23173,0 -7.87027,-2.0948 -10.42241,-4.1204 -2.51613,-1.99733 -4.89267,-3.8844 -9.74427,-3.8844 -4.85106,0 -7.2276,1.88707 -9.7432,3.8844 -2.55266,2.0256 -5.1912,4.1204 -10.42293,4.1204 -5.23227,0 -7.8708,-2.0948 -10.42293,-4.1204 -0.5656,-0.44946 -1.1276,-0.8896 -1.7088,-1.3072 A 69.42817,69.42817 0 0 0 35.07346,85.314 c 3.552,0.6032 5.7276,2.29014 7.82026,3.9516 2.46507,1.95734 4.79374,3.8052 9.51827,3.8052","id":"path2"},"children":[]}]},{"type":"g","props":{"id":"path18","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 52.412,74.3328 c 4.85106,0 7.22813,-1.88693 9.74373,-3.88387 2.55213,-2.02546 5.19067,-4.12093 10.4224,-4.12093 5.23173,0 7.87026,2.09547 10.4224,4.12093 2.51667,1.99693 4.89267,3.88387 9.74427,3.88387 4.8516,0 7.22814,-1.88693 9.7448,-3.88387 2.55214,-2.02546 5.19014,-4.12093 10.42347,-4.12093 5.23173,0 7.8692,2.09547 10.42187,4.12093 2.51667,1.99693 4.8932,3.88387 9.7448,3.88387 4.85093,0 7.22826,-1.88693 9.74426,-3.88387 2.55334,-2.02546 5.192,-4.12093 10.42534,-4.12093 5.232,0 7.872,2.09547 10.424,4.12093 a 18.94339,18.94339 0 0 0 4.56133,2.92293 A 69.97149,69.97149 0 0 0 40.7708,69.0036 c 0.65987,0.46613 1.28187,0.95734 1.8964,1.44534 2.51666,1.99693 4.8932,3.88387 9.7448,3.88387","id":"path3"},"children":[]}]},{"type":"g","props":{"id":"path20","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,125.81613 c -4.472,0 -6.60267,1.69121 -9.06667,3.64787 -2.57334,2.0428 -5.48934,4.35733 -11.10293,4.35733 -5.61359,0 -8.52867,-2.31453 -11.1016,-4.35733 -2.46613,-1.95666 -4.59534,-3.64787 -9.06507,-3.64787 -4.47132,0 -6.60053,1.69121 -9.06666,3.64787 -2.57293,2.0428 -5.48906,4.35733 -11.1016,4.35733 -5.61254,0 -8.52867,-2.31453 -11.10161,-4.35733 -2.4656,-1.95666 -4.59427,-3.64787 -9.06506,-3.64787 -4.47079,0 -6.59947,1.69121 -9.06507,3.64787 -2.57293,2.0428 -5.488,4.35733 -11.10106,4.35733 -5.61254,0 -8.52867,-2.31453 -11.1016,-4.35733 -0.65254,-0.51813 -1.28387,-1.014 -1.9396,-1.4676 a 70.27086,70.27086 0 0 0 14.42093,21.2208 c 3.43013,-0.3156 5.31973,-1.80267 7.4588,-3.50107 2.61973,-2.07866 5.58853,-4.43587 11.3276,-4.43587 5.7396,0 8.70827,2.3572 11.3276,4.43587 2.412,1.91454 4.49533,3.56773 8.83906,3.56773 4.34427,0 6.42706,-1.65319 8.84013,-3.56773 2.61814,-2.07866 5.58854,-4.43587 11.32814,-4.43587 5.7396,0 8.70773,2.3572 11.32653,4.43587 2.41307,1.91454 4.4964,3.56773 8.84013,3.56773 4.34426,0 6.42827,-1.65319 8.83894,-3.56773 2.62,-2.07866 5.59068,-4.43587 11.33067,-4.43587 a 15.76134,15.76134 0 0 1 5.94532,1.0728 70.11763,70.11763 0 0 0 6.59068,-10.44946 27.05781,27.05781 0 0 1 -3.47067,-2.43961 c -2.464,-1.95666 -4.59466,-3.64787 -9.06533,-3.64787","id":"path4"},"children":[]}]},{"type":"g","props":{"id":"path22","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 173.30133,94.8776 c -5.27067,-0.036 -7.95334,-2.14014 -10.53334,-4.18693 -2.464,-1.9568 -4.79466,-3.8052 -9.51866,-3.8052 -4.72533,0 -7.05468,1.8484 -9.52,3.8052 -2.6,2.06453 -5.29067,4.19946 -10.6496,4.19946 -5.36,0 -8.04853,-2.13493 -10.65,-4.19946 -2.4652,-1.9568 -4.79333,-3.8052 -9.51666,-3.8052 -4.72561,0 -7.05374,1.8484 -9.51827,3.8052 -2.60214,2.06453 -5.29067,4.19946 -10.65,4.19946 -5.3588,0 -8.04787,-2.13493 -10.64894,-4.19946 -2.4652,-1.9568 -4.79319,-3.8052 -9.51773,-3.8052 -4.724,0 -7.05213,1.8484 -9.51773,3.8052 -2.6,2.06453 -5.2896,4.19946 -10.6484,4.19946 -5.35934,0 -8.0484,-2.13493 -10.64893,-4.19946 -1.98654,-1.57667 -3.90627,-3.06573 -7.04014,-3.5912 a 69.77211,69.77211 0 0 0 -1.1432,10.19946 c -0.03493,0.898 -0.06933,1.7948 -0.06933,2.70107 0,0.90627 0.0344,1.80413 0.06933,2.70213 0.01454,0.39106 0.02187,0.78427 0.0432,1.17387 4.59014,0.35053 7.19534,2.3792 9.49734,4.2068 2.4136,1.9156 4.69373,3.72546 9.29173,3.72546 4.598,0 6.8776,-1.80986 9.29107,-3.72546 2.52667,-2.00627 5.38906,-4.27867 10.87506,-4.27867 5.486,0 8.34894,2.2724 10.87494,4.27867 2.41413,1.9156 4.69427,3.72546 9.29173,3.72546 4.59746,0 6.87813,-1.80986 9.2916,-3.72546 2.52613,-2.00627 5.38906,-4.27867 10.87667,-4.27867 5.48533,0 8.34893,2.2724 10.87439,4.27867 2.41467,1.9156 4.69427,3.72546 9.29227,3.72546 4.5976,0 6.87893,-1.80986 9.29226,-3.72546 2.52666,-2.00627 5.39068,-4.27867 10.87733,-4.27867 5.48665,0 8.34933,2.2724 10.876,4.27867 2.244,1.7808 4.39733,3.45054 8.37733,3.68027 q 0.542,-3.19461 0.788,-6.47974 c 0.0653,-0.85627 0.11867,-1.714 0.15067,-2.57813 v -5.40934 c -0.032,-0.8652 -0.14,-2.41827 -0.14,-2.41827","id":"path5"},"children":[]}]},{"type":"g","props":{"id":"path24","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,106.35107 c -4.6,0 -6.88,1.80986 -9.29333,3.72653 -2.52666,2.0052 -5.39067,4.2776 -10.87627,4.2776 -5.486,0 -8.34906,-2.2724 -10.8756,-4.27761 -2.41347,-1.91666 -4.69373,-3.72653 -9.29107,-3.72653 -4.598,0 -6.87919,1.80987 -9.29333,3.72653 -2.526,2.0052 -5.38907,4.27761 -10.87493,4.27761 -5.48586,0 -8.34894,-2.2724 -10.87507,-4.27761 -2.414,-1.91666 -4.69426,-3.72653 -9.2916,-3.72653 -4.59734,0 -6.8776,1.80987 -9.2912,3.72653 -2.526,2.0052 -5.38906,4.27761 -10.87493,4.27761 -5.48546,0 -8.34947,-2.2724 -10.8756,-4.27761 -2.12133,-1.68387 -4.14107,-3.28333 -7.71813,-3.64733 a 69.41682,69.41682 0 0 0 3.72293,16.9504 19.40583,19.40583 0 0 1 5.8052,3.51827 c 2.4656,1.95733 4.59427,3.648 9.0656,3.648 4.4708,0 6.6,-1.69067 9.06507,-3.648 2.57293,-2.04213 5.48853,-4.3568 11.10107,-4.3568 5.61254,0 8.52867,2.31466 11.1016,4.3568 2.46506,1.95733 4.59426,3.648 9.06506,3.648 4.4708,0 6.60054,-1.69067 9.06507,-3.648 2.57293,-2.04213 5.4896,-4.3568 11.10319,-4.3568 5.612,0 8.52867,2.31466 11.10094,4.3568 2.4652,1.95733 4.5944,3.648 9.06573,3.648 4.47093,0 6.60026,-1.69067 9.06559,-3.648 2.57334,-2.04213 5.49068,-4.3568 11.104,-4.3568 5.612,0 8.52932,2.31466 11.10266,4.3568 a 25.59594,25.59594 0 0 0 2.86133,2.062 69.3386,69.3386 0 0 0 4.82669,-14.67759 c -4.58934,-0.34947 -7.196,-2.3792 -9.49866,-4.20573 -2.41333,-1.91667 -4.69333,-3.72653 -9.292,-3.72653","id":"path6"},"children":[]}]},{"type":"g","props":{"id":"path26","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 141.91866,145.71614 c -2.41066,1.91453 -4.49466,3.56773 -8.83893,3.56773 -4.34373,0 -6.42707,-1.6532 -8.84014,-3.56773 -2.61879,-2.07867 -5.58693,-4.43587 -11.32653,-4.43587 -5.7396,0 -8.71,2.3572 -11.32813,4.43587 -2.41307,1.91453 -4.49586,3.56773 -8.84013,3.56773 -4.34374,0 -6.42707,-1.6532 -8.83907,-3.56773 -2.61934,-2.07867 -5.588,-4.43587 -11.32761,-4.43587 -5.73906,0 -8.70786,2.3572 -11.3276,4.43587 -2.13906,1.6984 -4.02866,3.18546 -7.4588,3.50106 1.14787,1.1588 2.34267,2.2708 3.5676,3.34787 a 19.10381,19.10381 0 0 0 6.38026,-3.71453 c 2.412,-1.91454 4.4948,-3.56774 8.83854,-3.56774 4.34374,0 6.42707,1.6532 8.83906,3.56774 2.6192,2.08013 5.588,4.43586 11.32761,4.43586 5.73961,0 8.70827,-2.35573 11.32813,-4.43586 2.41147,-1.91454 4.4948,-3.56774 8.84014,-3.56774 4.34373,0 6.42706,1.6532 8.83853,3.56774 2.6192,2.08013 5.58853,4.43586 11.32813,4.43586 5.73894,0 8.7096,-2.35573 11.32827,-4.43586 2.412,-1.91454 4.496,-3.56774 8.84132,-3.56774 a 12.79186,12.79186 0 0 1 3.24,0.39067 c 0.932,-1.08027 1.83867,-2.1844 2.70533,-3.3204 a 15.76114,15.76114 0 0 0 -5.94532,-1.0728 c -5.74,0 -8.71066,2.3572 -11.33067,4.43587","id":"path7"},"children":[]}]},{"type":"g","props":{"id":"path28","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 153.24933,122.54213 c -5.61333,0 -8.53067,2.31467 -11.104,4.35681 -2.46533,1.95733 -4.59466,3.648 -9.0656,3.648 -4.47133,0 -6.60053,-1.69067 -9.06573,-3.648 -2.57226,-2.04213 -5.48893,-4.35681 -11.10093,-4.35681 -5.6136,0 -8.53027,2.31467 -11.1032,4.35681 -2.46454,1.95733 -4.59427,3.648 -9.06506,3.648 -4.47079,0 -6.6,-1.69067 -9.06507,-3.648 -2.57293,-2.04213 -5.48906,-4.35681 -11.1016,-4.35681 -5.61254,0 -8.52814,2.31467 -11.10108,4.35681 -2.46506,1.95733 -4.59426,3.648 -9.06506,3.648 -4.47134,0 -6.6,-1.69067 -9.0656,-3.648 a 19.40624,19.40624 0 0 0 -5.8052,-3.51827 q 0.83359,2.3478 1.8296,4.61573 c 0.65573,0.4536 1.28707,0.94946 1.9396,1.4676 2.57293,2.0428 5.48906,4.35733 11.1016,4.35733 5.61306,0 8.52813,-2.31453 11.10106,-4.35733 2.4656,-1.95666 4.59427,-3.64787 9.06507,-3.64787 4.4708,0 6.59946,1.69121 9.06506,3.64787 2.57294,2.0428 5.48907,4.35733 11.10161,4.35733 5.61254,0 8.52867,-2.31453 11.1016,-4.35733 2.46613,-1.95666 4.59534,-3.64787 9.06666,-3.64787 4.46974,0 6.59894,1.69121 9.06507,3.64787 2.57293,2.0428 5.488,4.35733 11.1016,4.35733 5.6136,0 8.52961,-2.31453 11.10293,-4.35733 2.464,-1.95666 4.59466,-3.64787 9.06667,-3.64787 4.47067,0 6.60133,1.69121 9.06533,3.64787 a 27.05807,27.05807 0 0 0 3.47067,2.4396 q 0.748,-1.45219 1.428,-2.94267 a 25.5941,25.5941 0 0 1 -2.86133,-2.062 c -2.57334,-2.04213 -5.49067,-4.3568 -11.10266,-4.3568","id":"path8"},"children":[]}]},{"type":"g","props":{"id":"path30","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 153.24933,103.80414 c -5.48667,0 -8.35067,2.27239 -10.87733,4.27867 -2.41333,1.9156 -4.69466,3.72546 -9.29227,3.72546 -4.598,0 -6.8776,-1.80986 -9.29227,-3.72546 -2.52546,-2.00627 -5.38906,-4.27867 -10.8744,-4.27867 -5.48759,0 -8.35053,2.27239 -10.87666,4.27867 -2.41347,1.9156 -4.69427,3.72546 -9.2916,3.72546 -4.59733,0 -6.8776,-1.80986 -9.29174,-3.72546 -2.526,-2.00627 -5.38907,-4.27867 -10.87493,-4.27867 -5.48586,0 -8.34893,2.27239 -10.87506,4.27867 -2.414,1.9156 -4.69321,3.72546 -9.29107,3.72546 -4.59746,0 -6.87813,-1.80986 -9.29173,-3.72546 -2.302,-1.8276 -4.9072,-3.85627 -9.49733,-4.2068 0.0468,0.85626 0.1172,1.7068 0.19533,2.55426 3.57707,0.364 5.5968,1.96347 7.71813,3.64733 2.52613,2.0052 5.39013,4.2776 10.8756,4.2776 5.48587,0 8.34893,-2.2724 10.87494,-4.27761 2.41359,-1.91666 4.69373,-3.72653 9.2912,-3.72653 4.59747,0 6.8776,1.80987 9.2916,3.72653 2.52613,2.0052 5.38906,4.27761 10.87506,4.27761 5.486,0 8.34894,-2.2724 10.87494,-4.27761 2.41413,-1.91666 4.69533,-3.72653 9.29333,-3.72653 4.59733,0 6.8776,1.80987 9.29107,3.72653 2.52653,2.0052 5.3896,4.27761 10.8756,4.27761 5.4856,0 8.3496,-2.2724 10.87626,-4.27761 2.41333,-1.91666 4.69333,-3.72653 9.29333,-3.72653 4.59866,0 6.87866,1.80987 9.292,3.72653 2.30267,1.82653 4.90933,3.85627 9.49867,4.20573 0.17467,-0.83333 0.32,-1.67653 0.46266,-2.5208 -3.98,-0.2292 -6.13333,-1.89893 -8.37733,-3.67974 -2.52666,-2.00626 -5.38933,-4.27867 -10.876,-4.27867","id":"path9"},"children":[]}]},{"type":"g","props":{"id":"path32","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 52.412,94.89014 c 5.3588,0 8.0484,-2.13494 10.6484,-4.19946 2.46507,-1.9568 4.79373,-3.8052 9.51773,-3.8052 4.72454,0 7.05253,1.8484 9.51773,3.8052 2.60107,2.06453 5.29014,4.19946 10.64894,4.19946 5.3588,0 8.04786,-2.13494 10.65,-4.19946 2.46453,-1.9568 4.79266,-3.8052 9.51826,-3.8052 4.72334,0 7.05147,1.8484 9.51667,3.8052 2.60147,2.06453 5.29,4.19946 10.65,4.19946 5.35894,0 8.04959,-2.13494 10.64959,-4.19946 2.46533,-1.9568 4.79466,-3.8052 9.52,-3.8052 4.724,0 7.05467,1.8484 9.51866,3.8052 2.58,2.0468 5.26267,4.15666 10.53334,4.19267 l -0.0107,-0.16667 c -0.0413,-0.55307 -0.072,-1.10933 -0.12666,-1.6588 -4.54533,-0.06827 -6.84667,-1.87293 -9.264,-3.79227 -2.60134,-2.06453 -5.292,-4.19946 -10.65067,-4.19946 -5.36,0 -8.05066,2.13494 -10.65066,4.19946 -2.46534,1.95734 -4.79333,3.8052 -9.51893,3.8052 -4.7256,0 -7.05374,-1.84786 -9.51827,-3.8052 -2.60054,-2.06453 -5.29067,-4.19946 -10.6484,-4.19946 -5.36,0 -8.04946,2.13494 -10.65,4.19946 -2.46573,1.95734 -4.79373,3.8052 -9.51827,3.8052 -4.72454,0 -7.05267,-1.84786 -9.51773,-3.8052 -2.60107,-2.06453 -5.29014,-4.19946 -10.64893,-4.19946 -5.35879,0 -8.04787,2.13494 -10.6484,4.19946 -2.46521,1.95734 -4.79374,3.8052 -9.51774,3.8052 -4.72453,0 -7.05319,-1.84786 -9.51826,-3.8052 -2.09267,-1.66146 -4.26827,-3.34839 -7.82027,-3.9516 -0.12653,0.59173 -0.2396,1.18866 -0.35053,1.78547 3.13386,0.52546 5.0536,2.01453 7.04013,3.5912 2.60053,2.06453 5.2896,4.19946 10.64893,4.19946","id":"path10"},"children":[]}]},{"type":"g","props":{"id":"path34","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 52.412,75.42454 c 5.23173,0 7.87026,-2.0948 10.42293,-4.1204 2.5156,-1.99733 4.89213,-3.8844 9.7432,-3.8844 4.8516,0 7.22813,1.88707 9.74426,3.8844 2.55213,2.0256 5.19067,4.1204 10.4224,4.1204 5.23226,0 7.8708,-2.09426 10.42347,-4.1204 2.5156,-1.99733 4.89319,-3.8844 9.7448,-3.8844 4.85093,0 7.22759,1.88707 9.74319,3.8844 2.55213,2.0256 5.19107,4.1204 10.42347,4.1204 5.2324,0 7.87094,-2.09426 10.42426,-4.1204 2.516,-1.99733 4.89333,-3.8844 9.74533,-3.8844 4.852,0 7.228,1.88707 9.74533,3.8844 a 17.91379,17.91379 0 0 0 5.77866,3.43027 c -0.17733,-0.45574 -0.35334,-0.912 -0.53867,-1.36254 a 18.94339,18.94339 0 0 1 -4.56133,-2.92293 c -2.552,-2.02546 -5.192,-4.12093 -10.424,-4.12093 -5.23333,0 -7.872,2.09547 -10.42534,4.12093 -2.516,1.99693 -4.89332,3.88387 -9.74427,3.88387 -4.8516,0 -7.22813,-1.88693 -9.7448,-3.88387 -2.55267,-2.02546 -5.19013,-4.12093 -10.42186,-4.12093 -5.23334,0 -7.87133,2.09547 -10.42347,4.12093 -2.51667,1.99693 -4.8932,3.88387 -9.7448,3.88387 -4.8516,0 -7.2276,-1.88693 -9.74427,-3.88387 -2.55214,-2.02546 -5.19067,-4.12094 -10.4224,-4.12094 -5.23173,0 -7.87027,2.09547 -10.4224,4.12093 -2.5156,1.99693 -4.89267,3.88387 -9.74373,3.88387 -4.8516,0 -7.22814,-1.88693 -9.7448,-3.88387 -0.61454,-0.488 -1.23653,-0.9792 -1.8964,-1.44534 -0.16454,0.33133 -0.3312,0.66 -0.49053,0.99334 0.5812,0.4176 1.1432,0.85773 1.7088,1.3072 2.55213,2.0256 5.19066,4.1204 10.42293,4.1204","id":"path11"},"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 Velero = forwardRef(
   function Velero({ 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 Velero = 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/vidiq.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 390.02 131.12","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Logo"},"children":[{"type":"path","props":{"className":"cls-1","d":"M0,41.94H27.33L40.85,86h.28l13.52-44H82l-24.41,71H23.09Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M85.88,41.86l31.23-.13v71.21H85.88Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M222.51,1.38h31.23V112.94H222.51Z"},"children":[]},{"type":"polygon","props":{"className":"cls-1","points":"85.88 1.38 121.77 16.59 85.88 31.8 85.88 1.38"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M390,113.83,368.36,92.17c4.72-9,6.67-20.64,6.67-34.73C375,18.62,354,0,318.23,0,281,0,261.55,18.62,261.55,57.44c0,40,17.91,57.44,56.68,57.44,13.83,0,24.62-2.07,32.91-6.11l22.34,22.35ZM291.31,57.44c0-17.68,10.38-27.72,26.92-27.72s27.09,10,26.92,27.72C345,76.52,334.53,85,318.23,85.17,301.58,85.39,291.31,75.12,291.31,57.44Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M183.5,1.38v46.3h-.45c-5-6-13.11-8.27-23.4-8.27-23.27,0-36.47,14.28-36.47,38.11,0,24.35,11.43,37.81,37,37.81,9.77,0,20.29-3,24.39-9.31h.31v6.92H210.8V1.38ZM165.8,91.64c-7.67.12-12.4-5.17-12.4-14.27s4.78-14.26,12.4-14.26,12.48,5.17,12.4,14.26C178.12,87.19,173.31,91.53,165.8,91.64Z"},"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 Vidiq = react_1.forwardRef(function Vidiq({ 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 Vidiq = react_1.forwardRef(function Vidiq({ 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/vidiq.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 390.02 131.12","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Logo"},"children":[{"type":"path","props":{"className":"cls-1","d":"M0,41.94H27.33L40.85,86h.28l13.52-44H82l-24.41,71H23.09Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M85.88,41.86l31.23-.13v71.21H85.88Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M222.51,1.38h31.23V112.94H222.51Z"},"children":[]},{"type":"polygon","props":{"className":"cls-1","points":"85.88 1.38 121.77 16.59 85.88 31.8 85.88 1.38"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M390,113.83,368.36,92.17c4.72-9,6.67-20.64,6.67-34.73C375,18.62,354,0,318.23,0,281,0,261.55,18.62,261.55,57.44c0,40,17.91,57.44,56.68,57.44,13.83,0,24.62-2.07,32.91-6.11l22.34,22.35ZM291.31,57.44c0-17.68,10.38-27.72,26.92-27.72s27.09,10,26.92,27.72C345,76.52,334.53,85,318.23,85.17,301.58,85.39,291.31,75.12,291.31,57.44Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M183.5,1.38v46.3h-.45c-5-6-13.11-8.27-23.4-8.27-23.27,0-36.47,14.28-36.47,38.11,0,24.35,11.43,37.81,37,37.81,9.77,0,20.29-3,24.39-9.31h.31v6.92H210.8V1.38ZM165.8,91.64c-7.67.12-12.4-5.17-12.4-14.27s4.78-14.26,12.4-14.26,12.48,5.17,12.4,14.26C178.12,87.19,173.31,91.53,165.8,91.64Z"},"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 Vidiq = forwardRef(
   function Vidiq({ 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 Vidiq = 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/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));
         })
     );
   }