@thesvg/react 3.2.2 → 3.2.5

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));
       })
   );
 });

package/dist/vscodium.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 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 = forwardRef(
   function Vscodium({ 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 Vscodium = 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/vudu.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 300.00002 83.195814","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs4392"},"children":[]},{"type":"g","props":{"transform":"translate(-1672.8571,-305.05001)","id":"layer1"},"children":[{"type":"g","props":{"transform":"matrix(1.442779,0,0,1.442779,376.15916,-595.32537)","id":"g4369"},"children":[{"type":"path","props":{"id":"path4166","style":{"fill":"#2d6dbe","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 951.98537,624.0663 c -3.47125,-0.01 -5.62125,-0.002 -9.05875,-0.002 l -0.0487,0 -0.0425,0 -0.004,0 -0.006,0 c -1.5775,0.0175 -2.915,1.0025 -3.45,2.415 -0.0588,0.0763 -0.0987,0.16875 -0.1275,0.255 -3.4575,9.845 -6.47125,18.30375 -9.925,28.15625 -0.9075,2.5975 -1.80875,5.185 -2.73375,7.7825 -0.0738,0.20375 -0.26625,0.46625 -0.46625,0.525 -0.39875,0.1125 -0.4075,-0.31125 -0.4925,-0.55375 -2.15625,-6.1425 -4.305,-12.28375 -6.45875,-18.4175 -2.2125,-6.3025 -4.045,-11.5375 -6.26125,-17.84625 -0.0212,-0.0688 -0.0537,-0.1375 -0.105,-0.21 -0.60625,-1.2475 -1.89,-2.10625 -3.37,-2.10625 -0.0412,0 -0.0825,0 -0.1125,0.002 -3.4975,-0.01 -5.54875,-0.0162 -9.09375,0 -1.17125,0.006 -1.74625,0.86375 -1.35875,1.96125 5.33375,14.86875 10.6525,29.73375 15.98,44.58375 0.4025,1.115 0.75125,2.10875 1.0975,3.07 2.02875,4.69875 5.1175,7.15875 10.5675,7.47375 1.605,0 1.24,0.003 1.24,0.003 1.77875,-0.06 3.78,-0.33125 6.055,-0.7875 l 3.77875,-10.775 c 5.2675,-14.5525 10.39875,-28.725 15.7375,-43.49125 0.0612,-0.17 0.125,-0.335 0.155,-0.51 0.12,-0.875 -0.50625,-1.5275 -1.49625,-1.5275"},"children":[]},{"type":"path","props":{"id":"path4170","style":{"fill":"#2d6dbe","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 1003.0636,627.95955 0,-0.1075 c 0,-1.97875 -1.5225,-3.59 -3.45625,-3.73625 -0.10125,-0.035 -9.5075,0 -9.5075,0 0,0 0.004,2.03 0.004,5.285 0,9.86625 0.007,18.595 -0.0138,28.61 0,0.9875 -0.0725,2.01375 -0.31625,2.97125 -0.895,3.685 -3.13125,6.235 -6.77625,7.34 -3.6625,1.115 -7.08375,0.485 -9.9725,-2.15375 -2.16625,-1.98125 -3.22,-4.52875 -3.22125,-7.43875 -0.0187,-6.8225 -0.0237,-21.34125 -0.0237,-29.22625 l 0,-5.3875 c 0,0 -9.45625,-0.035 -9.555,0 -1.93375,0.14625 -3.45625,1.7575 -3.45625,3.73625 0,0.0325 0.009,0.0675 0.009,0.1075 l 0,1.7675 c 0,10.24625 -0.0187,18.995 0.0213,29.44625 0.01,1.63125 0.1875,3.28625 0.55875,4.8725 2.72625,11.755 14.32625,19.53125 26.745,17.28875 5.81375,-1.05625 10.59,-3.94625 14.25125,-8.60875 3.02255,-3.8475 4.65255,-8.24375 4.68875,-13.14375 0.045,-5.4775 0.011,-10.94 0.011,-16.4025 l 0,-15.22 0.01,0 z"},"children":[]},{"type":"path","props":{"id":"path4174","style":{"fill":"#2d6dbe","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 1106.2292,627.95955 c 0.01,-0.04 0.01,-0.075 0.01,-0.1075 0,-1.97875 -1.5225,-3.59 -3.4512,-3.73625 -0.1088,-0.035 -9.5213,0 -9.5213,0 0,0 0.01,2.03 0.01,5.285 0,9.86625 0.01,18.595 -0.011,28.61 0,0.9875 -0.085,2.01375 -0.315,2.97125 -0.8962,3.685 -3.1375,6.235 -6.7725,7.34 -3.67,1.115 -7.095,0.485 -9.9725,-2.15375 -2.1675,-1.98125 -3.2162,-4.52875 -3.2225,-7.43875 -0.02,-6.8225 -0.02,-21.34125 -0.02,-29.22625 l 0,-5.3875 c 0,0 -9.455,-0.035 -9.5562,0 -1.9288,0.14625 -3.4538,1.7575 -3.4538,3.73625 l 0,0.1075 0,1.7675 c 0,10.24625 -0.018,18.995 0.034,29.44625 0,1.63125 0.1825,3.28625 0.5475,4.8725 2.7275,11.755 14.3312,19.53125 26.7437,17.28875 5.8175,-1.05625 10.59,-3.94625 14.2463,-8.60875 3.0187,-3.8475 4.655,-8.24375 4.6987,-13.14375 0.03,-5.4775 0,-10.94 0,-16.4025 l 0,-15.22 0,0 z"},"children":[]},{"type":"path","props":{"id":"path4186","style":{"fill":"#2d6dbe","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 1039.6926,663.6863 c -2.6087,3.10375 -5.9725,4.855 -10.0025,5.30625 -0.7737,0.0875 -1.5575,0.10625 -2.34,0.11125 -2.2287,0.0225 -4.4712,0.0138 -6.705,0.0138 -0.8162,0 -0.8275,0 -0.8275,-0.8 l 0,-15.7425 0,-15.75875 c 0,-0.74 0.011,-0.74875 0.74,-0.74875 2.7313,0.0238 5.4575,-0.0487 8.1888,0.0937 5.0825,0.26125 9.1,2.56125 12.0012,6.7375 1.7738,2.5625 2.6613,5.4575 2.83,8.57125 0.2475,4.57125 -0.9187,8.69875 -3.885,12.21625 m 3.8188,-35.17 c -4.1675,-2.63625 -8.7475,-4.0475 -13.6775,-4.21875 -2.2725,-0.0738 -4.5425,-0.0738 -6.8038,-0.0738 -4.6475,-0.01 -7.3212,-0.002 -11.9537,0 -0.028,0 -0.051,-0.002 -0.086,-0.002 -2.0687,0 -3.7462,1.67875 -3.7462,3.75 0,0.02 0,0.0437 0,0.0712 0,0.15625 0,0.31875 0,0.46125 l 0,24.1075 0,24.63 c 0,0.0237 0,0.0425 0,0.0625 0,2.06625 1.6775,3.75125 3.7462,3.75125 6.7175,-0.0213 11.3313,0 18.0488,-0.0263 1.3637,-0.008 2.7475,-0.12875 4.0912,-0.355 5.485,-0.90875 10.3638,-3.165 14.435,-6.955 7.6638,-7.1375 10.7488,-15.97875 8.94,-26.28375 -1.435,-8.1925 -5.9712,-14.475 -12.9937,-18.91875"},"children":[]},{"type":"path","props":{"id":"path4190","style":{"fill":"#2d6dbe","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 1103.986,676.8053 -0.93,0 0,1.24125 0.93,0 c 0.2963,0 0.61,-0.25625 0.61,-0.6025 0,-0.3675 -0.3137,-0.63875 -0.61,-0.63875 m 0.555,2.98125 -0.8762,-1.32875 -0.6088,0 0,1.32875 -0.4487,0 0,-3.37125 1.3787,0 c 0.5688,0 1.0663,0.4025 1.0663,1.02875 0,0.7475 -0.6688,1.00375 -0.855,1.00375 l 0.8937,1.33875 -0.55,0 z m -0.8025,-4.22625 c -1.4012,0 -2.5412,1.1075 -2.5412,2.52875 0,1.4 1.14,2.53875 2.5412,2.53875 1.3988,0 2.535,-1.13875 2.535,-2.53875 0,-1.42125 -1.1362,-2.52875 -2.535,-2.52875 m 0,5.47375 c -1.6237,0 -2.9437,-1.31875 -2.9437,-2.945 0,-1.63625 1.32,-2.93375 2.9437,-2.93375 1.6325,0 2.9438,1.2975 2.9438,2.93375 0,1.62625 -1.3113,2.945 -2.9438,2.945"},"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 Vudu = react_1.forwardRef(function Vudu({ 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 Vudu = react_1.forwardRef(function Vudu({ 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/vudu.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.00002 83.195814","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs4392"},"children":[]},{"type":"g","props":{"transform":"translate(-1672.8571,-305.05001)","id":"layer1"},"children":[{"type":"g","props":{"transform":"matrix(1.442779,0,0,1.442779,376.15916,-595.32537)","id":"g4369"},"children":[{"type":"path","props":{"id":"path4166","style":{"fill":"#2d6dbe","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 951.98537,624.0663 c -3.47125,-0.01 -5.62125,-0.002 -9.05875,-0.002 l -0.0487,0 -0.0425,0 -0.004,0 -0.006,0 c -1.5775,0.0175 -2.915,1.0025 -3.45,2.415 -0.0588,0.0763 -0.0987,0.16875 -0.1275,0.255 -3.4575,9.845 -6.47125,18.30375 -9.925,28.15625 -0.9075,2.5975 -1.80875,5.185 -2.73375,7.7825 -0.0738,0.20375 -0.26625,0.46625 -0.46625,0.525 -0.39875,0.1125 -0.4075,-0.31125 -0.4925,-0.55375 -2.15625,-6.1425 -4.305,-12.28375 -6.45875,-18.4175 -2.2125,-6.3025 -4.045,-11.5375 -6.26125,-17.84625 -0.0212,-0.0688 -0.0537,-0.1375 -0.105,-0.21 -0.60625,-1.2475 -1.89,-2.10625 -3.37,-2.10625 -0.0412,0 -0.0825,0 -0.1125,0.002 -3.4975,-0.01 -5.54875,-0.0162 -9.09375,0 -1.17125,0.006 -1.74625,0.86375 -1.35875,1.96125 5.33375,14.86875 10.6525,29.73375 15.98,44.58375 0.4025,1.115 0.75125,2.10875 1.0975,3.07 2.02875,4.69875 5.1175,7.15875 10.5675,7.47375 1.605,0 1.24,0.003 1.24,0.003 1.77875,-0.06 3.78,-0.33125 6.055,-0.7875 l 3.77875,-10.775 c 5.2675,-14.5525 10.39875,-28.725 15.7375,-43.49125 0.0612,-0.17 0.125,-0.335 0.155,-0.51 0.12,-0.875 -0.50625,-1.5275 -1.49625,-1.5275"},"children":[]},{"type":"path","props":{"id":"path4170","style":{"fill":"#2d6dbe","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 1003.0636,627.95955 0,-0.1075 c 0,-1.97875 -1.5225,-3.59 -3.45625,-3.73625 -0.10125,-0.035 -9.5075,0 -9.5075,0 0,0 0.004,2.03 0.004,5.285 0,9.86625 0.007,18.595 -0.0138,28.61 0,0.9875 -0.0725,2.01375 -0.31625,2.97125 -0.895,3.685 -3.13125,6.235 -6.77625,7.34 -3.6625,1.115 -7.08375,0.485 -9.9725,-2.15375 -2.16625,-1.98125 -3.22,-4.52875 -3.22125,-7.43875 -0.0187,-6.8225 -0.0237,-21.34125 -0.0237,-29.22625 l 0,-5.3875 c 0,0 -9.45625,-0.035 -9.555,0 -1.93375,0.14625 -3.45625,1.7575 -3.45625,3.73625 0,0.0325 0.009,0.0675 0.009,0.1075 l 0,1.7675 c 0,10.24625 -0.0187,18.995 0.0213,29.44625 0.01,1.63125 0.1875,3.28625 0.55875,4.8725 2.72625,11.755 14.32625,19.53125 26.745,17.28875 5.81375,-1.05625 10.59,-3.94625 14.25125,-8.60875 3.02255,-3.8475 4.65255,-8.24375 4.68875,-13.14375 0.045,-5.4775 0.011,-10.94 0.011,-16.4025 l 0,-15.22 0.01,0 z"},"children":[]},{"type":"path","props":{"id":"path4174","style":{"fill":"#2d6dbe","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 1106.2292,627.95955 c 0.01,-0.04 0.01,-0.075 0.01,-0.1075 0,-1.97875 -1.5225,-3.59 -3.4512,-3.73625 -0.1088,-0.035 -9.5213,0 -9.5213,0 0,0 0.01,2.03 0.01,5.285 0,9.86625 0.01,18.595 -0.011,28.61 0,0.9875 -0.085,2.01375 -0.315,2.97125 -0.8962,3.685 -3.1375,6.235 -6.7725,7.34 -3.67,1.115 -7.095,0.485 -9.9725,-2.15375 -2.1675,-1.98125 -3.2162,-4.52875 -3.2225,-7.43875 -0.02,-6.8225 -0.02,-21.34125 -0.02,-29.22625 l 0,-5.3875 c 0,0 -9.455,-0.035 -9.5562,0 -1.9288,0.14625 -3.4538,1.7575 -3.4538,3.73625 l 0,0.1075 0,1.7675 c 0,10.24625 -0.018,18.995 0.034,29.44625 0,1.63125 0.1825,3.28625 0.5475,4.8725 2.7275,11.755 14.3312,19.53125 26.7437,17.28875 5.8175,-1.05625 10.59,-3.94625 14.2463,-8.60875 3.0187,-3.8475 4.655,-8.24375 4.6987,-13.14375 0.03,-5.4775 0,-10.94 0,-16.4025 l 0,-15.22 0,0 z"},"children":[]},{"type":"path","props":{"id":"path4186","style":{"fill":"#2d6dbe","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 1039.6926,663.6863 c -2.6087,3.10375 -5.9725,4.855 -10.0025,5.30625 -0.7737,0.0875 -1.5575,0.10625 -2.34,0.11125 -2.2287,0.0225 -4.4712,0.0138 -6.705,0.0138 -0.8162,0 -0.8275,0 -0.8275,-0.8 l 0,-15.7425 0,-15.75875 c 0,-0.74 0.011,-0.74875 0.74,-0.74875 2.7313,0.0238 5.4575,-0.0487 8.1888,0.0937 5.0825,0.26125 9.1,2.56125 12.0012,6.7375 1.7738,2.5625 2.6613,5.4575 2.83,8.57125 0.2475,4.57125 -0.9187,8.69875 -3.885,12.21625 m 3.8188,-35.17 c -4.1675,-2.63625 -8.7475,-4.0475 -13.6775,-4.21875 -2.2725,-0.0738 -4.5425,-0.0738 -6.8038,-0.0738 -4.6475,-0.01 -7.3212,-0.002 -11.9537,0 -0.028,0 -0.051,-0.002 -0.086,-0.002 -2.0687,0 -3.7462,1.67875 -3.7462,3.75 0,0.02 0,0.0437 0,0.0712 0,0.15625 0,0.31875 0,0.46125 l 0,24.1075 0,24.63 c 0,0.0237 0,0.0425 0,0.0625 0,2.06625 1.6775,3.75125 3.7462,3.75125 6.7175,-0.0213 11.3313,0 18.0488,-0.0263 1.3637,-0.008 2.7475,-0.12875 4.0912,-0.355 5.485,-0.90875 10.3638,-3.165 14.435,-6.955 7.6638,-7.1375 10.7488,-15.97875 8.94,-26.28375 -1.435,-8.1925 -5.9712,-14.475 -12.9937,-18.91875"},"children":[]},{"type":"path","props":{"id":"path4190","style":{"fill":"#2d6dbe","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 1103.986,676.8053 -0.93,0 0,1.24125 0.93,0 c 0.2963,0 0.61,-0.25625 0.61,-0.6025 0,-0.3675 -0.3137,-0.63875 -0.61,-0.63875 m 0.555,2.98125 -0.8762,-1.32875 -0.6088,0 0,1.32875 -0.4487,0 0,-3.37125 1.3787,0 c 0.5688,0 1.0663,0.4025 1.0663,1.02875 0,0.7475 -0.6688,1.00375 -0.855,1.00375 l 0.8937,1.33875 -0.55,0 z m -0.8025,-4.22625 c -1.4012,0 -2.5412,1.1075 -2.5412,2.52875 0,1.4 1.14,2.53875 2.5412,2.53875 1.3988,0 2.535,-1.13875 2.535,-2.53875 0,-1.42125 -1.1362,-2.52875 -2.535,-2.52875 m 0,5.47375 c -1.6237,0 -2.9437,-1.31875 -2.9437,-2.945 0,-1.63625 1.32,-2.93375 2.9437,-2.93375 1.6325,0 2.9438,1.2975 2.9438,2.93375 0,1.62625 -1.3113,2.945 -2.9438,2.945"},"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 Vudu = forwardRef(
   function Vudu({ 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 Vudu = 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/walgreens.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 335.72 217.39999","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs6"},"children":[]},{"type":"g","props":{"id":"g10","transform":"matrix(1.3333333,0,0,-1.3333333,0,217.4)"},"children":[{"type":"g","props":{"id":"g12","transform":"scale(0.1)"},"children":[{"type":"path","props":{"d":"m 1230.16,511.25 c 5.03,313.84 226.57,643.67 339.01,643.67 33.23,0 40.28,-21.59 40.28,-44.52 0,-107.42 -159.44,-394.392 -379.29,-599.15 m 1114.71,1119.3 c -104.69,0.58 -205.72,-62.79 -271.15,-157.9 309.09,-202.13 -69.62,-1208.49 -628.16,-1208.49 -66.94,0 -123.74,19.481 -161.74,59.289 302.36,272.371 520.79,642.758 520.79,861.191 0,111.68 -54.55,182.52 -182.42,182.52 -370.98,0 -762.112,-608.664 -689.549,-1047.769 -233.922,-83.09 -350.153,20.839 -350.153,229.597 0,435.879 455.452,887.962 429.002,1023.982 C 539.57,1427.08 170.238,1766.04 0,1214.38 229.398,1339.2 441.129,1139.68 702.82,1285.55 478.078,1026.31 251.25,659.246 254.309,349.262 256.32,146.359 365.91,0 603.289,0 738.102,0 878,47.2109 1012.64,124.211 1070.35,52.0781 1163.32,0 1305.41,0 c 579.34,0 1212.5,814.02 1212.5,1394.87 0,154.1 -61.14,235.06 -173.04,235.68","style":{"fill":"#e62324","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path14"},"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 Walgreens = react_1.forwardRef(function Walgreens({ 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 Walgreens = react_1.forwardRef(function Walgreens({ 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/walgreens.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 335.72 217.39999","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs6"},"children":[]},{"type":"g","props":{"id":"g10","transform":"matrix(1.3333333,0,0,-1.3333333,0,217.4)"},"children":[{"type":"g","props":{"id":"g12","transform":"scale(0.1)"},"children":[{"type":"path","props":{"d":"m 1230.16,511.25 c 5.03,313.84 226.57,643.67 339.01,643.67 33.23,0 40.28,-21.59 40.28,-44.52 0,-107.42 -159.44,-394.392 -379.29,-599.15 m 1114.71,1119.3 c -104.69,0.58 -205.72,-62.79 -271.15,-157.9 309.09,-202.13 -69.62,-1208.49 -628.16,-1208.49 -66.94,0 -123.74,19.481 -161.74,59.289 302.36,272.371 520.79,642.758 520.79,861.191 0,111.68 -54.55,182.52 -182.42,182.52 -370.98,0 -762.112,-608.664 -689.549,-1047.769 -233.922,-83.09 -350.153,20.839 -350.153,229.597 0,435.879 455.452,887.962 429.002,1023.982 C 539.57,1427.08 170.238,1766.04 0,1214.38 229.398,1339.2 441.129,1139.68 702.82,1285.55 478.078,1026.31 251.25,659.246 254.309,349.262 256.32,146.359 365.91,0 603.289,0 738.102,0 878,47.2109 1012.64,124.211 1070.35,52.0781 1163.32,0 1305.41,0 c 579.34,0 1212.5,814.02 1212.5,1394.87 0,154.1 -61.14,235.06 -173.04,235.68","style":{"fill":"#e62324","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path14"},"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 Walgreens = forwardRef(
   function Walgreens({ 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 Walgreens = 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/weaviate.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 122 18","fill":"none","childNodes":[{"type":"path","props":{"d":"M28.6014 3.04867L23.6525 0.250378C23.0672 -0.0819529 22.3657 -0.0837206 21.7768 0.246842C21.188 0.575638 20.8372 1.16605 20.8372 1.82541V7.84272L18.2637 6.40026C16.1954 5.24064 13.6273 5.24418 11.5609 6.40734L9.00734 7.84626V1.82718C9.00734 1.16782 8.65657 0.577405 8.06771 0.24861C7.48067 -0.0801852 6.77913 -0.0784175 6.19209 0.252146L1.24314 3.04867C0.476175 3.48176 0 4.28608 0 5.14695V11.7936C0 12.939 0.592493 13.9908 1.58664 14.606L6.09213 17.4008C6.72279 17.7932 7.45886 18 8.21675 18C9.07459 18 9.92153 17.726 10.6013 17.2275L13.7327 14.9277C14.3761 14.454 15.463 14.454 16.1063 14.9277L19.2378 17.2258C20.5482 18.1874 22.3602 18.2581 23.747 17.399L28.2579 14.6007C29.2321 13.9961 29.8209 12.9726 29.8427 11.8501V5.14872C29.8445 4.28608 29.3684 3.48176 28.6014 3.05044V3.04867ZM8.17494 16.7803C7.67332 16.7732 7.19351 16.6353 6.78277 16.3826L2.26092 13.5772C1.63208 13.1865 1.25587 12.5201 1.25587 11.7936V5.14872C1.25587 4.71917 1.49214 4.31966 1.8738 4.10577L6.82275 1.30924C6.91544 1.25621 7.02267 1.22793 7.13354 1.22793C7.2444 1.22793 7.34255 1.25621 7.44069 1.30924C7.53338 1.3605 7.74966 1.51606 7.74966 1.83072V15.6207C7.74966 16.0485 7.89869 16.4533 8.17313 16.7803H8.17494ZM10.0524 16.1015L10.0324 16.1139C9.91971 16.1987 9.79067 16.2411 9.65254 16.2411C9.34175 16.2411 9.00734 16.0025 9.00734 15.6171V13.5825L12.904 11.1607C14.1344 10.3953 15.7229 10.3953 16.9533 11.1607L20.8463 13.5825L20.8499 15.6154C20.8499 16.0007 20.5155 16.2394 20.2047 16.2394C20.0702 16.2394 19.9139 16.1881 19.7994 16.1033L16.866 13.9502C15.7756 13.1494 14.069 13.1494 12.9785 13.9502L10.0524 16.1015ZM17.6294 10.1319C15.9882 9.11194 13.8672 9.11194 12.2261 10.1319L9.00552 12.133V9.25866L12.1879 7.4662L12.2006 7.45736C13.8763 6.5187 15.9573 6.5187 17.6367 7.45736L20.8372 9.25159L20.8427 12.1312L17.6294 10.1319ZM27.4201 13.6727L23.0727 16.3702C22.6583 16.6283 22.1803 16.7679 21.6823 16.7785C21.9549 16.4515 22.104 16.0467 22.104 15.6189L22.0913 8.90158V1.82718C22.0913 1.51606 22.3075 1.35874 22.4002 1.3057C22.4965 1.25091 22.6038 1.22439 22.7092 1.22439C22.8146 1.22439 22.9218 1.25091 23.0182 1.3057L27.9671 4.104C28.347 4.31966 28.5832 4.71917 28.5832 5.14695V11.8112C28.576 12.5272 28.1997 13.1848 27.5782 13.5701L27.4164 13.6709H27.4219L27.4201 13.6727Z","fill":"url(#wv_grad)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"wv_grad","x1":"5.60525","y1":"0","x2":"17.1502","y2":"22.6179","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#75FBAE"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#B6F874"},"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 Weaviate = react_1.forwardRef(function Weaviate({ 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 Weaviate = react_1.forwardRef(function Weaviate({ 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));
       })
   );
 });