@thesvg/react 3.2.2 → 3.2.4

package/dist/vivaldi.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 456 455","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"21.587%","x2":"76.116%","y1":"5.709%","y2":"100.496%"},"children":[{"type":"stop","props":{"offset":"0%","stopOpacity":".2"},"children":[]},{"type":"stop","props":{"offset":"79.08%","stopOpacity":".05"},"children":[]}]}]},{"type":"g","props":{"fill":"none"},"children":[{"type":"path","props":{"fill":"#EF3939","d":"M228 454.3c99.7 0 155.1 0 191.4-36.1 36.2-36.1 36.2-91.3 36.2-190.7 0-99.4 0-154.6-36.2-190.7C383.1.8 327.7.8 228 .8S72.9.8 36.6 36.9C.4 73 .4 128.2.4 227.6c0 99.4 0 154.6 36.2 190.7 36.3 36 91.7 36 191.4 36z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M376 143.7c-21.8-38.1-58.3-67.8-104.2-80.1C180.7 39.3 87.1 93.1 62.7 183.8c-12.3 45.6-4.7 91.9 17.5 129.7.3.5.6 1.1 1 1.6l80.2 138.5c13.3.4 27.7.5 43.2.5h22.6c44.3 0 79.9 0 109-3.2 36.3-4 62.3-12.9 82.4-32.9 29.3-29.2 34.9-71 36-138.7-46.8-80.8-78.5-135.5-78.6-135.6z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M347.8 107.6c-66.5-66.4-174.4-66.4-241 0-66.5 66.4-66.5 174 0 240.3 66.5 66.4 174.4 66.4 241 0s66.6-174 0-240.3zm-10.2 78.1c-28.1 48.7-56.2 97.4-84.3 146.2-5.2 9.1-12.8 14.5-23.2 15.3-11.6.8-20.8-4.1-26.7-14.1-17.8-30.5-35.4-61.2-53-91.8-10.7-18.6-21.5-37.2-32.2-55.9-10.8-18.8 1.4-41.7 23-42.8 11.4-.6 20.2 4.7 26 14.6 7.9 13.5 15.7 27.2 23.6 40.8 5.7 9.8 11.2 19.7 17 29.3 8.4 14.1 20.8 22 37.3 23 23.3 1.4 45-15.5 47.8-40.2.2-1.8.3-3.7.4-4.6-.1-8-1.6-14.8-4.8-21.1-8.7-17.4.6-36.9 19.5-41.1 15.4-3.4 31.4 7.9 33.4 23.5 1 6.7-.4 13-3.8 18.9z"},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Vivaldi"]},{"type":"path","props":{"d":"M12 0C6.75 0 3.817 0 1.912 1.904.007 3.81 0 6.75 0 12s0 8.175 1.912 10.08C3.825 23.985 6.75 24 12 24c5.25 0 8.183 0 10.088-1.904C23.993 20.19 24 17.25 24 12s0-8.175-1.912-10.08C20.175.015 17.25 0 12 0zm-.168 3a9 9 0 016.49 2.648 9 9 0 010 12.704A9 9 0 1111.832 3zM7.568 7.496a1.433 1.433 0 00-.142.004A1.5 1.5 0 006.21 9.75l1.701 3c.93 1.582 1.839 3.202 2.791 4.822a1.417 1.417 0 001.41.75 1.5 1.5 0 001.223-.81l4.447-7.762A1.56 1.56 0 0018 8.768a1.5 1.5 0 10-2.828.914 2.513 2.513 0 01.256 1.119v.246a2.393 2.393 0 01-2.52 2.13 2.348 2.348 0 01-1.965-1.214c-.307-.51-.6-1.035-.9-1.553-.42-.72-.826-1.41-1.246-2.16a1.433 1.433 0 00-1.229-.754Z"},"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 Vivaldi = react_1.forwardRef(function Vivaldi({ 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 Vivaldi = react_1.forwardRef(function Vivaldi({ variant = 'default', viewB
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/vivaldi.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 456 455","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"21.587%","x2":"76.116%","y1":"5.709%","y2":"100.496%"},"children":[{"type":"stop","props":{"offset":"0%","stopOpacity":".2"},"children":[]},{"type":"stop","props":{"offset":"79.08%","stopOpacity":".05"},"children":[]}]}]},{"type":"g","props":{"fill":"none"},"children":[{"type":"path","props":{"fill":"#EF3939","d":"M228 454.3c99.7 0 155.1 0 191.4-36.1 36.2-36.1 36.2-91.3 36.2-190.7 0-99.4 0-154.6-36.2-190.7C383.1.8 327.7.8 228 .8S72.9.8 36.6 36.9C.4 73 .4 128.2.4 227.6c0 99.4 0 154.6 36.2 190.7 36.3 36 91.7 36 191.4 36z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M376 143.7c-21.8-38.1-58.3-67.8-104.2-80.1C180.7 39.3 87.1 93.1 62.7 183.8c-12.3 45.6-4.7 91.9 17.5 129.7.3.5.6 1.1 1 1.6l80.2 138.5c13.3.4 27.7.5 43.2.5h22.6c44.3 0 79.9 0 109-3.2 36.3-4 62.3-12.9 82.4-32.9 29.3-29.2 34.9-71 36-138.7-46.8-80.8-78.5-135.5-78.6-135.6z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M347.8 107.6c-66.5-66.4-174.4-66.4-241 0-66.5 66.4-66.5 174 0 240.3 66.5 66.4 174.4 66.4 241 0s66.6-174 0-240.3zm-10.2 78.1c-28.1 48.7-56.2 97.4-84.3 146.2-5.2 9.1-12.8 14.5-23.2 15.3-11.6.8-20.8-4.1-26.7-14.1-17.8-30.5-35.4-61.2-53-91.8-10.7-18.6-21.5-37.2-32.2-55.9-10.8-18.8 1.4-41.7 23-42.8 11.4-.6 20.2 4.7 26 14.6 7.9 13.5 15.7 27.2 23.6 40.8 5.7 9.8 11.2 19.7 17 29.3 8.4 14.1 20.8 22 37.3 23 23.3 1.4 45-15.5 47.8-40.2.2-1.8.3-3.7.4-4.6-.1-8-1.6-14.8-4.8-21.1-8.7-17.4.6-36.9 19.5-41.1 15.4-3.4 31.4 7.9 33.4 23.5 1 6.7-.4 13-3.8 18.9z"},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Vivaldi"]},{"type":"path","props":{"d":"M12 0C6.75 0 3.817 0 1.912 1.904.007 3.81 0 6.75 0 12s0 8.175 1.912 10.08C3.825 23.985 6.75 24 12 24c5.25 0 8.183 0 10.088-1.904C23.993 20.19 24 17.25 24 12s0-8.175-1.912-10.08C20.175.015 17.25 0 12 0zm-.168 3a9 9 0 016.49 2.648 9 9 0 010 12.704A9 9 0 1111.832 3zM7.568 7.496a1.433 1.433 0 00-.142.004A1.5 1.5 0 006.21 9.75l1.701 3c.93 1.582 1.839 3.202 2.791 4.822a1.417 1.417 0 001.41.75 1.5 1.5 0 001.223-.81l4.447-7.762A1.56 1.56 0 0018 8.768a1.5 1.5 0 10-2.828.914 2.513 2.513 0 01.256 1.119v.246a2.393 2.393 0 01-2.52 2.13 2.348 2.348 0 01-1.965-1.214c-.307-.51-.6-1.035-.9-1.553-.42-.72-.826-1.41-1.246-2.16a1.433 1.433 0 00-1.229-.754Z"},"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 Vivaldi = forwardRef(
   function Vivaldi({ 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 Vivaldi = 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/vk.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#prefix__a)"},"children":[{"type":"mask","props":{"id":"prefix__a","width":"256","height":"256","x":"0","y":"0","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M256 0H0v256h256V0z"},"children":[]}]},{"type":"g","props":{"mask":"url(#prefix__a)"},"children":[{"type":"path","props":{"fill":"#07F","d":"M0 122.88C0 64.95 0 35.99 18 18 36 0 64.95 0 122.88 0h10.24C191.05 0 220.01 0 238 18c18 18 18 46.95 18 104.88v10.24c0 57.93 0 86.89-18 104.88-18 18-46.95 18-104.88 18h-10.24c-57.93 0-86.89 0-104.88-18C0 220 0 191.06 0 133.13v-10.24z"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M136.21 184.43c-58.34 0-91.62-40-93.01-106.56h29.23c.96 48.85 22.5 69.54 39.57 73.81V77.87h27.52V120c16.85-1.81 34.56-21.01 40.53-42.13h27.52c-4.58 26.02-23.78 45.22-37.44 53.12 13.66 6.4 35.52 23.14 43.84 53.44h-30.29c-6.5-20.27-22.72-35.95-44.16-38.08v38.08h-3.3z"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"prefix__a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h256v256H0z"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["VK"]},{"type":"path","props":{"d":"m9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196 2.933.616 3.833 1.516.9.9 1.32 2.092 1.516 3.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001 3.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196 1.74-.616 2.933-1.516 3.833-.9.9-2.092 1.32-3.833 1.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516-.9-.9-1.32-2.092-1.516-3.833l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933 1.516-3.833.9-.9 2.092-1.32 3.833-1.516l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013.915-.009ZM6.79 7.3H4.05c.13 6.24 3.25 9.99 8.72 9.99h.31v-3.57c2.01.2 3.53 1.67 4.14 3.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01 1.28-.74 3.08-2.54 3.51-4.98h-2.58c-.56 1.98-2.22 3.78-3.8 3.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92Z"},"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 Vk = react_1.forwardRef(function Vk({ 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 Vk = react_1.forwardRef(function Vk({ variant = 'default', viewBox, ...pro
     ..._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/vk.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#prefix__a)"},"children":[{"type":"mask","props":{"id":"prefix__a","width":"256","height":"256","x":"0","y":"0","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M256 0H0v256h256V0z"},"children":[]}]},{"type":"g","props":{"mask":"url(#prefix__a)"},"children":[{"type":"path","props":{"fill":"#07F","d":"M0 122.88C0 64.95 0 35.99 18 18 36 0 64.95 0 122.88 0h10.24C191.05 0 220.01 0 238 18c18 18 18 46.95 18 104.88v10.24c0 57.93 0 86.89-18 104.88-18 18-46.95 18-104.88 18h-10.24c-57.93 0-86.89 0-104.88-18C0 220 0 191.06 0 133.13v-10.24z"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M136.21 184.43c-58.34 0-91.62-40-93.01-106.56h29.23c.96 48.85 22.5 69.54 39.57 73.81V77.87h27.52V120c16.85-1.81 34.56-21.01 40.53-42.13h27.52c-4.58 26.02-23.78 45.22-37.44 53.12 13.66 6.4 35.52 23.14 43.84 53.44h-30.29c-6.5-20.27-22.72-35.95-44.16-38.08v38.08h-3.3z"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"prefix__a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h256v256H0z"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["VK"]},{"type":"path","props":{"d":"m9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196 2.933.616 3.833 1.516.9.9 1.32 2.092 1.516 3.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001 3.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196 1.74-.616 2.933-1.516 3.833-.9.9-2.092 1.32-3.833 1.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516-.9-.9-1.32-2.092-1.516-3.833l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933 1.516-3.833.9-.9 2.092-1.32 3.833-1.516l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013.915-.009ZM6.79 7.3H4.05c.13 6.24 3.25 9.99 8.72 9.99h.31v-3.57c2.01.2 3.53 1.67 4.14 3.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01 1.28-.74 3.08-2.54 3.51-4.98h-2.58c-.56 1.98-2.22 3.78-3.8 3.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92Z"},"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 Vk = forwardRef(
   function Vk({ 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 Vk = 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/vlang.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 253","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"SVG372KxeZZ","fill":"#000","d":"m158.907 248.922l-36.096-104.274l5.156-3.223l36.741 106.35z"},"children":[]},{"type":"path","props":{"id":"SVGpakb87il","d":"m5.614.039l68.178 6.568c4.325.417 9.001 4.084 10.437 8.185l43.851 125.291l43.638-125.287c1.397-4.014 5.899-7.613 10.142-8.158l.283-.031L250.32.039c4.326-.417 6.643 2.564 5.173 6.653l-86.696 241.083l-.413 1.147c-.47 1.308-1.605 2.458-2.93 3.117c-.483.372-1.136.587-1.919.587h-66.78q-.124 0-.246-.003l.246.003a9 9 0 0 1-.493-.014c-4.203-.237-8.629-3.459-10.043-7.394L.442 6.692c-1.47-4.089.847-7.07 5.172-6.653"},"children":[]},{"type":"filter","props":{"id":"SVGXuWGNe6h","width":"181.4%","height":"132.2%","x":"-40.2%","y":"-14.9%","filterUnits":"objectBoundingBox"},"children":[{"type":"feMorphology","props":{"in":"SourceAlpha","operator":"dilate","radius":"2","result":"shadowSpreadOuter1"},"children":[]},{"type":"feOffset","props":{"dy":"2","in":"shadowSpreadOuter1","result":"shadowOffsetOuter1"},"children":[]},{"type":"feGaussianBlur","props":{"in":"shadowOffsetOuter1","result":"shadowBlurOuter1","stdDeviation":"3"},"children":[]},{"type":"feColorMatrix","props":{"in":"shadowBlurOuter1","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"},"children":[]}]}]},{"type":"mask","props":{"id":"SVGWMiDveth","fill":"#fff"},"children":[{"type":"use","props":{"href":"#SVGpakb87il"},"children":[]}]},{"type":"path","props":{"fill":"#536b8a","d":"M168.797 247.775L255.493 6.692c1.47-4.089-.847-7.07-5.173-6.653l-68.177 6.568c-4.325.417-8.997 4.086-10.425 8.189L91.473 245.193c-1.43 4.102.937 7.433 5.282 7.433h66.36c2.173 0 4.534-1.659 5.269-3.704z","mask":"url(#SVGWMiDveth)"},"children":[]},{"type":"g","props":{"mask":"url(#SVGWMiDveth)"},"children":[{"type":"use","props":{"filter":"url(#SVGXuWGNe6h)","href":"#SVG372KxeZZ"},"children":[]}]},{"type":"path","props":{"fill":"#5d87bf","d":"m5.614.039l68.178 6.568c4.325.417 9.001 4.084 10.437 8.185l81.943 234.12c.717 2.05-.464 3.714-2.637 3.714h-66.78c-4.345 0-9.066-3.319-10.536-7.408L.442 6.692c-1.47-4.089.847-7.07 5.172-6.653","mask":"url(#SVGWMiDveth)"},"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 Vlang = react_1.forwardRef(function Vlang({ 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 Vlang = react_1.forwardRef(function Vlang({ 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/vlang.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 253","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"SVG372KxeZZ","fill":"#000","d":"m158.907 248.922l-36.096-104.274l5.156-3.223l36.741 106.35z"},"children":[]},{"type":"path","props":{"id":"SVGpakb87il","d":"m5.614.039l68.178 6.568c4.325.417 9.001 4.084 10.437 8.185l43.851 125.291l43.638-125.287c1.397-4.014 5.899-7.613 10.142-8.158l.283-.031L250.32.039c4.326-.417 6.643 2.564 5.173 6.653l-86.696 241.083l-.413 1.147c-.47 1.308-1.605 2.458-2.93 3.117c-.483.372-1.136.587-1.919.587h-66.78q-.124 0-.246-.003l.246.003a9 9 0 0 1-.493-.014c-4.203-.237-8.629-3.459-10.043-7.394L.442 6.692c-1.47-4.089.847-7.07 5.172-6.653"},"children":[]},{"type":"filter","props":{"id":"SVGXuWGNe6h","width":"181.4%","height":"132.2%","x":"-40.2%","y":"-14.9%","filterUnits":"objectBoundingBox"},"children":[{"type":"feMorphology","props":{"in":"SourceAlpha","operator":"dilate","radius":"2","result":"shadowSpreadOuter1"},"children":[]},{"type":"feOffset","props":{"dy":"2","in":"shadowSpreadOuter1","result":"shadowOffsetOuter1"},"children":[]},{"type":"feGaussianBlur","props":{"in":"shadowOffsetOuter1","result":"shadowBlurOuter1","stdDeviation":"3"},"children":[]},{"type":"feColorMatrix","props":{"in":"shadowBlurOuter1","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"},"children":[]}]}]},{"type":"mask","props":{"id":"SVGWMiDveth","fill":"#fff"},"children":[{"type":"use","props":{"href":"#SVGpakb87il"},"children":[]}]},{"type":"path","props":{"fill":"#536b8a","d":"M168.797 247.775L255.493 6.692c1.47-4.089-.847-7.07-5.173-6.653l-68.177 6.568c-4.325.417-8.997 4.086-10.425 8.189L91.473 245.193c-1.43 4.102.937 7.433 5.282 7.433h66.36c2.173 0 4.534-1.659 5.269-3.704z","mask":"url(#SVGWMiDveth)"},"children":[]},{"type":"g","props":{"mask":"url(#SVGWMiDveth)"},"children":[{"type":"use","props":{"filter":"url(#SVGXuWGNe6h)","href":"#SVG372KxeZZ"},"children":[]}]},{"type":"path","props":{"fill":"#5d87bf","d":"m5.614.039l68.178 6.568c4.325.417 9.001 4.084 10.437 8.185l81.943 234.12c.717 2.05-.464 3.714-2.637 3.714h-66.78c-4.345 0-9.066-3.319-10.536-7.408L.442 6.692c-1.47-4.089.847-7.07 5.172-6.653","mask":"url(#SVGWMiDveth)"},"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 Vlang = forwardRef(
   function Vlang({ 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 Vlang = 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/voicemod.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 240 28","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"a"},"children":[{"type":"feColorMatrix","props":{"in":"SourceGraphic","values":"0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"},"children":[]}]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd","filter":"url(#a)","transform":"translate(-134 -25)"},"children":[{"type":"g","props":{"fill":"#000","fillRule":"nonzero"},"children":[{"type":"path","props":{"d":"M158.157 25.378v12.955a.945.945 0 0 1-1.597.69l-14.45-13.645H134l29.099 27.503a.437.437 0 0 0 .737-.32V25.379h-5.68ZM219.567 44.363 193.144 25.46a.437.437 0 0 0-.689.357v14.695a.95.95 0 0 1-.512.845.94.94 0 0 1-.982-.071L168.84 25.46a.435.435 0 0 0-.687.357V47.3h5.665l.008-9.434a.95.95 0 0 1 .512-.845.94.94 0 0 1 .982.072l22.123 15.826a.434.434 0 0 0 .69-.357V37.866a.95.95 0 0 1 .511-.845.94.94 0 0 1 .982.072l10.164 7.27h9.778ZM238.52 25.378l-9.042 19.108h-.683l-9.04-19.108h3.84l.396.274 4.58 10.056a.619.619 0 0 0 1.13 0l4.582-10.056.39-.274h3.846ZM249.027 44.676c-5.68 0-9.194-4.1-9.194-9.84 0-5.738 3.513-9.836 9.194-9.836 5.682 0 9.195 4.098 9.195 9.837s-3.513 9.839-9.195 9.839m0-16.397c-3.513 0-5.41 2.734-5.41 6.558s1.895 6.56 5.41 6.56c3.516 0 5.41-2.734 5.41-6.56 0-3.828-1.892-6.559-5.41-6.559M266.399 44.486h-3.216l-.27-.272V25.651l.27-.273h3.216l.267.273v18.563zM284.826 38.664l.27-.273h3.252l.273.273c-.543 3.827-3.525 6.012-7.861 6.012-5.963 0-9.215-4.1-9.215-9.84 0-5.738 3.252-9.836 9.215-9.836 4.336 0 7.317 2.185 7.86 5.74l-.272.272h-3.252l-.27-.273c-.542-1.642-1.897-2.462-4.066-2.46-3.793 0-5.422 2.733-5.422 6.558 0 3.825 1.629 6.56 5.422 6.56 2.169 0 3.524-.822 4.066-2.734M305.988 44.486H293.21l-.273-.272V25.651l.273-.273h12.778l.272.273v2.73l-.272.273h-8.973l-.272.272v3.823l.272.272h8.428l.271.273v2.73l-.271.272h-8.428l-.272.276v4.367l.272.273h8.973l.272.272v2.73zM345.476 44.676c-5.678 0-9.193-4.1-9.193-9.84 0-5.738 3.513-9.836 9.193-9.836 5.681 0 9.196 4.098 9.196 9.837s-3.516 9.839-9.196 9.839m0-16.397c-3.512 0-5.408 2.734-5.408 6.558s1.894 6.56 5.408 6.56c3.514 0 5.41-2.734 5.41-6.56 0-3.828-1.893-6.559-5.41-6.559M364.825 44.486h-5.937l-.275-.272V25.651l.275-.273h5.937c6.747 0 9.175 3.545 9.175 9.553 0 6.009-2.428 9.555-9.175 9.555m.269-15.833h-2.43l-.269.273v12.013l.27.273h2.429c3.78 0 5.129-1.913 5.129-6.28 0-4.368-1.35-6.279-5.129-6.279M331.688 44.48h-3.14l-.27-.272V33.566h-.27l-5.809 10.92h-.74l-5.808-10.92h-.27v10.642l-.27.273h-3.14l-.27-.273V25.651l.27-.273h3.189l.275.273 5.844 10.906a.619.619 0 0 0 1.107 0l5.842-10.906.275-.273h3.189l.275.273v18.557l-.28.273Z"},"children":[]}]}]}]},"light":{"viewBox":"0 0 240 28","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"d":"M24.157.378v12.955a.945.945 0 0 1-1.597.69L8.11.378H0l29.099 27.503a.437.437 0 0 0 .737-.32V.379h-5.68l.001-.001Zm61.41 18.985L59.144.46a.437.437 0 0 0-.689.357v14.695a.95.95 0 0 1-1.013.948.94.94 0 0 1-.481-.174L34.84.46a.435.435 0 0 0-.687.357V22.3h5.665l.008-9.434a.95.95 0 0 1 1.013-.948.94.94 0 0 1 .481.175l22.123 15.826a.434.434 0 0 0 .69-.357V12.866a.95.95 0 0 1 1.012-.948.94.94 0 0 1 .481.175l10.164 7.27h9.777ZM104.52.378l-9.042 19.108h-.683L85.755.378h3.84l.396.274 4.58 10.056a.62.62 0 0 0 1.13 0L100.283.652l.39-.274h3.847Zm10.507 19.298c-5.68 0-9.194-4.1-9.194-9.84 0-5.738 3.513-9.836 9.194-9.836 5.682 0 9.195 4.098 9.195 9.837s-3.513 9.839-9.195 9.839Zm0-16.397c-3.513 0-5.41 2.734-5.41 6.558s1.895 6.56 5.41 6.56c3.516 0 5.41-2.734 5.41-6.56 0-3.828-1.892-6.558-5.41-6.558Zm17.372 16.207h-3.216l-.27-.272V.651l.27-.273h3.216l.267.273v18.563l-.267.272Zm18.427-5.822.27-.273h3.252l.273.273c-.543 3.827-3.525 6.012-7.861 6.012-5.963 0-9.215-4.1-9.215-9.84 0-5.738 3.252-9.836 9.215-9.836 4.336 0 7.317 2.185 7.86 5.74l-.272.272h-3.252l-.27-.273c-.542-1.642-1.897-2.462-4.066-2.46-3.793 0-5.422 2.733-5.422 6.558 0 3.825 1.629 6.56 5.422 6.56 2.169 0 3.524-.822 4.066-2.734m21.162 5.823H159.21l-.273-.272V.651l.273-.273h12.778l.272.273v2.73l-.272.273h-8.973l-.272.272v3.823l.272.272h8.428l.271.273v2.73l-.271.272h-8.428l-.272.276v4.367l.272.273h8.973l.272.272v2.73l-.272.272Zm39.488.19c-5.678 0-9.193-4.1-9.193-9.84 0-5.738 3.513-9.836 9.193-9.836 5.681 0 9.196 4.098 9.196 9.837s-3.516 9.839-9.196 9.839Zm0-16.397c-3.512 0-5.408 2.734-5.408 6.558s1.894 6.56 5.408 6.56c3.514 0 5.41-2.734 5.41-6.56 0-3.828-1.893-6.558-5.41-6.558Zm19.349 16.207h-5.937l-.275-.272V.651l.275-.273h5.937c6.747 0 9.175 3.545 9.175 9.553 0 6.009-2.428 9.555-9.175 9.555Zm.269-15.833h-2.43l-.269.273v12.013l.27.273h2.429c3.78 0 5.129-1.913 5.129-6.28 0-4.368-1.35-6.279-5.129-6.279ZM197.688 19.48h-3.14l-.27-.272V8.566h-.27l-5.809 10.92h-.74l-5.808-10.92h-.27v10.642l-.27.273h-3.14l-.27-.273V.651l.27-.273h3.189l.275.273 5.844 10.906a.614.614 0 0 0 .553.342.622.622 0 0 0 .554-.342L194.228.651l.275-.273h3.189l.275.273v18.557l-.28.273.001-.001Z","fill":"#3F3F3F"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h240v28H0z"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 240 28","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"a"},"children":[{"type":"feColorMatrix","props":{"in":"SourceGraphic","values":"0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"},"children":[]}]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd","filter":"url(#a)","transform":"translate(-134 -25)"},"children":[{"type":"g","props":{"fill":"#000","fillRule":"nonzero"},"children":[{"type":"path","props":{"d":"M158.157 25.378v12.955a.945.945 0 0 1-1.597.69l-14.45-13.645H134l29.099 27.503a.437.437 0 0 0 .737-.32V25.379h-5.68ZM219.567 44.363 193.144 25.46a.437.437 0 0 0-.689.357v14.695a.95.95 0 0 1-.512.845.94.94 0 0 1-.982-.071L168.84 25.46a.435.435 0 0 0-.687.357V47.3h5.665l.008-9.434a.95.95 0 0 1 .512-.845.94.94 0 0 1 .982.072l22.123 15.826a.434.434 0 0 0 .69-.357V37.866a.95.95 0 0 1 .511-.845.94.94 0 0 1 .982.072l10.164 7.27h9.778ZM238.52 25.378l-9.042 19.108h-.683l-9.04-19.108h3.84l.396.274 4.58 10.056a.619.619 0 0 0 1.13 0l4.582-10.056.39-.274h3.846ZM249.027 44.676c-5.68 0-9.194-4.1-9.194-9.84 0-5.738 3.513-9.836 9.194-9.836 5.682 0 9.195 4.098 9.195 9.837s-3.513 9.839-9.195 9.839m0-16.397c-3.513 0-5.41 2.734-5.41 6.558s1.895 6.56 5.41 6.56c3.516 0 5.41-2.734 5.41-6.56 0-3.828-1.892-6.559-5.41-6.559M266.399 44.486h-3.216l-.27-.272V25.651l.27-.273h3.216l.267.273v18.563zM284.826 38.664l.27-.273h3.252l.273.273c-.543 3.827-3.525 6.012-7.861 6.012-5.963 0-9.215-4.1-9.215-9.84 0-5.738 3.252-9.836 9.215-9.836 4.336 0 7.317 2.185 7.86 5.74l-.272.272h-3.252l-.27-.273c-.542-1.642-1.897-2.462-4.066-2.46-3.793 0-5.422 2.733-5.422 6.558 0 3.825 1.629 6.56 5.422 6.56 2.169 0 3.524-.822 4.066-2.734M305.988 44.486H293.21l-.273-.272V25.651l.273-.273h12.778l.272.273v2.73l-.272.273h-8.973l-.272.272v3.823l.272.272h8.428l.271.273v2.73l-.271.272h-8.428l-.272.276v4.367l.272.273h8.973l.272.272v2.73zM345.476 44.676c-5.678 0-9.193-4.1-9.193-9.84 0-5.738 3.513-9.836 9.193-9.836 5.681 0 9.196 4.098 9.196 9.837s-3.516 9.839-9.196 9.839m0-16.397c-3.512 0-5.408 2.734-5.408 6.558s1.894 6.56 5.408 6.56c3.514 0 5.41-2.734 5.41-6.56 0-3.828-1.893-6.559-5.41-6.559M364.825 44.486h-5.937l-.275-.272V25.651l.275-.273h5.937c6.747 0 9.175 3.545 9.175 9.553 0 6.009-2.428 9.555-9.175 9.555m.269-15.833h-2.43l-.269.273v12.013l.27.273h2.429c3.78 0 5.129-1.913 5.129-6.28 0-4.368-1.35-6.279-5.129-6.279M331.688 44.48h-3.14l-.27-.272V33.566h-.27l-5.809 10.92h-.74l-5.808-10.92h-.27v10.642l-.27.273h-3.14l-.27-.273V25.651l.27-.273h3.189l.275.273 5.844 10.906a.619.619 0 0 0 1.107 0l5.842-10.906.275-.273h3.189l.275.273v18.557l-.28.273Z"},"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 Voicemod = react_1.forwardRef(function Voicemod({ 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 Voicemod = react_1.forwardRef(function Voicemod({ 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/voicemod.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, light, dark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 240 28","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"a"},"children":[{"type":"feColorMatrix","props":{"in":"SourceGraphic","values":"0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"},"children":[]}]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd","filter":"url(#a)","transform":"translate(-134 -25)"},"children":[{"type":"g","props":{"fill":"#000","fillRule":"nonzero"},"children":[{"type":"path","props":{"d":"M158.157 25.378v12.955a.945.945 0 0 1-1.597.69l-14.45-13.645H134l29.099 27.503a.437.437 0 0 0 .737-.32V25.379h-5.68ZM219.567 44.363 193.144 25.46a.437.437 0 0 0-.689.357v14.695a.95.95 0 0 1-.512.845.94.94 0 0 1-.982-.071L168.84 25.46a.435.435 0 0 0-.687.357V47.3h5.665l.008-9.434a.95.95 0 0 1 .512-.845.94.94 0 0 1 .982.072l22.123 15.826a.434.434 0 0 0 .69-.357V37.866a.95.95 0 0 1 .511-.845.94.94 0 0 1 .982.072l10.164 7.27h9.778ZM238.52 25.378l-9.042 19.108h-.683l-9.04-19.108h3.84l.396.274 4.58 10.056a.619.619 0 0 0 1.13 0l4.582-10.056.39-.274h3.846ZM249.027 44.676c-5.68 0-9.194-4.1-9.194-9.84 0-5.738 3.513-9.836 9.194-9.836 5.682 0 9.195 4.098 9.195 9.837s-3.513 9.839-9.195 9.839m0-16.397c-3.513 0-5.41 2.734-5.41 6.558s1.895 6.56 5.41 6.56c3.516 0 5.41-2.734 5.41-6.56 0-3.828-1.892-6.559-5.41-6.559M266.399 44.486h-3.216l-.27-.272V25.651l.27-.273h3.216l.267.273v18.563zM284.826 38.664l.27-.273h3.252l.273.273c-.543 3.827-3.525 6.012-7.861 6.012-5.963 0-9.215-4.1-9.215-9.84 0-5.738 3.252-9.836 9.215-9.836 4.336 0 7.317 2.185 7.86 5.74l-.272.272h-3.252l-.27-.273c-.542-1.642-1.897-2.462-4.066-2.46-3.793 0-5.422 2.733-5.422 6.558 0 3.825 1.629 6.56 5.422 6.56 2.169 0 3.524-.822 4.066-2.734M305.988 44.486H293.21l-.273-.272V25.651l.273-.273h12.778l.272.273v2.73l-.272.273h-8.973l-.272.272v3.823l.272.272h8.428l.271.273v2.73l-.271.272h-8.428l-.272.276v4.367l.272.273h8.973l.272.272v2.73zM345.476 44.676c-5.678 0-9.193-4.1-9.193-9.84 0-5.738 3.513-9.836 9.193-9.836 5.681 0 9.196 4.098 9.196 9.837s-3.516 9.839-9.196 9.839m0-16.397c-3.512 0-5.408 2.734-5.408 6.558s1.894 6.56 5.408 6.56c3.514 0 5.41-2.734 5.41-6.56 0-3.828-1.893-6.559-5.41-6.559M364.825 44.486h-5.937l-.275-.272V25.651l.275-.273h5.937c6.747 0 9.175 3.545 9.175 9.553 0 6.009-2.428 9.555-9.175 9.555m.269-15.833h-2.43l-.269.273v12.013l.27.273h2.429c3.78 0 5.129-1.913 5.129-6.28 0-4.368-1.35-6.279-5.129-6.279M331.688 44.48h-3.14l-.27-.272V33.566h-.27l-5.809 10.92h-.74l-5.808-10.92h-.27v10.642l-.27.273h-3.14l-.27-.273V25.651l.27-.273h3.189l.275.273 5.844 10.906a.619.619 0 0 0 1.107 0l5.842-10.906.275-.273h3.189l.275.273v18.557l-.28.273Z"},"children":[]}]}]}]},"light":{"viewBox":"0 0 240 28","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"d":"M24.157.378v12.955a.945.945 0 0 1-1.597.69L8.11.378H0l29.099 27.503a.437.437 0 0 0 .737-.32V.379h-5.68l.001-.001Zm61.41 18.985L59.144.46a.437.437 0 0 0-.689.357v14.695a.95.95 0 0 1-1.013.948.94.94 0 0 1-.481-.174L34.84.46a.435.435 0 0 0-.687.357V22.3h5.665l.008-9.434a.95.95 0 0 1 1.013-.948.94.94 0 0 1 .481.175l22.123 15.826a.434.434 0 0 0 .69-.357V12.866a.95.95 0 0 1 1.012-.948.94.94 0 0 1 .481.175l10.164 7.27h9.777ZM104.52.378l-9.042 19.108h-.683L85.755.378h3.84l.396.274 4.58 10.056a.62.62 0 0 0 1.13 0L100.283.652l.39-.274h3.847Zm10.507 19.298c-5.68 0-9.194-4.1-9.194-9.84 0-5.738 3.513-9.836 9.194-9.836 5.682 0 9.195 4.098 9.195 9.837s-3.513 9.839-9.195 9.839Zm0-16.397c-3.513 0-5.41 2.734-5.41 6.558s1.895 6.56 5.41 6.56c3.516 0 5.41-2.734 5.41-6.56 0-3.828-1.892-6.558-5.41-6.558Zm17.372 16.207h-3.216l-.27-.272V.651l.27-.273h3.216l.267.273v18.563l-.267.272Zm18.427-5.822.27-.273h3.252l.273.273c-.543 3.827-3.525 6.012-7.861 6.012-5.963 0-9.215-4.1-9.215-9.84 0-5.738 3.252-9.836 9.215-9.836 4.336 0 7.317 2.185 7.86 5.74l-.272.272h-3.252l-.27-.273c-.542-1.642-1.897-2.462-4.066-2.46-3.793 0-5.422 2.733-5.422 6.558 0 3.825 1.629 6.56 5.422 6.56 2.169 0 3.524-.822 4.066-2.734m21.162 5.823H159.21l-.273-.272V.651l.273-.273h12.778l.272.273v2.73l-.272.273h-8.973l-.272.272v3.823l.272.272h8.428l.271.273v2.73l-.271.272h-8.428l-.272.276v4.367l.272.273h8.973l.272.272v2.73l-.272.272Zm39.488.19c-5.678 0-9.193-4.1-9.193-9.84 0-5.738 3.513-9.836 9.193-9.836 5.681 0 9.196 4.098 9.196 9.837s-3.516 9.839-9.196 9.839Zm0-16.397c-3.512 0-5.408 2.734-5.408 6.558s1.894 6.56 5.408 6.56c3.514 0 5.41-2.734 5.41-6.56 0-3.828-1.893-6.558-5.41-6.558Zm19.349 16.207h-5.937l-.275-.272V.651l.275-.273h5.937c6.747 0 9.175 3.545 9.175 9.553 0 6.009-2.428 9.555-9.175 9.555Zm.269-15.833h-2.43l-.269.273v12.013l.27.273h2.429c3.78 0 5.129-1.913 5.129-6.28 0-4.368-1.35-6.279-5.129-6.279ZM197.688 19.48h-3.14l-.27-.272V8.566h-.27l-5.809 10.92h-.74l-5.808-10.92h-.27v10.642l-.27.273h-3.14l-.27-.273V.651l.27-.273h3.189l.275.273 5.844 10.906a.614.614 0 0 0 .553.342.622.622 0 0 0 .554-.342L194.228.651l.275-.273h3.189l.275.273v18.557l-.28.273.001-.001Z","fill":"#3F3F3F"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h240v28H0z"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 240 28","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"a"},"children":[{"type":"feColorMatrix","props":{"in":"SourceGraphic","values":"0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"},"children":[]}]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd","filter":"url(#a)","transform":"translate(-134 -25)"},"children":[{"type":"g","props":{"fill":"#000","fillRule":"nonzero"},"children":[{"type":"path","props":{"d":"M158.157 25.378v12.955a.945.945 0 0 1-1.597.69l-14.45-13.645H134l29.099 27.503a.437.437 0 0 0 .737-.32V25.379h-5.68ZM219.567 44.363 193.144 25.46a.437.437 0 0 0-.689.357v14.695a.95.95 0 0 1-.512.845.94.94 0 0 1-.982-.071L168.84 25.46a.435.435 0 0 0-.687.357V47.3h5.665l.008-9.434a.95.95 0 0 1 .512-.845.94.94 0 0 1 .982.072l22.123 15.826a.434.434 0 0 0 .69-.357V37.866a.95.95 0 0 1 .511-.845.94.94 0 0 1 .982.072l10.164 7.27h9.778ZM238.52 25.378l-9.042 19.108h-.683l-9.04-19.108h3.84l.396.274 4.58 10.056a.619.619 0 0 0 1.13 0l4.582-10.056.39-.274h3.846ZM249.027 44.676c-5.68 0-9.194-4.1-9.194-9.84 0-5.738 3.513-9.836 9.194-9.836 5.682 0 9.195 4.098 9.195 9.837s-3.513 9.839-9.195 9.839m0-16.397c-3.513 0-5.41 2.734-5.41 6.558s1.895 6.56 5.41 6.56c3.516 0 5.41-2.734 5.41-6.56 0-3.828-1.892-6.559-5.41-6.559M266.399 44.486h-3.216l-.27-.272V25.651l.27-.273h3.216l.267.273v18.563zM284.826 38.664l.27-.273h3.252l.273.273c-.543 3.827-3.525 6.012-7.861 6.012-5.963 0-9.215-4.1-9.215-9.84 0-5.738 3.252-9.836 9.215-9.836 4.336 0 7.317 2.185 7.86 5.74l-.272.272h-3.252l-.27-.273c-.542-1.642-1.897-2.462-4.066-2.46-3.793 0-5.422 2.733-5.422 6.558 0 3.825 1.629 6.56 5.422 6.56 2.169 0 3.524-.822 4.066-2.734M305.988 44.486H293.21l-.273-.272V25.651l.273-.273h12.778l.272.273v2.73l-.272.273h-8.973l-.272.272v3.823l.272.272h8.428l.271.273v2.73l-.271.272h-8.428l-.272.276v4.367l.272.273h8.973l.272.272v2.73zM345.476 44.676c-5.678 0-9.193-4.1-9.193-9.84 0-5.738 3.513-9.836 9.193-9.836 5.681 0 9.196 4.098 9.196 9.837s-3.516 9.839-9.196 9.839m0-16.397c-3.512 0-5.408 2.734-5.408 6.558s1.894 6.56 5.408 6.56c3.514 0 5.41-2.734 5.41-6.56 0-3.828-1.893-6.559-5.41-6.559M364.825 44.486h-5.937l-.275-.272V25.651l.275-.273h5.937c6.747 0 9.175 3.545 9.175 9.553 0 6.009-2.428 9.555-9.175 9.555m.269-15.833h-2.43l-.269.273v12.013l.27.273h2.429c3.78 0 5.129-1.913 5.129-6.28 0-4.368-1.35-6.279-5.129-6.279M331.688 44.48h-3.14l-.27-.272V33.566h-.27l-5.809 10.92h-.74l-5.808-10.92h-.27v10.642l-.27.273h-3.14l-.27-.273V25.651l.27-.273h3.189l.275.273 5.844 10.906a.619.619 0 0 0 1.107 0l5.842-10.906.275-.273h3.189l.275.273v18.557l-.28.273Z"},"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 Voicemod = forwardRef(
   function Voicemod({ 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 Voicemod = 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/volar.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 224","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"SVGw8v50d0C","x1":"105.885%","x2":"-.485%","y1":"16.567%","y2":"62.101%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#7a85ec"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#3ddcff"},"children":[]}]},{"type":"path","props":{"id":"SVGqSYaKbhR","d":"M110.204 12.886C71.297-14.28 21.28 8.106 0 20.072l99.384 168.085l92.185-157.935c-15.254 4.202-45.89 7.433-81.365-17.336"},"children":[]}]},{"type":"path","props":{"fill":"url(#SVGw8v50d0C)","d":"M134.247 220.01c-2.777 4.809-9.718 4.809-12.494 0L.977 10.82C-1.799 6.011 1.671 0 7.224 0h241.552c5.553 0 9.023 6.011 6.247 10.82z"},"children":[]},{"type":"g","props":{"transform":"translate(28.616 45.423)"},"children":[{"type":"mask","props":{"id":"SVGeevAkcwP","fill":"#fff"},"children":[{"type":"use","props":{"href":"#SVGqSYaKbhR"},"children":[]}]},{"type":"path","props":{"fill":"#001aff","d":"M105.63 174.587c-2.776 4.81-9.717 4.81-12.493 0L-27.64-34.603c-2.777-4.808.694-10.82 6.247-10.82H220.16c5.553 0 9.023 6.012 6.246 10.82z","mask":"url(#SVGeevAkcwP)"},"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 Volar = react_1.forwardRef(function Volar({ 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 Volar = react_1.forwardRef(function Volar({ 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/volar.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 224","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"SVGw8v50d0C","x1":"105.885%","x2":"-.485%","y1":"16.567%","y2":"62.101%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#7a85ec"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#3ddcff"},"children":[]}]},{"type":"path","props":{"id":"SVGqSYaKbhR","d":"M110.204 12.886C71.297-14.28 21.28 8.106 0 20.072l99.384 168.085l92.185-157.935c-15.254 4.202-45.89 7.433-81.365-17.336"},"children":[]}]},{"type":"path","props":{"fill":"url(#SVGw8v50d0C)","d":"M134.247 220.01c-2.777 4.809-9.718 4.809-12.494 0L.977 10.82C-1.799 6.011 1.671 0 7.224 0h241.552c5.553 0 9.023 6.011 6.247 10.82z"},"children":[]},{"type":"g","props":{"transform":"translate(28.616 45.423)"},"children":[{"type":"mask","props":{"id":"SVGeevAkcwP","fill":"#fff"},"children":[{"type":"use","props":{"href":"#SVGqSYaKbhR"},"children":[]}]},{"type":"path","props":{"fill":"#001aff","d":"M105.63 174.587c-2.776 4.81-9.717 4.81-12.493 0L-27.64-34.603c-2.777-4.808.694-10.82 6.247-10.82H220.16c5.553 0 9.023 6.012 6.246 10.82z","mask":"url(#SVGeevAkcwP)"},"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 Volar = forwardRef(
   function Volar({ 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 Volar = 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/volcano.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 300.33334 204.66667","fill":"currentColor","childNodes":[{"type":"linearGradient","props":{"id":"a","gradientUnits":"userSpaceOnUse","x1":"150","x2":"150","y1":"146.88527","y2":".11465"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#eb5520"},"children":[]},{"type":"stop","props":{"offset":".24727","stopColor":"#eb511f"},"children":[]},{"type":"stop","props":{"offset":".50344","stopColor":"#eb441d"},"children":[]},{"type":"stop","props":{"offset":".76272","stopColor":"#eb301a"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#eb1616"},"children":[]}]},{"type":"path","props":{"d":"m125.75628 40.43171-19.30217-19.30217a1.00256 1.00256 0 0 1 0-1.41781l19.304-19.304a.99988.99988 0 0 1 1.4145 0l19.304 19.304a1.00247 1.00247 0 0 1 0 1.41781l-19.30216 19.30217a1.00232 1.00232 0 0 1 -1.41817 0zm-5.11752 2.81249-16.99714-16.99714a1.00477 1.00477 0 0 0 -1.42074 0l-16.99714 16.99714a1.00455 1.00455 0 0 0 0 1.42111l17.00007 17.00008a1.00035 1.00035 0 0 0 1.41487 0l17.00008-17.00008a1.00522 1.00522 0 0 0 0-1.42111zm47.06824 0-16.99709-16.99714a1.00483 1.00483 0 0 0 -1.42079 0l-16.99712 16.99714a1.0052 1.0052 0 0 0 0 1.42111l16.99714 16.99714a1.00483 1.00483 0 0 0 1.42079 0l16.99707-16.99714a1.00522 1.00522 0 0 0 0-1.42111zm-72.90134 23.53724-14.70091-14.70091a1.00072 1.00072 0 0 0 -1.41519 0l-14.70056 14.70091a1.00033 1.00033 0 0 0 0 1.41487l14.70056 14.70091a1.00072 1.00072 0 0 0 1.41519 0l14.70091-14.70091a1.001 1.001 0 0 0 0-1.41487zm47.06787 0-14.70053-14.70091a1.00078 1.00078 0 0 0 -1.41524 0l-14.70056 14.70091a1.00035 1.00035 0 0 0 0 1.41487l14.70055 14.70091a1.00078 1.00078 0 0 0 1.41524 0l14.70054-14.70091a1.00033 1.00033 0 0 0 0-1.41487zm47.06824 0-14.70054-14.70091a1.00078 1.00078 0 0 0 -1.41524 0l-14.70049 14.70091a1.00024 1.00024 0 0 0 0 1.41487l14.7005 14.70091a1.00078 1.00078 0 0 0 1.41524 0l14.70054-14.70091a1.00024 1.00024 0 0 0 -.00001-1.41487zm-119.97251 23.53467-12.39918-12.39918a.99988.99988 0 0 0 -1.4145 0l-12.39914 12.39918a.99958.99958 0 0 0 0 1.41377l12.3995 12.39955a1.00012 1.00012 0 0 0 1.41414 0l12.39918-12.39955a.999.999 0 0 0 0-1.41377zm47.06861 0-12.39919-12.39918a1.00033 1.00033 0 0 0 -1.41487 0l-12.39918 12.39918a.99967.99967 0 0 0 0 1.41377l12.3996 12.39955a1.00006 1.00006 0 0 0 1.41409 0l12.39955-12.39955a.99967.99967 0 0 0 -0-1.41377zm47.06824 0-12.39955-12.39955a1.00012 1.00012 0 0 0 -1.41414 0l-12.39955 12.39955a.99976.99976 0 0 0 0 1.41377l12.39955 12.39955a1.00012 1.00012 0 0 0 1.41414 0l12.39955-12.39955a.99967.99967 0 0 0 0-1.41377zm47.06823 0-12.39955-12.39955a1.00011 1.00011 0 0 0 -1.41413 0l-12.39955 12.39955a.99967.99967 0 0 0 0 1.41377l12.39955 12.39955a1.00011 1.00011 0 0 0 1.41413 0l12.39955-12.39955a.99967.99967 0 0 0 0-1.41377zm-167.04334 23.53211-10.09339-10.09342a1.00254 1.00254 0 0 0 -1.4178 0l-10.09342 10.09342a1.00254 1.00254 0 0 0 0 1.4178l10.09342 10.09342a1.00254 1.00254 0 0 0 1.4178 0l10.09339-10.09344a1.00254 1.00254 0 0 0 0-1.41778zm47.06823 0-10.093-10.09342a1.003 1.003 0 0 0 -1.41818 0l-10.09342 10.09342a1.00254 1.00254 0 0 0 0 1.4178l10.09337 10.09342a1.003 1.003 0 0 0 1.41818 0l10.093-10.09342a1.00253 1.00253 0 0 0 .00008-1.4178zm47.06824 0-10.09302-10.09342a1.003 1.003 0 0 0 -1.41817 0l-10.09305 10.09342a1.00189 1.00189 0 0 0 0 1.4178l10.09305 10.09342a1.003 1.003 0 0 0 1.41817 0l10.09305-10.09344a1.00254 1.00254 0 0 0 0-1.41778zm47.06824 0-10.093-10.09342a1.00292 1.00292 0 0 0 -1.41811 0l-10.09311 10.09342a1.00254 1.00254 0 0 0 0 1.4178l10.09311 10.09342a1.00292 1.00292 0 0 0 1.41811 0l10.093-10.09342a1.00178 1.00178 0 0 0 .00003-1.4178zm47.06866 0-10.09344-10.09342a1.003 1.003 0 0 0 -1.41817 0l-10.093 10.09342a1.00244 1.00244 0 0 0 0 1.4178l10.093 10.09342a1.003 1.003 0 0 0 1.41817 0l10.09347-10.09344a1.00263 1.00263 0 0 0 0-1.41778zm-214.10791 23.53578-7.79457-7.79426a1 1 0 0 0 -1.41455 0l-7.79426 7.79426a.9999.9999 0 0 0 0 1.4145l7.79316 7.79315a1.00166 1.00166 0 0 0 1.41707 0l7.79315-7.79315a1.00055 1.00055 0 0 0 0-1.4145zm47.06829 0-7.79467-7.79426a.9999.9999 0 0 0 -1.4145 0l-7.79421 7.79426a.99979.99979 0 0 0 0 1.4145l7.79237 7.79242a1.00277 1.00277 0 0 0 1.41854 0l7.79247-7.79242a1.00064 1.00064 0 0 0 0-1.4145zm47.06819 0-7.79237-7.79242a1.00283 1.00283 0 0 0 -1.41859 0l-7.79058 7.79021a1.00387 1.00387 0 0 0 0 1.41891l7.79058 7.79022a1.00283 1.00283 0 0 0 1.41859 0l7.79237-7.79242a.9999.9999 0 0 0 0-1.4145zm47.066-.20255-7.79022-7.79022a1.00279 1.00279 0 0 0 -1.41854 0l-7.79242 7.79206a1.00033 1.00033 0 0 0 0 1.41487l7.79242 7.79242a1.00344 1.00344 0 0 0 1.41854 0l7.79028-7.79058a1.00279 1.00279 0 0 0 0-1.41856zm47.0686 0-7.79058-7.79022a1.00279 1.00279 0 0 0 -1.41854 0l-7.79242 7.79206a1.00033 1.00033 0 0 0 0 1.41487l7.79242 7.79242a1.00344 1.00344 0 0 0 1.41854 0l7.79062-7.79058a1.00344 1.00344 0 0 0 0-1.41856zm47.06824 0-7.79058-7.79022a1.00279 1.00279 0 0 0 -1.41854 0l-7.79242 7.79206a1.001 1.001 0 0 0 0 1.41487l7.79242 7.79242a1.00344 1.00344 0 0 0 1.41854 0l7.79062-7.79058a1.00333 1.00333 0 0 0 0-1.41856zm-78.39455-96.74827 19.3051-19.30511a1.00033 1.00033 0 0 0 0-1.41487l-19.3051-19.30547a1.00078 1.00078 0 0 0 -1.41524 0l-19.30511 19.30547a1.00035 1.00035 0 0 0 0 1.41487l19.30512 19.30511a1.00078 1.00078 0 0 0 1.41523 0zm23.53687 21.22927 16.99719-16.99714a1.00455 1.00455 0 0 0 0-1.42111l-16.99719-16.99714a1.00477 1.00477 0 0 0 -1.42074 0l-16.99714 16.99714a1.0052 1.0052 0 0 0 0 1.42111l16.99714 16.99714a1.00477 1.00477 0 0 0 1.42074 0zm23.53136 21.23477 14.70054-14.70091a1.00033 1.00033 0 0 0 0-1.41487l-14.70054-14.70091a1.00076 1.00076 0 0 0 -1.41523 0l-14.70055 14.70091a1.00035 1.00035 0 0 0 0 1.41487l14.70055 14.70091a1.00076 1.00076 0 0 0 1.41523 0zm23.53354 21.23221 12.39809-12.39808a1.00178 1.00178 0 0 0 0-1.4167l-12.39809-12.39809a1.00011 1.00011 0 0 0 -1.41413 0l-12.39915 12.39955a.999.999 0 0 0 0 1.41377l12.39918 12.39955a1.00011 1.00011 0 0 0 1.4141 0zm23.53614 21.23 10.09345-10.09343a1.00254 1.00254 0 0 0 0-1.4178l-10.09342-10.0934a1.00254 1.00254 0 0 0 -1.4178 0l-10.09337 10.09342a1.00265 1.00265 0 0 0 0 1.4178l10.09342 10.09342a1.00254 1.00254 0 0 0 1.41775 0zm23.53467 21.03113 7.79395-7.79426a.998.998 0 0 0 0-1.4112l-7.79395-7.79389a1.00322 1.00322 0 0 0 -1.4189 0l-7.79242 7.79206a1.001 1.001 0 0 0 0 1.41487l7.79242 7.79242a1.00387 1.00387 0 0 0 1.41893.00001z","fill":"url(#a)"},"children":[]},{"type":"g","props":{"fill":"#0f0f0f"},"children":[{"type":"path","props":{"d":"m85.23865 204.2836h-19.31014a11.04686 11.04686 0 0 1 -11.03446-11.03429v-5.51723a11.0469 11.0469 0 0 1 11.03446-11.03446h19.31014a11.04688 11.04688 0 0 1 11.03446 11.03446v5.51723a11.04685 11.04685 0 0 1 -11.03446 11.03429zm-19.31014-22.06875a5.52356 5.52356 0 0 0 -5.51723 5.51723v5.51723a5.52367 5.52367 0 0 0 5.51723 5.51723h19.31014a5.52356 5.52356 0 0 0 5.51723-5.51723v-5.51723a5.52345 5.52345 0 0 0 -5.51723-5.51723z"},"children":[]},{"type":"path","props":{"d":"m129.42635 204.2836h-18.80844a11.03437 11.03437 0 0 1 -11.03447-11.03429v-16.05a.50176.50176 0 0 1 .50173-.50172h4.51383a.50176.50176 0 0 1 .50173.50172v16.05a5.51725 5.51725 0 0 0 5.51723 5.51723h18.80844a.50163.50163 0 0 1 .50172.50155v4.514a.50163.50163 0 0 1 -.50177.50151z"},"children":[]},{"type":"path","props":{"d":"m48.00993 176.91141-15.38239 21.97479a.50156.50156 0 0 1 -.82189 0l-15.38221-21.97444a.50191.50191 0 0 0 -.411-.214h-5.50985a.50167.50167 0 0 0 -.411.78931l18.60807 26.58271a.50142.50142 0 0 0 .411.214h6.21189a.50188.50188 0 0 0 .411-.214l18.60895-26.58406a.5007.5007 0 0 0 -.41017-.78793h-5.51206a.50078.50078 0 0 0 -.41034.21362z"},"children":[]},{"type":"path","props":{"d":"m279.44429 204.2836h-19.31029a11.04671 11.04671 0 0 1 -11.03429-11.03429v-5.51723a11.04675 11.04675 0 0 1 11.03429-11.03446h19.3103a11.0469 11.0469 0 0 1 11.03446 11.03446v5.51723a11.04686 11.04686 0 0 1 -11.03447 11.03429zm-19.31029-22.06875a5.52341 5.52341 0 0 0 -5.51706 5.51723v5.51723a5.52352 5.52352 0 0 0 5.51706 5.51723h19.3103a5.52367 5.52367 0 0 0 5.51723-5.51723v-5.51723a5.52356 5.52356 0 0 0 -5.51723-5.51723z"},"children":[]},{"type":"path","props":{"d":"m165.83986 204.28377h-21.567a11.03434 11.03434 0 0 1 -11.03446-11.03429v-5.51723a11.03449 11.03449 0 0 1 11.03446-11.03446h21.567a.50177.50177 0 0 1 .50173.50173v4.51378a.50176.50176 0 0 1 -.50173.50172h-21.567a5.51724 5.51724 0 0 0 -5.51723 5.51723v5.51723a5.51709 5.51709 0 0 0 5.51723 5.51706h21.567a.50177.50177 0 0 1 .50173.50173v4.51395a.50161.50161 0 0 1 -.50173.50155z"},"children":[]},{"type":"path","props":{"d":"m195.031 176.69779h-13.7929a11.03451 11.03451 0 0 0 -11.03446 11.03446v16.05a.5016.5016 0 0 0 .50172.50155h4.51379a.50161.50161 0 0 0 .50172-.50155v-10.03125a.50161.50161 0 0 1 .50172-.50156h23.82392a.50161.50161 0 0 1 .50172.50156v10.03118a.50161.50161 0 0 0 .50173.50155h4.51378a.5016.5016 0 0 0 .50172-.50155v-16.05a11.03451 11.03451 0 0 0 -11.03446-11.03439zm-18.78234 11.03446a.49651.49651 0 0 1 -.50279-.52758 5.52493 5.52493 0 0 1 5.49223-4.98965h13.7929a5.52493 5.52493 0 0 1 5.49223 4.98965.49651.49651 0 0 1 -.50275.52758z"},"children":[]},{"type":"path","props":{"d":"m240.27213 177.19848v19.717a.50089.50089 0 0 1 -.83776.37069l-22.50375-20.45789a.50124.50124 0 0 0 -.33741-.13052h-6.16395a.50177.50177 0 0 0 -.50173.50173v26.58322a.50073.50073 0 0 0 .50087.50086h4.5155a.50083.50083 0 0 0 .50086-.50086v-19.7151a.50169.50169 0 0 1 .83914-.37121l22.50271 20.4572a.50086.50086 0 0 0 .3369.13017h6.165a.50083.50083 0 0 0 .50086-.50086v-26.58426a.501.501 0 0 0 -.50086-.50086h-4.51568a.50066.50066 0 0 0 -.5007.50069z"},"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 Volcano = react_1.forwardRef(function Volcano({ 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 Volcano = react_1.forwardRef(function Volcano({ variant = 'default', viewB
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/volcano.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 300.33334 204.66667","fill":"currentColor","childNodes":[{"type":"linearGradient","props":{"id":"a","gradientUnits":"userSpaceOnUse","x1":"150","x2":"150","y1":"146.88527","y2":".11465"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#eb5520"},"children":[]},{"type":"stop","props":{"offset":".24727","stopColor":"#eb511f"},"children":[]},{"type":"stop","props":{"offset":".50344","stopColor":"#eb441d"},"children":[]},{"type":"stop","props":{"offset":".76272","stopColor":"#eb301a"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#eb1616"},"children":[]}]},{"type":"path","props":{"d":"m125.75628 40.43171-19.30217-19.30217a1.00256 1.00256 0 0 1 0-1.41781l19.304-19.304a.99988.99988 0 0 1 1.4145 0l19.304 19.304a1.00247 1.00247 0 0 1 0 1.41781l-19.30216 19.30217a1.00232 1.00232 0 0 1 -1.41817 0zm-5.11752 2.81249-16.99714-16.99714a1.00477 1.00477 0 0 0 -1.42074 0l-16.99714 16.99714a1.00455 1.00455 0 0 0 0 1.42111l17.00007 17.00008a1.00035 1.00035 0 0 0 1.41487 0l17.00008-17.00008a1.00522 1.00522 0 0 0 0-1.42111zm47.06824 0-16.99709-16.99714a1.00483 1.00483 0 0 0 -1.42079 0l-16.99712 16.99714a1.0052 1.0052 0 0 0 0 1.42111l16.99714 16.99714a1.00483 1.00483 0 0 0 1.42079 0l16.99707-16.99714a1.00522 1.00522 0 0 0 0-1.42111zm-72.90134 23.53724-14.70091-14.70091a1.00072 1.00072 0 0 0 -1.41519 0l-14.70056 14.70091a1.00033 1.00033 0 0 0 0 1.41487l14.70056 14.70091a1.00072 1.00072 0 0 0 1.41519 0l14.70091-14.70091a1.001 1.001 0 0 0 0-1.41487zm47.06787 0-14.70053-14.70091a1.00078 1.00078 0 0 0 -1.41524 0l-14.70056 14.70091a1.00035 1.00035 0 0 0 0 1.41487l14.70055 14.70091a1.00078 1.00078 0 0 0 1.41524 0l14.70054-14.70091a1.00033 1.00033 0 0 0 0-1.41487zm47.06824 0-14.70054-14.70091a1.00078 1.00078 0 0 0 -1.41524 0l-14.70049 14.70091a1.00024 1.00024 0 0 0 0 1.41487l14.7005 14.70091a1.00078 1.00078 0 0 0 1.41524 0l14.70054-14.70091a1.00024 1.00024 0 0 0 -.00001-1.41487zm-119.97251 23.53467-12.39918-12.39918a.99988.99988 0 0 0 -1.4145 0l-12.39914 12.39918a.99958.99958 0 0 0 0 1.41377l12.3995 12.39955a1.00012 1.00012 0 0 0 1.41414 0l12.39918-12.39955a.999.999 0 0 0 0-1.41377zm47.06861 0-12.39919-12.39918a1.00033 1.00033 0 0 0 -1.41487 0l-12.39918 12.39918a.99967.99967 0 0 0 0 1.41377l12.3996 12.39955a1.00006 1.00006 0 0 0 1.41409 0l12.39955-12.39955a.99967.99967 0 0 0 -0-1.41377zm47.06824 0-12.39955-12.39955a1.00012 1.00012 0 0 0 -1.41414 0l-12.39955 12.39955a.99976.99976 0 0 0 0 1.41377l12.39955 12.39955a1.00012 1.00012 0 0 0 1.41414 0l12.39955-12.39955a.99967.99967 0 0 0 0-1.41377zm47.06823 0-12.39955-12.39955a1.00011 1.00011 0 0 0 -1.41413 0l-12.39955 12.39955a.99967.99967 0 0 0 0 1.41377l12.39955 12.39955a1.00011 1.00011 0 0 0 1.41413 0l12.39955-12.39955a.99967.99967 0 0 0 0-1.41377zm-167.04334 23.53211-10.09339-10.09342a1.00254 1.00254 0 0 0 -1.4178 0l-10.09342 10.09342a1.00254 1.00254 0 0 0 0 1.4178l10.09342 10.09342a1.00254 1.00254 0 0 0 1.4178 0l10.09339-10.09344a1.00254 1.00254 0 0 0 0-1.41778zm47.06823 0-10.093-10.09342a1.003 1.003 0 0 0 -1.41818 0l-10.09342 10.09342a1.00254 1.00254 0 0 0 0 1.4178l10.09337 10.09342a1.003 1.003 0 0 0 1.41818 0l10.093-10.09342a1.00253 1.00253 0 0 0 .00008-1.4178zm47.06824 0-10.09302-10.09342a1.003 1.003 0 0 0 -1.41817 0l-10.09305 10.09342a1.00189 1.00189 0 0 0 0 1.4178l10.09305 10.09342a1.003 1.003 0 0 0 1.41817 0l10.09305-10.09344a1.00254 1.00254 0 0 0 0-1.41778zm47.06824 0-10.093-10.09342a1.00292 1.00292 0 0 0 -1.41811 0l-10.09311 10.09342a1.00254 1.00254 0 0 0 0 1.4178l10.09311 10.09342a1.00292 1.00292 0 0 0 1.41811 0l10.093-10.09342a1.00178 1.00178 0 0 0 .00003-1.4178zm47.06866 0-10.09344-10.09342a1.003 1.003 0 0 0 -1.41817 0l-10.093 10.09342a1.00244 1.00244 0 0 0 0 1.4178l10.093 10.09342a1.003 1.003 0 0 0 1.41817 0l10.09347-10.09344a1.00263 1.00263 0 0 0 0-1.41778zm-214.10791 23.53578-7.79457-7.79426a1 1 0 0 0 -1.41455 0l-7.79426 7.79426a.9999.9999 0 0 0 0 1.4145l7.79316 7.79315a1.00166 1.00166 0 0 0 1.41707 0l7.79315-7.79315a1.00055 1.00055 0 0 0 0-1.4145zm47.06829 0-7.79467-7.79426a.9999.9999 0 0 0 -1.4145 0l-7.79421 7.79426a.99979.99979 0 0 0 0 1.4145l7.79237 7.79242a1.00277 1.00277 0 0 0 1.41854 0l7.79247-7.79242a1.00064 1.00064 0 0 0 0-1.4145zm47.06819 0-7.79237-7.79242a1.00283 1.00283 0 0 0 -1.41859 0l-7.79058 7.79021a1.00387 1.00387 0 0 0 0 1.41891l7.79058 7.79022a1.00283 1.00283 0 0 0 1.41859 0l7.79237-7.79242a.9999.9999 0 0 0 0-1.4145zm47.066-.20255-7.79022-7.79022a1.00279 1.00279 0 0 0 -1.41854 0l-7.79242 7.79206a1.00033 1.00033 0 0 0 0 1.41487l7.79242 7.79242a1.00344 1.00344 0 0 0 1.41854 0l7.79028-7.79058a1.00279 1.00279 0 0 0 0-1.41856zm47.0686 0-7.79058-7.79022a1.00279 1.00279 0 0 0 -1.41854 0l-7.79242 7.79206a1.00033 1.00033 0 0 0 0 1.41487l7.79242 7.79242a1.00344 1.00344 0 0 0 1.41854 0l7.79062-7.79058a1.00344 1.00344 0 0 0 0-1.41856zm47.06824 0-7.79058-7.79022a1.00279 1.00279 0 0 0 -1.41854 0l-7.79242 7.79206a1.001 1.001 0 0 0 0 1.41487l7.79242 7.79242a1.00344 1.00344 0 0 0 1.41854 0l7.79062-7.79058a1.00333 1.00333 0 0 0 0-1.41856zm-78.39455-96.74827 19.3051-19.30511a1.00033 1.00033 0 0 0 0-1.41487l-19.3051-19.30547a1.00078 1.00078 0 0 0 -1.41524 0l-19.30511 19.30547a1.00035 1.00035 0 0 0 0 1.41487l19.30512 19.30511a1.00078 1.00078 0 0 0 1.41523 0zm23.53687 21.22927 16.99719-16.99714a1.00455 1.00455 0 0 0 0-1.42111l-16.99719-16.99714a1.00477 1.00477 0 0 0 -1.42074 0l-16.99714 16.99714a1.0052 1.0052 0 0 0 0 1.42111l16.99714 16.99714a1.00477 1.00477 0 0 0 1.42074 0zm23.53136 21.23477 14.70054-14.70091a1.00033 1.00033 0 0 0 0-1.41487l-14.70054-14.70091a1.00076 1.00076 0 0 0 -1.41523 0l-14.70055 14.70091a1.00035 1.00035 0 0 0 0 1.41487l14.70055 14.70091a1.00076 1.00076 0 0 0 1.41523 0zm23.53354 21.23221 12.39809-12.39808a1.00178 1.00178 0 0 0 0-1.4167l-12.39809-12.39809a1.00011 1.00011 0 0 0 -1.41413 0l-12.39915 12.39955a.999.999 0 0 0 0 1.41377l12.39918 12.39955a1.00011 1.00011 0 0 0 1.4141 0zm23.53614 21.23 10.09345-10.09343a1.00254 1.00254 0 0 0 0-1.4178l-10.09342-10.0934a1.00254 1.00254 0 0 0 -1.4178 0l-10.09337 10.09342a1.00265 1.00265 0 0 0 0 1.4178l10.09342 10.09342a1.00254 1.00254 0 0 0 1.41775 0zm23.53467 21.03113 7.79395-7.79426a.998.998 0 0 0 0-1.4112l-7.79395-7.79389a1.00322 1.00322 0 0 0 -1.4189 0l-7.79242 7.79206a1.001 1.001 0 0 0 0 1.41487l7.79242 7.79242a1.00387 1.00387 0 0 0 1.41893.00001z","fill":"url(#a)"},"children":[]},{"type":"g","props":{"fill":"#0f0f0f"},"children":[{"type":"path","props":{"d":"m85.23865 204.2836h-19.31014a11.04686 11.04686 0 0 1 -11.03446-11.03429v-5.51723a11.0469 11.0469 0 0 1 11.03446-11.03446h19.31014a11.04688 11.04688 0 0 1 11.03446 11.03446v5.51723a11.04685 11.04685 0 0 1 -11.03446 11.03429zm-19.31014-22.06875a5.52356 5.52356 0 0 0 -5.51723 5.51723v5.51723a5.52367 5.52367 0 0 0 5.51723 5.51723h19.31014a5.52356 5.52356 0 0 0 5.51723-5.51723v-5.51723a5.52345 5.52345 0 0 0 -5.51723-5.51723z"},"children":[]},{"type":"path","props":{"d":"m129.42635 204.2836h-18.80844a11.03437 11.03437 0 0 1 -11.03447-11.03429v-16.05a.50176.50176 0 0 1 .50173-.50172h4.51383a.50176.50176 0 0 1 .50173.50172v16.05a5.51725 5.51725 0 0 0 5.51723 5.51723h18.80844a.50163.50163 0 0 1 .50172.50155v4.514a.50163.50163 0 0 1 -.50177.50151z"},"children":[]},{"type":"path","props":{"d":"m48.00993 176.91141-15.38239 21.97479a.50156.50156 0 0 1 -.82189 0l-15.38221-21.97444a.50191.50191 0 0 0 -.411-.214h-5.50985a.50167.50167 0 0 0 -.411.78931l18.60807 26.58271a.50142.50142 0 0 0 .411.214h6.21189a.50188.50188 0 0 0 .411-.214l18.60895-26.58406a.5007.5007 0 0 0 -.41017-.78793h-5.51206a.50078.50078 0 0 0 -.41034.21362z"},"children":[]},{"type":"path","props":{"d":"m279.44429 204.2836h-19.31029a11.04671 11.04671 0 0 1 -11.03429-11.03429v-5.51723a11.04675 11.04675 0 0 1 11.03429-11.03446h19.3103a11.0469 11.0469 0 0 1 11.03446 11.03446v5.51723a11.04686 11.04686 0 0 1 -11.03447 11.03429zm-19.31029-22.06875a5.52341 5.52341 0 0 0 -5.51706 5.51723v5.51723a5.52352 5.52352 0 0 0 5.51706 5.51723h19.3103a5.52367 5.52367 0 0 0 5.51723-5.51723v-5.51723a5.52356 5.52356 0 0 0 -5.51723-5.51723z"},"children":[]},{"type":"path","props":{"d":"m165.83986 204.28377h-21.567a11.03434 11.03434 0 0 1 -11.03446-11.03429v-5.51723a11.03449 11.03449 0 0 1 11.03446-11.03446h21.567a.50177.50177 0 0 1 .50173.50173v4.51378a.50176.50176 0 0 1 -.50173.50172h-21.567a5.51724 5.51724 0 0 0 -5.51723 5.51723v5.51723a5.51709 5.51709 0 0 0 5.51723 5.51706h21.567a.50177.50177 0 0 1 .50173.50173v4.51395a.50161.50161 0 0 1 -.50173.50155z"},"children":[]},{"type":"path","props":{"d":"m195.031 176.69779h-13.7929a11.03451 11.03451 0 0 0 -11.03446 11.03446v16.05a.5016.5016 0 0 0 .50172.50155h4.51379a.50161.50161 0 0 0 .50172-.50155v-10.03125a.50161.50161 0 0 1 .50172-.50156h23.82392a.50161.50161 0 0 1 .50172.50156v10.03118a.50161.50161 0 0 0 .50173.50155h4.51378a.5016.5016 0 0 0 .50172-.50155v-16.05a11.03451 11.03451 0 0 0 -11.03446-11.03439zm-18.78234 11.03446a.49651.49651 0 0 1 -.50279-.52758 5.52493 5.52493 0 0 1 5.49223-4.98965h13.7929a5.52493 5.52493 0 0 1 5.49223 4.98965.49651.49651 0 0 1 -.50275.52758z"},"children":[]},{"type":"path","props":{"d":"m240.27213 177.19848v19.717a.50089.50089 0 0 1 -.83776.37069l-22.50375-20.45789a.50124.50124 0 0 0 -.33741-.13052h-6.16395a.50177.50177 0 0 0 -.50173.50173v26.58322a.50073.50073 0 0 0 .50087.50086h4.5155a.50083.50083 0 0 0 .50086-.50086v-19.7151a.50169.50169 0 0 1 .83914-.37121l22.50271 20.4572a.50086.50086 0 0 0 .3369.13017h6.165a.50083.50083 0 0 0 .50086-.50086v-26.58426a.501.501 0 0 0 -.50086-.50086h-4.51568a.50066.50066 0 0 0 -.5007.50069z"},"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 Volcano = forwardRef(
   function Volcano({ 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 Volcano = 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/vscodium.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 100 100","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"199.997","x2":"296.665","y1":"214.302","y2":"307.573","gradientTransform":"translate(-200 -213)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#62A0EA"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1A5FB4"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M48.26 2.274a6.113 6.113 0 0 0-1.838 8.468c10.109 15.655 12.495 27.463 11.46 37.811-4.184 19.816-13.279 23.836-21.227 23.836-7.76 0-5.682-12.771.151-16.509 3.482-2.174 7.942-3.587 11.365-3.587 3.392 0 6.142-2.741 6.142-6.123 0-3.383-2.75-6.124-6.142-6.124-3.998 0-7.92.84-11.581 2.27.748-3.529 1.024-7.343.057-11.397-1.468-6.156-5.694-12.036-13.032-17.736a6.15 6.15 0 0 0-8.621 1.065 6.114 6.114 0 0 0 1.078 8.595c5.978 4.643 7.952 8.08 8.627 10.909.675 2.829.132 5.864-1.224 10.034-1.733 5.62-3.745 10.637-4.627 15.448-.434 2.368-.471 4.945-.583 7.004-4.305-4.196-5.99-9.736-5.99-17.831-.001-3.382-2.751-6.124-6.142-6.123-3.389.003-6.135 2.743-6.136 6.123 0 11.056 3.233 21.576 11.898 28.594 7.844 7.473 27.791 4.711 27.791 16.708 0 3.386 4.956 5.034 8.347 5.034 3.478 0 7.855-2.325 7.855-5.034 0-13.612 14.345-21.885 37.96-21.849 3.392.005 6.144-2.734 6.149-6.116.006-3.383-2.738-6.13-6.13-6.136a78.226 78.226 0 0 0-4.741.145c2.64-6.209 3.811-13.045 3.569-20.429-.112-3.381-2.95-6.031-6.339-5.921-3.393.11-6.051 2.943-5.94 6.326.32 9.668-.042 18.301-7.245 22.852-2.048 1.293-4.429 2.415-6.687 2.415 1.753-4.768 3.077-9.801 3.619-15.226.346-3.462.383-7.575-.012-10.77-.613-4.95-1.353-10.564.526-14.793 1.688-3.642 5.47-5.167 11.023-5.167 3.389-.003 6.135-2.744 6.136-6.123.002-3.383-2.745-6.127-6.136-6.13-8.252 0-14.507 4.343-18.053 9.59-1.854-3.96-4.112-8.041-6.84-12.265a6.14 6.14 0 0 0-3.86-2.669 6.159 6.159 0 0 0-4.627.831z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["VSCodium"]},{"type":"path","props":{"d":"M11.583.54a1.467 1.467 0 0 0-.441 2.032c2.426 3.758 2.999 6.592 2.75 9.075-1.004 4.756-3.187 5.721-5.094 5.721-1.863 0-1.364-3.065.036-3.962.836-.522 1.906-.861 2.728-.861.814 0 1.474-.658 1.474-1.47 0-.812-.66-1.47-1.474-1.47-.96 0-1.901.202-2.78.545.18-.847.246-1.762.014-2.735-.352-1.477-1.367-2.889-3.128-4.257a1.476 1.476 0 0 0-2.069.256c-.5.64-.384 1.564.259 2.063 1.435 1.114 1.908 1.939 2.07 2.618.162.679.032 1.407-.293 2.408-.416 1.349-.9 2.553-1.11 3.708-.105.568-.114 1.187-.14 1.68-1.034-1.006-1.438-2.336-1.438-4.279 0-.811-.66-1.47-1.474-1.47-.814.001-1.473.659-1.473 1.47 0 2.654.776 5.179 2.855 6.863 1.883 1.793 6.67 1.13 6.67 4.01 0 .812 1.19 1.208 2.004 1.208.834 0 1.885-.558 1.885-1.208 0-3.267 3.443-5.253 9.11-5.244A1.472 1.472 0 0 0 24 15.773 1.472 1.472 0 0 0 22.53 14.3c-.388 0-.765.013-1.138.035.634-1.49.915-3.13.857-4.903a1.473 1.473 0 0 0-1.522-1.42 1.472 1.472 0 0 0-1.425 1.517c.076 2.32-.01 4.393-1.74 5.485-.49.31-1.062.58-1.604.58.42-1.145.738-2.353.869-3.655.083-.83.091-1.818-.003-2.585-.148-1.188-.325-2.535.126-3.55.405-.874 1.313-1.24 2.645-1.24.814 0 1.473-.659 1.473-1.47 0-.811-.659-1.47-1.473-1.47-1.98 0-3.481 1.042-4.332 2.3-.445-.95-.987-1.929-1.642-2.943a1.474 1.474 0 0 0-2.037-.44z"},"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 Vscodium = react_1.forwardRef(function Vscodium({ 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 Vscodium = react_1.forwardRef(function Vscodium({ 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));
       })
   );
 });