@thesvg/react 3.2.0 → 3.2.4

package/dist/tidal-music.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 50.952113 7.2030219","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a","clipPathUnits":"userSpaceOnUse"},"children":[{"type":"path","props":{"d":"M0 0h612v792H0Z"},"children":[]}]}]},{"type":"path","props":{"style":{"fill":"#100f0d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"M0 0h-3.669v13.013h-4.745v3.145H4.745v-3.145H0Z","transform":"matrix(.35278 0 0 -.35278 18.61153342 6.80236959)"},"children":[]},{"type":"path","props":{"style":{"fill":"#100f0d","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":".35277778"},"d":"M98.25811 184.54008h-1.302103v-5.70018h1.302103Z","transform":"translate(-72.79775058 -177.73777041)"},"children":[]},{"type":"path","props":{"style":{"fill":"#100f0d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"M0 0h6.383v-3.189H-3.69v16.158H0Z","transform":"matrix(.35278 0 0 -.35278 48.43574942 5.67749959)"},"children":[]},{"type":"g","props":{"clipPath":"url(#a)","transform":"matrix(.35278 0 0 -.35278 -35.67602658 179.85532959)"},"children":[{"type":"path","props":{"style":{"fill":"#100f0d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"M0 0h5.979c4.411 0 8.8-2.336 8.8-8.035 0-5.372-4.302-8.123-8.582-8.123H0Zm3.581-12.991H5.87c3.079 0 5.131 1.921 5.131 4.978 0 2.904-2.074 4.868-5.044 4.868H3.581Z","transform":"translate(185.5858 506.7018)"},"children":[]}]},{"type":"path","props":{"style":{"fill":"#100f0d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"M0 0h4.057L-2.6 16.158h-3.81L-13.131 0h3.947l1.191 3.188h6.813zm-7.004 6.059 2.434 6.319 2.411-6.319z","transform":"matrix(.35278 0 0 -.35278 42.23356942 6.80236959)"},"children":[]},{"type":"path","props":{"style":{"fill":"#100f0d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m0 0-4.729-4.73L-9.459 0l4.73 4.728Z","transform":"matrix(.35278 0 0 -.35278 6.93839742 1.93272959)"},"children":[]},{"type":"path","props":{"style":{"fill":"#100f0d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m0 0-4.729-4.73L-9.459 0l4.73 4.73Z","transform":"matrix(.35278 0 0 -.35278 6.93839742 5.26979959)"},"children":[]},{"type":"path","props":{"style":{"fill":"#100f0d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m0 0-4.73-4.73L-9.459 0l4.729 4.729Z","transform":"matrix(.35278 0 0 -.35278 3.60150942 1.93286959)"},"children":[]},{"type":"path","props":{"style":{"fill":"#100f0d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m0 0-4.729-4.73L-9.459 0l4.73 4.729Z","transform":"matrix(.35278 0 0 -.35278 10.27511042 1.93286959)"},"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 TidalMusic = forwardRef(
   function TidalMusic({ 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 TidalMusic = 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/tiktok.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 352.28 398.67","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_1-2"},"children":[{"type":"path","props":{"d":"M137.17 156.98v-15.56c-5.34-.73-10.76-1.18-16.29-1.18C54.23 140.24 0 194.47 0 261.13c0 40.9 20.43 77.09 51.61 98.97-20.12-21.6-32.46-50.53-32.46-82.31 0-65.7 52.69-119.28 118.03-120.81Z","className":"cls-3"},"children":[]},{"type":"path","props":{"d":"M140.02 333c29.74 0 54-23.66 55.1-53.13l.11-263.2h48.08c-1-5.41-1.55-10.97-1.55-16.67h-65.67l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-9.24 0-17.95-2.31-25.61-6.34C105.3 323.9 121.6 333 140.02 333ZM333.13 106V91.37c-18.34 0-35.43-5.45-49.76-14.8 12.76 14.65 30.09 25.22 49.76 29.43Z","className":"cls-3"},"children":[]},{"type":"path","props":{"d":"M283.38 76.57c-13.98-16.05-22.47-37-22.47-59.91h-17.59c4.63 25.02 19.48 46.49 40.06 59.91ZM120.88 205.92c-30.44 0-55.21 24.77-55.21 55.21 0 21.2 12.03 39.62 29.6 48.86-6.55-9.08-10.45-20.18-10.45-32.2 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-67.05c-5.34-.73-10.76-1.18-16.29-1.18-.96 0-1.9.05-2.85.07v51.49c-5.16-1.61-10.61-2.55-16.29-2.55Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M333.13 106v51.04c-34.05 0-65.61-10.89-91.37-29.38v133.47c0 66.66-54.23 120.88-120.88 120.88-25.76 0-49.64-8.12-69.28-21.91 22.08 23.71 53.54 38.57 88.42 38.57 66.66 0 120.88-54.23 120.88-120.88V144.33c25.76 18.49 57.32 29.38 91.37 29.38v-65.68c-6.57 0-12.97-.71-19.14-2.03Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M241.76 261.13V127.66c25.76 18.49 57.32 29.38 91.37 29.38V106c-19.67-4.21-37-14.77-49.76-29.43-20.58-13.42-35.43-34.88-40.06-59.91h-48.08l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-18.42 0-34.72-9.1-44.75-23.01-17.57-9.25-29.6-27.67-29.6-48.86 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-51.49C71.83 158.5 19.14 212.08 19.14 277.78c0 31.78 12.34 60.71 32.46 82.31C71.23 373.87 95.12 382 120.88 382c66.65 0 120.88-54.23 120.88-120.88Z","style":{"fill":"#fff"}},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["TikTok"]},{"type":"path","props":{"d":"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"},"children":[]}]},"light":{"viewBox":"0 0 352.28 398.67","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_1-2"},"children":[{"type":"path","props":{"d":"M137.17 156.98v-15.56c-5.34-.73-10.76-1.18-16.29-1.18C54.23 140.24 0 194.47 0 261.13c0 40.9 20.43 77.09 51.61 98.97-20.12-21.6-32.46-50.53-32.46-82.31 0-65.7 52.69-119.28 118.03-120.81Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M140.02 333c29.74 0 54-23.66 55.1-53.13l.11-263.2h48.08c-1-5.41-1.55-10.97-1.55-16.67h-65.67l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-9.24 0-17.95-2.31-25.61-6.34C105.3 323.9 121.6 333 140.02 333ZM333.13 106V91.37c-18.34 0-35.43-5.45-49.76-14.8 12.76 14.65 30.09 25.22 49.76 29.43Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M283.38 76.57c-13.98-16.05-22.47-37-22.47-59.91h-17.59c4.63 25.02 19.48 46.49 40.06 59.91ZM120.88 205.92c-30.44 0-55.21 24.77-55.21 55.21 0 21.2 12.03 39.62 29.6 48.86-6.55-9.08-10.45-20.18-10.45-32.2 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-67.05c-5.34-.73-10.76-1.18-16.29-1.18-.96 0-1.9.05-2.85.07v51.49c-5.16-1.61-10.61-2.55-16.29-2.55Z","className":"cls-1"},"children":[]},{"type":"path","props":{"d":"M333.13 106v51.04c-34.05 0-65.61-10.89-91.37-29.38v133.47c0 66.66-54.23 120.88-120.88 120.88-25.76 0-49.64-8.12-69.28-21.91 22.08 23.71 53.54 38.57 88.42 38.57 66.66 0 120.88-54.23 120.88-120.88V144.33c25.76 18.49 57.32 29.38 91.37 29.38v-65.68c-6.57 0-12.97-.71-19.14-2.03Z","className":"cls-1"},"children":[]},{"type":"path","props":{"d":"M241.76 261.13V127.66c25.76 18.49 57.32 29.38 91.37 29.38V106c-19.67-4.21-37-14.77-49.76-29.43-20.58-13.42-35.43-34.88-40.06-59.91h-48.08l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-18.42 0-34.72-9.1-44.75-23.01-17.57-9.25-29.6-27.67-29.6-48.86 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-51.49C71.83 158.5 19.14 212.08 19.14 277.78c0 31.78 12.34 60.71 32.46 82.31C71.23 373.87 95.12 382 120.88 382c66.65 0 120.88-54.23 120.88-120.88Z"},"children":[]}]}]},"dark":{"viewBox":"0 0 352.28 398.67","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_1-2"},"children":[{"type":"path","props":{"d":"M137.17 156.98v-15.56c-5.34-.73-10.76-1.18-16.29-1.18C54.23 140.24 0 194.47 0 261.13c0 40.9 20.43 77.09 51.61 98.97-20.12-21.6-32.46-50.53-32.46-82.31 0-65.7 52.69-119.28 118.03-120.81Z","className":"cls-3"},"children":[]},{"type":"path","props":{"d":"M140.02 333c29.74 0 54-23.66 55.1-53.13l.11-263.2h48.08c-1-5.41-1.55-10.97-1.55-16.67h-65.67l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-9.24 0-17.95-2.31-25.61-6.34C105.3 323.9 121.6 333 140.02 333ZM333.13 106V91.37c-18.34 0-35.43-5.45-49.76-14.8 12.76 14.65 30.09 25.22 49.76 29.43Z","className":"cls-3"},"children":[]},{"type":"path","props":{"d":"M283.38 76.57c-13.98-16.05-22.47-37-22.47-59.91h-17.59c4.63 25.02 19.48 46.49 40.06 59.91ZM120.88 205.92c-30.44 0-55.21 24.77-55.21 55.21 0 21.2 12.03 39.62 29.6 48.86-6.55-9.08-10.45-20.18-10.45-32.2 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-67.05c-5.34-.73-10.76-1.18-16.29-1.18-.96 0-1.9.05-2.85.07v51.49c-5.16-1.61-10.61-2.55-16.29-2.55Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M333.13 106v51.04c-34.05 0-65.61-10.89-91.37-29.38v133.47c0 66.66-54.23 120.88-120.88 120.88-25.76 0-49.64-8.12-69.28-21.91 22.08 23.71 53.54 38.57 88.42 38.57 66.66 0 120.88-54.23 120.88-120.88V144.33c25.76 18.49 57.32 29.38 91.37 29.38v-65.68c-6.57 0-12.97-.71-19.14-2.03Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M241.76 261.13V127.66c25.76 18.49 57.32 29.38 91.37 29.38V106c-19.67-4.21-37-14.77-49.76-29.43-20.58-13.42-35.43-34.88-40.06-59.91h-48.08l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-18.42 0-34.72-9.1-44.75-23.01-17.57-9.25-29.6-27.67-29.6-48.86 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-51.49C71.83 158.5 19.14 212.08 19.14 277.78c0 31.78 12.34 60.71 32.46 82.31C71.23 373.87 95.12 382 120.88 382c66.65 0 120.88-54.23 120.88-120.88Z","style":{"fill":"#fff"}},"children":[]}]}]},"wordmark":{"viewBox":"0 0 512 150","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#ff004f","d":"M97.844 53.853c9.633 6.882 21.434 10.932 34.179 10.932V40.272a34.7 34.7 0 0 1-7.178-.75v19.295c-12.744 0-24.543-4.05-34.179-10.932V97.91c0 25.025-20.296 45.31-45.332 45.31c-9.341 0-18.024-2.823-25.236-7.664c8.231 8.413 19.712 13.632 32.412 13.632c25.038 0 45.335-20.285 45.335-45.31V53.852m8.855-24.73A34.16 34.16 0 0 1 97.844 9.12V5.967h-6.802c1.712 9.762 7.552 18.101 15.657 23.156m-70.766 87.229a20.63 20.63 0 0 1-4.23-12.548c0-11.445 9.283-20.725 20.737-20.725c2.134 0 4.256.326 6.29.971V58.99a46 46 0 0 0-7.175-.414v19.507a20.8 20.8 0 0 0-6.293-.971c-11.454 0-20.737 9.279-20.737 20.726c0 8.093 4.64 15.1 11.408 18.514"},"children":[]},{"type":"path","props":{"d":"M90.666 47.885c9.636 6.882 21.435 10.931 34.18 10.931V39.521a34.3 34.3 0 0 1-18.147-10.398c-8.105-5.055-13.945-13.395-15.657-23.156H73.176v97.908c-.04 11.414-9.309 20.656-20.737 20.656c-6.735 0-12.719-3.209-16.508-8.179c-6.766-3.414-11.407-10.421-11.407-18.514c0-11.446 9.283-20.726 20.737-20.726c2.194 0 4.31.342 6.293.971V58.577c-24.596.508-44.377 20.595-44.377 45.299c0 12.332 4.926 23.511 12.921 31.68a45.14 45.14 0 0 0 25.237 7.663c25.036 0 45.332-20.286 45.332-45.31V47.885"},"children":[]},{"type":"path","props":{"fill":"#00f2ea","d":"M124.845 39.52v-5.217a34.2 34.2 0 0 1-18.146-5.181a34.28 34.28 0 0 0 18.146 10.399M91.042 5.968a35 35 0 0 1-.376-2.814V0H65.997v97.909c-.04 11.412-9.306 20.654-20.736 20.654a20.66 20.66 0 0 1-9.33-2.21c3.79 4.97 9.773 8.178 16.508 8.178c11.427 0 20.697-9.241 20.737-20.655V5.967zm-39.487 52.61v-5.554a46 46 0 0 0-6.22-.422C20.297 52.6 0 72.886 0 97.909c0 15.687 7.977 29.513 20.099 37.646c-7.995-8.168-12.921-19.348-12.921-31.68c0-24.703 19.78-44.79 44.377-45.298"},"children":[]},{"type":"path","props":{"fill":"#ff004f","d":"M410.689 122.705c17.914 0 32.437-14.405 32.437-32.174s-14.523-32.176-32.437-32.176H405.8c17.915 0 32.438 14.408 32.438 32.176s-14.523 32.174-32.438 32.174z"},"children":[]},{"type":"path","props":{"fill":"#00f2ea","d":"M405.359 58.355h-4.887c-17.914 0-32.44 14.408-32.44 32.176s14.526 32.174 32.44 32.174h4.887c-17.917 0-32.44-14.405-32.44-32.174s14.523-32.176 32.44-32.176"},"children":[]},{"type":"path","props":{"d":"M266.725 43.813V80.39l18.659-18.51h22.66l-23.55 22.92l26.217 37.904h-19.993l-18.216-26.006l-5.777 5.293v20.273h-18.663V43.813zm201.284 0V80.39l18.663-18.51h22.66l-23.55 22.92L512 122.706h-19.996L473.784 96.7l-5.775 5.293v20.273h-18.666V43.813zm-62.21 14.542c17.915 0 32.44 14.408 32.44 32.176s-14.525 32.174-32.44 32.174h-.442c-17.915 0-32.438-14.405-32.438-32.174s14.523-32.176 32.438-32.176ZM217.85 43.813l-5.333 16.749h-15.55v61.703h-19.111V60.122h-19.103v-16.31zm156.405 0l-5.331 16.749h-15.55v61.703h-19.111V60.122H315.16v-16.31zM240.062 68.936v53.33h-18.656v-53.33zm165.52 5.951c-8.712 0-15.778 7.001-15.778 15.644s7.066 15.647 15.778 15.649c8.707 0 15.772-7.006 15.772-15.649s-7.065-15.644-15.772-15.644M230.73 43.813c5.157 0 9.332 4.145 9.332 9.255s-4.172 9.255-9.332 9.255c-5.153-.002-9.324-4.144-9.324-9.255c0-5.11 4.171-9.255 9.324-9.255"},"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 Tiktok = react_1.forwardRef(function Tiktok({ 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 Tiktok = react_1.forwardRef(function Tiktok({ 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/tiktok.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 352.28 398.67","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_1-2"},"children":[{"type":"path","props":{"d":"M137.17 156.98v-15.56c-5.34-.73-10.76-1.18-16.29-1.18C54.23 140.24 0 194.47 0 261.13c0 40.9 20.43 77.09 51.61 98.97-20.12-21.6-32.46-50.53-32.46-82.31 0-65.7 52.69-119.28 118.03-120.81Z","className":"cls-3"},"children":[]},{"type":"path","props":{"d":"M140.02 333c29.74 0 54-23.66 55.1-53.13l.11-263.2h48.08c-1-5.41-1.55-10.97-1.55-16.67h-65.67l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-9.24 0-17.95-2.31-25.61-6.34C105.3 323.9 121.6 333 140.02 333ZM333.13 106V91.37c-18.34 0-35.43-5.45-49.76-14.8 12.76 14.65 30.09 25.22 49.76 29.43Z","className":"cls-3"},"children":[]},{"type":"path","props":{"d":"M283.38 76.57c-13.98-16.05-22.47-37-22.47-59.91h-17.59c4.63 25.02 19.48 46.49 40.06 59.91ZM120.88 205.92c-30.44 0-55.21 24.77-55.21 55.21 0 21.2 12.03 39.62 29.6 48.86-6.55-9.08-10.45-20.18-10.45-32.2 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-67.05c-5.34-.73-10.76-1.18-16.29-1.18-.96 0-1.9.05-2.85.07v51.49c-5.16-1.61-10.61-2.55-16.29-2.55Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M333.13 106v51.04c-34.05 0-65.61-10.89-91.37-29.38v133.47c0 66.66-54.23 120.88-120.88 120.88-25.76 0-49.64-8.12-69.28-21.91 22.08 23.71 53.54 38.57 88.42 38.57 66.66 0 120.88-54.23 120.88-120.88V144.33c25.76 18.49 57.32 29.38 91.37 29.38v-65.68c-6.57 0-12.97-.71-19.14-2.03Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M241.76 261.13V127.66c25.76 18.49 57.32 29.38 91.37 29.38V106c-19.67-4.21-37-14.77-49.76-29.43-20.58-13.42-35.43-34.88-40.06-59.91h-48.08l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-18.42 0-34.72-9.1-44.75-23.01-17.57-9.25-29.6-27.67-29.6-48.86 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-51.49C71.83 158.5 19.14 212.08 19.14 277.78c0 31.78 12.34 60.71 32.46 82.31C71.23 373.87 95.12 382 120.88 382c66.65 0 120.88-54.23 120.88-120.88Z","style":{"fill":"#fff"}},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["TikTok"]},{"type":"path","props":{"d":"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"},"children":[]}]},"light":{"viewBox":"0 0 352.28 398.67","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_1-2"},"children":[{"type":"path","props":{"d":"M137.17 156.98v-15.56c-5.34-.73-10.76-1.18-16.29-1.18C54.23 140.24 0 194.47 0 261.13c0 40.9 20.43 77.09 51.61 98.97-20.12-21.6-32.46-50.53-32.46-82.31 0-65.7 52.69-119.28 118.03-120.81Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M140.02 333c29.74 0 54-23.66 55.1-53.13l.11-263.2h48.08c-1-5.41-1.55-10.97-1.55-16.67h-65.67l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-9.24 0-17.95-2.31-25.61-6.34C105.3 323.9 121.6 333 140.02 333ZM333.13 106V91.37c-18.34 0-35.43-5.45-49.76-14.8 12.76 14.65 30.09 25.22 49.76 29.43Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M283.38 76.57c-13.98-16.05-22.47-37-22.47-59.91h-17.59c4.63 25.02 19.48 46.49 40.06 59.91ZM120.88 205.92c-30.44 0-55.21 24.77-55.21 55.21 0 21.2 12.03 39.62 29.6 48.86-6.55-9.08-10.45-20.18-10.45-32.2 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-67.05c-5.34-.73-10.76-1.18-16.29-1.18-.96 0-1.9.05-2.85.07v51.49c-5.16-1.61-10.61-2.55-16.29-2.55Z","className":"cls-1"},"children":[]},{"type":"path","props":{"d":"M333.13 106v51.04c-34.05 0-65.61-10.89-91.37-29.38v133.47c0 66.66-54.23 120.88-120.88 120.88-25.76 0-49.64-8.12-69.28-21.91 22.08 23.71 53.54 38.57 88.42 38.57 66.66 0 120.88-54.23 120.88-120.88V144.33c25.76 18.49 57.32 29.38 91.37 29.38v-65.68c-6.57 0-12.97-.71-19.14-2.03Z","className":"cls-1"},"children":[]},{"type":"path","props":{"d":"M241.76 261.13V127.66c25.76 18.49 57.32 29.38 91.37 29.38V106c-19.67-4.21-37-14.77-49.76-29.43-20.58-13.42-35.43-34.88-40.06-59.91h-48.08l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-18.42 0-34.72-9.1-44.75-23.01-17.57-9.25-29.6-27.67-29.6-48.86 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-51.49C71.83 158.5 19.14 212.08 19.14 277.78c0 31.78 12.34 60.71 32.46 82.31C71.23 373.87 95.12 382 120.88 382c66.65 0 120.88-54.23 120.88-120.88Z"},"children":[]}]}]},"dark":{"viewBox":"0 0 352.28 398.67","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_1-2"},"children":[{"type":"path","props":{"d":"M137.17 156.98v-15.56c-5.34-.73-10.76-1.18-16.29-1.18C54.23 140.24 0 194.47 0 261.13c0 40.9 20.43 77.09 51.61 98.97-20.12-21.6-32.46-50.53-32.46-82.31 0-65.7 52.69-119.28 118.03-120.81Z","className":"cls-3"},"children":[]},{"type":"path","props":{"d":"M140.02 333c29.74 0 54-23.66 55.1-53.13l.11-263.2h48.08c-1-5.41-1.55-10.97-1.55-16.67h-65.67l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-9.24 0-17.95-2.31-25.61-6.34C105.3 323.9 121.6 333 140.02 333ZM333.13 106V91.37c-18.34 0-35.43-5.45-49.76-14.8 12.76 14.65 30.09 25.22 49.76 29.43Z","className":"cls-3"},"children":[]},{"type":"path","props":{"d":"M283.38 76.57c-13.98-16.05-22.47-37-22.47-59.91h-17.59c4.63 25.02 19.48 46.49 40.06 59.91ZM120.88 205.92c-30.44 0-55.21 24.77-55.21 55.21 0 21.2 12.03 39.62 29.6 48.86-6.55-9.08-10.45-20.18-10.45-32.2 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-67.05c-5.34-.73-10.76-1.18-16.29-1.18-.96 0-1.9.05-2.85.07v51.49c-5.16-1.61-10.61-2.55-16.29-2.55Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M333.13 106v51.04c-34.05 0-65.61-10.89-91.37-29.38v133.47c0 66.66-54.23 120.88-120.88 120.88-25.76 0-49.64-8.12-69.28-21.91 22.08 23.71 53.54 38.57 88.42 38.57 66.66 0 120.88-54.23 120.88-120.88V144.33c25.76 18.49 57.32 29.38 91.37 29.38v-65.68c-6.57 0-12.97-.71-19.14-2.03Z","className":"cls-2"},"children":[]},{"type":"path","props":{"d":"M241.76 261.13V127.66c25.76 18.49 57.32 29.38 91.37 29.38V106c-19.67-4.21-37-14.77-49.76-29.43-20.58-13.42-35.43-34.88-40.06-59.91h-48.08l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13-18.42 0-34.72-9.1-44.75-23.01-17.57-9.25-29.6-27.67-29.6-48.86 0-30.44 24.77-55.21 55.21-55.21 5.68 0 11.13.94 16.29 2.55v-51.49C71.83 158.5 19.14 212.08 19.14 277.78c0 31.78 12.34 60.71 32.46 82.31C71.23 373.87 95.12 382 120.88 382c66.65 0 120.88-54.23 120.88-120.88Z","style":{"fill":"#fff"}},"children":[]}]}]},"wordmark":{"viewBox":"0 0 512 150","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#ff004f","d":"M97.844 53.853c9.633 6.882 21.434 10.932 34.179 10.932V40.272a34.7 34.7 0 0 1-7.178-.75v19.295c-12.744 0-24.543-4.05-34.179-10.932V97.91c0 25.025-20.296 45.31-45.332 45.31c-9.341 0-18.024-2.823-25.236-7.664c8.231 8.413 19.712 13.632 32.412 13.632c25.038 0 45.335-20.285 45.335-45.31V53.852m8.855-24.73A34.16 34.16 0 0 1 97.844 9.12V5.967h-6.802c1.712 9.762 7.552 18.101 15.657 23.156m-70.766 87.229a20.63 20.63 0 0 1-4.23-12.548c0-11.445 9.283-20.725 20.737-20.725c2.134 0 4.256.326 6.29.971V58.99a46 46 0 0 0-7.175-.414v19.507a20.8 20.8 0 0 0-6.293-.971c-11.454 0-20.737 9.279-20.737 20.726c0 8.093 4.64 15.1 11.408 18.514"},"children":[]},{"type":"path","props":{"d":"M90.666 47.885c9.636 6.882 21.435 10.931 34.18 10.931V39.521a34.3 34.3 0 0 1-18.147-10.398c-8.105-5.055-13.945-13.395-15.657-23.156H73.176v97.908c-.04 11.414-9.309 20.656-20.737 20.656c-6.735 0-12.719-3.209-16.508-8.179c-6.766-3.414-11.407-10.421-11.407-18.514c0-11.446 9.283-20.726 20.737-20.726c2.194 0 4.31.342 6.293.971V58.577c-24.596.508-44.377 20.595-44.377 45.299c0 12.332 4.926 23.511 12.921 31.68a45.14 45.14 0 0 0 25.237 7.663c25.036 0 45.332-20.286 45.332-45.31V47.885"},"children":[]},{"type":"path","props":{"fill":"#00f2ea","d":"M124.845 39.52v-5.217a34.2 34.2 0 0 1-18.146-5.181a34.28 34.28 0 0 0 18.146 10.399M91.042 5.968a35 35 0 0 1-.376-2.814V0H65.997v97.909c-.04 11.412-9.306 20.654-20.736 20.654a20.66 20.66 0 0 1-9.33-2.21c3.79 4.97 9.773 8.178 16.508 8.178c11.427 0 20.697-9.241 20.737-20.655V5.967zm-39.487 52.61v-5.554a46 46 0 0 0-6.22-.422C20.297 52.6 0 72.886 0 97.909c0 15.687 7.977 29.513 20.099 37.646c-7.995-8.168-12.921-19.348-12.921-31.68c0-24.703 19.78-44.79 44.377-45.298"},"children":[]},{"type":"path","props":{"fill":"#ff004f","d":"M410.689 122.705c17.914 0 32.437-14.405 32.437-32.174s-14.523-32.176-32.437-32.176H405.8c17.915 0 32.438 14.408 32.438 32.176s-14.523 32.174-32.438 32.174z"},"children":[]},{"type":"path","props":{"fill":"#00f2ea","d":"M405.359 58.355h-4.887c-17.914 0-32.44 14.408-32.44 32.176s14.526 32.174 32.44 32.174h4.887c-17.917 0-32.44-14.405-32.44-32.174s14.523-32.176 32.44-32.176"},"children":[]},{"type":"path","props":{"d":"M266.725 43.813V80.39l18.659-18.51h22.66l-23.55 22.92l26.217 37.904h-19.993l-18.216-26.006l-5.777 5.293v20.273h-18.663V43.813zm201.284 0V80.39l18.663-18.51h22.66l-23.55 22.92L512 122.706h-19.996L473.784 96.7l-5.775 5.293v20.273h-18.666V43.813zm-62.21 14.542c17.915 0 32.44 14.408 32.44 32.176s-14.525 32.174-32.44 32.174h-.442c-17.915 0-32.438-14.405-32.438-32.174s14.523-32.176 32.438-32.176ZM217.85 43.813l-5.333 16.749h-15.55v61.703h-19.111V60.122h-19.103v-16.31zm156.405 0l-5.331 16.749h-15.55v61.703h-19.111V60.122H315.16v-16.31zM240.062 68.936v53.33h-18.656v-53.33zm165.52 5.951c-8.712 0-15.778 7.001-15.778 15.644s7.066 15.647 15.778 15.649c8.707 0 15.772-7.006 15.772-15.649s-7.065-15.644-15.772-15.644M230.73 43.813c5.157 0 9.332 4.145 9.332 9.255s-4.172 9.255-9.332 9.255c-5.153-.002-9.324-4.144-9.324-9.255c0-5.11 4.171-9.255 9.324-9.255"},"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 Tiktok = forwardRef(
   function Tiktok({ 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 Tiktok = 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/timesheet.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 225 225","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Background"},"children":[{"type":"rect","props":{"fill":"#f6881f","width":"225","height":"225","rx":"20","ry":"20"},"children":[]}]},{"type":"g","props":{"id":"Clock"},"children":[{"type":"path","props":{"fill":"#fff","d":"M112.5,12.5C57.3,12.5,12.5,57.3,12.5,112.5s44.8,100,100,100,100-44.8,100-100S167.7,12.5,112.5,12.5ZM112.5,197.1c-46.7,0-84.6-37.9-84.6-84.6S65.8,27.9,112.5,27.9s84.6,37.9,84.6,84.6-37.9,84.6-84.6,84.6Z"},"children":[]},{"type":"path","props":{"fill":"#fff","opacity":"0.3","d":"M 109.5,126.5 L 68.5,167.5 A 70.4,70.4 0 1,1 182.5,104.8 L 124.5,104.8 Z"},"children":[]},{"type":"rect","props":{"fill":"#fff","height":"15.4","width":"70","x":"112.5","y":"104.8"},"children":[]},{"type":"rect","props":{"fill":"#fff","height":"15.4","transform":"rotate(135, 112.5, 112.5)","width":"70","x":"112.5","y":"104.8"},"children":[]},{"type":"circle","props":{"fill":"#fff","cx":"112.5","cy":"112.5","r":"12"},"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 Timesheet = react_1.forwardRef(function Timesheet({ 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 Timesheet = react_1.forwardRef(function Timesheet({ 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/timesheet.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 225 225","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Background"},"children":[{"type":"rect","props":{"fill":"#f6881f","width":"225","height":"225","rx":"20","ry":"20"},"children":[]}]},{"type":"g","props":{"id":"Clock"},"children":[{"type":"path","props":{"fill":"#fff","d":"M112.5,12.5C57.3,12.5,12.5,57.3,12.5,112.5s44.8,100,100,100,100-44.8,100-100S167.7,12.5,112.5,12.5ZM112.5,197.1c-46.7,0-84.6-37.9-84.6-84.6S65.8,27.9,112.5,27.9s84.6,37.9,84.6,84.6-37.9,84.6-84.6,84.6Z"},"children":[]},{"type":"path","props":{"fill":"#fff","opacity":"0.3","d":"M 109.5,126.5 L 68.5,167.5 A 70.4,70.4 0 1,1 182.5,104.8 L 124.5,104.8 Z"},"children":[]},{"type":"rect","props":{"fill":"#fff","height":"15.4","width":"70","x":"112.5","y":"104.8"},"children":[]},{"type":"rect","props":{"fill":"#fff","height":"15.4","transform":"rotate(135, 112.5, 112.5)","width":"70","x":"112.5","y":"104.8"},"children":[]},{"type":"circle","props":{"fill":"#fff","cx":"112.5","cy":"112.5","r":"12"},"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 Timesheet = forwardRef(
   function Timesheet({ 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 Timesheet = 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/todoist.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 152 152","fill":"currentColor","childNodes":[{"type":"desc","props":{},"children":["Created with Fabric.js 3.6.6"]},{"type":"defs","props":{},"children":[]},{"type":"g","props":{"transform":"matrix(1 0 0 1 76.4 76.15)","id":"layer"},"children":[{"type":"path","props":{"style":{"stroke":"none","strokeWidth":"1","strokeDasharray":"none","strokeLinecap":"butt","strokeDashoffset":"0","strokeLinejoin":"miter","strokeMiterlimit":"4","fill":"rgb(228,67,50)","fillRule":"nonzero","opacity":"1"},"transform":" translate(-102.2, -325.95)","d":"M 45.4 250.3 c -10.4 0 -18.9 8.5 -18.9 18.9 v 113.5 c 0 10.4 8.5 18.9 18.9 18.9 H 159 c 10.4 0 18.9 -8.5 18.9 -18.9 V 269.3 c 0 -10.4 -8.5 -18.9 -18.9 -18.9 H 45.4 z","strokeLinecap":"round"},"children":[]}]},{"type":"g","props":{"transform":"matrix(1 0 0 1 47.55 76.21)","id":"layer"},"children":[{"type":"path","props":{"style":{"stroke":"none","strokeWidth":"1","strokeDasharray":"none","strokeLinecap":"butt","strokeDashoffset":"0","strokeLinejoin":"miter","strokeMiterlimit":"4","fill":"rgb(255,255,255)","fillRule":"nonzero","opacity":"1"},"transform":" translate(-73.35, -326.01)","d":"M 58.6 322 l 60.8 -35.4 c 1.3 -0.8 1.4 -3.1 -0.1 -3.9 c -1.5 -0.8 -4.2 -2.4 -5.3 -3 c -1.5 -0.8 -3.2 -0.8 -4.7 0.1 c -0.7 0.4 -49.3 28.7 -51 29.6 c -1.9 1.1 -4.4 1.1 -6.3 0 l -25.7 -15.1 v 12.8 c 6.2 3.7 21.8 12.8 25.6 15 C 54.2 323.3 56.4 323.3 58.6 322 M 58.6 346.2 l 60.8 -35.4 c 1.3 -0.8 1.4 -3.1 -0.1 -3.9 c -1.5 -0.8 -4.2 -2.4 -5.3 -3 c -1.5 -0.8 -3.2 -0.8 -4.7 0.1 c -0.7 0.4 -49.3 28.7 -51 29.6 c -1.9 1.1 -4.4 1.1 -6.3 0 l -25.7 -15.1 v 12.8 c 6.2 3.7 21.8 12.8 25.6 15 C 54.2 347.5 56.4 347.5 58.6 346.2 M 58.6 372 l 60.8 -35.4 c 1.3 -0.8 1.4 -3.1 -0.1 -3.9 c -1.5 -0.8 -4.2 -2.4 -5.3 -3 c -1.5 -0.8 -3.2 -0.8 -4.7 0.1 c -0.7 0.4 -49.3 28.7 -51 29.6 c -1.9 1.1 -4.4 1.1 -6.3 0 l -25.7 -15.1 V 357 c 6.2 3.7 21.8 12.8 25.6 15 C 54.2 373.2 56.4 373.2 58.6 372","strokeLinecap":"round"},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Todoist"]},{"type":"path","props":{"d":"M21 0H3C1.35 0 0 1.35 0 3v3.858s3.854 2.24 4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.608 8.136-4.675.279-.161.58-.107.748-.01.164.097.606.348.84.48.232.134.221.502.013.622l-9.712 5.59c-.346.2-.69.204-1.048.002C3.478 10.907.998 9.463 0 8.882v2.02l4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.609 8.136-4.676.279-.16.58-.106.748-.008.164.096.606.347.84.48.232.133.221.5.013.62-.208.121-9.288 5.346-9.712 5.59-.346.2-.69.205-1.048.002C3.478 14.951.998 13.506 0 12.926v2.02l4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.609 8.136-4.676.279-.16.58-.106.748-.009.164.097.606.348.84.48.232.133.221.502.013.622l-9.712 5.59c-.346.199-.69.204-1.048.001C3.478 18.994.998 17.55 0 16.97V21c0 1.65 1.35 3 3 3h18c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3z"},"children":[]}]},"wordmark":{"viewBox":"0 0 652 652","fill":"currentColor","childNodes":[{"type":"path","props":{"className":"st0","d":"M285.5,341.5c0,2.4,0.4,4.8,1.2,7.1c1.6,4.5,5,8.2,9.3,10.2c2.2,1,4.8,1.6,7.6,1.6c2.8,0,5.4-0.5,7.6-1.6\n\tc2.2-1,4.1-2.4,5.7-4.2c1.6-1.7,2.8-3.8,3.6-6.1c0.8-2.3,1.2-4.6,1.2-7.1c0-2.4-0.4-4.8-1.2-7.1c-0.8-2.2-2-4.3-3.6-6\n\tc-1.6-1.8-3.6-3.2-5.7-4.2c-2.4-1.1-5-1.6-7.6-1.6c-2.8,0-5.4,0.5-7.6,1.6c-4.4,2-7.7,5.7-9.4,10.2\n\tC285.9,336.7,285.5,339.1,285.5,341.5 M270.3,342.3c0-5,0.9-9.6,2.7-13.7c1.7-4,4.1-7.5,7.2-10.5c3.1-3,6.8-5.2,10.8-6.7\n\tc4.3-1.6,8.8-2.4,13.3-2.4c4.7,0,9.1,0.8,13.3,2.4c4,1.5,7.7,3.8,10.8,6.7c3.1,3,5.6,6.6,7.2,10.5c1.8,4.1,2.7,8.7,2.7,13.7\n\tc0,5-0.9,9.6-2.7,13.7c-1.7,4-4.2,7.5-7.2,10.5c-3.1,3-6.8,5.2-10.8,6.7c-4.3,1.6-8.8,2.4-13.3,2.4c-4.6,0-9.1-0.8-13.3-2.4\n\tc-4-1.5-7.7-3.8-10.8-6.7c-3.1-3-5.6-6.5-7.2-10.5C271.2,351.9,270.3,347.3,270.3,342.3 M361.3,341.5c0,2.4,0.4,4.8,1.2,7.1\n\tc1.6,4.5,5,8.2,9.3,10.2c2.2,1,4.8,1.6,7.6,1.6c2.8,0,5.4-0.5,7.6-1.6c2.2-1,4.1-2.4,5.7-4.2c1.6-1.7,2.8-3.8,3.6-6.1\n\tc0.8-2.3,1.2-4.6,1.2-7.1c0-2.4-0.4-4.8-1.2-7.1c-0.8-2.2-2-4.3-3.6-6c-1.6-1.8-3.6-3.2-5.7-4.2c-2.4-1.1-5-1.6-7.6-1.6\n\tc-2.8,0-5.4,0.5-7.6,1.6c-4.4,2-7.7,5.7-9.3,10.2C361.7,336.7,361.3,339.1,361.3,341.5z M399.3,363.1H399c-2.3,3.8-5.3,6.6-9.2,8.3\n\tc-3.9,1.7-8.2,2.6-12.5,2.6c-4.9,0-9.3-0.8-13.1-2.5c-3.7-1.6-7.1-4-9.8-7c-2.8-3-4.9-6.5-6.2-10.4c-1.4-4.1-2.1-8.5-2.1-12.9\n\tc0-4.6,0.7-8.9,2.2-12.9c1.4-3.8,3.5-7.4,6.2-10.4c2.7-3,6-5.3,9.7-7c3.9-1.7,8.1-2.6,12.4-2.5c3,0,5.6,0.3,7.9,0.9\n\tc2.3,0.6,4.3,1.4,6.1,2.4c1.8,1,3.2,2,4.5,3.1c1.2,1.1,2.2,2.1,3,3.2h0.4v-34.4c0-1.6,1.2-3.4,3.4-3.4h8.9c2.1,0,3.4,1.7,3.4,3.4\n\tv85.5c0,2.2-1.9,3.4-3.4,3.4h-8.1c-1.9,0-3.4-1.5-3.5-3.4V363.1z M440.1,341.5c0,2.4,0.4,4.8,1.2,7.1c1.6,4.5,5,8.2,9.4,10.2\n\tc2.2,1,4.8,1.6,7.6,1.6s5.4-0.5,7.6-1.6c2.2-1,4.1-2.4,5.7-4.2c1.6-1.7,2.8-3.8,3.6-6.1c0.8-2.3,1.2-4.6,1.2-7.1\n\tc0-2.4-0.4-4.8-1.2-7.1c-0.8-2.2-2-4.3-3.6-6c-1.6-1.8-3.6-3.2-5.7-4.2c-2.4-1.1-5-1.6-7.6-1.6c-2.8,0-5.4,0.5-7.6,1.6\n\tc-4.4,2-7.7,5.7-9.4,10.2C440.5,336.7,440.1,339.1,440.1,341.5 M424.9,342.3c0-5,0.9-9.6,2.7-13.7c1.7-4,4.1-7.5,7.2-10.5\n\tc3.1-3,6.8-5.2,10.8-6.7c4.3-1.6,8.8-2.4,13.3-2.4c4.7,0,9.1,0.8,13.3,2.4c4,1.5,7.7,3.8,10.8,6.7c3.1,3,5.6,6.6,7.2,10.5\n\tc1.8,4.1,2.7,8.7,2.7,13.7c0,5-0.9,9.6-2.7,13.7c-1.7,4-4.2,7.5-7.2,10.5c-3.1,3-6.8,5.2-10.8,6.7c-4.3,1.6-8.8,2.4-13.3,2.4\n\tc-4.6,0-9.1-0.8-13.3-2.4c-4-1.5-7.7-3.8-10.8-6.7c-3.1-3-5.6-6.5-7.2-10.5C425.8,351.9,424.9,347.3,424.9,342.3 M500.7,287.8\n\tc0-2.4,0.9-4.6,2.7-6.4c1.8-1.8,4.2-2.7,7-2.7c2.8,0,5.2,0.9,7.1,2.6c1.9,1.7,2.9,3.9,2.9,6.5c0,2.6-1,4.8-2.9,6.5\n\tc-1.9,1.7-4.3,2.6-7.1,2.6c-2.8,0-5.1-0.9-7-2.7C501.6,292.3,500.7,290.2,500.7,287.8 M565.7,328.1c-1.6,0-2.7-1.2-2.9-1.7\n\tc-1.3-3.5-5.4-4.8-8.8-4.8c-5.3,0-9.4,2.5-9.4,6.7c0,4.1,4,5,6.5,5.7c2.7,0.8,7.9,2,10.7,2.7c2.8,0.7,5.6,1.7,8.1,3\n\tc8.3,4.4,9.5,11.2,9.5,15.4c0,15.3-14.9,20.3-25.2,20.3c-8,0-23-1.2-26.2-16.7c-0.3-1.5,1-3.8,3.4-3.8h8.6c1.7,0,2.8,1.3,3.2,2.2\n\tc1.1,3.1,4.6,5.4,10.6,5.4c6.4,0,10.1-2.6,10.1-6c0-2.2-1.2-4.2-2.8-5.3c-4.8-3.3-16.8-3.7-23.2-7.2c-2.5-1.3-8.7-4.4-8.7-14.9\n\tc0-14.4,12.9-20.5,24.2-20.5c16.7,0,22.8,10.7,23.5,14.7c0.4,2.2-0.8,4.5-3.3,4.5H565.7z M581,319.5V313c0-1.6,1.2-3.4,3.4-3.4h8.5\n\tv-16c0-1.7,1.2-2.7,2.1-3.1l9.1-3.9c2.7-1.1,4.8,1.1,4.8,3.2v19.9H623c2.2,0,3.5,1.9,3.5,3.4v6.5c0,1.9-1.7,3.4-3.5,3.4h-14.1v27.5\n\tc0,3.1-0.1,5.6,1.1,7.4c1.1,1.7,2.8,2.3,6,2.3c0.9,0,1.8-0.2,2.5-0.4c2.1-0.7,3.6,0.5,4.2,1.5c1,2,2.2,4.2,3.1,5.7\n\tc0.9,1.7,0.2,3.8-1.5,4.7c0,0,0,0,0,0c-2.7,1.3-6.4,2.3-11.6,2.3c-4.3,0-6.7-0.5-9.3-1.4c-2.6-1-5-2.6-6.8-4.7\n\tc-1.6-1.9-2.3-4.4-2.9-7.2c-0.6-2.8-0.7-6.2-0.7-9.9v-27.9h-8.5C582.2,322.9,581,321,581,319.5 M221.8,319.5V313\n\tc0-1.6,1.2-3.4,3.4-3.4h9.5v-16c0-1.7,1.1-2.7,2-3.1l8.8-3.9c2.6-1.1,4.7,1.1,4.7,3.2v19.9h13.7c2.1,0,3.4,1.9,3.4,3.4v6.5\n\tc0,1.9-1.5,3.4-3.4,3.4h-13.7v27.5c0,3.1-0.1,5.6,1.1,7.4c1.1,1.7,2.7,2.3,5.9,2.3c0.9,0,1.7-0.2,2.4-0.4c2-0.7,3.5,0.5,4.1,1.5\n\tc1,2,2.2,4.2,3,5.7c0.9,1.7,0.2,3.9-1.5,4.7c-2.6,1.3-6.3,2.3-11.3,2.3c-4.1,0-6.5-0.5-9.1-1.4c-2.6-1-4.9-2.6-6.6-4.7\n\tc-1.5-1.9-2.3-4.4-2.8-7.2c-0.6-2.8-0.7-6.2-0.7-9.9v-27.9h-9.4C223.1,322.9,221.8,321,221.8,319.5 M507,372.5h8.6\n\tc1.8,0,3.3-1.5,3.3-3.4v-55.3c0-1.8-1.5-3.3-3.3-3.4H507c-1.8,0-3.3,1.5-3.3,3.4v55.3C503.7,371,505.2,372.5,507,372.5"},"children":[]},{"type":"path","props":{"className":"st0","d":"M45.4,250.3c-10.4,0-18.9,8.5-18.9,18.9v113.5c0,10.4,8.5,18.9,18.9,18.9H159c10.4,0,18.9-8.5,18.9-18.9V269.3\n\tc0-10.4-8.5-18.9-18.9-18.9H45.4z"},"children":[]},{"type":"path","props":{"className":"st1","d":"M58.6,322l60.8-35.4c1.3-0.8,1.4-3.1-0.1-3.9c-1.5-0.8-4.2-2.4-5.3-3c-1.5-0.8-3.2-0.8-4.7,0.1\n\tc-0.7,0.4-49.3,28.7-51,29.6c-1.9,1.1-4.4,1.1-6.3,0l-25.7-15.1v12.8c6.2,3.7,21.8,12.8,25.6,15C54.2,323.3,56.4,323.3,58.6,322\n\t M58.6,346.2l60.8-35.4c1.3-0.8,1.4-3.1-0.1-3.9c-1.5-0.8-4.2-2.4-5.3-3c-1.5-0.8-3.2-0.8-4.7,0.1c-0.7,0.4-49.3,28.7-51,29.6\n\tc-1.9,1.1-4.4,1.1-6.3,0l-25.7-15.1v12.8c6.2,3.7,21.8,12.8,25.6,15C54.2,347.5,56.4,347.5,58.6,346.2 M58.6,372l60.8-35.4\n\tc1.3-0.8,1.4-3.1-0.1-3.9c-1.5-0.8-4.2-2.4-5.3-3c-1.5-0.8-3.2-0.8-4.7,0.1c-0.7,0.4-49.3,28.7-51,29.6c-1.9,1.1-4.4,1.1-6.3,0\n\tl-25.7-15.1V357c6.2,3.7,21.8,12.8,25.6,15C54.2,373.2,56.4,373.2,58.6,372"},"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 Todoist = react_1.forwardRef(function Todoist({ 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 Todoist = react_1.forwardRef(function Todoist({ 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/todoist.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 152 152","fill":"currentColor","childNodes":[{"type":"desc","props":{},"children":["Created with Fabric.js 3.6.6"]},{"type":"defs","props":{},"children":[]},{"type":"g","props":{"transform":"matrix(1 0 0 1 76.4 76.15)","id":"layer"},"children":[{"type":"path","props":{"style":{"stroke":"none","strokeWidth":"1","strokeDasharray":"none","strokeLinecap":"butt","strokeDashoffset":"0","strokeLinejoin":"miter","strokeMiterlimit":"4","fill":"rgb(228,67,50)","fillRule":"nonzero","opacity":"1"},"transform":" translate(-102.2, -325.95)","d":"M 45.4 250.3 c -10.4 0 -18.9 8.5 -18.9 18.9 v 113.5 c 0 10.4 8.5 18.9 18.9 18.9 H 159 c 10.4 0 18.9 -8.5 18.9 -18.9 V 269.3 c 0 -10.4 -8.5 -18.9 -18.9 -18.9 H 45.4 z","strokeLinecap":"round"},"children":[]}]},{"type":"g","props":{"transform":"matrix(1 0 0 1 47.55 76.21)","id":"layer"},"children":[{"type":"path","props":{"style":{"stroke":"none","strokeWidth":"1","strokeDasharray":"none","strokeLinecap":"butt","strokeDashoffset":"0","strokeLinejoin":"miter","strokeMiterlimit":"4","fill":"rgb(255,255,255)","fillRule":"nonzero","opacity":"1"},"transform":" translate(-73.35, -326.01)","d":"M 58.6 322 l 60.8 -35.4 c 1.3 -0.8 1.4 -3.1 -0.1 -3.9 c -1.5 -0.8 -4.2 -2.4 -5.3 -3 c -1.5 -0.8 -3.2 -0.8 -4.7 0.1 c -0.7 0.4 -49.3 28.7 -51 29.6 c -1.9 1.1 -4.4 1.1 -6.3 0 l -25.7 -15.1 v 12.8 c 6.2 3.7 21.8 12.8 25.6 15 C 54.2 323.3 56.4 323.3 58.6 322 M 58.6 346.2 l 60.8 -35.4 c 1.3 -0.8 1.4 -3.1 -0.1 -3.9 c -1.5 -0.8 -4.2 -2.4 -5.3 -3 c -1.5 -0.8 -3.2 -0.8 -4.7 0.1 c -0.7 0.4 -49.3 28.7 -51 29.6 c -1.9 1.1 -4.4 1.1 -6.3 0 l -25.7 -15.1 v 12.8 c 6.2 3.7 21.8 12.8 25.6 15 C 54.2 347.5 56.4 347.5 58.6 346.2 M 58.6 372 l 60.8 -35.4 c 1.3 -0.8 1.4 -3.1 -0.1 -3.9 c -1.5 -0.8 -4.2 -2.4 -5.3 -3 c -1.5 -0.8 -3.2 -0.8 -4.7 0.1 c -0.7 0.4 -49.3 28.7 -51 29.6 c -1.9 1.1 -4.4 1.1 -6.3 0 l -25.7 -15.1 V 357 c 6.2 3.7 21.8 12.8 25.6 15 C 54.2 373.2 56.4 373.2 58.6 372","strokeLinecap":"round"},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Todoist"]},{"type":"path","props":{"d":"M21 0H3C1.35 0 0 1.35 0 3v3.858s3.854 2.24 4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.608 8.136-4.675.279-.161.58-.107.748-.01.164.097.606.348.84.48.232.134.221.502.013.622l-9.712 5.59c-.346.2-.69.204-1.048.002C3.478 10.907.998 9.463 0 8.882v2.02l4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.609 8.136-4.676.279-.16.58-.106.748-.008.164.096.606.347.84.48.232.133.221.5.013.62-.208.121-9.288 5.346-9.712 5.59-.346.2-.69.205-1.048.002C3.478 14.951.998 13.506 0 12.926v2.02l4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.609 8.136-4.676.279-.16.58-.106.748-.009.164.097.606.348.84.48.232.133.221.502.013.622l-9.712 5.59c-.346.199-.69.204-1.048.001C3.478 18.994.998 17.55 0 16.97V21c0 1.65 1.35 3 3 3h18c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3z"},"children":[]}]},"wordmark":{"viewBox":"0 0 652 652","fill":"currentColor","childNodes":[{"type":"path","props":{"className":"st0","d":"M285.5,341.5c0,2.4,0.4,4.8,1.2,7.1c1.6,4.5,5,8.2,9.3,10.2c2.2,1,4.8,1.6,7.6,1.6c2.8,0,5.4-0.5,7.6-1.6\n\tc2.2-1,4.1-2.4,5.7-4.2c1.6-1.7,2.8-3.8,3.6-6.1c0.8-2.3,1.2-4.6,1.2-7.1c0-2.4-0.4-4.8-1.2-7.1c-0.8-2.2-2-4.3-3.6-6\n\tc-1.6-1.8-3.6-3.2-5.7-4.2c-2.4-1.1-5-1.6-7.6-1.6c-2.8,0-5.4,0.5-7.6,1.6c-4.4,2-7.7,5.7-9.4,10.2\n\tC285.9,336.7,285.5,339.1,285.5,341.5 M270.3,342.3c0-5,0.9-9.6,2.7-13.7c1.7-4,4.1-7.5,7.2-10.5c3.1-3,6.8-5.2,10.8-6.7\n\tc4.3-1.6,8.8-2.4,13.3-2.4c4.7,0,9.1,0.8,13.3,2.4c4,1.5,7.7,3.8,10.8,6.7c3.1,3,5.6,6.6,7.2,10.5c1.8,4.1,2.7,8.7,2.7,13.7\n\tc0,5-0.9,9.6-2.7,13.7c-1.7,4-4.2,7.5-7.2,10.5c-3.1,3-6.8,5.2-10.8,6.7c-4.3,1.6-8.8,2.4-13.3,2.4c-4.6,0-9.1-0.8-13.3-2.4\n\tc-4-1.5-7.7-3.8-10.8-6.7c-3.1-3-5.6-6.5-7.2-10.5C271.2,351.9,270.3,347.3,270.3,342.3 M361.3,341.5c0,2.4,0.4,4.8,1.2,7.1\n\tc1.6,4.5,5,8.2,9.3,10.2c2.2,1,4.8,1.6,7.6,1.6c2.8,0,5.4-0.5,7.6-1.6c2.2-1,4.1-2.4,5.7-4.2c1.6-1.7,2.8-3.8,3.6-6.1\n\tc0.8-2.3,1.2-4.6,1.2-7.1c0-2.4-0.4-4.8-1.2-7.1c-0.8-2.2-2-4.3-3.6-6c-1.6-1.8-3.6-3.2-5.7-4.2c-2.4-1.1-5-1.6-7.6-1.6\n\tc-2.8,0-5.4,0.5-7.6,1.6c-4.4,2-7.7,5.7-9.3,10.2C361.7,336.7,361.3,339.1,361.3,341.5z M399.3,363.1H399c-2.3,3.8-5.3,6.6-9.2,8.3\n\tc-3.9,1.7-8.2,2.6-12.5,2.6c-4.9,0-9.3-0.8-13.1-2.5c-3.7-1.6-7.1-4-9.8-7c-2.8-3-4.9-6.5-6.2-10.4c-1.4-4.1-2.1-8.5-2.1-12.9\n\tc0-4.6,0.7-8.9,2.2-12.9c1.4-3.8,3.5-7.4,6.2-10.4c2.7-3,6-5.3,9.7-7c3.9-1.7,8.1-2.6,12.4-2.5c3,0,5.6,0.3,7.9,0.9\n\tc2.3,0.6,4.3,1.4,6.1,2.4c1.8,1,3.2,2,4.5,3.1c1.2,1.1,2.2,2.1,3,3.2h0.4v-34.4c0-1.6,1.2-3.4,3.4-3.4h8.9c2.1,0,3.4,1.7,3.4,3.4\n\tv85.5c0,2.2-1.9,3.4-3.4,3.4h-8.1c-1.9,0-3.4-1.5-3.5-3.4V363.1z M440.1,341.5c0,2.4,0.4,4.8,1.2,7.1c1.6,4.5,5,8.2,9.4,10.2\n\tc2.2,1,4.8,1.6,7.6,1.6s5.4-0.5,7.6-1.6c2.2-1,4.1-2.4,5.7-4.2c1.6-1.7,2.8-3.8,3.6-6.1c0.8-2.3,1.2-4.6,1.2-7.1\n\tc0-2.4-0.4-4.8-1.2-7.1c-0.8-2.2-2-4.3-3.6-6c-1.6-1.8-3.6-3.2-5.7-4.2c-2.4-1.1-5-1.6-7.6-1.6c-2.8,0-5.4,0.5-7.6,1.6\n\tc-4.4,2-7.7,5.7-9.4,10.2C440.5,336.7,440.1,339.1,440.1,341.5 M424.9,342.3c0-5,0.9-9.6,2.7-13.7c1.7-4,4.1-7.5,7.2-10.5\n\tc3.1-3,6.8-5.2,10.8-6.7c4.3-1.6,8.8-2.4,13.3-2.4c4.7,0,9.1,0.8,13.3,2.4c4,1.5,7.7,3.8,10.8,6.7c3.1,3,5.6,6.6,7.2,10.5\n\tc1.8,4.1,2.7,8.7,2.7,13.7c0,5-0.9,9.6-2.7,13.7c-1.7,4-4.2,7.5-7.2,10.5c-3.1,3-6.8,5.2-10.8,6.7c-4.3,1.6-8.8,2.4-13.3,2.4\n\tc-4.6,0-9.1-0.8-13.3-2.4c-4-1.5-7.7-3.8-10.8-6.7c-3.1-3-5.6-6.5-7.2-10.5C425.8,351.9,424.9,347.3,424.9,342.3 M500.7,287.8\n\tc0-2.4,0.9-4.6,2.7-6.4c1.8-1.8,4.2-2.7,7-2.7c2.8,0,5.2,0.9,7.1,2.6c1.9,1.7,2.9,3.9,2.9,6.5c0,2.6-1,4.8-2.9,6.5\n\tc-1.9,1.7-4.3,2.6-7.1,2.6c-2.8,0-5.1-0.9-7-2.7C501.6,292.3,500.7,290.2,500.7,287.8 M565.7,328.1c-1.6,0-2.7-1.2-2.9-1.7\n\tc-1.3-3.5-5.4-4.8-8.8-4.8c-5.3,0-9.4,2.5-9.4,6.7c0,4.1,4,5,6.5,5.7c2.7,0.8,7.9,2,10.7,2.7c2.8,0.7,5.6,1.7,8.1,3\n\tc8.3,4.4,9.5,11.2,9.5,15.4c0,15.3-14.9,20.3-25.2,20.3c-8,0-23-1.2-26.2-16.7c-0.3-1.5,1-3.8,3.4-3.8h8.6c1.7,0,2.8,1.3,3.2,2.2\n\tc1.1,3.1,4.6,5.4,10.6,5.4c6.4,0,10.1-2.6,10.1-6c0-2.2-1.2-4.2-2.8-5.3c-4.8-3.3-16.8-3.7-23.2-7.2c-2.5-1.3-8.7-4.4-8.7-14.9\n\tc0-14.4,12.9-20.5,24.2-20.5c16.7,0,22.8,10.7,23.5,14.7c0.4,2.2-0.8,4.5-3.3,4.5H565.7z M581,319.5V313c0-1.6,1.2-3.4,3.4-3.4h8.5\n\tv-16c0-1.7,1.2-2.7,2.1-3.1l9.1-3.9c2.7-1.1,4.8,1.1,4.8,3.2v19.9H623c2.2,0,3.5,1.9,3.5,3.4v6.5c0,1.9-1.7,3.4-3.5,3.4h-14.1v27.5\n\tc0,3.1-0.1,5.6,1.1,7.4c1.1,1.7,2.8,2.3,6,2.3c0.9,0,1.8-0.2,2.5-0.4c2.1-0.7,3.6,0.5,4.2,1.5c1,2,2.2,4.2,3.1,5.7\n\tc0.9,1.7,0.2,3.8-1.5,4.7c0,0,0,0,0,0c-2.7,1.3-6.4,2.3-11.6,2.3c-4.3,0-6.7-0.5-9.3-1.4c-2.6-1-5-2.6-6.8-4.7\n\tc-1.6-1.9-2.3-4.4-2.9-7.2c-0.6-2.8-0.7-6.2-0.7-9.9v-27.9h-8.5C582.2,322.9,581,321,581,319.5 M221.8,319.5V313\n\tc0-1.6,1.2-3.4,3.4-3.4h9.5v-16c0-1.7,1.1-2.7,2-3.1l8.8-3.9c2.6-1.1,4.7,1.1,4.7,3.2v19.9h13.7c2.1,0,3.4,1.9,3.4,3.4v6.5\n\tc0,1.9-1.5,3.4-3.4,3.4h-13.7v27.5c0,3.1-0.1,5.6,1.1,7.4c1.1,1.7,2.7,2.3,5.9,2.3c0.9,0,1.7-0.2,2.4-0.4c2-0.7,3.5,0.5,4.1,1.5\n\tc1,2,2.2,4.2,3,5.7c0.9,1.7,0.2,3.9-1.5,4.7c-2.6,1.3-6.3,2.3-11.3,2.3c-4.1,0-6.5-0.5-9.1-1.4c-2.6-1-4.9-2.6-6.6-4.7\n\tc-1.5-1.9-2.3-4.4-2.8-7.2c-0.6-2.8-0.7-6.2-0.7-9.9v-27.9h-9.4C223.1,322.9,221.8,321,221.8,319.5 M507,372.5h8.6\n\tc1.8,0,3.3-1.5,3.3-3.4v-55.3c0-1.8-1.5-3.3-3.3-3.4H507c-1.8,0-3.3,1.5-3.3,3.4v55.3C503.7,371,505.2,372.5,507,372.5"},"children":[]},{"type":"path","props":{"className":"st0","d":"M45.4,250.3c-10.4,0-18.9,8.5-18.9,18.9v113.5c0,10.4,8.5,18.9,18.9,18.9H159c10.4,0,18.9-8.5,18.9-18.9V269.3\n\tc0-10.4-8.5-18.9-18.9-18.9H45.4z"},"children":[]},{"type":"path","props":{"className":"st1","d":"M58.6,322l60.8-35.4c1.3-0.8,1.4-3.1-0.1-3.9c-1.5-0.8-4.2-2.4-5.3-3c-1.5-0.8-3.2-0.8-4.7,0.1\n\tc-0.7,0.4-49.3,28.7-51,29.6c-1.9,1.1-4.4,1.1-6.3,0l-25.7-15.1v12.8c6.2,3.7,21.8,12.8,25.6,15C54.2,323.3,56.4,323.3,58.6,322\n\t M58.6,346.2l60.8-35.4c1.3-0.8,1.4-3.1-0.1-3.9c-1.5-0.8-4.2-2.4-5.3-3c-1.5-0.8-3.2-0.8-4.7,0.1c-0.7,0.4-49.3,28.7-51,29.6\n\tc-1.9,1.1-4.4,1.1-6.3,0l-25.7-15.1v12.8c6.2,3.7,21.8,12.8,25.6,15C54.2,347.5,56.4,347.5,58.6,346.2 M58.6,372l60.8-35.4\n\tc1.3-0.8,1.4-3.1-0.1-3.9c-1.5-0.8-4.2-2.4-5.3-3c-1.5-0.8-3.2-0.8-4.7,0.1c-0.7,0.4-49.3,28.7-51,29.6c-1.9,1.1-4.4,1.1-6.3,0\n\tl-25.7-15.1V357c6.2,3.7,21.8,12.8,25.6,15C54.2,373.2,56.4,373.2,58.6,372"},"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 Todoist = forwardRef(
   function Todoist({ 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 Todoist = 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/tooljet.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 131 22","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_3345_300)"},"children":[{"type":"path","props":{"d":"M34.537 11L31.1839 15.796L30.6891 16.5L27.8307 20.5865V20.592L26.8413 22H13.4179L14.4073 20.5865L17.2712 16.5H23.9774L24.4722 15.796L27.8307 11L24.4722 6.204L23.9774 5.5H18.2552L21.119 1.4135V1.408L22.1085 0H26.8413L27.8307 1.408V1.4135L30.6891 5.5L31.1839 6.204L34.537 11Z","fill":"#4368E3"},"children":[]},{"type":"path","props":{"d":"M14.4073 11L11.0542 15.796L10.5595 16.5L6.7117 22H0L3.84782 16.5L7.69565 11L3.84782 5.5L0 0H6.7117L10.5595 5.5L11.0542 6.204L14.4073 11Z","fill":"#4368E3"},"children":[]},{"type":"path","props":{"d":"M45.4978 20.6305V4.07H40.1658V1.375H53.7981V4.0755H48.4661V20.6305H45.4978Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M60.2294 20.9604C58.8717 20.9604 57.6679 20.6799 56.6125 20.1189C55.5571 19.5634 54.727 18.7549 54.1224 17.7099C53.5177 16.6649 53.2154 15.4274 53.2154 13.9974V13.5849C53.2154 12.1549 53.5177 10.9229 54.1224 9.88894C54.7325 8.85494 55.5571 8.04644 56.6125 7.47994C57.6679 6.91344 58.8717 6.62744 60.2294 6.62744C61.5872 6.62744 62.7965 6.91344 63.8574 7.47994C64.9183 8.04644 65.7538 8.84944 66.364 9.88894C66.9741 10.9284 67.2709 12.1549 67.2709 13.5849V13.9974C67.2709 15.4274 66.9686 16.6649 66.364 17.7099C65.7538 18.7549 64.9293 19.5579 63.8574 20.1189C62.7965 20.6744 61.5872 20.9604 60.2294 20.9604ZM60.2294 18.4249C61.4717 18.4249 62.4886 18.0289 63.2692 17.2259C64.0498 16.4284 64.44 15.3229 64.44 13.9149V13.6674C64.44 12.2594 64.0553 11.1539 63.2857 10.3564C62.5106 9.55344 61.4992 9.15744 60.2349 9.15744C58.9706 9.15744 58.0032 9.55344 57.2226 10.3564C56.4421 11.1539 56.0518 12.2594 56.0518 13.6674V13.9149C56.0518 15.3284 56.4421 16.4284 57.2226 17.2259C58.0032 18.0234 59.0036 18.4249 60.2349 18.4249H60.2294Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M76.6321 20.9604C75.2744 20.9604 74.0706 20.6799 73.0152 20.1189C71.9598 19.5634 71.1297 18.7549 70.5251 17.7099C69.9204 16.6649 69.6181 15.4274 69.6181 13.9974V13.5849C69.6181 12.1549 69.9204 10.9229 70.5251 9.88894C71.1352 8.85494 71.9598 8.04644 73.0152 7.47994C74.0706 6.91344 75.2744 6.62744 76.6321 6.62744C77.9899 6.62744 79.1992 6.91344 80.2601 7.47994C81.321 8.04644 82.1565 8.84944 82.7667 9.88894C83.3768 10.9284 83.6736 12.1549 83.6736 13.5849V13.9974C83.6736 15.4274 83.3713 16.6649 82.7667 17.7099C82.1565 18.7549 81.332 19.5579 80.2601 20.1189C79.1992 20.6744 77.9899 20.9604 76.6321 20.9604ZM76.6321 18.4249C77.8744 18.4249 78.8914 18.0289 79.6719 17.2259C80.4525 16.4284 80.8427 15.3229 80.8427 13.9149V13.6674C80.8427 12.2594 80.458 11.1539 79.6884 10.3564C78.9133 9.55344 77.9019 9.15744 76.6376 9.15744C75.3733 9.15744 74.4059 9.55344 73.6253 10.3564C72.8448 11.1539 72.4545 12.2594 72.4545 13.6674V13.9149C72.4545 15.3284 72.8448 16.4284 73.6253 17.2259C74.4059 18.0234 75.4063 18.4249 76.6376 18.4249H76.6321Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M86.3121 20.6911V1.38062H89.1485V20.6911H86.3121Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M98.3448 21.0155C96.4209 21.0155 94.8928 20.482 93.7494 19.4095C92.6116 18.337 92.0454 16.819 92.0454 14.861V13.2055H95.0137V14.861C95.0137 15.8895 95.2941 16.709 95.8548 17.3195C96.4099 17.9355 97.2235 18.238 98.2844 18.238C99.3453 18.238 100.071 17.9355 100.566 17.3305C101.06 16.731 101.308 15.9005 101.308 14.8555V4.07H97.24V1.375H106.425V4.0755H104.276V14.8555C104.276 16.8575 103.759 18.3755 102.72 19.4315C101.687 20.4875 100.219 21.01 98.3339 21.01L98.3448 21.0155Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M113.907 21.0155C112.532 21.0155 111.328 20.724 110.306 20.1465C109.278 19.569 108.476 18.755 107.898 17.699C107.321 16.643 107.03 15.422 107.03 14.0305V13.7005C107.03 12.287 107.316 11.055 107.882 10.0045C108.448 8.94849 109.245 8.13449 110.262 7.55699C111.279 6.97949 112.461 6.68799 113.797 6.68799C115.132 6.68799 116.237 6.97949 117.221 7.55699C118.205 8.13449 118.964 8.93749 119.513 9.96599C120.063 10.9945 120.338 12.1935 120.338 13.5685V14.641H109.916C109.949 15.8345 110.356 16.7805 111.114 17.4845C111.873 18.1885 112.824 18.5405 113.961 18.5405C115.099 18.5405 115.825 18.304 116.369 17.8255C116.908 17.347 117.331 16.797 117.617 16.181L119.959 17.391C119.706 17.9025 119.326 18.447 118.843 19.0135C118.354 19.58 117.716 20.0585 116.93 20.4435C116.138 20.8285 115.132 21.021 113.901 21.021H113.907V21.0155ZM109.949 12.463H117.458C117.386 11.4345 117.012 10.6315 116.358 10.054C115.699 9.47649 114.835 9.18499 113.775 9.18499C112.714 9.18499 111.845 9.47649 111.175 10.054C110.504 10.6315 110.097 11.4345 109.954 12.463H109.949Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M126.764 20.6909C125.939 20.6909 125.28 20.4434 124.801 19.9484C124.312 19.4534 124.076 18.7934 124.076 17.9684V9.08045H121.844V6.68795H124.076V4.07545L126.912 2.59595V6.68795H130.958V9.08045H126.912V17.4734C126.912 18.0234 127.165 18.2984 127.687 18.2984H130.958V20.6909H126.769H126.764Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_3345_300"},"children":[{"type":"rect","props":{"fill":"white","height":"100%","width":"100%"},"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 Tooljet = react_1.forwardRef(function Tooljet({ 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 Tooljet = react_1.forwardRef(function Tooljet({ 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/tooljet.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 131 22","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_3345_300)"},"children":[{"type":"path","props":{"d":"M34.537 11L31.1839 15.796L30.6891 16.5L27.8307 20.5865V20.592L26.8413 22H13.4179L14.4073 20.5865L17.2712 16.5H23.9774L24.4722 15.796L27.8307 11L24.4722 6.204L23.9774 5.5H18.2552L21.119 1.4135V1.408L22.1085 0H26.8413L27.8307 1.408V1.4135L30.6891 5.5L31.1839 6.204L34.537 11Z","fill":"#4368E3"},"children":[]},{"type":"path","props":{"d":"M14.4073 11L11.0542 15.796L10.5595 16.5L6.7117 22H0L3.84782 16.5L7.69565 11L3.84782 5.5L0 0H6.7117L10.5595 5.5L11.0542 6.204L14.4073 11Z","fill":"#4368E3"},"children":[]},{"type":"path","props":{"d":"M45.4978 20.6305V4.07H40.1658V1.375H53.7981V4.0755H48.4661V20.6305H45.4978Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M60.2294 20.9604C58.8717 20.9604 57.6679 20.6799 56.6125 20.1189C55.5571 19.5634 54.727 18.7549 54.1224 17.7099C53.5177 16.6649 53.2154 15.4274 53.2154 13.9974V13.5849C53.2154 12.1549 53.5177 10.9229 54.1224 9.88894C54.7325 8.85494 55.5571 8.04644 56.6125 7.47994C57.6679 6.91344 58.8717 6.62744 60.2294 6.62744C61.5872 6.62744 62.7965 6.91344 63.8574 7.47994C64.9183 8.04644 65.7538 8.84944 66.364 9.88894C66.9741 10.9284 67.2709 12.1549 67.2709 13.5849V13.9974C67.2709 15.4274 66.9686 16.6649 66.364 17.7099C65.7538 18.7549 64.9293 19.5579 63.8574 20.1189C62.7965 20.6744 61.5872 20.9604 60.2294 20.9604ZM60.2294 18.4249C61.4717 18.4249 62.4886 18.0289 63.2692 17.2259C64.0498 16.4284 64.44 15.3229 64.44 13.9149V13.6674C64.44 12.2594 64.0553 11.1539 63.2857 10.3564C62.5106 9.55344 61.4992 9.15744 60.2349 9.15744C58.9706 9.15744 58.0032 9.55344 57.2226 10.3564C56.4421 11.1539 56.0518 12.2594 56.0518 13.6674V13.9149C56.0518 15.3284 56.4421 16.4284 57.2226 17.2259C58.0032 18.0234 59.0036 18.4249 60.2349 18.4249H60.2294Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M76.6321 20.9604C75.2744 20.9604 74.0706 20.6799 73.0152 20.1189C71.9598 19.5634 71.1297 18.7549 70.5251 17.7099C69.9204 16.6649 69.6181 15.4274 69.6181 13.9974V13.5849C69.6181 12.1549 69.9204 10.9229 70.5251 9.88894C71.1352 8.85494 71.9598 8.04644 73.0152 7.47994C74.0706 6.91344 75.2744 6.62744 76.6321 6.62744C77.9899 6.62744 79.1992 6.91344 80.2601 7.47994C81.321 8.04644 82.1565 8.84944 82.7667 9.88894C83.3768 10.9284 83.6736 12.1549 83.6736 13.5849V13.9974C83.6736 15.4274 83.3713 16.6649 82.7667 17.7099C82.1565 18.7549 81.332 19.5579 80.2601 20.1189C79.1992 20.6744 77.9899 20.9604 76.6321 20.9604ZM76.6321 18.4249C77.8744 18.4249 78.8914 18.0289 79.6719 17.2259C80.4525 16.4284 80.8427 15.3229 80.8427 13.9149V13.6674C80.8427 12.2594 80.458 11.1539 79.6884 10.3564C78.9133 9.55344 77.9019 9.15744 76.6376 9.15744C75.3733 9.15744 74.4059 9.55344 73.6253 10.3564C72.8448 11.1539 72.4545 12.2594 72.4545 13.6674V13.9149C72.4545 15.3284 72.8448 16.4284 73.6253 17.2259C74.4059 18.0234 75.4063 18.4249 76.6376 18.4249H76.6321Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M86.3121 20.6911V1.38062H89.1485V20.6911H86.3121Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M98.3448 21.0155C96.4209 21.0155 94.8928 20.482 93.7494 19.4095C92.6116 18.337 92.0454 16.819 92.0454 14.861V13.2055H95.0137V14.861C95.0137 15.8895 95.2941 16.709 95.8548 17.3195C96.4099 17.9355 97.2235 18.238 98.2844 18.238C99.3453 18.238 100.071 17.9355 100.566 17.3305C101.06 16.731 101.308 15.9005 101.308 14.8555V4.07H97.24V1.375H106.425V4.0755H104.276V14.8555C104.276 16.8575 103.759 18.3755 102.72 19.4315C101.687 20.4875 100.219 21.01 98.3339 21.01L98.3448 21.0155Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M113.907 21.0155C112.532 21.0155 111.328 20.724 110.306 20.1465C109.278 19.569 108.476 18.755 107.898 17.699C107.321 16.643 107.03 15.422 107.03 14.0305V13.7005C107.03 12.287 107.316 11.055 107.882 10.0045C108.448 8.94849 109.245 8.13449 110.262 7.55699C111.279 6.97949 112.461 6.68799 113.797 6.68799C115.132 6.68799 116.237 6.97949 117.221 7.55699C118.205 8.13449 118.964 8.93749 119.513 9.96599C120.063 10.9945 120.338 12.1935 120.338 13.5685V14.641H109.916C109.949 15.8345 110.356 16.7805 111.114 17.4845C111.873 18.1885 112.824 18.5405 113.961 18.5405C115.099 18.5405 115.825 18.304 116.369 17.8255C116.908 17.347 117.331 16.797 117.617 16.181L119.959 17.391C119.706 17.9025 119.326 18.447 118.843 19.0135C118.354 19.58 117.716 20.0585 116.93 20.4435C116.138 20.8285 115.132 21.021 113.901 21.021H113.907V21.0155ZM109.949 12.463H117.458C117.386 11.4345 117.012 10.6315 116.358 10.054C115.699 9.47649 114.835 9.18499 113.775 9.18499C112.714 9.18499 111.845 9.47649 111.175 10.054C110.504 10.6315 110.097 11.4345 109.954 12.463H109.949Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M126.764 20.6909C125.939 20.6909 125.28 20.4434 124.801 19.9484C124.312 19.4534 124.076 18.7934 124.076 17.9684V9.08045H121.844V6.68795H124.076V4.07545L126.912 2.59595V6.68795H130.958V9.08045H126.912V17.4734C126.912 18.0234 127.165 18.2984 127.687 18.2984H130.958V20.6909H126.769H126.764Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_3345_300"},"children":[{"type":"rect","props":{"fill":"white","height":"100%","width":"100%"},"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 Tooljet = forwardRef(
   function Tooljet({ 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 Tooljet = 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/tor.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"50%","x2":"50%","y1":"100%","y2":"0%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#420C5D"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#951AD1"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"50%","x2":"50%","y1":"100%","y2":"0%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#420C5D"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#951AD1"},"children":[]}]}]},{"type":"circle","props":{"cx":"128","cy":"128","r":"123","fill":"#F2E4FF"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M128.263 232.72v-15.517c49.15-.142 88.947-40.02 88.947-89.207 0-49.182-39.797-89.06-88.947-89.203V23.277c57.72.145 104.46 46.968 104.46 104.72 0 57.755-46.74 104.58-104.46 104.723Zm0-54.31c27.722-.145 50.161-22.652 50.161-50.414 0-27.758-22.439-50.264-50.161-50.41V62.073c36.295.142 65.678 29.596 65.678 65.923 0 36.331-29.383 65.785-65.678 65.927V178.41Zm0-77.55c14.87.141 26.888 12.23 26.888 27.136 0 14.91-12.018 27-26.888 27.141V100.86ZM0 127.995C0 198.692 57.304 256 128 256c70.692 0 128-57.308 128-128.004C256 57.304 198.692 0 128 0 57.304 0 0 57.304 0 127.996Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M12.5 14.5c63.789 0 115.5 51.487 115.5 115s-51.711 115-115.5 115v-230Z","transform":"matrix(-1 0 0 1 140.5 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 Tor = react_1.forwardRef(function Tor({ 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 Tor = react_1.forwardRef(function Tor({ variant = 'default', viewBox, ...p
     ..._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/tor.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 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"50%","x2":"50%","y1":"100%","y2":"0%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#420C5D"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#951AD1"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"50%","x2":"50%","y1":"100%","y2":"0%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#420C5D"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#951AD1"},"children":[]}]}]},{"type":"circle","props":{"cx":"128","cy":"128","r":"123","fill":"#F2E4FF"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M128.263 232.72v-15.517c49.15-.142 88.947-40.02 88.947-89.207 0-49.182-39.797-89.06-88.947-89.203V23.277c57.72.145 104.46 46.968 104.46 104.72 0 57.755-46.74 104.58-104.46 104.723Zm0-54.31c27.722-.145 50.161-22.652 50.161-50.414 0-27.758-22.439-50.264-50.161-50.41V62.073c36.295.142 65.678 29.596 65.678 65.923 0 36.331-29.383 65.785-65.678 65.927V178.41Zm0-77.55c14.87.141 26.888 12.23 26.888 27.136 0 14.91-12.018 27-26.888 27.141V100.86ZM0 127.995C0 198.692 57.304 256 128 256c70.692 0 128-57.308 128-128.004C256 57.304 198.692 0 128 0 57.304 0 0 57.304 0 127.996Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M12.5 14.5c63.789 0 115.5 51.487 115.5 115s-51.711 115-115.5 115v-230Z","transform":"matrix(-1 0 0 1 140.5 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 Tor = forwardRef(
   function Tor({ 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 Tor = 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));
         })
     );
   }