@thesvg/react 3.2.2 → 3.2.5

package/dist/tsnode.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 512 190","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"SVGDFbcPdhT","d":"M78.646 1.2L4.482 44.009A8.95 8.95 0 0 0 0 51.765v85.685a8.96 8.96 0 0 0 4.478 7.76l74.164 42.843a8.97 8.97 0 0 0 8.964 0l74.18-42.842a8.96 8.96 0 0 0 4.48-7.76V51.767a8.95 8.95 0 0 0-4.482-7.76L87.602 1.201A8.9 8.9 0 0 0 83.122 0a8.9 8.9 0 0 0-4.476 1.2"},"children":[]}]},{"type":"path","props":{"fill":"#2261a8","d":"M78.645 1.2L4.481 44.008A8.95 8.95 0 0 0 0 51.764v85.686a8.96 8.96 0 0 0 4.477 7.76l74.163 42.843a8.97 8.97 0 0 0 8.965 0l74.18-42.842a8.96 8.96 0 0 0 4.48-7.76V51.767a8.95 8.95 0 0 0-4.482-7.76L87.602 1.2a8.94 8.94 0 0 0-4.48-1.2a8.93 8.93 0 0 0-4.477 1.2"},"children":[]},{"type":"g","props":{"fill":"#fff","transform":"translate(0 .411)"},"children":[{"type":"mask","props":{"id":"SVGstr3FdTO"},"children":[{"type":"use","props":{"href":"#SVGDFbcPdhT"},"children":[]}]},{"type":"path","props":{"d":"M50.114 182.649h17.442v-69.394h24.17V97.93H25.944v15.325h24.17z","mask":"url(#SVGstr3FdTO)"},"children":[]},{"type":"path","props":{"d":"M128.221 183.77c16.57 0 28.904-8.596 28.904-24.294c0-14.577-8.347-21.055-23.173-27.41l-4.36-1.868c-7.476-3.24-10.715-5.357-10.715-10.59c0-4.236 3.24-7.475 8.348-7.475c4.983 0 8.223 2.118 11.212 7.475l13.58-8.721c-5.73-10.091-13.704-13.953-24.792-13.953c-15.573 0-25.54 9.967-25.54 23.048c0 14.203 8.347 20.93 20.93 26.288l4.36 1.868c7.974 3.49 12.709 5.607 12.709 11.587c0 4.983-4.61 8.597-11.836 8.597c-8.596 0-13.455-4.486-17.193-10.59l-14.203 8.222c5.108 10.091 15.573 17.816 31.77 17.816","mask":"url(#SVGstr3FdTO)"},"children":[]}]},{"type":"path","props":{"fill":"#333","d":"M258.709 125.059a3.73 3.73 0 0 0-1.865-3.24l-30.878-17.77a3.6 3.6 0 0 0-1.7-.492h-.32a3.7 3.7 0 0 0-1.705.491l-30.878 17.77a3.74 3.74 0 0 0-1.867 3.241l.068 47.85c0 .666.345 1.284.932 1.611a1.79 1.79 0 0 0 1.852 0l18.35-10.508c1.161-.69 1.868-1.905 1.868-3.236v-22.355c0-1.333.705-2.567 1.862-3.229l7.813-4.5c.583-.337 1.22-.5 1.87-.5c.636 0 1.29.163 1.855.5l7.812 4.5a3.72 3.72 0 0 1 1.864 3.229v22.355c0 1.33.716 2.555 1.87 3.236l18.345 10.508a1.82 1.82 0 0 0 1.865 0c.568-.327.926-.945.926-1.611zM407.285 59.28a1.867 1.867 0 0 0-2.775 1.629v47.388a1.305 1.305 0 0 1-1.957 1.13l-7.735-4.455a3.73 3.73 0 0 0-3.726.002l-30.89 17.826a3.73 3.73 0 0 0-1.866 3.23v35.661c0 1.333.71 2.564 1.865 3.232l30.888 17.84a3.74 3.74 0 0 0 3.732 0l30.894-17.84a3.73 3.73 0 0 0 1.865-3.232V72.796a3.73 3.73 0 0 0-1.914-3.258zm-2.867 90.695a.93.93 0 0 1-.466.806l-10.606 6.114a.94.94 0 0 1-.932 0l-10.605-6.114a.93.93 0 0 1-.467-.806v-12.247c0-.333.177-.641.466-.808l10.605-6.126a.93.93 0 0 1 .934 0l10.606 6.126a.94.94 0 0 1 .465.808zm105.726-12.568a3.73 3.73 0 0 0 1.856-3.224v-8.643a3.73 3.73 0 0 0-1.857-3.226l-30.692-17.82a3.73 3.73 0 0 0-3.737-.003l-30.88 17.826a3.73 3.73 0 0 0-1.865 3.23V161.2c0 1.34.72 2.577 1.885 3.24l30.687 17.486a3.73 3.73 0 0 0 3.658.02l18.56-10.316a1.86 1.86 0 0 0 .96-1.617a1.86 1.86 0 0 0-.936-1.63l-31.075-17.837a1.86 1.86 0 0 1-.937-1.62v-11.172c0-.666.355-1.283.933-1.615l9.67-5.576a1.86 1.86 0 0 1 1.862 0l9.677 5.576c.578.332.934.95.934 1.615v8.79a1.866 1.866 0 0 0 2.801 1.614z"},"children":[]},{"type":"path","props":{"fill":"#2261a8","d":"M477.127 135.737a.71.71 0 0 1 .716 0l5.927 3.42a.71.71 0 0 1 .358.62v6.845a.72.72 0 0 1-.358.62l-5.927 3.42a.72.72 0 0 1-.716 0l-5.923-3.42a.72.72 0 0 1-.358-.62v-6.845c0-.256.137-.492.358-.62zm-170.458-31.063l-30.631 17.68a3.7 3.7 0 0 0-1.851 3.205v35.39c0 1.322.705 2.543 1.85 3.205l30.63 17.695a3.71 3.71 0 0 0 3.703 0l30.638-17.695a3.7 3.7 0 0 0 1.85-3.206V125.56a3.7 3.7 0 0 0-1.851-3.205l-30.639-17.68a3.69 3.69 0 0 0-3.7 0"},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Tsnode = react_1.forwardRef(function Tsnode({ 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 Tsnode = react_1.forwardRef(function Tsnode({ 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/tsnode.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 512 190","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"SVGDFbcPdhT","d":"M78.646 1.2L4.482 44.009A8.95 8.95 0 0 0 0 51.765v85.685a8.96 8.96 0 0 0 4.478 7.76l74.164 42.843a8.97 8.97 0 0 0 8.964 0l74.18-42.842a8.96 8.96 0 0 0 4.48-7.76V51.767a8.95 8.95 0 0 0-4.482-7.76L87.602 1.201A8.9 8.9 0 0 0 83.122 0a8.9 8.9 0 0 0-4.476 1.2"},"children":[]}]},{"type":"path","props":{"fill":"#2261a8","d":"M78.645 1.2L4.481 44.008A8.95 8.95 0 0 0 0 51.764v85.686a8.96 8.96 0 0 0 4.477 7.76l74.163 42.843a8.97 8.97 0 0 0 8.965 0l74.18-42.842a8.96 8.96 0 0 0 4.48-7.76V51.767a8.95 8.95 0 0 0-4.482-7.76L87.602 1.2a8.94 8.94 0 0 0-4.48-1.2a8.93 8.93 0 0 0-4.477 1.2"},"children":[]},{"type":"g","props":{"fill":"#fff","transform":"translate(0 .411)"},"children":[{"type":"mask","props":{"id":"SVGstr3FdTO"},"children":[{"type":"use","props":{"href":"#SVGDFbcPdhT"},"children":[]}]},{"type":"path","props":{"d":"M50.114 182.649h17.442v-69.394h24.17V97.93H25.944v15.325h24.17z","mask":"url(#SVGstr3FdTO)"},"children":[]},{"type":"path","props":{"d":"M128.221 183.77c16.57 0 28.904-8.596 28.904-24.294c0-14.577-8.347-21.055-23.173-27.41l-4.36-1.868c-7.476-3.24-10.715-5.357-10.715-10.59c0-4.236 3.24-7.475 8.348-7.475c4.983 0 8.223 2.118 11.212 7.475l13.58-8.721c-5.73-10.091-13.704-13.953-24.792-13.953c-15.573 0-25.54 9.967-25.54 23.048c0 14.203 8.347 20.93 20.93 26.288l4.36 1.868c7.974 3.49 12.709 5.607 12.709 11.587c0 4.983-4.61 8.597-11.836 8.597c-8.596 0-13.455-4.486-17.193-10.59l-14.203 8.222c5.108 10.091 15.573 17.816 31.77 17.816","mask":"url(#SVGstr3FdTO)"},"children":[]}]},{"type":"path","props":{"fill":"#333","d":"M258.709 125.059a3.73 3.73 0 0 0-1.865-3.24l-30.878-17.77a3.6 3.6 0 0 0-1.7-.492h-.32a3.7 3.7 0 0 0-1.705.491l-30.878 17.77a3.74 3.74 0 0 0-1.867 3.241l.068 47.85c0 .666.345 1.284.932 1.611a1.79 1.79 0 0 0 1.852 0l18.35-10.508c1.161-.69 1.868-1.905 1.868-3.236v-22.355c0-1.333.705-2.567 1.862-3.229l7.813-4.5c.583-.337 1.22-.5 1.87-.5c.636 0 1.29.163 1.855.5l7.812 4.5a3.72 3.72 0 0 1 1.864 3.229v22.355c0 1.33.716 2.555 1.87 3.236l18.345 10.508a1.82 1.82 0 0 0 1.865 0c.568-.327.926-.945.926-1.611zM407.285 59.28a1.867 1.867 0 0 0-2.775 1.629v47.388a1.305 1.305 0 0 1-1.957 1.13l-7.735-4.455a3.73 3.73 0 0 0-3.726.002l-30.89 17.826a3.73 3.73 0 0 0-1.866 3.23v35.661c0 1.333.71 2.564 1.865 3.232l30.888 17.84a3.74 3.74 0 0 0 3.732 0l30.894-17.84a3.73 3.73 0 0 0 1.865-3.232V72.796a3.73 3.73 0 0 0-1.914-3.258zm-2.867 90.695a.93.93 0 0 1-.466.806l-10.606 6.114a.94.94 0 0 1-.932 0l-10.605-6.114a.93.93 0 0 1-.467-.806v-12.247c0-.333.177-.641.466-.808l10.605-6.126a.93.93 0 0 1 .934 0l10.606 6.126a.94.94 0 0 1 .465.808zm105.726-12.568a3.73 3.73 0 0 0 1.856-3.224v-8.643a3.73 3.73 0 0 0-1.857-3.226l-30.692-17.82a3.73 3.73 0 0 0-3.737-.003l-30.88 17.826a3.73 3.73 0 0 0-1.865 3.23V161.2c0 1.34.72 2.577 1.885 3.24l30.687 17.486a3.73 3.73 0 0 0 3.658.02l18.56-10.316a1.86 1.86 0 0 0 .96-1.617a1.86 1.86 0 0 0-.936-1.63l-31.075-17.837a1.86 1.86 0 0 1-.937-1.62v-11.172c0-.666.355-1.283.933-1.615l9.67-5.576a1.86 1.86 0 0 1 1.862 0l9.677 5.576c.578.332.934.95.934 1.615v8.79a1.866 1.866 0 0 0 2.801 1.614z"},"children":[]},{"type":"path","props":{"fill":"#2261a8","d":"M477.127 135.737a.71.71 0 0 1 .716 0l5.927 3.42a.71.71 0 0 1 .358.62v6.845a.72.72 0 0 1-.358.62l-5.927 3.42a.72.72 0 0 1-.716 0l-5.923-3.42a.72.72 0 0 1-.358-.62v-6.845c0-.256.137-.492.358-.62zm-170.458-31.063l-30.631 17.68a3.7 3.7 0 0 0-1.851 3.205v35.39c0 1.322.705 2.543 1.85 3.205l30.63 17.695a3.71 3.71 0 0 0 3.703 0l30.638-17.695a3.7 3.7 0 0 0 1.85-3.206V125.56a3.7 3.7 0 0 0-1.851-3.205l-30.639-17.68a3.69 3.69 0 0 0-3.7 0"},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Tsnode = forwardRef(
   function Tsnode({ 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 Tsnode = 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/turbopack.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M38.687 36.698c-1.131 0-2.048.917-2.048 2.048V61.52c0 1.131.917 2.048 2.048 2.048H61.46c1.13 0 2.048-.917 2.048-2.048V38.746c0-1.13-.917-2.048-2.048-2.048H38.687ZM22.259 20.443c-1.036 0-1.876.84-1.876 1.875v55.63c0 1.036.84 1.876 1.876 1.876h55.63c1.036 0 1.875-.84 1.875-1.876v-55.63c0-1.036-.84-1.875-1.875-1.875h-55.63Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M0 51.064v36.17c0 2.427.677 4.696 1.853 6.627l13.04-13.04V51.064H0Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m5.946 98.028 12.93-12.93c.09.005.181.008.273.008H47.64V100H12.766c-2.508 0-4.847-.723-6.82-1.972Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M53.481 100h33.753C94.284 100 100 94.284 100 87.234V12.766C100 5.716 94.284 0 87.234 0h-36.17v14.894H80.85a4.255 4.255 0 0 1 4.255 4.255V80.85a4.255 4.255 0 0 1-4.255 4.255h-27.37V100Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"light":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#000","fillRule":"evenodd","d":"M38.687 36.698c-1.131 0-2.048.917-2.048 2.048V61.52c0 1.131.917 2.048 2.048 2.048H61.46c1.13 0 2.048-.917 2.048-2.048V38.746c0-1.13-.917-2.048-2.048-2.048H38.687ZM22.259 20.443c-1.036 0-1.876.84-1.876 1.875v55.63c0 1.036.84 1.876 1.876 1.876h55.63c1.036 0 1.875-.84 1.875-1.876v-55.63c0-1.036-.84-1.875-1.875-1.875h-55.63Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M0 51.064v36.17c0 2.427.677 4.696 1.853 6.627l13.04-13.04V51.064H0Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m5.946 98.028 12.93-12.93c.09.005.181.008.273.008H47.64V100H12.766c-2.508 0-4.847-.723-6.82-1.972Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M53.481 100h33.753C94.284 100 100 94.284 100 87.234V12.766C100 5.716 94.284 0 87.234 0h-36.17v14.894H80.85a4.255 4.255 0 0 1 4.255 4.255V80.85a4.255 4.255 0 0 1-4.255 4.255h-27.37V100Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M38.687 36.698c-1.131 0-2.048.917-2.048 2.048V61.52c0 1.131.917 2.048 2.048 2.048H61.46c1.13 0 2.048-.917 2.048-2.048V38.746c0-1.13-.917-2.048-2.048-2.048H38.687ZM22.259 20.443c-1.036 0-1.876.84-1.876 1.875v55.63c0 1.036.84 1.876 1.876 1.876h55.63c1.036 0 1.875-.84 1.875-1.876v-55.63c0-1.036-.84-1.875-1.875-1.875h-55.63Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M0 51.064v36.17c0 2.427.677 4.696 1.853 6.627l13.04-13.04V51.064H0Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m5.946 98.028 12.93-12.93c.09.005.181.008.273.008H47.64V100H12.766c-2.508 0-4.847-.723-6.82-1.972Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M53.481 100h33.753C94.284 100 100 94.284 100 87.234V12.766C100 5.716 94.284 0 87.234 0h-36.17v14.894H80.85a4.255 4.255 0 0 1 4.255 4.255V80.85a4.255 4.255 0 0 1-4.255 4.255h-27.37V100Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 486 72","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M140.111 25.544v-8.438H99.448v8.438h15.35v28.058h9.963V25.544h15.35ZM163.087 54.16c12.504 0 19.366-6.353 19.366-16.824v-20.23h-9.962V36.37c0 5.846-3.05 9.15-9.404 9.15s-9.404-3.304-9.404-9.15V17.107h-9.962v20.23c0 10.471 6.862 16.825 19.366 16.825ZM197.704 41.504h9.912l7.827 12.098h11.437l-8.844-13.165c4.981-1.78 8.031-5.744 8.031-11.132 0-7.828-5.846-12.2-14.741-12.2h-23.585v36.497h9.963V41.504Zm0-7.878v-8.184h13.114c3.507 0 5.439 1.525 5.439 4.117 0 2.44-1.932 4.067-5.439 4.067h-13.114ZM230.702 53.602h26.076c8.133 0 12.809-3.863 12.809-10.319 0-4.32-2.745-7.268-5.998-8.59 2.237-1.067 4.982-3.609 4.982-7.624 0-6.456-4.575-9.963-12.657-9.963h-25.212v36.496Zm9.556-22.213v-6.201h14.639c2.745 0 4.27 1.067 4.27 3.1 0 2.034-1.525 3.101-4.27 3.101h-14.639Zm0 7.472h15.554c2.694 0 4.168 1.322 4.168 3.304 0 1.983-1.474 3.304-4.168 3.304h-15.554v-6.608ZM293.946 16.496c-12.758 0-21.959 7.98-21.959 18.858 0 10.877 9.201 18.858 21.959 18.858s21.908-7.98 21.908-18.858-9.15-18.858-21.908-18.858Zm0 8.641c6.709 0 11.742 3.965 11.742 10.217 0 6.252-5.033 10.217-11.742 10.217-6.71 0-11.742-3.965-11.742-10.217 0-6.252 5.032-10.217 11.742-10.217ZM330.211 41.962h13.267c8.895 0 14.74-4.27 14.74-12.403 0-8.183-5.845-12.453-14.74-12.453h-23.23v36.496h9.963v-11.64Zm0-8.286v-8.234h12.707c3.559 0 5.49 1.525 5.49 4.117 0 2.542-1.931 4.117-5.49 4.117h-12.707ZM371.553 17.106 353.61 53.602h10.572l3.304-6.862h19.163l3.304 6.862h10.929l-17.893-36.496h-11.436Zm5.591 9.76 5.693 11.894H371.4l5.744-11.895ZM398.786 35.354c0 10.877 9.099 18.858 21.806 18.858 10.166 0 17.231-4.575 20.027-11.945l-9.098-4.067c-1.424 4.27-5.134 7.37-10.929 7.37-6.506 0-11.64-3.964-11.64-10.216 0-6.252 5.134-10.217 11.64-10.217 5.795 0 9.505 3.1 10.929 7.37l9.098-4.066c-2.796-7.37-9.861-11.945-20.027-11.945-12.707 0-21.806 7.98-21.806 18.858ZM454.18 17.106h-9.962v36.496h9.962v-9.099l6.507-5.845 12.656 14.944H486l-18.146-21.349 16.875-15.147h-13.571L454.18 32.507V17.106Z"},"children":[]},{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M27.723 26.298c-.81 0-1.467.657-1.467 1.467v16.32c0 .81.657 1.468 1.467 1.468h16.32c.81 0 1.467-.657 1.467-1.468v-16.32c0-.81-.657-1.467-1.467-1.467h-16.32ZM15.95 14.649c-.742 0-1.344.602-1.344 1.344v39.864c0 .743.602 1.344 1.344 1.344h39.864c.742 0 1.344-.601 1.344-1.344V15.993c0-.742-.602-1.344-1.344-1.344H15.951Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M0 36.592v25.92c0 1.739.485 3.365 1.328 4.749l9.345-9.345V36.592H0Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m4.261 70.247 9.266-9.266c.064.004.13.006.195.006H34.14V71.66H9.149a9.105 9.105 0 0 1-4.888-1.413Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M38.324 71.66h24.188a9.148 9.148 0 0 0 9.148-9.148V9.148A9.148 9.148 0 0 0 62.512 0h-25.92v10.673h21.346a3.05 3.05 0 0 1 3.05 3.05v44.215a3.05 3.05 0 0 1-3.05 3.05H38.324V71.66Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"39.353","x2":"4.084","y1":"5.039","y2":"40.069","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"39.353","x2":"4.084","y1":"5.039","y2":"40.069","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"39.353","x2":"4.084","y1":"5.039","y2":"40.069","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"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 Turbopack = react_1.forwardRef(function Turbopack({ 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 Turbopack = react_1.forwardRef(function Turbopack({ 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/turbopack.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, light, dark, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M38.687 36.698c-1.131 0-2.048.917-2.048 2.048V61.52c0 1.131.917 2.048 2.048 2.048H61.46c1.13 0 2.048-.917 2.048-2.048V38.746c0-1.13-.917-2.048-2.048-2.048H38.687ZM22.259 20.443c-1.036 0-1.876.84-1.876 1.875v55.63c0 1.036.84 1.876 1.876 1.876h55.63c1.036 0 1.875-.84 1.875-1.876v-55.63c0-1.036-.84-1.875-1.875-1.875h-55.63Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M0 51.064v36.17c0 2.427.677 4.696 1.853 6.627l13.04-13.04V51.064H0Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m5.946 98.028 12.93-12.93c.09.005.181.008.273.008H47.64V100H12.766c-2.508 0-4.847-.723-6.82-1.972Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M53.481 100h33.753C94.284 100 100 94.284 100 87.234V12.766C100 5.716 94.284 0 87.234 0h-36.17v14.894H80.85a4.255 4.255 0 0 1 4.255 4.255V80.85a4.255 4.255 0 0 1-4.255 4.255h-27.37V100Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"light":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#000","fillRule":"evenodd","d":"M38.687 36.698c-1.131 0-2.048.917-2.048 2.048V61.52c0 1.131.917 2.048 2.048 2.048H61.46c1.13 0 2.048-.917 2.048-2.048V38.746c0-1.13-.917-2.048-2.048-2.048H38.687ZM22.259 20.443c-1.036 0-1.876.84-1.876 1.875v55.63c0 1.036.84 1.876 1.876 1.876h55.63c1.036 0 1.875-.84 1.875-1.876v-55.63c0-1.036-.84-1.875-1.875-1.875h-55.63Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M0 51.064v36.17c0 2.427.677 4.696 1.853 6.627l13.04-13.04V51.064H0Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m5.946 98.028 12.93-12.93c.09.005.181.008.273.008H47.64V100H12.766c-2.508 0-4.847-.723-6.82-1.972Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M53.481 100h33.753C94.284 100 100 94.284 100 87.234V12.766C100 5.716 94.284 0 87.234 0h-36.17v14.894H80.85a4.255 4.255 0 0 1 4.255 4.255V80.85a4.255 4.255 0 0 1-4.255 4.255h-27.37V100Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M38.687 36.698c-1.131 0-2.048.917-2.048 2.048V61.52c0 1.131.917 2.048 2.048 2.048H61.46c1.13 0 2.048-.917 2.048-2.048V38.746c0-1.13-.917-2.048-2.048-2.048H38.687ZM22.259 20.443c-1.036 0-1.876.84-1.876 1.875v55.63c0 1.036.84 1.876 1.876 1.876h55.63c1.036 0 1.875-.84 1.875-1.876v-55.63c0-1.036-.84-1.875-1.875-1.875h-55.63Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M0 51.064v36.17c0 2.427.677 4.696 1.853 6.627l13.04-13.04V51.064H0Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m5.946 98.028 12.93-12.93c.09.005.181.008.273.008H47.64V100H12.766c-2.508 0-4.847-.723-6.82-1.972Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M53.481 100h33.753C94.284 100 100 94.284 100 87.234V12.766C100 5.716 94.284 0 87.234 0h-36.17v14.894H80.85a4.255 4.255 0 0 1 4.255 4.255V80.85a4.255 4.255 0 0 1-4.255 4.255h-27.37V100Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"54.917","x2":"5.699","y1":"7.031","y2":"55.915","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 486 72","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M140.111 25.544v-8.438H99.448v8.438h15.35v28.058h9.963V25.544h15.35ZM163.087 54.16c12.504 0 19.366-6.353 19.366-16.824v-20.23h-9.962V36.37c0 5.846-3.05 9.15-9.404 9.15s-9.404-3.304-9.404-9.15V17.107h-9.962v20.23c0 10.471 6.862 16.825 19.366 16.825ZM197.704 41.504h9.912l7.827 12.098h11.437l-8.844-13.165c4.981-1.78 8.031-5.744 8.031-11.132 0-7.828-5.846-12.2-14.741-12.2h-23.585v36.497h9.963V41.504Zm0-7.878v-8.184h13.114c3.507 0 5.439 1.525 5.439 4.117 0 2.44-1.932 4.067-5.439 4.067h-13.114ZM230.702 53.602h26.076c8.133 0 12.809-3.863 12.809-10.319 0-4.32-2.745-7.268-5.998-8.59 2.237-1.067 4.982-3.609 4.982-7.624 0-6.456-4.575-9.963-12.657-9.963h-25.212v36.496Zm9.556-22.213v-6.201h14.639c2.745 0 4.27 1.067 4.27 3.1 0 2.034-1.525 3.101-4.27 3.101h-14.639Zm0 7.472h15.554c2.694 0 4.168 1.322 4.168 3.304 0 1.983-1.474 3.304-4.168 3.304h-15.554v-6.608ZM293.946 16.496c-12.758 0-21.959 7.98-21.959 18.858 0 10.877 9.201 18.858 21.959 18.858s21.908-7.98 21.908-18.858-9.15-18.858-21.908-18.858Zm0 8.641c6.709 0 11.742 3.965 11.742 10.217 0 6.252-5.033 10.217-11.742 10.217-6.71 0-11.742-3.965-11.742-10.217 0-6.252 5.032-10.217 11.742-10.217ZM330.211 41.962h13.267c8.895 0 14.74-4.27 14.74-12.403 0-8.183-5.845-12.453-14.74-12.453h-23.23v36.496h9.963v-11.64Zm0-8.286v-8.234h12.707c3.559 0 5.49 1.525 5.49 4.117 0 2.542-1.931 4.117-5.49 4.117h-12.707ZM371.553 17.106 353.61 53.602h10.572l3.304-6.862h19.163l3.304 6.862h10.929l-17.893-36.496h-11.436Zm5.591 9.76 5.693 11.894H371.4l5.744-11.895ZM398.786 35.354c0 10.877 9.099 18.858 21.806 18.858 10.166 0 17.231-4.575 20.027-11.945l-9.098-4.067c-1.424 4.27-5.134 7.37-10.929 7.37-6.506 0-11.64-3.964-11.64-10.216 0-6.252 5.134-10.217 11.64-10.217 5.795 0 9.505 3.1 10.929 7.37l9.098-4.066c-2.796-7.37-9.861-11.945-20.027-11.945-12.707 0-21.806 7.98-21.806 18.858ZM454.18 17.106h-9.962v36.496h9.962v-9.099l6.507-5.845 12.656 14.944H486l-18.146-21.349 16.875-15.147h-13.571L454.18 32.507V17.106Z"},"children":[]},{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M27.723 26.298c-.81 0-1.467.657-1.467 1.467v16.32c0 .81.657 1.468 1.467 1.468h16.32c.81 0 1.467-.657 1.467-1.468v-16.32c0-.81-.657-1.467-1.467-1.467h-16.32ZM15.95 14.649c-.742 0-1.344.602-1.344 1.344v39.864c0 .743.602 1.344 1.344 1.344h39.864c.742 0 1.344-.601 1.344-1.344V15.993c0-.742-.602-1.344-1.344-1.344H15.951Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M0 36.592v25.92c0 1.739.485 3.365 1.328 4.749l9.345-9.345V36.592H0Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m4.261 70.247 9.266-9.266c.064.004.13.006.195.006H34.14V71.66H9.149a9.105 9.105 0 0 1-4.888-1.413Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M38.324 71.66h24.188a9.148 9.148 0 0 0 9.148-9.148V9.148A9.148 9.148 0 0 0 62.512 0h-25.92v10.673h21.346a3.05 3.05 0 0 1 3.05 3.05v44.215a3.05 3.05 0 0 1-3.05 3.05H38.324V71.66Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"39.353","x2":"4.084","y1":"5.039","y2":"40.069","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"39.353","x2":"4.084","y1":"5.039","y2":"40.069","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"39.353","x2":"4.084","y1":"5.039","y2":"40.069","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"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 Turbopack = forwardRef(
   function Turbopack({ 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 Turbopack = 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/turborepo.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M49.542 17.322c-17.766 0-32.22 14.454-32.22 32.22s14.454 32.22 32.22 32.22 32.22-14.454 32.22-32.22-14.454-32.22-32.22-32.22Zm0 48.894c-9.21 0-16.674-7.464-16.674-16.674 0-9.21 7.464-16.674 16.674-16.674 9.21 0 16.674 7.464 16.674 16.674 0 9.21-7.464 16.674-16.674 16.674Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M52.242 12.03V0c26.148 1.398 46.92 23.046 46.92 49.542 0 26.496-20.772 48.138-46.92 49.542v-12.03c19.488-1.392 34.92-17.676 34.92-37.512 0-19.836-15.432-36.12-34.92-37.512ZM21.126 74.142c-5.166-5.964-8.496-13.56-9.09-21.9H0c.624 11.67 5.292 22.26 12.606 30.414l8.514-8.514h.006Zm25.716 24.942v-12.03c-8.346-.594-15.942-3.918-21.906-9.09l-8.514 8.514c8.16 7.32 18.75 11.982 30.414 12.606h.006Z","clipRule":"evenodd"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.186","x2":"5.418","y1":"6.967","y2":"55.735","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Turborepo"]},{"type":"path","props":{"d":"M11.9906 4.1957c-4.2998 0-7.7981 3.501-7.7981 7.8043s3.4983 7.8043 7.7981 7.8043c4.2999 0 7.7982-3.501 7.7982-7.8043s-3.4983-7.8043-7.7982-7.8043m0 11.843c-2.229 0-4.0356-1.8079-4.0356-4.0387s1.8065-4.0387 4.0356-4.0387S16.0262 9.7692 16.0262 12s-1.8065 4.0388-4.0356 4.0388m.6534-13.1249V0C18.9726.3386 24 5.5822 24 12s-5.0274 11.66-11.356 12v-2.9139c4.7167-.3372 8.4516-4.2814 8.4516-9.0861s-3.735-8.749-8.4516-9.0861M5.113 17.9586c-1.2502-1.4446-2.0562-3.2845-2.2-5.3046H0c.151 2.8266 1.2808 5.3917 3.051 7.3668l2.0606-2.0622zM11.3372 24v-2.9139c-2.02-.1439-3.8584-.949-5.3019-2.2018l-2.0606 2.0623c1.975 1.773 4.538 2.9022 7.361 3.0534z"},"children":[]}]},"light":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#000","d":"M49.96 17.482C32.046 17.482 17.47 32.07 17.47 50S32.045 82.518 49.96 82.518c17.916 0 32.492-14.588 32.492-32.518S67.877 17.482 49.961 17.482Zm0 49.346c-9.287 0-16.814-7.533-16.814-16.828 0-9.295 7.527-16.828 16.815-16.828S66.776 40.705 66.776 50c0 9.295-7.527 16.828-16.815 16.828Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M52.683 12.141V0C79.053 1.41 100 23.26 100 50s-20.948 48.583-47.317 50V87.859C72.336 86.454 87.898 70.019 87.898 50c0-20.02-15.562-36.454-35.215-37.859ZM21.305 74.827c-5.21-6.019-8.568-13.685-9.167-22.102H0C.63 64.503 5.337 75.19 12.713 83.42l8.586-8.593h.006ZM47.237 100V87.859c-8.417-.6-16.077-3.954-22.091-9.174l-8.586 8.593C24.79 94.665 35.469 99.37 47.23 100h.007Z","clipRule":"evenodd"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.644","x2":"5.425","y1":"7.031","y2":"56.211","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M49.542 17.322c-17.766 0-32.22 14.454-32.22 32.22s14.454 32.22 32.22 32.22 32.22-14.454 32.22-32.22-14.454-32.22-32.22-32.22Zm0 48.894c-9.21 0-16.674-7.464-16.674-16.674 0-9.21 7.464-16.674 16.674-16.674 9.21 0 16.674 7.464 16.674 16.674 0 9.21-7.464 16.674-16.674 16.674Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M52.242 12.03V0c26.148 1.398 46.92 23.046 46.92 49.542 0 26.496-20.772 48.138-46.92 49.542v-12.03c19.488-1.392 34.92-17.676 34.92-37.512 0-19.836-15.432-36.12-34.92-37.512ZM21.126 74.142c-5.166-5.964-8.496-13.56-9.09-21.9H0c.624 11.67 5.292 22.26 12.606 30.414l8.514-8.514h.006Zm25.716 24.942v-12.03c-8.346-.594-15.942-3.918-21.906-9.09l-8.514 8.514c8.16 7.32 18.75 11.982 30.414 12.606h.006Z","clipRule":"evenodd"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.186","x2":"5.418","y1":"6.967","y2":"55.735","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 466 63","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M123.873 23.532v-8.28h-39.9v8.28h15.062v27.53h9.775v-27.53h15.063ZM146.417 51.611c12.269 0 19.002-6.234 19.002-16.508v-19.85h-9.776v18.902c0 5.736-2.992 8.977-9.226 8.977-6.235 0-9.227-3.241-9.227-8.977V15.252h-9.776v19.85c0 10.275 6.733 16.51 19.003 16.51ZM180.383 39.192h9.726l7.68 11.87h11.222l-8.678-12.917c4.888-1.746 7.88-5.636 7.88-10.923 0-7.68-5.735-11.97-14.464-11.97h-23.142v35.81h9.776v-11.87Zm0-7.73v-8.03h12.868c3.441 0 5.336 1.496 5.336 4.04 0 2.394-1.895 3.99-5.336 3.99h-12.868ZM212.762 51.063h25.585c7.98 0 12.569-3.79 12.569-10.125 0-4.24-2.693-7.132-5.885-8.429 2.194-1.047 4.887-3.541 4.887-7.481 0-6.334-4.488-9.776-12.418-9.776h-24.738v35.81Zm9.376-21.796v-6.085h14.364c2.693 0 4.19 1.048 4.19 3.043s-1.497 3.042-4.19 3.042h-14.364Zm0 7.332H237.4c2.643 0 4.09 1.297 4.09 3.242s-1.447 3.242-4.09 3.242h-15.262v-6.484ZM274.817 14.654c-12.519 0-21.546 7.83-21.546 18.503 0 10.674 9.027 18.504 21.546 18.504s21.496-7.83 21.496-18.504c0-10.673-8.977-18.503-21.496-18.503Zm0 8.479c6.583 0 11.521 3.89 11.521 10.024 0 6.135-4.938 10.025-11.521 10.025-6.583 0-11.521-3.89-11.521-10.025 0-6.134 4.938-10.024 11.521-10.024ZM310.401 39.192h9.725l7.681 11.87h11.222l-8.678-12.917c4.888-1.746 7.88-5.636 7.88-10.923 0-7.68-5.736-11.97-14.464-11.97h-23.142v35.81h9.776v-11.87Zm0-7.73v-8.03h12.868c3.441 0 5.336 1.496 5.336 4.04 0 2.394-1.895 3.99-5.336 3.99h-12.868ZM342.779 15.252v35.81h34.813v-8.279h-25.237v-5.835h22.394v-8.08h-22.394v-5.336h25.237v-8.28h-34.813ZM392.079 39.641h13.017c8.729 0 14.464-4.19 14.464-12.17 0-8.03-5.735-12.219-14.464-12.219h-22.793v35.81h9.776v-11.42Zm0-8.13v-8.08h12.469c3.491 0 5.386 1.497 5.386 4.04 0 2.494-1.895 4.04-5.386 4.04h-12.469ZM443.823 14.654c-12.518 0-21.546 7.83-21.546 18.503 0 10.674 9.028 18.504 21.546 18.504 12.519 0 21.496-7.83 21.496-18.504 0-10.673-8.977-18.503-21.496-18.503Zm0 8.479c6.584 0 11.521 3.89 11.521 10.024 0 6.135-4.937 10.025-11.521 10.025-6.583 0-11.521-3.89-11.521-10.025 0-6.134 4.938-10.024 11.521-10.024ZM31.377 10.97c-11.252 0-20.406 9.155-20.406 20.407 0 11.251 9.154 20.406 20.406 20.406 11.252 0 20.406-9.155 20.406-20.406 0-11.252-9.154-20.406-20.406-20.406Zm0 30.967c-5.833 0-10.56-4.727-10.56-10.56s4.727-10.56 10.56-10.56 10.56 4.727 10.56 10.56-4.727 10.56-10.56 10.56Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M33.087 7.619V0c16.56.885 29.715 14.596 29.715 31.377 0 16.78-13.155 30.487-29.715 31.376v-7.619c12.342-.881 22.115-11.195 22.115-23.757 0-12.563-9.773-22.876-22.115-23.758ZM13.38 46.956a23.727 23.727 0 0 1-5.757-13.87H0c.395 7.392 3.352 14.099 7.984 19.263l5.392-5.392h.004Zm16.287 15.797v-7.619a23.703 23.703 0 0 1-13.874-5.757L10.4 54.77c5.168 4.636 11.875 7.589 19.262 7.984h.004Z","clipRule":"evenodd"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"34.318","x2":"3.432","y1":"4.412","y2":"35.299","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"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 Turborepo = react_1.forwardRef(function Turborepo({ 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 Turborepo = react_1.forwardRef(function Turborepo({ 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/turborepo.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, light, dark, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M49.542 17.322c-17.766 0-32.22 14.454-32.22 32.22s14.454 32.22 32.22 32.22 32.22-14.454 32.22-32.22-14.454-32.22-32.22-32.22Zm0 48.894c-9.21 0-16.674-7.464-16.674-16.674 0-9.21 7.464-16.674 16.674-16.674 9.21 0 16.674 7.464 16.674 16.674 0 9.21-7.464 16.674-16.674 16.674Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M52.242 12.03V0c26.148 1.398 46.92 23.046 46.92 49.542 0 26.496-20.772 48.138-46.92 49.542v-12.03c19.488-1.392 34.92-17.676 34.92-37.512 0-19.836-15.432-36.12-34.92-37.512ZM21.126 74.142c-5.166-5.964-8.496-13.56-9.09-21.9H0c.624 11.67 5.292 22.26 12.606 30.414l8.514-8.514h.006Zm25.716 24.942v-12.03c-8.346-.594-15.942-3.918-21.906-9.09l-8.514 8.514c8.16 7.32 18.75 11.982 30.414 12.606h.006Z","clipRule":"evenodd"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.186","x2":"5.418","y1":"6.967","y2":"55.735","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Turborepo"]},{"type":"path","props":{"d":"M11.9906 4.1957c-4.2998 0-7.7981 3.501-7.7981 7.8043s3.4983 7.8043 7.7981 7.8043c4.2999 0 7.7982-3.501 7.7982-7.8043s-3.4983-7.8043-7.7982-7.8043m0 11.843c-2.229 0-4.0356-1.8079-4.0356-4.0387s1.8065-4.0387 4.0356-4.0387S16.0262 9.7692 16.0262 12s-1.8065 4.0388-4.0356 4.0388m.6534-13.1249V0C18.9726.3386 24 5.5822 24 12s-5.0274 11.66-11.356 12v-2.9139c4.7167-.3372 8.4516-4.2814 8.4516-9.0861s-3.735-8.749-8.4516-9.0861M5.113 17.9586c-1.2502-1.4446-2.0562-3.2845-2.2-5.3046H0c.151 2.8266 1.2808 5.3917 3.051 7.3668l2.0606-2.0622zM11.3372 24v-2.9139c-2.02-.1439-3.8584-.949-5.3019-2.2018l-2.0606 2.0623c1.975 1.773 4.538 2.9022 7.361 3.0534z"},"children":[]}]},"light":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#000","d":"M49.96 17.482C32.046 17.482 17.47 32.07 17.47 50S32.045 82.518 49.96 82.518c17.916 0 32.492-14.588 32.492-32.518S67.877 17.482 49.961 17.482Zm0 49.346c-9.287 0-16.814-7.533-16.814-16.828 0-9.295 7.527-16.828 16.815-16.828S66.776 40.705 66.776 50c0 9.295-7.527 16.828-16.815 16.828Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M52.683 12.141V0C79.053 1.41 100 23.26 100 50s-20.948 48.583-47.317 50V87.859C72.336 86.454 87.898 70.019 87.898 50c0-20.02-15.562-36.454-35.215-37.859ZM21.305 74.827c-5.21-6.019-8.568-13.685-9.167-22.102H0C.63 64.503 5.337 75.19 12.713 83.42l8.586-8.593h.006ZM47.237 100V87.859c-8.417-.6-16.077-3.954-22.091-9.174l-8.586 8.593C24.79 94.665 35.469 99.37 47.23 100h.007Z","clipRule":"evenodd"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.644","x2":"5.425","y1":"7.031","y2":"56.211","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M49.542 17.322c-17.766 0-32.22 14.454-32.22 32.22s14.454 32.22 32.22 32.22 32.22-14.454 32.22-32.22-14.454-32.22-32.22-32.22Zm0 48.894c-9.21 0-16.674-7.464-16.674-16.674 0-9.21 7.464-16.674 16.674-16.674 9.21 0 16.674 7.464 16.674 16.674 0 9.21-7.464 16.674-16.674 16.674Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M52.242 12.03V0c26.148 1.398 46.92 23.046 46.92 49.542 0 26.496-20.772 48.138-46.92 49.542v-12.03c19.488-1.392 34.92-17.676 34.92-37.512 0-19.836-15.432-36.12-34.92-37.512ZM21.126 74.142c-5.166-5.964-8.496-13.56-9.09-21.9H0c.624 11.67 5.292 22.26 12.606 30.414l8.514-8.514h.006Zm25.716 24.942v-12.03c-8.346-.594-15.942-3.918-21.906-9.09l-8.514 8.514c8.16 7.32 18.75 11.982 30.414 12.606h.006Z","clipRule":"evenodd"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"54.186","x2":"5.418","y1":"6.967","y2":"55.735","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 466 63","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M123.873 23.532v-8.28h-39.9v8.28h15.062v27.53h9.775v-27.53h15.063ZM146.417 51.611c12.269 0 19.002-6.234 19.002-16.508v-19.85h-9.776v18.902c0 5.736-2.992 8.977-9.226 8.977-6.235 0-9.227-3.241-9.227-8.977V15.252h-9.776v19.85c0 10.275 6.733 16.51 19.003 16.51ZM180.383 39.192h9.726l7.68 11.87h11.222l-8.678-12.917c4.888-1.746 7.88-5.636 7.88-10.923 0-7.68-5.735-11.97-14.464-11.97h-23.142v35.81h9.776v-11.87Zm0-7.73v-8.03h12.868c3.441 0 5.336 1.496 5.336 4.04 0 2.394-1.895 3.99-5.336 3.99h-12.868ZM212.762 51.063h25.585c7.98 0 12.569-3.79 12.569-10.125 0-4.24-2.693-7.132-5.885-8.429 2.194-1.047 4.887-3.541 4.887-7.481 0-6.334-4.488-9.776-12.418-9.776h-24.738v35.81Zm9.376-21.796v-6.085h14.364c2.693 0 4.19 1.048 4.19 3.043s-1.497 3.042-4.19 3.042h-14.364Zm0 7.332H237.4c2.643 0 4.09 1.297 4.09 3.242s-1.447 3.242-4.09 3.242h-15.262v-6.484ZM274.817 14.654c-12.519 0-21.546 7.83-21.546 18.503 0 10.674 9.027 18.504 21.546 18.504s21.496-7.83 21.496-18.504c0-10.673-8.977-18.503-21.496-18.503Zm0 8.479c6.583 0 11.521 3.89 11.521 10.024 0 6.135-4.938 10.025-11.521 10.025-6.583 0-11.521-3.89-11.521-10.025 0-6.134 4.938-10.024 11.521-10.024ZM310.401 39.192h9.725l7.681 11.87h11.222l-8.678-12.917c4.888-1.746 7.88-5.636 7.88-10.923 0-7.68-5.736-11.97-14.464-11.97h-23.142v35.81h9.776v-11.87Zm0-7.73v-8.03h12.868c3.441 0 5.336 1.496 5.336 4.04 0 2.394-1.895 3.99-5.336 3.99h-12.868ZM342.779 15.252v35.81h34.813v-8.279h-25.237v-5.835h22.394v-8.08h-22.394v-5.336h25.237v-8.28h-34.813ZM392.079 39.641h13.017c8.729 0 14.464-4.19 14.464-12.17 0-8.03-5.735-12.219-14.464-12.219h-22.793v35.81h9.776v-11.42Zm0-8.13v-8.08h12.469c3.491 0 5.386 1.497 5.386 4.04 0 2.494-1.895 4.04-5.386 4.04h-12.469ZM443.823 14.654c-12.518 0-21.546 7.83-21.546 18.503 0 10.674 9.028 18.504 21.546 18.504 12.519 0 21.496-7.83 21.496-18.504 0-10.673-8.977-18.503-21.496-18.503Zm0 8.479c6.584 0 11.521 3.89 11.521 10.024 0 6.135-4.937 10.025-11.521 10.025-6.583 0-11.521-3.89-11.521-10.025 0-6.134 4.938-10.024 11.521-10.024ZM31.377 10.97c-11.252 0-20.406 9.155-20.406 20.407 0 11.251 9.154 20.406 20.406 20.406 11.252 0 20.406-9.155 20.406-20.406 0-11.252-9.154-20.406-20.406-20.406Zm0 30.967c-5.833 0-10.56-4.727-10.56-10.56s4.727-10.56 10.56-10.56 10.56 4.727 10.56 10.56-4.727 10.56-10.56 10.56Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M33.087 7.619V0c16.56.885 29.715 14.596 29.715 31.377 0 16.78-13.155 30.487-29.715 31.376v-7.619c12.342-.881 22.115-11.195 22.115-23.757 0-12.563-9.773-22.876-22.115-23.758ZM13.38 46.956a23.727 23.727 0 0 1-5.757-13.87H0c.395 7.392 3.352 14.099 7.984 19.263l5.392-5.392h.004Zm16.287 15.797v-7.619a23.703 23.703 0 0 1-13.874-5.757L10.4 54.77c5.168 4.636 11.875 7.589 19.262 7.984h.004Z","clipRule":"evenodd"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"34.318","x2":"3.432","y1":"4.412","y2":"35.299","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0096FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF1E56"},"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 Turborepo = forwardRef(
   function Turborepo({ 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 Turborepo = 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/typegpu.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 166 166","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M70.1 78 47.2 59.2 28 84c-2 2.6-2.5 6-1.2 9.1L45 139.3c1.5 3.8 5 6.5 9 7l60.8 7.7-9.9-24.4c-9.4-21.4-18.5-38-34.8-51.6Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M142.4 103.8 124 56.6a9.3 9.3 0 0 0-8-6l-51-4c-6.7-.4-8.8-4-9.5-5.9l-.3-1L45.3 3l-7.1 16.6a11 11 0 0 0 3 12.7L57 46l14.6 12c20.5 16.8 34 40.4 38.3 66.5l4.8 29.4 26.7-41.8a9.3 9.3 0 0 0 .9-8.4Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"-4.3","x2":"199.3","y1":"-95.8","y2":"225.6","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#7272FF"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#0059DF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"45.6","x2":"161.9","y1":"-25.2","y2":"196.7","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#5259EE"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#1E2FB6"},"children":[]}]}]}]},"light":{"viewBox":"0 0 166 166","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M70.1 79 47.2 60.2 28 85c-2 2.6-2.5 6-1.2 9.1L45 140.3c1.5 3.8 5 6.5 9 7l60.8 7.7-9.9-24.4c-9.4-21.4-18.5-38-34.8-51.6Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M142.4 104.8 124 57.6a9.3 9.3 0 0 0-8-6l-51-4c-6.7-.4-8.8-4-9.5-5.9l-.3-1L45.3 4l-7.1 16.6a11 11 0 0 0 3 12.7L57 47l14.6 12c20.5 16.8 34 40.4 38.3 66.5l4.8 29.4 26.7-41.8a9.3 9.3 0 0 0 .9-8.4Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"-4.3","x2":"199.3","y1":"-94.8","y2":"226.6","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".4","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#6C80FF"},"children":[]},{"type":"stop","props":{"offset":".9","stopColor":"#0059DF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"45.6","x2":"161.9","y1":"-24.2","y2":"197.7","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#273DE6"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 166 166","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M70.1 78 47.2 59.2 28 84c-2 2.6-2.5 6-1.2 9.1L45 139.3c1.5 3.8 5 6.5 9 7l60.8 7.7-9.9-24.4c-9.4-21.4-18.5-38-34.8-51.6Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M142.4 103.8 124 56.6a9.3 9.3 0 0 0-8-6l-51-4c-6.7-.4-8.8-4-9.5-5.9l-.3-1L45.3 3l-7.1 16.6a11 11 0 0 0 3 12.7L57 46l14.6 12c20.5 16.8 34 40.4 38.3 66.5l4.8 29.4 26.7-41.8a9.3 9.3 0 0 0 .9-8.4Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"-4.3","x2":"199.3","y1":"-95.8","y2":"225.6","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#7272FF"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#0059DF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"45.6","x2":"161.9","y1":"-25.2","y2":"196.7","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#5259EE"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#1E2FB6"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 659 195","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M480 88c-2-4.2-4.8-7.4-8.5-9.7-3.8-2.2-8.1-3.4-13-3.4-5 0-9.5 1.2-13.5 3.4-4 2.3-7.1 5.6-9.4 9.8a30.8 30.8 0 0 0-3.4 14.8c0 5.5 1.1 10.4 3.4 14.7 2.3 4.2 5.4 7.4 9.4 9.7 4 2.3 8.5 3.4 13.4 3.4 7 0 12.7-2 17.2-6.2 4.5-4.1 7-9.8 7.8-16.8h-28.3V100h38.2v7.2a35.4 35.4 0 0 1-17.8 27.6 34.6 34.6 0 0 1-17 4.2 36 36 0 0 1-18.1-4.6 34 34 0 0 1-13-13 36.9 36.9 0 0 1-4.7-18.6 37 37 0 0 1 4.7-18.7 34 34 0 0 1 13-13c5.4-3.1 11.4-4.6 18-4.6 7.6 0 14.3 1.8 20 5.6 5.9 3.7 10.1 9 12.8 15.8H480Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M547 103c-4 3.8-10.2 5.8-18.5 5.8H515v29.7h-9.3V67.4h23c8 0 14 1.9 18.2 5.8 4.2 3.9 6.3 8.8 6.3 15 0 6.1-2 10.8-6 14.7Zm-7-5.2c2.4-2.3 3.6-5.5 3.6-9.6 0-8.8-5-13.2-15-13.2h-13.7v26.1h13.6c5.2 0 9-1.1 11.5-3.3Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M573.7 67.4v45c0 6.3 1.6 11 4.7 14 3 3.1 7.4 4.6 12.9 4.6s9.7-1.5 12.8-4.6c3-3 4.6-7.7 4.6-14v-45h9.3v44.9c0 5.9-1.2 10.9-3.6 14.9-2.4 4-5.6 7-9.6 9s-8.6 3-13.6 3-9.6-1-13.7-3c-4-2-7.2-5-9.6-9-2.3-4-3.5-9-3.5-15V67.5h9.3Z"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M225 67.4v7.5h-19.3v63.6h-9.3V74.9H177v-7.5h48.2ZM284.7 82.6 251 164.8h-9.6l11-27L230 82.7h10.3l17.5 45.3 17.4-45.3h9.6ZM311.4 84.9a26.6 26.6 0 0 1 26.2.4c4.1 2.3 7.3 5.6 9.6 10 2.3 4.3 3.5 9.3 3.5 15 0 5.7-1.2 10.7-3.5 15.1a25.6 25.6 0 0 1-23 14 24 24 0 0 1-21-11.2V165H294V82.6h9.3v10.3c1.9-3.2 4.6-5.9 8.2-8Zm27.2 14.4c-1.7-3.1-4-5.5-6.8-7.2a19 19 0 0 0-26 7.3 22.5 22.5 0 0 0-2.6 11c0 4.2 1 8 2.6 11a18.3 18.3 0 0 0 16.4 9.8 18 18 0 0 0 16.4-9.7c1.7-3.2 2.6-6.9 2.6-11.2 0-4.3-.9-7.9-2.6-11ZM413.6 114H369a18 18 0 0 0 5.7 12.9 18 18 0 0 0 12.5 4.6c4 0 7.4-1 10-2.8 2.7-1.8 4.6-4.3 5.7-7.5h10a24 24 0 0 1-9 13.1c-4.5 3.4-10 5-16.7 5-5.3 0-10-1.1-14.2-3.5a25.2 25.2 0 0 1-9.9-10.1 31.4 31.4 0 0 1-3.5-15.3 32 32 0 0 1 3.4-15.2c2.3-4.4 5.6-7.7 9.8-10a29 29 0 0 1 14.4-3.6c5.5 0 10 1.2 14 3.5a24 24 0 0 1 9.5 9.5c2.2 4 3.3 8.7 3.3 13.8 0 1.7 0 3.6-.3 5.6ZM402 97.3a15.3 15.3 0 0 0-6.4-5.8 20 20 0 0 0-8.9-2 17.2 17.2 0 0 0-17.7 17h35.3c0-3.6-.7-6.6-2.3-9.2Z"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M73.1 86 50.2 67.2 31 92c-2 2.6-2.5 6-1.2 9.1L48 147.3c1.5 3.8 5 6.5 9 7l60.8 7.7-9.9-24.4c-9.4-21.4-18.5-38-34.8-51.6Z"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M145.4 111.8 127 64.6a9.3 9.3 0 0 0-8-6l-51-4c-6.7-.4-8.8-4-9.5-5.9l-.3-1-10-36.7-7.1 16.6a11 11 0 0 0 3 12.7L60 54l14.6 12c20.5 16.8 34 40.4 38.3 66.5l4.8 29.4 26.7-41.8a9.3 9.3 0 0 0 .9-8.4Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"484.1","x2":"496.3","y1":"91.8","y2":"155.3","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#725EF8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#5885FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"484.1","x2":"496.3","y1":"91.8","y2":"155.3","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#725EF8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#5885FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"484.1","x2":"496.3","y1":"91.8","y2":"155.3","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#725EF8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#5885FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"-1.3","x2":"202.3","y1":"-87.8","y2":"233.6","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#7272FF"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#0059DF"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"48.6","x2":"164.9","y1":"-17.2","y2":"204.7","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#5259EE"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#1E2FB6"},"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 Typegpu = react_1.forwardRef(function Typegpu({ 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 Typegpu = react_1.forwardRef(function Typegpu({ 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/typegpu.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, light, dark, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 166 166","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M70.1 78 47.2 59.2 28 84c-2 2.6-2.5 6-1.2 9.1L45 139.3c1.5 3.8 5 6.5 9 7l60.8 7.7-9.9-24.4c-9.4-21.4-18.5-38-34.8-51.6Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M142.4 103.8 124 56.6a9.3 9.3 0 0 0-8-6l-51-4c-6.7-.4-8.8-4-9.5-5.9l-.3-1L45.3 3l-7.1 16.6a11 11 0 0 0 3 12.7L57 46l14.6 12c20.5 16.8 34 40.4 38.3 66.5l4.8 29.4 26.7-41.8a9.3 9.3 0 0 0 .9-8.4Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"-4.3","x2":"199.3","y1":"-95.8","y2":"225.6","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#7272FF"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#0059DF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"45.6","x2":"161.9","y1":"-25.2","y2":"196.7","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#5259EE"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#1E2FB6"},"children":[]}]}]}]},"light":{"viewBox":"0 0 166 166","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M70.1 79 47.2 60.2 28 85c-2 2.6-2.5 6-1.2 9.1L45 140.3c1.5 3.8 5 6.5 9 7l60.8 7.7-9.9-24.4c-9.4-21.4-18.5-38-34.8-51.6Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M142.4 104.8 124 57.6a9.3 9.3 0 0 0-8-6l-51-4c-6.7-.4-8.8-4-9.5-5.9l-.3-1L45.3 4l-7.1 16.6a11 11 0 0 0 3 12.7L57 47l14.6 12c20.5 16.8 34 40.4 38.3 66.5l4.8 29.4 26.7-41.8a9.3 9.3 0 0 0 .9-8.4Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"-4.3","x2":"199.3","y1":"-94.8","y2":"226.6","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".4","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#6C80FF"},"children":[]},{"type":"stop","props":{"offset":".9","stopColor":"#0059DF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"45.6","x2":"161.9","y1":"-24.2","y2":"197.7","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#273DE6"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 166 166","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M70.1 78 47.2 59.2 28 84c-2 2.6-2.5 6-1.2 9.1L45 139.3c1.5 3.8 5 6.5 9 7l60.8 7.7-9.9-24.4c-9.4-21.4-18.5-38-34.8-51.6Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M142.4 103.8 124 56.6a9.3 9.3 0 0 0-8-6l-51-4c-6.7-.4-8.8-4-9.5-5.9l-.3-1L45.3 3l-7.1 16.6a11 11 0 0 0 3 12.7L57 46l14.6 12c20.5 16.8 34 40.4 38.3 66.5l4.8 29.4 26.7-41.8a9.3 9.3 0 0 0 .9-8.4Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"-4.3","x2":"199.3","y1":"-95.8","y2":"225.6","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#7272FF"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#0059DF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"45.6","x2":"161.9","y1":"-25.2","y2":"196.7","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#5259EE"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#1E2FB6"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 659 195","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M480 88c-2-4.2-4.8-7.4-8.5-9.7-3.8-2.2-8.1-3.4-13-3.4-5 0-9.5 1.2-13.5 3.4-4 2.3-7.1 5.6-9.4 9.8a30.8 30.8 0 0 0-3.4 14.8c0 5.5 1.1 10.4 3.4 14.7 2.3 4.2 5.4 7.4 9.4 9.7 4 2.3 8.5 3.4 13.4 3.4 7 0 12.7-2 17.2-6.2 4.5-4.1 7-9.8 7.8-16.8h-28.3V100h38.2v7.2a35.4 35.4 0 0 1-17.8 27.6 34.6 34.6 0 0 1-17 4.2 36 36 0 0 1-18.1-4.6 34 34 0 0 1-13-13 36.9 36.9 0 0 1-4.7-18.6 37 37 0 0 1 4.7-18.7 34 34 0 0 1 13-13c5.4-3.1 11.4-4.6 18-4.6 7.6 0 14.3 1.8 20 5.6 5.9 3.7 10.1 9 12.8 15.8H480Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M547 103c-4 3.8-10.2 5.8-18.5 5.8H515v29.7h-9.3V67.4h23c8 0 14 1.9 18.2 5.8 4.2 3.9 6.3 8.8 6.3 15 0 6.1-2 10.8-6 14.7Zm-7-5.2c2.4-2.3 3.6-5.5 3.6-9.6 0-8.8-5-13.2-15-13.2h-13.7v26.1h13.6c5.2 0 9-1.1 11.5-3.3Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M573.7 67.4v45c0 6.3 1.6 11 4.7 14 3 3.1 7.4 4.6 12.9 4.6s9.7-1.5 12.8-4.6c3-3 4.6-7.7 4.6-14v-45h9.3v44.9c0 5.9-1.2 10.9-3.6 14.9-2.4 4-5.6 7-9.6 9s-8.6 3-13.6 3-9.6-1-13.7-3c-4-2-7.2-5-9.6-9-2.3-4-3.5-9-3.5-15V67.5h9.3Z"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M225 67.4v7.5h-19.3v63.6h-9.3V74.9H177v-7.5h48.2ZM284.7 82.6 251 164.8h-9.6l11-27L230 82.7h10.3l17.5 45.3 17.4-45.3h9.6ZM311.4 84.9a26.6 26.6 0 0 1 26.2.4c4.1 2.3 7.3 5.6 9.6 10 2.3 4.3 3.5 9.3 3.5 15 0 5.7-1.2 10.7-3.5 15.1a25.6 25.6 0 0 1-23 14 24 24 0 0 1-21-11.2V165H294V82.6h9.3v10.3c1.9-3.2 4.6-5.9 8.2-8Zm27.2 14.4c-1.7-3.1-4-5.5-6.8-7.2a19 19 0 0 0-26 7.3 22.5 22.5 0 0 0-2.6 11c0 4.2 1 8 2.6 11a18.3 18.3 0 0 0 16.4 9.8 18 18 0 0 0 16.4-9.7c1.7-3.2 2.6-6.9 2.6-11.2 0-4.3-.9-7.9-2.6-11ZM413.6 114H369a18 18 0 0 0 5.7 12.9 18 18 0 0 0 12.5 4.6c4 0 7.4-1 10-2.8 2.7-1.8 4.6-4.3 5.7-7.5h10a24 24 0 0 1-9 13.1c-4.5 3.4-10 5-16.7 5-5.3 0-10-1.1-14.2-3.5a25.2 25.2 0 0 1-9.9-10.1 31.4 31.4 0 0 1-3.5-15.3 32 32 0 0 1 3.4-15.2c2.3-4.4 5.6-7.7 9.8-10a29 29 0 0 1 14.4-3.6c5.5 0 10 1.2 14 3.5a24 24 0 0 1 9.5 9.5c2.2 4 3.3 8.7 3.3 13.8 0 1.7 0 3.6-.3 5.6ZM402 97.3a15.3 15.3 0 0 0-6.4-5.8 20 20 0 0 0-8.9-2 17.2 17.2 0 0 0-17.7 17h35.3c0-3.6-.7-6.6-2.3-9.2Z"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M73.1 86 50.2 67.2 31 92c-2 2.6-2.5 6-1.2 9.1L48 147.3c1.5 3.8 5 6.5 9 7l60.8 7.7-9.9-24.4c-9.4-21.4-18.5-38-34.8-51.6Z"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M145.4 111.8 127 64.6a9.3 9.3 0 0 0-8-6l-51-4c-6.7-.4-8.8-4-9.5-5.9l-.3-1-10-36.7-7.1 16.6a11 11 0 0 0 3 12.7L60 54l14.6 12c20.5 16.8 34 40.4 38.3 66.5l4.8 29.4 26.7-41.8a9.3 9.3 0 0 0 .9-8.4Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"484.1","x2":"496.3","y1":"91.8","y2":"155.3","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#725EF8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#5885FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"484.1","x2":"496.3","y1":"91.8","y2":"155.3","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#725EF8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#5885FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"484.1","x2":"496.3","y1":"91.8","y2":"155.3","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#725EF8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#5885FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"-1.3","x2":"202.3","y1":"-87.8","y2":"233.6","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#7272FF"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#0059DF"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"48.6","x2":"164.9","y1":"-17.2","y2":"204.7","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".3","stopColor":"#D48DFF"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#5259EE"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#1E2FB6"},"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 Typegpu = forwardRef(
   function Typegpu({ 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 Typegpu = 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/ubs-etracs.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 1411 1557","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["UBS Etracs"]},{"type":"path","props":{"id":"Key","fillRule":"evenodd","fill":"#000000","d":"m1156.2 450.2l-28 23.3 29.6 96.5-88.6-48.2-29.5 23.3 97.9 52.9-104.1 84.1-28-37.4 37.3-29.5-28-32.7-37.2 29.5-28-35.7 37.3-29.6-28-35.8-191.1 158.7 181.8 146.3 32.6-40.5c23.3 1.6 40.4 18.7 49.7 40.5l-32.6 40.5 20.2 15.5c45-40.5 104.1-66.9 164.7-66.9 127.3 0 226.8 104.3 226.8 231.9 0 42-10.9 87.1-34.2 124.5l34.2 26.4c-1.6 24.9-24.9 51.3-48.2 57.6l-32.6-26.5c-45.1 43.6-104.1 67-166.2 67-127.4 0-226.8-101.2-226.8-230.3 0-42.1 12.4-85.6 31-121.4l-18.6-17.2-32.6 43.6c-23.3-3.1-43.5-18.7-49.7-43.6l32.6-38.9-153.8-127.6v202.3l51.3 1.6c6.2 7.8 10.8 18.7 10.8 31.1 0 10.9-4.6 23.4-9.3 32.7h-52.8v24.9c111.8 18.7 205.1 113.6 205.1 228.7 0 119.9-91.7 214.8-205.1 233.5v40.5c-10.9 6.1-24.9 10.8-37.3 10.8-14 0-29.5-4.7-41.9-10.8v-40.5c-113.4-18.7-202-113.6-202-233.5 0-115.1 88.6-210 202-227.1v-26.5h-52.8c-6.3-9.3-9.4-21.8-9.4-32.7q0-18.7 9.4-32.7h52.8v-202.3l-155.4 127.6 34.2 38.9c-7.8 24.9-28 40.5-51.2 43.6l-32.7-43.6-20.2 17.2c21.8 35.8 32.6 79.3 32.6 121.4 0 129.1-99.4 230.3-226.7 230.3-60.6 0-121.2-23.4-164.7-67l-34.2 26.5c-21.7-6.3-45-32.7-48.1-57.6l32.6-26.4c-20.2-37.4-32.6-82.5-32.6-124.5 0-127.6 99.4-231.9 226.8-231.9 62.1 0 121.1 26.4 166.2 66.9l18.6-14-32.6-42c7.8-21.8 28-37.4 51.3-40.5l32.6 40.5 181.7-146.3-191-158.7-28 35.8 37.3 29.6-28 35.7-37.3-29.5-27.9 32.7 35.7 29.5-28 37.4-102.5-84.1 96.3-52.9-27.9-23.3-88.6 48.2 29.5-96.5-27.9-23.3-32.6 105.8-104.1-84 27.9-34.3 35.8 29.6 29.5-34.2-37.3-32.7 28-32.7 37.2 28.1 26.4-32.8-80.7-63.7c7.7-26.5 24.8-48.3 49.7-63.9l430.3 351.8v-235.1h-43.5v45.2h-43.5v-45.2h-45.1v45.2h-45v-132.3l102.5 43.6v-37.4l-94.7-38.9 94.7-37.3v-35.8l-102.5 40.5v-133.9h45v48.3h45.1v-48.3h43.5v48.3h43.5v-105.8c12.4-4.7 26.4-7.8 40.4-7.8 12.4 0 26.4 3.1 38.8 7.8v578.9l430.3-351.8c23.3 15.6 40.4 37.4 49.7 63.9l-82.3 63.7 27.9 32.8 37.3-28.1 28 32.7-37.3 32.7 28 34.2 37.2-29.6 28 34.3-104.1 84zm-879.2 636.5c0 37.4 28 60.7 60.6 63.8l-54.4 42c-37.3-14-71.5-59.1-71.5-98 0-12.5 3.2-20.3 6.3-29.6-4.7 0-7.8 1.6-10.9 1.6-49.7 0-91.7-46.7-101-94.9l55.9-43.6c-1.5 6.2-1.5 10.9-1.5 15.5 0 31.1 29.5 59.2 60.6 59.2 32.6 0 63.7-28.1 63.7-60.8 0-40.4-31.1-66.8-69.9-66.8-76.2 0-150.7 73.1-150.7 169.6 0 28 6.2 54.5 18.6 77.8l34.2-26.5c23.3 10.9 41.9 34.3 48.1 60.7l-34.1 26.5c32.6 28 73 40.4 114.9 40.4 87 0 156.9-70 156.9-132.2 0-35.8-24.8-66.9-62.1-66.9-34.2 0-63.7 26.4-63.7 62.2zm461.3 133.9c0 34.1 28 62.2 60.6 62.2 23.3 0 32.6-9.3 49.7-23.4v70.1c-17.1 9.3-34.1 14-52.8 14-37.2 0-68.3-10.9-88.5-43.6-21.8 32.7-52.8 43.6-90.1 43.6-17.1 0-35.7-4.7-52.8-14v-70.1c15.5 15.6 27.9 23.4 49.7 23.4 34.2 0 60.6-28.1 60.6-62.2 0-32.8-21.8-62.3-57.5-62.3-63.7 0-90.1 60.7-90.1 116.7 0 82.5 60.6 152.5 139.8 166.5v-42c12.4-6.2 26.4-7.8 38.8-7.8 14 0 28 1.6 40.4 7.8v42c73-10.9 139.8-88.7 139.8-166.5 0-57.6-23.3-116.7-90.1-116.7-34.1 0-57.5 29.5-57.5 62.3zm386.9-278.7c0 31.2 32.6 60.8 65.2 60.8 31.1 0 60.6-28.1 60.6-59.2 0-4.6-1.6-9.3-1.6-15.5l54.4 43.6c-9.3 52.9-55.9 99.5-110.3 93.3 3.1 9.3 4.7 17.1 4.7 29.6 0 38.9-34.2 84-71.5 98l-54.4-42c34.2-3.1 62.2-26.4 62.2-63.8 0-35.8-31.1-62.2-65.3-62.2-35.7 0-62.1 31.1-62.1 68.4 0 45.2 54.4 130.7 158.4 130.7 42 0 82.4-12.4 113.4-40.4l-34.1-26.5c7.7-26.4 23.3-49.8 48.1-60.7l34.2 26.5c12.4-23.3 20.2-49.8 20.2-77.8 0-74.7-57.5-169.6-149.1-169.6-38.9 0-73 26.4-73 66.8z"},"children":[]}]},"mono":{"viewBox":"0 0 1411 1557","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["UBS Etracs"]},{"type":"path","props":{"id":"Key","fillRule":"evenodd","fill":"currentColor","d":"m1156.2 450.2l-28 23.3 29.6 96.5-88.6-48.2-29.5 23.3 97.9 52.9-104.1 84.1-28-37.4 37.3-29.5-28-32.7-37.2 29.5-28-35.7 37.3-29.6-28-35.8-191.1 158.7 181.8 146.3 32.6-40.5c23.3 1.6 40.4 18.7 49.7 40.5l-32.6 40.5 20.2 15.5c45-40.5 104.1-66.9 164.7-66.9 127.3 0 226.8 104.3 226.8 231.9 0 42-10.9 87.1-34.2 124.5l34.2 26.4c-1.6 24.9-24.9 51.3-48.2 57.6l-32.6-26.5c-45.1 43.6-104.1 67-166.2 67-127.4 0-226.8-101.2-226.8-230.3 0-42.1 12.4-85.6 31-121.4l-18.6-17.2-32.6 43.6c-23.3-3.1-43.5-18.7-49.7-43.6l32.6-38.9-153.8-127.6v202.3l51.3 1.6c6.2 7.8 10.8 18.7 10.8 31.1 0 10.9-4.6 23.4-9.3 32.7h-52.8v24.9c111.8 18.7 205.1 113.6 205.1 228.7 0 119.9-91.7 214.8-205.1 233.5v40.5c-10.9 6.1-24.9 10.8-37.3 10.8-14 0-29.5-4.7-41.9-10.8v-40.5c-113.4-18.7-202-113.6-202-233.5 0-115.1 88.6-210 202-227.1v-26.5h-52.8c-6.3-9.3-9.4-21.8-9.4-32.7q0-18.7 9.4-32.7h52.8v-202.3l-155.4 127.6 34.2 38.9c-7.8 24.9-28 40.5-51.2 43.6l-32.7-43.6-20.2 17.2c21.8 35.8 32.6 79.3 32.6 121.4 0 129.1-99.4 230.3-226.7 230.3-60.6 0-121.2-23.4-164.7-67l-34.2 26.5c-21.7-6.3-45-32.7-48.1-57.6l32.6-26.4c-20.2-37.4-32.6-82.5-32.6-124.5 0-127.6 99.4-231.9 226.8-231.9 62.1 0 121.1 26.4 166.2 66.9l18.6-14-32.6-42c7.8-21.8 28-37.4 51.3-40.5l32.6 40.5 181.7-146.3-191-158.7-28 35.8 37.3 29.6-28 35.7-37.3-29.5-27.9 32.7 35.7 29.5-28 37.4-102.5-84.1 96.3-52.9-27.9-23.3-88.6 48.2 29.5-96.5-27.9-23.3-32.6 105.8-104.1-84 27.9-34.3 35.8 29.6 29.5-34.2-37.3-32.7 28-32.7 37.2 28.1 26.4-32.8-80.7-63.7c7.7-26.5 24.8-48.3 49.7-63.9l430.3 351.8v-235.1h-43.5v45.2h-43.5v-45.2h-45.1v45.2h-45v-132.3l102.5 43.6v-37.4l-94.7-38.9 94.7-37.3v-35.8l-102.5 40.5v-133.9h45v48.3h45.1v-48.3h43.5v48.3h43.5v-105.8c12.4-4.7 26.4-7.8 40.4-7.8 12.4 0 26.4 3.1 38.8 7.8v578.9l430.3-351.8c23.3 15.6 40.4 37.4 49.7 63.9l-82.3 63.7 27.9 32.8 37.3-28.1 28 32.7-37.3 32.7 28 34.2 37.2-29.6 28 34.3-104.1 84zm-879.2 636.5c0 37.4 28 60.7 60.6 63.8l-54.4 42c-37.3-14-71.5-59.1-71.5-98 0-12.5 3.2-20.3 6.3-29.6-4.7 0-7.8 1.6-10.9 1.6-49.7 0-91.7-46.7-101-94.9l55.9-43.6c-1.5 6.2-1.5 10.9-1.5 15.5 0 31.1 29.5 59.2 60.6 59.2 32.6 0 63.7-28.1 63.7-60.8 0-40.4-31.1-66.8-69.9-66.8-76.2 0-150.7 73.1-150.7 169.6 0 28 6.2 54.5 18.6 77.8l34.2-26.5c23.3 10.9 41.9 34.3 48.1 60.7l-34.1 26.5c32.6 28 73 40.4 114.9 40.4 87 0 156.9-70 156.9-132.2 0-35.8-24.8-66.9-62.1-66.9-34.2 0-63.7 26.4-63.7 62.2zm461.3 133.9c0 34.1 28 62.2 60.6 62.2 23.3 0 32.6-9.3 49.7-23.4v70.1c-17.1 9.3-34.1 14-52.8 14-37.2 0-68.3-10.9-88.5-43.6-21.8 32.7-52.8 43.6-90.1 43.6-17.1 0-35.7-4.7-52.8-14v-70.1c15.5 15.6 27.9 23.4 49.7 23.4 34.2 0 60.6-28.1 60.6-62.2 0-32.8-21.8-62.3-57.5-62.3-63.7 0-90.1 60.7-90.1 116.7 0 82.5 60.6 152.5 139.8 166.5v-42c12.4-6.2 26.4-7.8 38.8-7.8 14 0 28 1.6 40.4 7.8v42c73-10.9 139.8-88.7 139.8-166.5 0-57.6-23.3-116.7-90.1-116.7-34.1 0-57.5 29.5-57.5 62.3zm386.9-278.7c0 31.2 32.6 60.8 65.2 60.8 31.1 0 60.6-28.1 60.6-59.2 0-4.6-1.6-9.3-1.6-15.5l54.4 43.6c-9.3 52.9-55.9 99.5-110.3 93.3 3.1 9.3 4.7 17.1 4.7 29.6 0 38.9-34.2 84-71.5 98l-54.4-42c34.2-3.1 62.2-26.4 62.2-63.8 0-35.8-31.1-62.2-65.3-62.2-35.7 0-62.1 31.1-62.1 68.4 0 45.2 54.4 130.7 158.4 130.7 42 0 82.4-12.4 113.4-40.4l-34.1-26.5c7.7-26.4 23.3-49.8 48.1-60.7l34.2 26.5c12.4-23.3 20.2-49.8 20.2-77.8 0-74.7-57.5-169.6-149.1-169.6-38.9 0-73 26.4-73 66.8z"},"children":[]}]},"dark":{"viewBox":"0 0 1411 1557","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["UBS Etracs"]},{"type":"path","props":{"id":"Key","fillRule":"evenodd","fill":"#ffffff","d":"m1156.2 450.2l-28 23.3 29.6 96.5-88.6-48.2-29.5 23.3 97.9 52.9-104.1 84.1-28-37.4 37.3-29.5-28-32.7-37.2 29.5-28-35.7 37.3-29.6-28-35.8-191.1 158.7 181.8 146.3 32.6-40.5c23.3 1.6 40.4 18.7 49.7 40.5l-32.6 40.5 20.2 15.5c45-40.5 104.1-66.9 164.7-66.9 127.3 0 226.8 104.3 226.8 231.9 0 42-10.9 87.1-34.2 124.5l34.2 26.4c-1.6 24.9-24.9 51.3-48.2 57.6l-32.6-26.5c-45.1 43.6-104.1 67-166.2 67-127.4 0-226.8-101.2-226.8-230.3 0-42.1 12.4-85.6 31-121.4l-18.6-17.2-32.6 43.6c-23.3-3.1-43.5-18.7-49.7-43.6l32.6-38.9-153.8-127.6v202.3l51.3 1.6c6.2 7.8 10.8 18.7 10.8 31.1 0 10.9-4.6 23.4-9.3 32.7h-52.8v24.9c111.8 18.7 205.1 113.6 205.1 228.7 0 119.9-91.7 214.8-205.1 233.5v40.5c-10.9 6.1-24.9 10.8-37.3 10.8-14 0-29.5-4.7-41.9-10.8v-40.5c-113.4-18.7-202-113.6-202-233.5 0-115.1 88.6-210 202-227.1v-26.5h-52.8c-6.3-9.3-9.4-21.8-9.4-32.7q0-18.7 9.4-32.7h52.8v-202.3l-155.4 127.6 34.2 38.9c-7.8 24.9-28 40.5-51.2 43.6l-32.7-43.6-20.2 17.2c21.8 35.8 32.6 79.3 32.6 121.4 0 129.1-99.4 230.3-226.7 230.3-60.6 0-121.2-23.4-164.7-67l-34.2 26.5c-21.7-6.3-45-32.7-48.1-57.6l32.6-26.4c-20.2-37.4-32.6-82.5-32.6-124.5 0-127.6 99.4-231.9 226.8-231.9 62.1 0 121.1 26.4 166.2 66.9l18.6-14-32.6-42c7.8-21.8 28-37.4 51.3-40.5l32.6 40.5 181.7-146.3-191-158.7-28 35.8 37.3 29.6-28 35.7-37.3-29.5-27.9 32.7 35.7 29.5-28 37.4-102.5-84.1 96.3-52.9-27.9-23.3-88.6 48.2 29.5-96.5-27.9-23.3-32.6 105.8-104.1-84 27.9-34.3 35.8 29.6 29.5-34.2-37.3-32.7 28-32.7 37.2 28.1 26.4-32.8-80.7-63.7c7.7-26.5 24.8-48.3 49.7-63.9l430.3 351.8v-235.1h-43.5v45.2h-43.5v-45.2h-45.1v45.2h-45v-132.3l102.5 43.6v-37.4l-94.7-38.9 94.7-37.3v-35.8l-102.5 40.5v-133.9h45v48.3h45.1v-48.3h43.5v48.3h43.5v-105.8c12.4-4.7 26.4-7.8 40.4-7.8 12.4 0 26.4 3.1 38.8 7.8v578.9l430.3-351.8c23.3 15.6 40.4 37.4 49.7 63.9l-82.3 63.7 27.9 32.8 37.3-28.1 28 32.7-37.3 32.7 28 34.2 37.2-29.6 28 34.3-104.1 84zm-879.2 636.5c0 37.4 28 60.7 60.6 63.8l-54.4 42c-37.3-14-71.5-59.1-71.5-98 0-12.5 3.2-20.3 6.3-29.6-4.7 0-7.8 1.6-10.9 1.6-49.7 0-91.7-46.7-101-94.9l55.9-43.6c-1.5 6.2-1.5 10.9-1.5 15.5 0 31.1 29.5 59.2 60.6 59.2 32.6 0 63.7-28.1 63.7-60.8 0-40.4-31.1-66.8-69.9-66.8-76.2 0-150.7 73.1-150.7 169.6 0 28 6.2 54.5 18.6 77.8l34.2-26.5c23.3 10.9 41.9 34.3 48.1 60.7l-34.1 26.5c32.6 28 73 40.4 114.9 40.4 87 0 156.9-70 156.9-132.2 0-35.8-24.8-66.9-62.1-66.9-34.2 0-63.7 26.4-63.7 62.2zm461.3 133.9c0 34.1 28 62.2 60.6 62.2 23.3 0 32.6-9.3 49.7-23.4v70.1c-17.1 9.3-34.1 14-52.8 14-37.2 0-68.3-10.9-88.5-43.6-21.8 32.7-52.8 43.6-90.1 43.6-17.1 0-35.7-4.7-52.8-14v-70.1c15.5 15.6 27.9 23.4 49.7 23.4 34.2 0 60.6-28.1 60.6-62.2 0-32.8-21.8-62.3-57.5-62.3-63.7 0-90.1 60.7-90.1 116.7 0 82.5 60.6 152.5 139.8 166.5v-42c12.4-6.2 26.4-7.8 38.8-7.8 14 0 28 1.6 40.4 7.8v42c73-10.9 139.8-88.7 139.8-166.5 0-57.6-23.3-116.7-90.1-116.7-34.1 0-57.5 29.5-57.5 62.3zm386.9-278.7c0 31.2 32.6 60.8 65.2 60.8 31.1 0 60.6-28.1 60.6-59.2 0-4.6-1.6-9.3-1.6-15.5l54.4 43.6c-9.3 52.9-55.9 99.5-110.3 93.3 3.1 9.3 4.7 17.1 4.7 29.6 0 38.9-34.2 84-71.5 98l-54.4-42c34.2-3.1 62.2-26.4 62.2-63.8 0-35.8-31.1-62.2-65.3-62.2-35.7 0-62.1 31.1-62.1 68.4 0 45.2 54.4 130.7 158.4 130.7 42 0 82.4-12.4 113.4-40.4l-34.1-26.5c7.7-26.4 23.3-49.8 48.1-60.7l34.2 26.5c12.4-23.3 20.2-49.8 20.2-77.8 0-74.7-57.5-169.6-149.1-169.6-38.9 0-73 26.4-73 66.8z"},"children":[]}]},"light":{"viewBox":"0 0 1411 1557","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["UBS Etracs"]},{"type":"path","props":{"id":"Key","fillRule":"evenodd","fill":"#000000","d":"m1156.2 450.2l-28 23.3 29.6 96.5-88.6-48.2-29.5 23.3 97.9 52.9-104.1 84.1-28-37.4 37.3-29.5-28-32.7-37.2 29.5-28-35.7 37.3-29.6-28-35.8-191.1 158.7 181.8 146.3 32.6-40.5c23.3 1.6 40.4 18.7 49.7 40.5l-32.6 40.5 20.2 15.5c45-40.5 104.1-66.9 164.7-66.9 127.3 0 226.8 104.3 226.8 231.9 0 42-10.9 87.1-34.2 124.5l34.2 26.4c-1.6 24.9-24.9 51.3-48.2 57.6l-32.6-26.5c-45.1 43.6-104.1 67-166.2 67-127.4 0-226.8-101.2-226.8-230.3 0-42.1 12.4-85.6 31-121.4l-18.6-17.2-32.6 43.6c-23.3-3.1-43.5-18.7-49.7-43.6l32.6-38.9-153.8-127.6v202.3l51.3 1.6c6.2 7.8 10.8 18.7 10.8 31.1 0 10.9-4.6 23.4-9.3 32.7h-52.8v24.9c111.8 18.7 205.1 113.6 205.1 228.7 0 119.9-91.7 214.8-205.1 233.5v40.5c-10.9 6.1-24.9 10.8-37.3 10.8-14 0-29.5-4.7-41.9-10.8v-40.5c-113.4-18.7-202-113.6-202-233.5 0-115.1 88.6-210 202-227.1v-26.5h-52.8c-6.3-9.3-9.4-21.8-9.4-32.7q0-18.7 9.4-32.7h52.8v-202.3l-155.4 127.6 34.2 38.9c-7.8 24.9-28 40.5-51.2 43.6l-32.7-43.6-20.2 17.2c21.8 35.8 32.6 79.3 32.6 121.4 0 129.1-99.4 230.3-226.7 230.3-60.6 0-121.2-23.4-164.7-67l-34.2 26.5c-21.7-6.3-45-32.7-48.1-57.6l32.6-26.4c-20.2-37.4-32.6-82.5-32.6-124.5 0-127.6 99.4-231.9 226.8-231.9 62.1 0 121.1 26.4 166.2 66.9l18.6-14-32.6-42c7.8-21.8 28-37.4 51.3-40.5l32.6 40.5 181.7-146.3-191-158.7-28 35.8 37.3 29.6-28 35.7-37.3-29.5-27.9 32.7 35.7 29.5-28 37.4-102.5-84.1 96.3-52.9-27.9-23.3-88.6 48.2 29.5-96.5-27.9-23.3-32.6 105.8-104.1-84 27.9-34.3 35.8 29.6 29.5-34.2-37.3-32.7 28-32.7 37.2 28.1 26.4-32.8-80.7-63.7c7.7-26.5 24.8-48.3 49.7-63.9l430.3 351.8v-235.1h-43.5v45.2h-43.5v-45.2h-45.1v45.2h-45v-132.3l102.5 43.6v-37.4l-94.7-38.9 94.7-37.3v-35.8l-102.5 40.5v-133.9h45v48.3h45.1v-48.3h43.5v48.3h43.5v-105.8c12.4-4.7 26.4-7.8 40.4-7.8 12.4 0 26.4 3.1 38.8 7.8v578.9l430.3-351.8c23.3 15.6 40.4 37.4 49.7 63.9l-82.3 63.7 27.9 32.8 37.3-28.1 28 32.7-37.3 32.7 28 34.2 37.2-29.6 28 34.3-104.1 84zm-879.2 636.5c0 37.4 28 60.7 60.6 63.8l-54.4 42c-37.3-14-71.5-59.1-71.5-98 0-12.5 3.2-20.3 6.3-29.6-4.7 0-7.8 1.6-10.9 1.6-49.7 0-91.7-46.7-101-94.9l55.9-43.6c-1.5 6.2-1.5 10.9-1.5 15.5 0 31.1 29.5 59.2 60.6 59.2 32.6 0 63.7-28.1 63.7-60.8 0-40.4-31.1-66.8-69.9-66.8-76.2 0-150.7 73.1-150.7 169.6 0 28 6.2 54.5 18.6 77.8l34.2-26.5c23.3 10.9 41.9 34.3 48.1 60.7l-34.1 26.5c32.6 28 73 40.4 114.9 40.4 87 0 156.9-70 156.9-132.2 0-35.8-24.8-66.9-62.1-66.9-34.2 0-63.7 26.4-63.7 62.2zm461.3 133.9c0 34.1 28 62.2 60.6 62.2 23.3 0 32.6-9.3 49.7-23.4v70.1c-17.1 9.3-34.1 14-52.8 14-37.2 0-68.3-10.9-88.5-43.6-21.8 32.7-52.8 43.6-90.1 43.6-17.1 0-35.7-4.7-52.8-14v-70.1c15.5 15.6 27.9 23.4 49.7 23.4 34.2 0 60.6-28.1 60.6-62.2 0-32.8-21.8-62.3-57.5-62.3-63.7 0-90.1 60.7-90.1 116.7 0 82.5 60.6 152.5 139.8 166.5v-42c12.4-6.2 26.4-7.8 38.8-7.8 14 0 28 1.6 40.4 7.8v42c73-10.9 139.8-88.7 139.8-166.5 0-57.6-23.3-116.7-90.1-116.7-34.1 0-57.5 29.5-57.5 62.3zm386.9-278.7c0 31.2 32.6 60.8 65.2 60.8 31.1 0 60.6-28.1 60.6-59.2 0-4.6-1.6-9.3-1.6-15.5l54.4 43.6c-9.3 52.9-55.9 99.5-110.3 93.3 3.1 9.3 4.7 17.1 4.7 29.6 0 38.9-34.2 84-71.5 98l-54.4-42c34.2-3.1 62.2-26.4 62.2-63.8 0-35.8-31.1-62.2-65.3-62.2-35.7 0-62.1 31.1-62.1 68.4 0 45.2 54.4 130.7 158.4 130.7 42 0 82.4-12.4 113.4-40.4l-34.1-26.5c7.7-26.4 23.3-49.8 48.1-60.7l34.2 26.5c12.4-23.3 20.2-49.8 20.2-77.8 0-74.7-57.5-169.6-149.1-169.6-38.9 0-73 26.4-73 66.8z"},"children":[]}]},"wordmark":{"viewBox":"0 0 1540 558","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["UBS Etracs"]},{"type":"path","props":{"id":"UBS","fillRule":"evenodd","fill":"#e60000","d":"m900.5 335.8c0 115.5-63 129.3-126 129.3-108.4 0-131.4-55.4-131.4-134.7v-223.6h-40v-21.6h151.4v21.6h-43v217.1c0 76.6 19.9 114.7 74.9 114.7 56.1 0 83.4-27.7 83.4-107.4v-224.4h-40.4v-21.6h107.6v21.6h-36.5zm105.9 103.5v-332.6h-42.1v-21.5h167.9c71.4 0 106.8 40.4 106.8 87.7 0 50.5-45.7 78.9-86.5 87.4 79.2 7.3 100.7 58.1 100.7 95.5 0 76.2-64.9 105.1-128.7 105.1h-162.9v-21.6zm164.1-262.1c0-35-18-70.5-57.6-70.5h-43.6v144.4h39c41.9 0 62.2-35.4 62.2-73.9zm13.5 178.6c0-50.1-21.5-83.6-71.9-83.6h-42.8v167.1h34.8c53.4 0 79.9-31.6 79.9-83.5zm236.7-254.1c-39.6 0-65 23.5-65 64.3 0 37 40 54.7 78.8 67.8 23 8.1 52.2 18.8 72.2 38.1 21.9 20.8 33.8 48.5 33.1 83.5-1.6 65.4-47.3 109.7-128 110.1-30.3 0-77.6-6.9-106-23.5l-3.1-98.5h23.8c1.9 66.2 33.1 100.8 87.6 100.8 43.8 0 68-29.2 68-73.9 0-38.5-31.9-55-80.3-71.2-15.7-5.4-46.8-16.9-68.7-38.5-19.6-19.6-28.9-44.3-28.9-70.4 0-76.6 54.6-109.7 122.2-109.7 26.9 0 67.3 9.6 90.7 23.1l2.3 85.4h-23.8c-5-60.8-31.5-87.4-74.9-87.4z"},"children":[]},{"type":"path","props":{"id":"Key","fillRule":"evenodd","fill":"#000000","d":"m414 161.2l-10 8.4 10.6 34.6-31.7-17.3-10.6 8.3 35.1 19-37.3 30.1-10-13.4 13.3-10.6-10-11.7-13.3 10.6-10-12.8 13.3-10.6-10-12.8-68.4 56.8 65.1 52.4 11.6-14.5c8.4 0.6 14.5 6.7 17.8 14.5l-11.6 14.5 7.2 5.6c16.1-14.5 37.3-24 59-24 45.6 0 81.2 37.4 81.2 83.1 0 15-3.9 31.2-12.3 44.5l12.3 9.5c-0.6 8.9-8.9 18.4-17.3 20.6l-11.7-9.4c-16.1 15.6-37.2 23.9-59.5 23.9-45.6 0-81.2-36.2-81.2-82.4 0-15.1 4.5-30.7 11.1-43.5l-6.6-6.2-11.7 15.6c-8.4-1.1-15.6-6.7-17.8-15.6l11.7-13.9-55.1-45.7v72.4l18.3 0.6c2.3 2.8 3.9 6.7 3.9 11.2 0 3.9-1.6 8.3-3.3 11.7h-18.9v8.9c40 6.7 73.4 40.7 73.4 81.9 0 42.9-32.8 76.9-73.4 83.6v14.5c-3.9 2.2-8.9 3.9-13.4 3.9-5 0-10.5-1.7-15-3.9v-14.5c-40.6-6.7-72.3-40.7-72.3-83.6 0-41.2 31.7-75.2 72.3-81.4v-9.4h-18.9c-2.2-3.4-3.3-7.8-3.3-11.7q0-6.7 3.3-11.8h18.9v-72.4l-55.6 45.7 12.2 13.9c-2.8 8.9-10 14.5-18.3 15.6l-11.7-15.6-7.3 6.2c7.8 12.8 11.7 28.4 11.7 43.5 0 46.2-35.6 82.4-81.2 82.4-21.7 0-43.4-8.3-59-23.9l-12.2 9.4c-7.8-2.2-16.1-11.7-17.2-20.6l11.6-9.5c-7.2-13.3-11.6-29.5-11.6-44.5 0-45.7 35.6-83.1 81.2-83.1 22.2 0 43.4 9.5 59.5 24l6.7-5-11.7-15.1c2.8-7.8 10-13.4 18.4-14.5l11.6 14.5 65.1-52.4-68.4-56.8-10 12.8 13.3 10.6-10 12.8-13.3-10.6-10 11.7 12.8 10.6-10.1 13.4-36.7-30.1 34.5-19-10-8.3-31.7 17.3 10.6-34.6-10-8.4-11.7 37.9-37.3-30.1 10-12.2 12.8 10.6 10.6-12.3-13.4-11.7 10-11.7 13.4 10 9.4-11.7-28.9-22.8c2.8-9.5 8.9-17.3 17.8-22.9l154.1 126v-84.2h-15.6v16.2h-15.5v-16.2h-16.2v16.2h-16.1v-47.4l36.7 15.6v-13.4l-33.9-13.9 33.9-13.4v-12.8l-36.7 14.5v-47.9h16.1v17.2h16.2v-17.2h15.5v17.2h15.6v-37.8c4.5-1.7 9.5-2.8 14.5-2.8 4.4 0 9.4 1.1 13.9 2.8v207.3l154.1-126c8.3 5.6 14.4 13.4 17.8 22.9l-29.5 22.8 10 11.7 13.4-10 10 11.7-13.4 11.7 10 12.3 13.4-10.6 10 12.2-37.3 30.1zm-314.8 228c0 13.4 10 21.7 21.7 22.8l-19.5 15.1c-13.4-5-25.6-21.2-25.6-35.1 0-4.5 1.1-7.3 2.2-10.6-1.6 0-2.8 0.6-3.9 0.6-17.8 0-32.8-16.8-36.1-34l20-15.7c-0.6 2.3-0.6 3.9-0.6 5.6 0 11.2 10.6 21.2 21.7 21.2 11.7 0 22.8-10 22.8-21.8 0-14.4-11.1-23.9-25-23.9-27.2 0-53.9 26.2-53.9 60.8 0 10 2.2 19.5 6.6 27.8l12.3-9.5c8.3 3.9 15 12.3 17.2 21.8l-12.2 9.4c11.7 10.1 26.1 14.5 41.1 14.5 31.2 0 56.2-25 56.2-47.3 0-12.8-8.9-24-22.2-24-12.3 0-22.8 9.5-22.8 22.3zm165.2 47.9c0 12.3 10 22.3 21.7 22.3 8.3 0 11.7-3.3 17.8-8.3v25c-6.1 3.4-12.3 5.1-18.9 5.1-13.4 0-24.5-4-31.7-15.7-7.8 11.7-19 15.7-32.3 15.7-6.1 0-12.8-1.7-18.9-5.1v-25c5.5 5.5 10 8.3 17.8 8.3 12.2 0 21.7-10 21.7-22.3 0-11.7-7.8-22.3-20.6-22.3-22.8 0-32.3 21.8-32.3 41.8 0 29.6 21.7 54.6 50.1 59.7v-15.1c4.4-2.2 9.4-2.8 13.9-2.8 5 0 10 0.6 14.5 2.8v15.1c26.1-3.9 50-31.8 50-59.7 0-20.6-8.3-41.8-32.2-41.8-12.3 0-20.6 10.6-20.6 22.3zm138.5-99.8c0 11.2 11.7 21.8 23.4 21.8 11.1 0 21.7-10 21.7-21.2 0-1.7-0.6-3.3-0.6-5.6l19.5 15.7c-3.4 18.9-20.1 35.6-39.5 33.4 1.1 3.3 1.6 6.1 1.6 10.6 0 13.9-12.2 30.1-25.5 35.1l-19.5-15.1c12.2-1.1 22.2-9.4 22.2-22.8 0-12.8-11.1-22.3-23.3-22.3-12.8 0-22.3 11.2-22.3 24.5 0 16.2 19.5 46.8 56.8 46.8 15 0 29.4-4.4 40.6-14.5l-12.3-9.4c2.8-9.5 8.4-17.9 17.3-21.8l12.2 9.5c4.5-8.3 7.2-17.8 7.2-27.8 0-26.8-20.5-60.8-53.4-60.8-13.9 0-26.1 9.5-26.1 23.9z"},"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 UbsEtracs = react_1.forwardRef(function UbsEtracs({ 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 UbsEtracs = react_1.forwardRef(function UbsEtracs({ 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));
       })
   );
 });