@thesvg/react 3.2.2 → 3.2.4

package/dist/telstra.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 1455.5809 400.71134","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs54"},"children":[]},{"type":"path","props":{"d":"M 233.95512,176.34638 183.68876,176.34639 153.52894,121.46362 C 123.38988,107.65911 92.622855,98.641764 68.118732,98.641764 44.80673,98.641764 25.879566,104.95698 13.290847,120.09185 4.419685,130.84693 0,144.12651 0,159.91855 0,207.31735 37.213176,273.08638 100.90652,326.73467 157.68619,374.15632 220.14742,400.71134 265.61041,400.71134 288.29255,400.71134 306.58813,393.75211 318.59588,379.865 328.05032,369.11671 331.81824,355.18265 331.81824,339.38887 331.81824,293.33432 294.33775,228.76878 233.95512,176.34638","id":"path22","style":{"fill":"#0099f8"}},"children":[]},{"type":"path","props":{"d":"M 1322.1132,223.9255 C 1303.455,223.9255 1290.066,207.26259 1290.066,184.50486 1290.066,155.65097 1305.4803,132.48584 1330.229,132.48584 1350.5166,132.48584 1363.903,149.14876 1363.903,171.90649 1363.903,202.38594 1346.45,223.9255 1322.1132,223.9255 M 1383.3692,66.650312 1378.9026,89.408042 C 1367.5429,72.340414 1347.2633,62.585766 1320.4906,62.585766 1256.3961,62.585766 1210.5558,119.48143 1210.5558,195.47767 1210.5558,250.34041 1245.8509,292.60582 1295.3392,292.60582 1318.4626,292.60582 1338.7435,281.63329 1352.5432,263.75088 L 1348.4766,288.1355 H 1416.6351 L 1455.5809,66.650312 Z","id":"path24","style":{"fill":"#001e82","fillOpacity":"1"}},"children":[]},{"type":"path","props":{"d":"M 463.26593,154.02543 H 397.14476 C 403.63527,134.11273 415.803,124.35808 433.6546,124.35808 459.20868,124.35808 463.26593,143.46001 463.26593,149.96221 Z M 439.73714,61.367601 C 350.49248,61.367601 313.57732,134.11273 313.57732,192.63262 313.57732,228.80217 337.10611,293.41821 422.29353,293.41821 469.75644,293.41821 498.96646,273.50525 514.78743,246.27719 L 458.39937,212.14059 C 449.06758,224.73761 438.52248,230.42771 425.13479,230.42771 406.47254,230.42771 392.67952,221.08045 391.86888,197.10323 H 534.66298 C 536.6936,188.97547 538.71889,176.78316 538.71889,157.27787 538.71889,104.85012 501.80639,61.367601 439.73714,61.367601","id":"path26","style":{"fill":"#001e82","fillOpacity":"1"}},"children":[]},{"type":"path","props":{"d":"M 1194.8054,63.39787 C 1181.0138,63.39787 1154.645,69.087972 1140.8533,91.845702 L 1144.0986,66.650312 H 1077.1641 L 1038.2183,288.1355 H 1118.9445 L 1138.0134,178.40871 C 1142.8813,156.0557 1162.7568,139.8015 1184.259,139.8015 1191.5615,139.8015 1195.2121,140.20756 1198.8627,141.42573 L 1213.873,65.838208 C 1209.4118,64.211322 1200.892,63.39787 1194.8054,63.39787","id":"path28","style":{"fill":"#001e82","fillOpacity":"1"}},"children":[]},{"type":"path","props":{"d":"M 978.45162,130.45292 H 1027.1306 L 1038.4903,66.650312 H 989.40471 L 998.32982,12.599699 H 919.22228 L 889.61096,186.53648 C 877.84722,254.811 924.09151,289.35486 976.82765,289.35486 988.99938,289.35486 996.29921,288.1355 999.94975,287.32365 L 1011.7162,220.26835 C 1010.4976,220.67306 1006.4404,221.48651 1001.5751,221.48651 981.69687,221.48651 965.06524,210.92109 969.52648,184.91092 Z","id":"path30","style":{"fill":"#001e82","fillOpacity":"1"}},"children":[]},{"type":"path","props":{"d":"M 598.4842,0 547.77602,288.1355 H 628.0982 L 678.80372,0 Z","id":"path32","style":{"fill":"#001e82","fillOpacity":"1"}},"children":[]},{"type":"path","props":{"d":"M 775.88953,118.66798 C 790.49186,118.66798 798.19835,125.98364 803.47557,139.8015 L 873.24866,125.17021 C 867.1648,86.969052 835.11486,61.366271 783.19203,61.366271 719.09481,61.366271 683.80362,99.567421 683.80362,141.8331 683.80362,170.68699 701.65255,190.19363 739.37703,198.72878 L 771.83095,206.04309 C 786.03062,209.29421 788.46525,214.98431 788.46525,221.08045 788.46525,229.61428 781.56674,236.11648 768.58702,236.11648 753.17005,236.11648 741.00098,228.80082 737.35039,212.13926 L 667.98264,227.17662 C 672.44388,274.3187 720.31079,293.41821 763.31114,293.41821 826.19239,293.41821 861.88892,261.31322 861.88892,215.39035 861.88892,184.91092 844.44532,163.77875 807.12615,155.65098 L 775.07887,148.74137 C 759.66056,145.49028 755.20066,142.23916 755.20066,133.70536 755.20066,125.98364 761.68986,118.668 775.88953,118.668","id":"path34","style":{"fill":"#001e82","fillOpacity":"1"}},"children":[]},{"type":"path","props":{"d":"M 105.35802,0 C 93.987477,0 84.539158,7.644238 82.020558,19.644201 L 71.942654,74.589736 H 162.01008 L 123.34615,288.18344 H 194.97067 C 204.52912,288.18344 215.29688,283.75065 218.49014,267.36943 L 251.24407,74.589736 H 316.02792 C 327.44234,74.589736 336.86746,66.998932 339.39541,55.010975 L 349.50583,0 Z","id":"path36","style":{"fill":"#001e82","fillOpacity":"1"}},"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 Telstra = forwardRef(
   function Telstra({ 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 Telstra = 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/tensorflow.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 266.79 243.84","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip-path"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"200.76 83.27 136.29 46.43 136.29 197.41 162.05 182.45 162.05 139.98 181.5 151.23 181.39 122.18 162.05 111.13 162.05 94.26 200.85 116.68 200.76 83.27"},"children":[]}]},{"type":"clipPath","props":{"id":"clip-path-2"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"66.03 83.27 130.5 46.43 130.5 197.41 104.74 182.45 104.74 94.26 65.94 116.68 66.03 83.27"},"children":[]}]}]},{"type":"title","props":{},"children":["WhiteWhite Icon"]},{"type":"polygon","props":{"className":"cls-1","points":"200.76 83.27 136.29 46.43 136.29 197.41 162.05 182.45 162.05 139.98 181.5 151.23 181.39 122.18 162.05 111.13 162.05 94.26 200.85 116.68 200.76 83.27"},"children":[]},{"type":"g","props":{"className":"cls-2"},"children":[{"type":"rect","props":{"className":"cls-1","x":"60.08","y":"45.88","width":"158.31","height":"151.72"},"children":[]}]},{"type":"polygon","props":{"className":"cls-1","points":"66.03 83.27 130.5 46.43 130.5 197.41 104.74 182.45 104.74 94.26 65.94 116.68 66.03 83.27"},"children":[]},{"type":"g","props":{"className":"cls-3"},"children":[{"type":"rect","props":{"className":"cls-1","x":"59","y":"45.88","width":"158.31","height":"151.72"},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["TensorFlow"]},{"type":"path","props":{"d":"M1.292 5.856L11.54 0v24l-4.095-2.378V7.603l-6.168 3.564.015-5.31zm21.43 5.311l-.014-5.31L12.46 0v24l4.095-2.378V14.87l3.092 1.788-.018-4.618-3.074-1.756V7.603l6.168 3.564z"},"children":[]}]},"light":{"viewBox":"0 0 266.79 269.02","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip-path"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"200.76 95.86 136.29 59.02 136.29 210 162.05 195.04 162.05 152.57 181.5 163.82 181.39 134.77 162.05 123.72 162.05 106.85 200.85 129.27 200.76 95.86"},"children":[]}]},{"type":"linearGradient","props":{"id":"linear-gradient","x1":"60.08","y1":"134.33","x2":"218.39","y2":"134.33","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ff6f00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ffa800"},"children":[]}]},{"type":"clipPath","props":{"id":"clip-path-2"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"66.03 95.86 130.5 59.02 130.5 210 104.74 195.04 104.74 106.85 65.94 129.27 66.03 95.86"},"children":[]}]},{"type":"linearGradient","props":{"id":"linear-gradient-2","x1":"59","y1":"134.33","x2":"217.32","y2":"134.33","href":"#linear-gradient"},"children":[]}]},{"type":"title","props":{},"children":["FullColorPrimary Icon"]},{"type":"g","props":{"className":"cls-2"},"children":[{"type":"rect","props":{"className":"cls-3","x":"60.08","y":"58.47","width":"158.31","height":"151.72"},"children":[]}]},{"type":"g","props":{"className":"cls-4"},"children":[{"type":"rect","props":{"className":"cls-5","x":"59","y":"58.47","width":"158.31","height":"151.72"},"children":[]}]}]},"dark":{"viewBox":"0 0 266.79 243.84","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip-path"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"200.76 83.27 136.29 46.43 136.29 197.41 162.05 182.45 162.05 139.98 181.5 151.23 181.39 122.18 162.05 111.13 162.05 94.26 200.85 116.68 200.76 83.27"},"children":[]}]},{"type":"clipPath","props":{"id":"clip-path-2"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"66.03 83.27 130.5 46.43 130.5 197.41 104.74 182.45 104.74 94.26 65.94 116.68 66.03 83.27"},"children":[]}]}]},{"type":"title","props":{},"children":["WhiteWhite Icon"]},{"type":"polygon","props":{"className":"cls-1","points":"200.76 83.27 136.29 46.43 136.29 197.41 162.05 182.45 162.05 139.98 181.5 151.23 181.39 122.18 162.05 111.13 162.05 94.26 200.85 116.68 200.76 83.27"},"children":[]},{"type":"g","props":{"className":"cls-2"},"children":[{"type":"rect","props":{"className":"cls-1","x":"60.08","y":"45.88","width":"158.31","height":"151.72"},"children":[]}]},{"type":"polygon","props":{"className":"cls-1","points":"66.03 83.27 130.5 46.43 130.5 197.41 104.74 182.45 104.74 94.26 65.94 116.68 66.03 83.27"},"children":[]},{"type":"g","props":{"className":"cls-3"},"children":[{"type":"rect","props":{"className":"cls-1","x":"59","y":"45.88","width":"158.31","height":"151.72"},"children":[]}]}]},"wordmark":{"viewBox":"0 0 685.02 229.75","fill":"currentColor","childNodes":[{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"d":"m155.46 88.44-44.08-25.18v103.24l17.61-10.23v-29.05l13.3 7.7-.07-19.86-13.23-7.56v-11.54l26.53 15.33z"},"children":[]}]},{"type":"clipPath","props":{"id":"b"},"children":[{"type":"path","props":{"d":"m63.33 88.44 44.09-25.18v103.24l-17.61-10.23v-60.31l-26.54 15.33z"},"children":[]}]},{"type":"path","props":{"d":"m155.46 88.44-44.08-25.18v103.24l17.61-10.23v-29.05l13.3 7.7-.07-19.86-13.23-7.56v-11.54l26.53 15.33z","fill":"#fff"},"children":[]},{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"d":"m59.26 62.88h108.26v103.75h-108.26z","fill":"#fff"},"children":[]}]},{"type":"path","props":{"d":"m63.33 88.44 44.09-25.18v103.24l-17.61-10.23v-60.31l-26.54 15.33z","fill":"#fff"},"children":[]},{"type":"g","props":{"clipPath":"url(#b)"},"children":[{"type":"path","props":{"d":"m58.53 62.88h108.26v103.75h-108.26z","fill":"#fff"},"children":[]}]},{"type":"g","props":{"fill":"#fff"},"children":[{"type":"path","props":{"d":"m235.46 95.27h-19.73v54.4h-10.9v-54.4h-19.55v-8.86h50.18z"},"children":[]},{"type":"path","props":{"d":"m248.55 150.54q-10 0-16.27-6.33t-6.28-16.83v-1.3a28.19 28.19 0 0 1 2.72-12.58 20.67 20.67 0 0 1 7.62-8.63 20.2 20.2 0 0 1 11-3.08q9.6 0 14.84 6.12t5.23 17.34v4.26h-30.72a14.09 14.09 0 0 0 3.88 9.21 11.69 11.69 0 0 0 8.58 3.39 14.3 14.3 0 0 0 11.85-5.87l5.69 5.43a19 19 0 0 1 -7.53 6.54 23.62 23.62 0 0 1 -10.61 2.33zm-1.26-40.28a8.91 8.91 0 0 0 -7 3 15.76 15.76 0 0 0 -3.41 8.47h20.12v-.73q-.35-5.3-2.82-8a8.82 8.82 0 0 0 -6.89-2.74z"},"children":[]},{"type":"path","props":{"d":"m285.39 102.66.3 5.43a16.91 16.91 0 0 1 13.69-6.3q14.69 0 14.94 16.81v31.07h-10.55v-30.46q0-4.47-1.94-6.62c-1.29-1.44-3.39-2.16-6.32-2.16a10.16 10.16 0 0 0 -9.51 5.78v33.46h-10.56v-47z"},"children":[]},{"type":"path","props":{"d":"m348.58 136.89a4.79 4.79 0 0 0 -2.32-4.3 24.78 24.78 0 0 0 -7.72-2.6 39.84 39.84 0 0 1 -9-2.87q-7.91-3.83-7.91-11.08a12.52 12.52 0 0 1 5.13-10.17q5.13-4.08 13-4.08 8.43 0 13.62 4.17a13.22 13.22 0 0 1 5.2 10.82h-10.52a6.48 6.48 0 0 0 -2.26-5.06 8.65 8.65 0 0 0 -6-2 9.4 9.4 0 0 0 -5.67 1.6 5.09 5.09 0 0 0 -2.19 4.3 4.26 4.26 0 0 0 2 3.78c1.36.9 4.12 1.81 8.26 2.72a39 39 0 0 1 9.75 3.26 13.84 13.84 0 0 1 5.26 4.54 11.62 11.62 0 0 1 1.71 6.43 12.24 12.24 0 0 1 -5.25 10.27q-5.26 3.94-13.78 3.94a24.28 24.28 0 0 1 -10.29-2.09 17 17 0 0 1 -7-5.73 13.61 13.61 0 0 1 -2.52-7.87h10.25a7.47 7.47 0 0 0 2.83 5.76 10.94 10.94 0 0 0 6.91 2q4.17 0 6.34-1.59a4.89 4.89 0 0 0 2.17-4.15z"},"children":[]},{"type":"path","props":{"d":"m364.4 125.73a27.77 27.77 0 0 1 2.73-12.45 20.1 20.1 0 0 1 7.69-8.52 21.74 21.74 0 0 1 11.39-3q9.51 0 15.44 6.12t6.41 16.25v2.48a28 28 0 0 1 -2.67 12.43 19.77 19.77 0 0 1 -7.64 8.47 21.84 21.84 0 0 1 -11.5 3q-9.94 0-15.92-6.63t-6-17.66zm10.55.91q0 7.26 3 11.36a9.74 9.74 0 0 0 8.34 4.11 9.63 9.63 0 0 0 8.32-4.17q3-4.17 3-12.21 0-7.12-3.06-11.3a9.78 9.78 0 0 0 -8.32-4.17 9.67 9.67 0 0 0 -8.21 4.11c-2.02 2.73-3.02 6.83-3.02 12.27z"},"children":[]},{"type":"path","props":{"d":"m439.87 112.3a26.4 26.4 0 0 0 -4.31-.34q-7.24 0-9.77 5.56v32.15h-10.56v-47h10.08l.26 5.25q3.82-6.12 10.6-6.12a9.82 9.82 0 0 1 3.74.61z"},"children":[]},{"type":"path","props":{"d":"m484 122.86h-25.45v26.81h-11v-63.26h40.18v8.86h-29.18v18.81h25.45z"},"children":[]},{"type":"path","props":{"d":"m504.86 149.67h-10.55v-63.4h10.55z"},"children":[]},{"type":"path","props":{"d":"m512.6 125.73a27.64 27.64 0 0 1 2.74-12.45 20 20 0 0 1 7.69-8.52 21.68 21.68 0 0 1 11.38-3q9.51 0 15.44 6.12t6.41 16.25v2.48a27.88 27.88 0 0 1 -2.68 12.43 19.77 19.77 0 0 1 -7.64 8.47 21.83 21.83 0 0 1 -11.49 3q-10 0-15.93-6.63t-6-17.66zm10.56.91q0 7.26 3 11.36a9.75 9.75 0 0 0 8.35 4.11 9.65 9.65 0 0 0 8.32-4.17q3-4.17 3-12.21 0-7.12-3.06-11.3a9.78 9.78 0 0 0 -8.32-4.17 9.67 9.67 0 0 0 -8.21 4.11c-2.07 2.73-3.08 6.83-3.08 12.27z"},"children":[]},{"type":"path","props":{"d":"m604 135.11 7.47-32.45h10.3l-12.82 47h-8.69l-10.08-32.28-9.9 32.28h-8.69l-12.86-47h10.27l7.6 32.1 9.64-32.1h7.95z"},"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 Tensorflow = react_1.forwardRef(function Tensorflow({ 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 Tensorflow = react_1.forwardRef(function Tensorflow({ variant = 'default',
     ..._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/tensorflow.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 266.79 243.84","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip-path"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"200.76 83.27 136.29 46.43 136.29 197.41 162.05 182.45 162.05 139.98 181.5 151.23 181.39 122.18 162.05 111.13 162.05 94.26 200.85 116.68 200.76 83.27"},"children":[]}]},{"type":"clipPath","props":{"id":"clip-path-2"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"66.03 83.27 130.5 46.43 130.5 197.41 104.74 182.45 104.74 94.26 65.94 116.68 66.03 83.27"},"children":[]}]}]},{"type":"title","props":{},"children":["WhiteWhite Icon"]},{"type":"polygon","props":{"className":"cls-1","points":"200.76 83.27 136.29 46.43 136.29 197.41 162.05 182.45 162.05 139.98 181.5 151.23 181.39 122.18 162.05 111.13 162.05 94.26 200.85 116.68 200.76 83.27"},"children":[]},{"type":"g","props":{"className":"cls-2"},"children":[{"type":"rect","props":{"className":"cls-1","x":"60.08","y":"45.88","width":"158.31","height":"151.72"},"children":[]}]},{"type":"polygon","props":{"className":"cls-1","points":"66.03 83.27 130.5 46.43 130.5 197.41 104.74 182.45 104.74 94.26 65.94 116.68 66.03 83.27"},"children":[]},{"type":"g","props":{"className":"cls-3"},"children":[{"type":"rect","props":{"className":"cls-1","x":"59","y":"45.88","width":"158.31","height":"151.72"},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["TensorFlow"]},{"type":"path","props":{"d":"M1.292 5.856L11.54 0v24l-4.095-2.378V7.603l-6.168 3.564.015-5.31zm21.43 5.311l-.014-5.31L12.46 0v24l4.095-2.378V14.87l3.092 1.788-.018-4.618-3.074-1.756V7.603l6.168 3.564z"},"children":[]}]},"light":{"viewBox":"0 0 266.79 269.02","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip-path"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"200.76 95.86 136.29 59.02 136.29 210 162.05 195.04 162.05 152.57 181.5 163.82 181.39 134.77 162.05 123.72 162.05 106.85 200.85 129.27 200.76 95.86"},"children":[]}]},{"type":"linearGradient","props":{"id":"linear-gradient","x1":"60.08","y1":"134.33","x2":"218.39","y2":"134.33","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ff6f00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ffa800"},"children":[]}]},{"type":"clipPath","props":{"id":"clip-path-2"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"66.03 95.86 130.5 59.02 130.5 210 104.74 195.04 104.74 106.85 65.94 129.27 66.03 95.86"},"children":[]}]},{"type":"linearGradient","props":{"id":"linear-gradient-2","x1":"59","y1":"134.33","x2":"217.32","y2":"134.33","href":"#linear-gradient"},"children":[]}]},{"type":"title","props":{},"children":["FullColorPrimary Icon"]},{"type":"g","props":{"className":"cls-2"},"children":[{"type":"rect","props":{"className":"cls-3","x":"60.08","y":"58.47","width":"158.31","height":"151.72"},"children":[]}]},{"type":"g","props":{"className":"cls-4"},"children":[{"type":"rect","props":{"className":"cls-5","x":"59","y":"58.47","width":"158.31","height":"151.72"},"children":[]}]}]},"dark":{"viewBox":"0 0 266.79 243.84","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip-path"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"200.76 83.27 136.29 46.43 136.29 197.41 162.05 182.45 162.05 139.98 181.5 151.23 181.39 122.18 162.05 111.13 162.05 94.26 200.85 116.68 200.76 83.27"},"children":[]}]},{"type":"clipPath","props":{"id":"clip-path-2"},"children":[{"type":"polygon","props":{"className":"cls-1","points":"66.03 83.27 130.5 46.43 130.5 197.41 104.74 182.45 104.74 94.26 65.94 116.68 66.03 83.27"},"children":[]}]}]},{"type":"title","props":{},"children":["WhiteWhite Icon"]},{"type":"polygon","props":{"className":"cls-1","points":"200.76 83.27 136.29 46.43 136.29 197.41 162.05 182.45 162.05 139.98 181.5 151.23 181.39 122.18 162.05 111.13 162.05 94.26 200.85 116.68 200.76 83.27"},"children":[]},{"type":"g","props":{"className":"cls-2"},"children":[{"type":"rect","props":{"className":"cls-1","x":"60.08","y":"45.88","width":"158.31","height":"151.72"},"children":[]}]},{"type":"polygon","props":{"className":"cls-1","points":"66.03 83.27 130.5 46.43 130.5 197.41 104.74 182.45 104.74 94.26 65.94 116.68 66.03 83.27"},"children":[]},{"type":"g","props":{"className":"cls-3"},"children":[{"type":"rect","props":{"className":"cls-1","x":"59","y":"45.88","width":"158.31","height":"151.72"},"children":[]}]}]},"wordmark":{"viewBox":"0 0 685.02 229.75","fill":"currentColor","childNodes":[{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"d":"m155.46 88.44-44.08-25.18v103.24l17.61-10.23v-29.05l13.3 7.7-.07-19.86-13.23-7.56v-11.54l26.53 15.33z"},"children":[]}]},{"type":"clipPath","props":{"id":"b"},"children":[{"type":"path","props":{"d":"m63.33 88.44 44.09-25.18v103.24l-17.61-10.23v-60.31l-26.54 15.33z"},"children":[]}]},{"type":"path","props":{"d":"m155.46 88.44-44.08-25.18v103.24l17.61-10.23v-29.05l13.3 7.7-.07-19.86-13.23-7.56v-11.54l26.53 15.33z","fill":"#fff"},"children":[]},{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"d":"m59.26 62.88h108.26v103.75h-108.26z","fill":"#fff"},"children":[]}]},{"type":"path","props":{"d":"m63.33 88.44 44.09-25.18v103.24l-17.61-10.23v-60.31l-26.54 15.33z","fill":"#fff"},"children":[]},{"type":"g","props":{"clipPath":"url(#b)"},"children":[{"type":"path","props":{"d":"m58.53 62.88h108.26v103.75h-108.26z","fill":"#fff"},"children":[]}]},{"type":"g","props":{"fill":"#fff"},"children":[{"type":"path","props":{"d":"m235.46 95.27h-19.73v54.4h-10.9v-54.4h-19.55v-8.86h50.18z"},"children":[]},{"type":"path","props":{"d":"m248.55 150.54q-10 0-16.27-6.33t-6.28-16.83v-1.3a28.19 28.19 0 0 1 2.72-12.58 20.67 20.67 0 0 1 7.62-8.63 20.2 20.2 0 0 1 11-3.08q9.6 0 14.84 6.12t5.23 17.34v4.26h-30.72a14.09 14.09 0 0 0 3.88 9.21 11.69 11.69 0 0 0 8.58 3.39 14.3 14.3 0 0 0 11.85-5.87l5.69 5.43a19 19 0 0 1 -7.53 6.54 23.62 23.62 0 0 1 -10.61 2.33zm-1.26-40.28a8.91 8.91 0 0 0 -7 3 15.76 15.76 0 0 0 -3.41 8.47h20.12v-.73q-.35-5.3-2.82-8a8.82 8.82 0 0 0 -6.89-2.74z"},"children":[]},{"type":"path","props":{"d":"m285.39 102.66.3 5.43a16.91 16.91 0 0 1 13.69-6.3q14.69 0 14.94 16.81v31.07h-10.55v-30.46q0-4.47-1.94-6.62c-1.29-1.44-3.39-2.16-6.32-2.16a10.16 10.16 0 0 0 -9.51 5.78v33.46h-10.56v-47z"},"children":[]},{"type":"path","props":{"d":"m348.58 136.89a4.79 4.79 0 0 0 -2.32-4.3 24.78 24.78 0 0 0 -7.72-2.6 39.84 39.84 0 0 1 -9-2.87q-7.91-3.83-7.91-11.08a12.52 12.52 0 0 1 5.13-10.17q5.13-4.08 13-4.08 8.43 0 13.62 4.17a13.22 13.22 0 0 1 5.2 10.82h-10.52a6.48 6.48 0 0 0 -2.26-5.06 8.65 8.65 0 0 0 -6-2 9.4 9.4 0 0 0 -5.67 1.6 5.09 5.09 0 0 0 -2.19 4.3 4.26 4.26 0 0 0 2 3.78c1.36.9 4.12 1.81 8.26 2.72a39 39 0 0 1 9.75 3.26 13.84 13.84 0 0 1 5.26 4.54 11.62 11.62 0 0 1 1.71 6.43 12.24 12.24 0 0 1 -5.25 10.27q-5.26 3.94-13.78 3.94a24.28 24.28 0 0 1 -10.29-2.09 17 17 0 0 1 -7-5.73 13.61 13.61 0 0 1 -2.52-7.87h10.25a7.47 7.47 0 0 0 2.83 5.76 10.94 10.94 0 0 0 6.91 2q4.17 0 6.34-1.59a4.89 4.89 0 0 0 2.17-4.15z"},"children":[]},{"type":"path","props":{"d":"m364.4 125.73a27.77 27.77 0 0 1 2.73-12.45 20.1 20.1 0 0 1 7.69-8.52 21.74 21.74 0 0 1 11.39-3q9.51 0 15.44 6.12t6.41 16.25v2.48a28 28 0 0 1 -2.67 12.43 19.77 19.77 0 0 1 -7.64 8.47 21.84 21.84 0 0 1 -11.5 3q-9.94 0-15.92-6.63t-6-17.66zm10.55.91q0 7.26 3 11.36a9.74 9.74 0 0 0 8.34 4.11 9.63 9.63 0 0 0 8.32-4.17q3-4.17 3-12.21 0-7.12-3.06-11.3a9.78 9.78 0 0 0 -8.32-4.17 9.67 9.67 0 0 0 -8.21 4.11c-2.02 2.73-3.02 6.83-3.02 12.27z"},"children":[]},{"type":"path","props":{"d":"m439.87 112.3a26.4 26.4 0 0 0 -4.31-.34q-7.24 0-9.77 5.56v32.15h-10.56v-47h10.08l.26 5.25q3.82-6.12 10.6-6.12a9.82 9.82 0 0 1 3.74.61z"},"children":[]},{"type":"path","props":{"d":"m484 122.86h-25.45v26.81h-11v-63.26h40.18v8.86h-29.18v18.81h25.45z"},"children":[]},{"type":"path","props":{"d":"m504.86 149.67h-10.55v-63.4h10.55z"},"children":[]},{"type":"path","props":{"d":"m512.6 125.73a27.64 27.64 0 0 1 2.74-12.45 20 20 0 0 1 7.69-8.52 21.68 21.68 0 0 1 11.38-3q9.51 0 15.44 6.12t6.41 16.25v2.48a27.88 27.88 0 0 1 -2.68 12.43 19.77 19.77 0 0 1 -7.64 8.47 21.83 21.83 0 0 1 -11.49 3q-10 0-15.93-6.63t-6-17.66zm10.56.91q0 7.26 3 11.36a9.75 9.75 0 0 0 8.35 4.11 9.65 9.65 0 0 0 8.32-4.17q3-4.17 3-12.21 0-7.12-3.06-11.3a9.78 9.78 0 0 0 -8.32-4.17 9.67 9.67 0 0 0 -8.21 4.11c-2.07 2.73-3.08 6.83-3.08 12.27z"},"children":[]},{"type":"path","props":{"d":"m604 135.11 7.47-32.45h10.3l-12.82 47h-8.69l-10.08-32.28-9.9 32.28h-8.69l-12.86-47h10.27l7.6 32.1 9.64-32.1h7.95z"},"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 Tensorflow = forwardRef(
   function Tensorflow({ 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 Tensorflow = 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/tesla.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"#CC0000","childNodes":[{"type":"title","props":{},"children":["Tesla"]},{"type":"path","props":{"d":"M12 5.362l2.475-3.026s4.245.09 8.471 2.054c-1.082 1.636-3.231 2.438-3.231 2.438-.146-1.439-1.154-1.79-4.354-1.79L12 24 8.619 5.034c-3.18 0-4.188.354-4.335 1.792 0 0-2.146-.795-3.229-2.43C5.28 2.431 9.525 2.34 9.525 2.34L12 5.362l-.004.002H12v-.002zm0-3.899c3.415-.03 7.326.528 11.328 2.28.535-.968.672-1.395.672-1.395C19.625.612 15.528.015 12 0 8.472.015 4.375.61 0 2.349c0 0 .195.525.672 1.396C4.674 1.989 8.585 1.435 12 1.46v.003z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Tesla"]},{"type":"path","props":{"d":"M12 5.362l2.475-3.026s4.245.09 8.471 2.054c-1.082 1.636-3.231 2.438-3.231 2.438-.146-1.439-1.154-1.79-4.354-1.79L12 24 8.619 5.034c-3.18 0-4.188.354-4.335 1.792 0 0-2.146-.795-3.229-2.43C5.28 2.431 9.525 2.34 9.525 2.34L12 5.362l-.004.002H12v-.002zm0-3.899c3.415-.03 7.326.528 11.328 2.28.535-.968.672-1.395.672-1.395C19.625.612 15.528.015 12 0 8.472.015 4.375.61 0 2.349c0 0 .195.525.672 1.396C4.674 1.989 8.585 1.435 12 1.46v.003z"},"children":[]}]},"light":{"viewBox":"0 0 254.6 253.5","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"T","transform":"translate(-45.84,-64.297)"},"children":[{"type":"path","props":{"id":"path35","className":"st0","d":"M173.1,317.3l35.5-199.5c33.8,0,44.5,3.7,46,18.8 c0,0,22.7-8.5,34.1-25.6c-44.6-20.7-89.5-21.6-89.5-21.6l-26.2,31.9l0.1,0L147,89.4c0,0-44.9,0.9-89.5,21.6 c11.4,17.2,34.1,25.6,34.1,25.6c1.5-15.1,12.2-18.8,45.8-18.9L173.1,317.3"},"children":[]},{"type":"path","props":{"id":"path37","className":"st0","d":"M173.1,80.2c36.1-0.3,77.4,5.6,119.7,24 c5.7-10.2,7.1-14.7,7.1-14.7C253.7,71.2,210.4,65,173.1,64.8C135.9,65,92.6,71.2,46.3,89.5c0,0,2.1,5.5,7.1,14.7 C95.7,85.7,137,79.9,173.1,80.2L173.1,80.2"},"children":[]}]}]},"dark":{"viewBox":"0 0 254.6 253.5","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"T","transform":"translate(-45.84,-64.297)"},"children":[{"type":"path","props":{"id":"path35","d":"M173.1,317.3l35.5-199.5c33.8,0,44.5,3.7,46,18.8c0,0,22.7-8.5,34.1-25.6 c-44.6-20.7-89.5-21.6-89.5-21.6l-26.2,31.9l0.1,0L147,89.4c0,0-44.9,0.9-89.5,21.6c11.4,17.2,34.1,25.6,34.1,25.6 c1.5-15.1,12.2-18.8,45.8-18.9L173.1,317.3"},"children":[]},{"type":"path","props":{"id":"path37","d":"M173.1,80.2c36.1-0.3,77.4,5.6,119.7,24c5.7-10.2,7.1-14.7,7.1-14.7 C253.7,71.2,210.4,65,173.1,64.8C135.9,65,92.6,71.2,46.3,89.5c0,0,2.1,5.5,7.1,14.7C95.7,85.7,137,79.9,173.1,80.2L173.1,80.2"},"children":[]}]}]},"wordmark":{"viewBox":"0 0 342 35","fill":"currentColor","childNodes":[{"type":"path","props":{"className":"tds-icon-fill--primary","d":"M0 .1a9.7 9.7 0 007 6.93h10.93l.56.22v27.58h6.82V7.29l.62-.22h10.94a9.82 9.82 0 007-6.93V.07H0V.1zM238.61.06h-6.8v34.85h31.14a9.68 9.68 0 005.94-6.86h-30.3l.02-27.99zm-52.33 6.86c3.62-1 6.66-3.82 7.39-6.88l-38.1.06v20.55h31.17v7.23h-24.46a13.6 13.6 0 00-8.71 7h39.89V13.81H162.3V6.92h23.98zm116.17 27.97h6.76V20.87h24.58v14.02h6.75V13.87l-38.09-.04zM85.35 7h26a9.57 9.57 0 007.05-7H78.3a9.61 9.61 0 007.05 7zm0 13.77h26a9.59 9.59 0 007.05-7H78.3a9.63 9.63 0 007.05 7zm0 14.14h26a9.59 9.59 0 007.05-7H78.3a9.62 9.62 0 007.05 7zM308.46 7.02h26a9.58 9.58 0 007.06-7h-40.11a9.59 9.59 0 007.05 7z","fill":"#e82127"},"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 Tesla = react_1.forwardRef(function Tesla({ 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 Tesla = react_1.forwardRef(function Tesla({ 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/tesla.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 24 24","fill":"#CC0000","childNodes":[{"type":"title","props":{},"children":["Tesla"]},{"type":"path","props":{"d":"M12 5.362l2.475-3.026s4.245.09 8.471 2.054c-1.082 1.636-3.231 2.438-3.231 2.438-.146-1.439-1.154-1.79-4.354-1.79L12 24 8.619 5.034c-3.18 0-4.188.354-4.335 1.792 0 0-2.146-.795-3.229-2.43C5.28 2.431 9.525 2.34 9.525 2.34L12 5.362l-.004.002H12v-.002zm0-3.899c3.415-.03 7.326.528 11.328 2.28.535-.968.672-1.395.672-1.395C19.625.612 15.528.015 12 0 8.472.015 4.375.61 0 2.349c0 0 .195.525.672 1.396C4.674 1.989 8.585 1.435 12 1.46v.003z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Tesla"]},{"type":"path","props":{"d":"M12 5.362l2.475-3.026s4.245.09 8.471 2.054c-1.082 1.636-3.231 2.438-3.231 2.438-.146-1.439-1.154-1.79-4.354-1.79L12 24 8.619 5.034c-3.18 0-4.188.354-4.335 1.792 0 0-2.146-.795-3.229-2.43C5.28 2.431 9.525 2.34 9.525 2.34L12 5.362l-.004.002H12v-.002zm0-3.899c3.415-.03 7.326.528 11.328 2.28.535-.968.672-1.395.672-1.395C19.625.612 15.528.015 12 0 8.472.015 4.375.61 0 2.349c0 0 .195.525.672 1.396C4.674 1.989 8.585 1.435 12 1.46v.003z"},"children":[]}]},"light":{"viewBox":"0 0 254.6 253.5","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"T","transform":"translate(-45.84,-64.297)"},"children":[{"type":"path","props":{"id":"path35","className":"st0","d":"M173.1,317.3l35.5-199.5c33.8,0,44.5,3.7,46,18.8 c0,0,22.7-8.5,34.1-25.6c-44.6-20.7-89.5-21.6-89.5-21.6l-26.2,31.9l0.1,0L147,89.4c0,0-44.9,0.9-89.5,21.6 c11.4,17.2,34.1,25.6,34.1,25.6c1.5-15.1,12.2-18.8,45.8-18.9L173.1,317.3"},"children":[]},{"type":"path","props":{"id":"path37","className":"st0","d":"M173.1,80.2c36.1-0.3,77.4,5.6,119.7,24 c5.7-10.2,7.1-14.7,7.1-14.7C253.7,71.2,210.4,65,173.1,64.8C135.9,65,92.6,71.2,46.3,89.5c0,0,2.1,5.5,7.1,14.7 C95.7,85.7,137,79.9,173.1,80.2L173.1,80.2"},"children":[]}]}]},"dark":{"viewBox":"0 0 254.6 253.5","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"T","transform":"translate(-45.84,-64.297)"},"children":[{"type":"path","props":{"id":"path35","d":"M173.1,317.3l35.5-199.5c33.8,0,44.5,3.7,46,18.8c0,0,22.7-8.5,34.1-25.6 c-44.6-20.7-89.5-21.6-89.5-21.6l-26.2,31.9l0.1,0L147,89.4c0,0-44.9,0.9-89.5,21.6c11.4,17.2,34.1,25.6,34.1,25.6 c1.5-15.1,12.2-18.8,45.8-18.9L173.1,317.3"},"children":[]},{"type":"path","props":{"id":"path37","d":"M173.1,80.2c36.1-0.3,77.4,5.6,119.7,24c5.7-10.2,7.1-14.7,7.1-14.7 C253.7,71.2,210.4,65,173.1,64.8C135.9,65,92.6,71.2,46.3,89.5c0,0,2.1,5.5,7.1,14.7C95.7,85.7,137,79.9,173.1,80.2L173.1,80.2"},"children":[]}]}]},"wordmark":{"viewBox":"0 0 342 35","fill":"currentColor","childNodes":[{"type":"path","props":{"className":"tds-icon-fill--primary","d":"M0 .1a9.7 9.7 0 007 6.93h10.93l.56.22v27.58h6.82V7.29l.62-.22h10.94a9.82 9.82 0 007-6.93V.07H0V.1zM238.61.06h-6.8v34.85h31.14a9.68 9.68 0 005.94-6.86h-30.3l.02-27.99zm-52.33 6.86c3.62-1 6.66-3.82 7.39-6.88l-38.1.06v20.55h31.17v7.23h-24.46a13.6 13.6 0 00-8.71 7h39.89V13.81H162.3V6.92h23.98zm116.17 27.97h6.76V20.87h24.58v14.02h6.75V13.87l-38.09-.04zM85.35 7h26a9.57 9.57 0 007.05-7H78.3a9.61 9.61 0 007.05 7zm0 13.77h26a9.59 9.59 0 007.05-7H78.3a9.63 9.63 0 007.05 7zm0 14.14h26a9.59 9.59 0 007.05-7H78.3a9.62 9.62 0 007.05 7zM308.46 7.02h26a9.58 9.58 0 007.06-7h-40.11a9.59 9.59 0 007.05 7z","fill":"#e82127"},"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 Tesla = forwardRef(
   function Tesla({ 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 Tesla = 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/testifly.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 512 512","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"surface1"},"children":[{"type":"path","props":{"style":{"stroke":"none","fillRule":"nonzero","fill":"rgb(10.980392%,29.803923%,69.411767%)","fillOpacity":"1"},"d":"M 263.511719 253.210938 C 265.078125 252.980469 266.476562 252.789062 267.851562 253.78125 C 280.144531 260.300781 268.386719 303.253906 265.386719 315.011719 C 251.183594 370.445312 192.132812 496.496094 131.515625 510.546875 C 77.035156 523.183594 95.234375 450.523438 105.519531 420.988281 C 126.355469 361.195312 192.269531 304.496094 241.910156 266.496094 C 246.632812 262.882812 258.199219 253.992188 263.511719 253.226562 Z M 263.511719 253.210938 "},"children":[]},{"type":"path","props":{"style":{"stroke":"none","fillRule":"nonzero","fill":"rgb(10.980392%,29.803923%,69.411767%)","fillOpacity":"1"},"d":"M 277.984375 244.722656 C 271.636719 237.34375 283.144531 210.238281 286.796875 201.539062 C 310.710938 144.574219 402.542969 17.910156 471.167969 21.640625 C 515.863281 24.066406 488.640625 85.160156 476.253906 107.792969 C 453.21875 149.886719 421.257812 173.496094 380.902344 197.371094 C 366.890625 205.667969 296.371094 246.347656 285.992188 247.015625 C 283.757812 247.167969 279.417969 246.367188 277.984375 244.703125 Z M 277.984375 244.722656 "},"children":[]},{"type":"path","props":{"style":{"stroke":"none","fillRule":"nonzero","fill":"rgb(10.980392%,29.803923%,69.411767%)","fillOpacity":"1"},"d":"M 68.875 72.257812 C 91.640625 67.191406 150.519531 74.667969 171.375 86.460938 C 218.152344 112.859375 245.066406 168.984375 238.011719 222.144531 C 235.144531 226.867188 218.6875 229.027344 212.933594 229.8125 C 199.359375 231.644531 176.574219 233.195312 163.363281 231.246094 C 145.453125 228.625 105.882812 191.695312 94.796875 176.515625 C 74.894531 149.257812 71.664062 120.027344 63.542969 88.335938 C 61.878906 81.875 55.035156 75.335938 68.855469 72.257812 Z M 68.875 72.257812 "},"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 Testifly = react_1.forwardRef(function Testifly({ 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 Testifly = react_1.forwardRef(function Testifly({ variant = 'default', vie
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/testifly.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 512","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"surface1"},"children":[{"type":"path","props":{"style":{"stroke":"none","fillRule":"nonzero","fill":"rgb(10.980392%,29.803923%,69.411767%)","fillOpacity":"1"},"d":"M 263.511719 253.210938 C 265.078125 252.980469 266.476562 252.789062 267.851562 253.78125 C 280.144531 260.300781 268.386719 303.253906 265.386719 315.011719 C 251.183594 370.445312 192.132812 496.496094 131.515625 510.546875 C 77.035156 523.183594 95.234375 450.523438 105.519531 420.988281 C 126.355469 361.195312 192.269531 304.496094 241.910156 266.496094 C 246.632812 262.882812 258.199219 253.992188 263.511719 253.226562 Z M 263.511719 253.210938 "},"children":[]},{"type":"path","props":{"style":{"stroke":"none","fillRule":"nonzero","fill":"rgb(10.980392%,29.803923%,69.411767%)","fillOpacity":"1"},"d":"M 277.984375 244.722656 C 271.636719 237.34375 283.144531 210.238281 286.796875 201.539062 C 310.710938 144.574219 402.542969 17.910156 471.167969 21.640625 C 515.863281 24.066406 488.640625 85.160156 476.253906 107.792969 C 453.21875 149.886719 421.257812 173.496094 380.902344 197.371094 C 366.890625 205.667969 296.371094 246.347656 285.992188 247.015625 C 283.757812 247.167969 279.417969 246.367188 277.984375 244.703125 Z M 277.984375 244.722656 "},"children":[]},{"type":"path","props":{"style":{"stroke":"none","fillRule":"nonzero","fill":"rgb(10.980392%,29.803923%,69.411767%)","fillOpacity":"1"},"d":"M 68.875 72.257812 C 91.640625 67.191406 150.519531 74.667969 171.375 86.460938 C 218.152344 112.859375 245.066406 168.984375 238.011719 222.144531 C 235.144531 226.867188 218.6875 229.027344 212.933594 229.8125 C 199.359375 231.644531 176.574219 233.195312 163.363281 231.246094 C 145.453125 228.625 105.882812 191.695312 94.796875 176.515625 C 74.894531 149.257812 71.664062 120.027344 63.542969 88.335938 C 61.878906 81.875 55.035156 75.335938 68.855469 72.257812 Z M 68.875 72.257812 "},"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 Testifly = forwardRef(
   function Testifly({ 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 Testifly = 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/testkube.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 450.2 139.5","fill":"currentColor","childNodes":[{"type":"rect","props":{"id":"Black_Bgnd","className":"st0","width":"450.2","height":"139.5"},"children":[]},{"type":"g","props":{"id":"color"},"children":[{"type":"g","props":{"id":"TESTKUBE_outlines"},"children":[{"type":"path","props":{"id":"T","d":"M140.4,85.6V62.2c0-1.1-0.9-2.1-2.1-2.1H133c-1.1,0-2.1-0.9-2.1-2.1v-4.2c0-1.1,0.9-2.1,2.1-2.1h25.3\n\t\t\tc1.1,0,2.1,0.9,2.1,2.1c0,0,0,0,0,0V58c0,1.1-0.9,2.1-2.1,2.1l0,0H153c-1.1,0-2,1-2,2.1v23.4c0,1.1-0.9,2.1-2.1,2.1h-6.4\n\t\t\tC141.4,87.7,140.4,86.8,140.4,85.6C140.4,85.6,140.4,85.6,140.4,85.6z"},"children":[]},{"type":"path","props":{"id":"E","d":"M164.4,85.6c0,1.1,0.9,2.1,2.1,2.1h20.9c1.1,0,2.1-0.9,2.1-2.1v0v-4.2c0-1.1-0.9-2.1-2.1-2.1l0,0h-10.5\n\t\t\tc-1.1,0-2.1-0.9-2.1-2.1v-1.6c0-1.1,0.9-2.1,2.1-2.1l0,0h9.6c1.1,0,2.1-0.9,2.1-2c0,0,0,0,0,0v-3.6c0-1.1-0.9-2.1-2.1-2.1l0,0\n\t\t\th-9.6c-1.1,0-2.1-0.9-2.1-2.1v-1.6c0-1.1,0.9-2.1,2-2.1c0,0,0,0,0,0h10.5c1.1,0,2-0.9,2.1-2v-4.3c0-1.1-0.9-2.1-2.1-2.1l0,0h-20.9\n\t\t\tc-1.1,0-2.1,0.9-2.1,2.1L164.4,85.6z"},"children":[]},{"type":"path","props":{"id":"S","d":"M202.1,76.8c0.7,0,1.4,0.4,1.8,1c0.9,1.5,3.1,2.4,5.5,2.4c3.2,0,5.1-1.3,5.1-3.1s-1.4-2.4-5.4-3.1l-3.6-0.7\n\t\t\tc-7.1-1.3-11.1-4.9-11.1-10.5c0-7.2,6.2-11.8,14.8-11.8s13.6,3.5,14.8,9.1c0.2,1.1-0.5,2.2-1.7,2.4c-0.1,0-0.2,0-0.3,0h-5.8\n\t\t\tc-0.8,0-1.6-0.5-1.9-1.2c-0.7-1.4-2.6-2.2-4.9-2.2c-2.9,0-4.4,1.3-4.4,2.9s1.6,2.4,5.1,3l3.6,0.7c7.7,1.4,11.3,4.6,11.3,10.4\n\t\t\tc0,7.4-5.8,12.1-15.7,12.1c-8.2,0-14-3.2-15.2-9c-0.2-1.1,0.5-2.2,1.6-2.4c0.1,0,0.3,0,0.4,0L202.1,76.8z"},"children":[]},{"type":"path","props":{"id":"T-2","d":"M237.3,85.6V62.2c0-1.1-0.9-2.1-2.1-2.1l0,0h-5.3c-1.1,0-2.1-0.9-2.1-2.1c0,0,0,0,0,0v-4.2\n\t\t\tc0-1.1,0.9-2.1,2.1-2.1l0,0h25.3c1.1,0,2.1,0.9,2.1,2.1V58c0,1.1-0.9,2.1-2.1,2.1h-5.3c-1.1,0-2.1,0.9-2.1,2.1c0,0,0,0,0,0v23.4\n\t\t\tc0,1.1-0.9,2.1-2.1,2.1l0,0h-6.4C238.2,87.7,237.3,86.7,237.3,85.6z"},"children":[]},{"type":"path","props":{"id":"K","d":"M261.4,85.6c0,1.1,0.9,2.1,2.1,2.1h6.3c1.1,0,2.1-0.9,2.1-2.1v0v-6.7c0-0.4,0.1-0.9,0.4-1.2l0.5-0.7\n\t\t\tc0.7-0.9,2-1.1,2.9-0.4c0.2,0.2,0.4,0.4,0.6,0.6l5.6,9.5c0.4,0.6,1.1,1,1.8,1h7.2c1.1,0,2.1-0.9,2.1-2.1c0-0.4-0.1-0.8-0.3-1.1\n\t\t\tL283,68.8c-0.4-0.7-0.4-1.6,0.1-2.3l8.5-11.5c0.7-0.9,0.5-2.2-0.5-2.9c-0.4-0.3-0.8-0.4-1.2-0.4h-5.8c-0.7,0-1.3,0.3-1.7,0.9\n\t\t\tl-10.3,14.3c0,0-0.1,0.1-0.1,0.1c-0.1,0-0.1-0.1-0.1-0.1l0,0V53.7c0-1.1-0.9-2.1-2.1-2.1l0,0h-6.3c-1.1,0-2.1,0.9-2.1,2.1V85.6z"},"children":[]},{"type":"path","props":{"id":"U","d":"M307.7,73.7c0,3.8,1.9,5.8,5.3,5.8s5.3-2.1,5.3-5.8V53.8c0-1.1,0.9-2.1,2.1-2.1l0,0h6.4c1.1,0,2.1,0.9,2.1,2.1\n\t\t\tc0,0,0,0,0,0v21.1c0,8.2-6.4,13.4-15.8,13.4s-15.8-5.2-15.8-13.4V53.8c0-1.1,0.9-2.1,2.1-2.1l0,0h6.4c1.1,0,2.1,0.9,2.1,2.1\n\t\t\tc0,0,0,0,0,0L307.7,73.7z"},"children":[]},{"type":"path","props":{"id":"B","d":"M334.1,85.6V53.8c0-1.1,0.9-2.1,2.1-2.1h15.6c7.3,0,11.6,3.4,11.6,9c0,4.1-3.1,7.2-7.3,7.8v0.2\n\t\t\tc4.9,0.1,8.9,3.8,8.9,8.5c0,6.3-5,10.5-12.7,10.5h-16.2C335,87.7,334.1,86.8,334.1,85.6C334.1,85.6,334.1,85.6,334.1,85.6z\n\t\t\t M344.6,66.1h4.1c2.7,0,4.4-1.4,4.4-3.6s-1.6-3.5-4.3-3.5h-4.2V66.1z M349.1,80.4c3.3,0,5.1-1.5,5.1-4.2c0-2.6-1.9-4.1-5.1-4.1\n\t\t\th-4.6v8.2H349.1z"},"children":[]},{"type":"path","props":{"id":"E-2","d":"M368.9,85.6c0,1.1,0.9,2.1,2.1,2.1l0,0h20.9c1.1,0,2.1-0.9,2.1-2.1v-4.2c0-1.1-0.9-2.1-2.1-2.1h-10.5\n\t\t\tc-1.1,0-2.1-0.9-2.1-2.1v-1.6c0-1.1,0.9-2.1,2.1-2.1h9.6c1.1,0,2.1-0.9,2.1-2.1v-3.6c0-1.1-0.9-2.1-2.1-2.1h-9.6\n\t\t\tc-1.1,0-2.1-0.9-2.1-2.1v-1.6c0-1.1,0.9-2.1,2-2.1c0,0,0,0,0.1,0h10.5c1.1,0,2-0.9,2.1-2v-4.3c0-1.1-0.9-2.1-2.1-2.1h-20.9\n\t\t\tc-1.1,0-2.1,0.9-2.1,2.1c0,0,0,0,0,0V85.6z"},"children":[]}]},{"type":"linearGradient","props":{"id":"Cube_Image_00000172400487562918522980000012568646576671703426_","gradientUnits":"userSpaceOnUse","x1":"42.2398","y1":"72.6119","x2":"106.38","y2":"72.6119","gradientTransform":"matrix(1 0 0 -1 0 142)"},"children":[{"type":"stop","props":{"offset":"0","style":{"stopColor":"#B4BADE"}},"children":[]},{"type":"stop","props":{"offset":"1","style":{"stopColor":"#575FAB"}},"children":[]}]},{"type":"path","props":{"id":"Cube_Image","style":{"fill":"url(#Cube_Image_00000172400487562918522980000012568646576671703426_)"},"d":"M106.4,62.8\n\t\tc0-0.7-0.3-1.3-0.8-1.8L76.9,33h-0.1v-0.1h-0.1c-0.9-0.8-2.3-0.8-3.2,0L43.1,59.5c-0.5,0.5-0.8,1.2-0.8,1.9l0.2,10.6l0,0v4\n\t\tc0,0.9,0.4,1.7,1,2.3l27.9,27.4c0.2,0.2,0.4,0.3,0.6,0.4l0,0l0,0c0.5,0.3,1.1,0.4,1.6,0.4c0.8,0,1.6-0.3,2.2-0.8l29.5-26.2\n\t\tc0.7-0.6,1.1-1.5,1.1-2.4V69l0,0L106.4,62.8z M73.7,89.6c-0.9,0-1.7-0.3-2.3-0.9L51.5,69.2l22-19.6c0.4-0.4,1-0.6,1.6-0.7\n\t\tc0.6,0,1.3,0.2,1.7,0.7l20.6,20L75.8,88.8C75.2,89.4,74.5,89.6,73.7,89.6z M73.9,36.5l-0.2,9.8c-0.8,0.2-1.6,0.6-2.2,1.2L49.4,67.2\n\t\tl-1.5-1.5c-0.6-0.6-1.4-0.9-2.3-0.9c-0.1,0-0.3,0-0.4,0v-3.3L73.9,36.5z M45.3,69.7v-1.7c0-0.1,0-0.2,0.1-0.2\n\t\tc0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.2,0.1l1.4,1.3l-1.9,1.7L45.3,69.7z M45.4,76.1c-0.1-0.1-0.1-0.2-0.1-0.2v-1.6\n\t\tc0.4-0.1,0.8-0.3,1.2-0.6l2.8-2.5l20.1,19.6c0.8,0.7,1.7,1.3,2.7,1.6l-0.1,9.8L45.4,76.1z M103.3,77.3l-28.4,25.3L75,92.4\n\t\tc1-0.2,2-0.7,2.8-1.4l21.7-19.2l2.8,2.7c0.3,0.3,0.8,0.6,1.3,0.7V77C103.5,77.1,103.4,77.2,103.3,77.3z"},"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 Testkube = react_1.forwardRef(function Testkube({ 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 Testkube = react_1.forwardRef(function Testkube({ variant = 'default', vie
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/testkube.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 450.2 139.5","fill":"currentColor","childNodes":[{"type":"rect","props":{"id":"Black_Bgnd","className":"st0","width":"450.2","height":"139.5"},"children":[]},{"type":"g","props":{"id":"color"},"children":[{"type":"g","props":{"id":"TESTKUBE_outlines"},"children":[{"type":"path","props":{"id":"T","d":"M140.4,85.6V62.2c0-1.1-0.9-2.1-2.1-2.1H133c-1.1,0-2.1-0.9-2.1-2.1v-4.2c0-1.1,0.9-2.1,2.1-2.1h25.3\n\t\t\tc1.1,0,2.1,0.9,2.1,2.1c0,0,0,0,0,0V58c0,1.1-0.9,2.1-2.1,2.1l0,0H153c-1.1,0-2,1-2,2.1v23.4c0,1.1-0.9,2.1-2.1,2.1h-6.4\n\t\t\tC141.4,87.7,140.4,86.8,140.4,85.6C140.4,85.6,140.4,85.6,140.4,85.6z"},"children":[]},{"type":"path","props":{"id":"E","d":"M164.4,85.6c0,1.1,0.9,2.1,2.1,2.1h20.9c1.1,0,2.1-0.9,2.1-2.1v0v-4.2c0-1.1-0.9-2.1-2.1-2.1l0,0h-10.5\n\t\t\tc-1.1,0-2.1-0.9-2.1-2.1v-1.6c0-1.1,0.9-2.1,2.1-2.1l0,0h9.6c1.1,0,2.1-0.9,2.1-2c0,0,0,0,0,0v-3.6c0-1.1-0.9-2.1-2.1-2.1l0,0\n\t\t\th-9.6c-1.1,0-2.1-0.9-2.1-2.1v-1.6c0-1.1,0.9-2.1,2-2.1c0,0,0,0,0,0h10.5c1.1,0,2-0.9,2.1-2v-4.3c0-1.1-0.9-2.1-2.1-2.1l0,0h-20.9\n\t\t\tc-1.1,0-2.1,0.9-2.1,2.1L164.4,85.6z"},"children":[]},{"type":"path","props":{"id":"S","d":"M202.1,76.8c0.7,0,1.4,0.4,1.8,1c0.9,1.5,3.1,2.4,5.5,2.4c3.2,0,5.1-1.3,5.1-3.1s-1.4-2.4-5.4-3.1l-3.6-0.7\n\t\t\tc-7.1-1.3-11.1-4.9-11.1-10.5c0-7.2,6.2-11.8,14.8-11.8s13.6,3.5,14.8,9.1c0.2,1.1-0.5,2.2-1.7,2.4c-0.1,0-0.2,0-0.3,0h-5.8\n\t\t\tc-0.8,0-1.6-0.5-1.9-1.2c-0.7-1.4-2.6-2.2-4.9-2.2c-2.9,0-4.4,1.3-4.4,2.9s1.6,2.4,5.1,3l3.6,0.7c7.7,1.4,11.3,4.6,11.3,10.4\n\t\t\tc0,7.4-5.8,12.1-15.7,12.1c-8.2,0-14-3.2-15.2-9c-0.2-1.1,0.5-2.2,1.6-2.4c0.1,0,0.3,0,0.4,0L202.1,76.8z"},"children":[]},{"type":"path","props":{"id":"T-2","d":"M237.3,85.6V62.2c0-1.1-0.9-2.1-2.1-2.1l0,0h-5.3c-1.1,0-2.1-0.9-2.1-2.1c0,0,0,0,0,0v-4.2\n\t\t\tc0-1.1,0.9-2.1,2.1-2.1l0,0h25.3c1.1,0,2.1,0.9,2.1,2.1V58c0,1.1-0.9,2.1-2.1,2.1h-5.3c-1.1,0-2.1,0.9-2.1,2.1c0,0,0,0,0,0v23.4\n\t\t\tc0,1.1-0.9,2.1-2.1,2.1l0,0h-6.4C238.2,87.7,237.3,86.7,237.3,85.6z"},"children":[]},{"type":"path","props":{"id":"K","d":"M261.4,85.6c0,1.1,0.9,2.1,2.1,2.1h6.3c1.1,0,2.1-0.9,2.1-2.1v0v-6.7c0-0.4,0.1-0.9,0.4-1.2l0.5-0.7\n\t\t\tc0.7-0.9,2-1.1,2.9-0.4c0.2,0.2,0.4,0.4,0.6,0.6l5.6,9.5c0.4,0.6,1.1,1,1.8,1h7.2c1.1,0,2.1-0.9,2.1-2.1c0-0.4-0.1-0.8-0.3-1.1\n\t\t\tL283,68.8c-0.4-0.7-0.4-1.6,0.1-2.3l8.5-11.5c0.7-0.9,0.5-2.2-0.5-2.9c-0.4-0.3-0.8-0.4-1.2-0.4h-5.8c-0.7,0-1.3,0.3-1.7,0.9\n\t\t\tl-10.3,14.3c0,0-0.1,0.1-0.1,0.1c-0.1,0-0.1-0.1-0.1-0.1l0,0V53.7c0-1.1-0.9-2.1-2.1-2.1l0,0h-6.3c-1.1,0-2.1,0.9-2.1,2.1V85.6z"},"children":[]},{"type":"path","props":{"id":"U","d":"M307.7,73.7c0,3.8,1.9,5.8,5.3,5.8s5.3-2.1,5.3-5.8V53.8c0-1.1,0.9-2.1,2.1-2.1l0,0h6.4c1.1,0,2.1,0.9,2.1,2.1\n\t\t\tc0,0,0,0,0,0v21.1c0,8.2-6.4,13.4-15.8,13.4s-15.8-5.2-15.8-13.4V53.8c0-1.1,0.9-2.1,2.1-2.1l0,0h6.4c1.1,0,2.1,0.9,2.1,2.1\n\t\t\tc0,0,0,0,0,0L307.7,73.7z"},"children":[]},{"type":"path","props":{"id":"B","d":"M334.1,85.6V53.8c0-1.1,0.9-2.1,2.1-2.1h15.6c7.3,0,11.6,3.4,11.6,9c0,4.1-3.1,7.2-7.3,7.8v0.2\n\t\t\tc4.9,0.1,8.9,3.8,8.9,8.5c0,6.3-5,10.5-12.7,10.5h-16.2C335,87.7,334.1,86.8,334.1,85.6C334.1,85.6,334.1,85.6,334.1,85.6z\n\t\t\t M344.6,66.1h4.1c2.7,0,4.4-1.4,4.4-3.6s-1.6-3.5-4.3-3.5h-4.2V66.1z M349.1,80.4c3.3,0,5.1-1.5,5.1-4.2c0-2.6-1.9-4.1-5.1-4.1\n\t\t\th-4.6v8.2H349.1z"},"children":[]},{"type":"path","props":{"id":"E-2","d":"M368.9,85.6c0,1.1,0.9,2.1,2.1,2.1l0,0h20.9c1.1,0,2.1-0.9,2.1-2.1v-4.2c0-1.1-0.9-2.1-2.1-2.1h-10.5\n\t\t\tc-1.1,0-2.1-0.9-2.1-2.1v-1.6c0-1.1,0.9-2.1,2.1-2.1h9.6c1.1,0,2.1-0.9,2.1-2.1v-3.6c0-1.1-0.9-2.1-2.1-2.1h-9.6\n\t\t\tc-1.1,0-2.1-0.9-2.1-2.1v-1.6c0-1.1,0.9-2.1,2-2.1c0,0,0,0,0.1,0h10.5c1.1,0,2-0.9,2.1-2v-4.3c0-1.1-0.9-2.1-2.1-2.1h-20.9\n\t\t\tc-1.1,0-2.1,0.9-2.1,2.1c0,0,0,0,0,0V85.6z"},"children":[]}]},{"type":"linearGradient","props":{"id":"Cube_Image_00000172400487562918522980000012568646576671703426_","gradientUnits":"userSpaceOnUse","x1":"42.2398","y1":"72.6119","x2":"106.38","y2":"72.6119","gradientTransform":"matrix(1 0 0 -1 0 142)"},"children":[{"type":"stop","props":{"offset":"0","style":{"stopColor":"#B4BADE"}},"children":[]},{"type":"stop","props":{"offset":"1","style":{"stopColor":"#575FAB"}},"children":[]}]},{"type":"path","props":{"id":"Cube_Image","style":{"fill":"url(#Cube_Image_00000172400487562918522980000012568646576671703426_)"},"d":"M106.4,62.8\n\t\tc0-0.7-0.3-1.3-0.8-1.8L76.9,33h-0.1v-0.1h-0.1c-0.9-0.8-2.3-0.8-3.2,0L43.1,59.5c-0.5,0.5-0.8,1.2-0.8,1.9l0.2,10.6l0,0v4\n\t\tc0,0.9,0.4,1.7,1,2.3l27.9,27.4c0.2,0.2,0.4,0.3,0.6,0.4l0,0l0,0c0.5,0.3,1.1,0.4,1.6,0.4c0.8,0,1.6-0.3,2.2-0.8l29.5-26.2\n\t\tc0.7-0.6,1.1-1.5,1.1-2.4V69l0,0L106.4,62.8z M73.7,89.6c-0.9,0-1.7-0.3-2.3-0.9L51.5,69.2l22-19.6c0.4-0.4,1-0.6,1.6-0.7\n\t\tc0.6,0,1.3,0.2,1.7,0.7l20.6,20L75.8,88.8C75.2,89.4,74.5,89.6,73.7,89.6z M73.9,36.5l-0.2,9.8c-0.8,0.2-1.6,0.6-2.2,1.2L49.4,67.2\n\t\tl-1.5-1.5c-0.6-0.6-1.4-0.9-2.3-0.9c-0.1,0-0.3,0-0.4,0v-3.3L73.9,36.5z M45.3,69.7v-1.7c0-0.1,0-0.2,0.1-0.2\n\t\tc0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.2,0.1l1.4,1.3l-1.9,1.7L45.3,69.7z M45.4,76.1c-0.1-0.1-0.1-0.2-0.1-0.2v-1.6\n\t\tc0.4-0.1,0.8-0.3,1.2-0.6l2.8-2.5l20.1,19.6c0.8,0.7,1.7,1.3,2.7,1.6l-0.1,9.8L45.4,76.1z M103.3,77.3l-28.4,25.3L75,92.4\n\t\tc1-0.2,2-0.7,2.8-1.4l21.7-19.2l2.8,2.7c0.3,0.3,0.8,0.6,1.3,0.7V77C103.5,77.1,103.4,77.2,103.3,77.3z"},"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 Testkube = forwardRef(
   function Testkube({ 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 Testkube = 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/tiangong.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Tiangong"]},{"type":"path","props":{"d":"M7.852 2.88H.647a.594.594 0 01-.592-.592.592.592 0 01.594-.588h7.205c1.49 0 2.96.474 4.157 1.335A7.196 7.196 0 0116.173 1.7h7.198a.592.592 0 01.596.588.595.595 0 01-.596.589h-7.198a5.944 5.944 0 00-3.226.96c.355.357.671.754.938 1.18a5.647 5.647 0 013.183-.987h6.303a.594.594 0 01.596.588.595.595 0 01-.596.589h-6.303c-.956 0-1.894.308-2.654.869.194.472.332.963.417 1.467a3.99 3.99 0 012.898-1.238h5.642a.592.592 0 01.55.815.594.594 0 01-.55.362h-5.63a2.79 2.79 0 00-2.804 2.764v3.511c.004 1.522 1.262 2.763 2.804 2.764h5.685l.02.002a.592.592 0 01.553.626.592.592 0 01-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M.647 5.203h6.31c2.445 0 4.434 1.967 4.432 4.38v4.838c0 3.06 2.524 5.552 5.628 5.552h6.31a.592.592 0 00.597-.586.59.59 0 00-.596-.589h-6.323a4.428 4.428 0 01-4.094-2.7 4.325 4.325 0 01-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592 0 00-.594.589.592.592 0 00.594.586z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M23.361 21.116h.063a.531.531 0 01.417.208.587.587 0 01-.448.973l-.02-.002h-7.21a7.159 7.159 0 01-4.158-1.333 7.212 7.212 0 01-4.162 1.333H.606l-.02-.002H.568a.588.588 0 01.04-1.175l.02.002H7.84a5.937 5.937 0 003.234-.957 7.033 7.033 0 01-.94-1.181 5.609 5.609 0 01-3.181.987H.644a.593.593 0 01-.597-.588.592.592 0 01.596-.587h6.32c.951 0 1.877-.304 2.643-.867a6.886 6.886 0 01-.415-1.465 4.003 4.003 0 01-2.902 1.234H.592a.589.589 0 01.02-1.177l.02.003h5.65c1.543-.002 2.8-1.244 2.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592 0 01-.596-.589.592.592 0 01.596-.588h5.638c2.195.004 3.988 1.771 3.99 3.937V15.3c.002 3.209 2.648 5.821 5.899 5.825h7.142l.047-.008z","fill":"url(#grad-c)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Tiangong"]},{"type":"path","props":{"d":"M7.852 2.88H.647a.594.594 0 01-.592-.592.592.592 0 01.594-.588h7.205c1.49 0 2.96.474 4.157 1.335A7.196 7.196 0 0116.173 1.7h7.198a.592.592 0 01.596.588.595.595 0 01-.596.589h-7.198a5.944 5.944 0 00-3.226.96c.355.357.671.754.938 1.18a5.647 5.647 0 013.183-.987h6.303a.594.594 0 01.596.588.595.595 0 01-.596.589h-6.303c-.956 0-1.894.308-2.654.869.194.472.332.963.417 1.467a3.99 3.99 0 012.898-1.238h5.642a.592.592 0 01.55.815.594.594 0 01-.55.362h-5.63a2.79 2.79 0 00-2.804 2.764v3.511c.004 1.522 1.262 2.763 2.804 2.764h5.685l.02.002a.592.592 0 01.553.626.592.592 0 01-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M.647 5.203h6.31c2.445 0 4.434 1.967 4.432 4.38v4.838c0 3.06 2.524 5.552 5.628 5.552h6.31a.592.592 0 00.597-.586.59.59 0 00-.596-.589h-6.323a4.428 4.428 0 01-4.094-2.7 4.325 4.325 0 01-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592 0 00-.594.589.592.592 0 00.594.586z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M23.361 21.116h.063a.531.531 0 01.417.208.587.587 0 01-.448.973l-.02-.002h-7.21a7.159 7.159 0 01-4.158-1.333 7.212 7.212 0 01-4.162 1.333H.606l-.02-.002H.568a.588.588 0 01.04-1.175l.02.002H7.84a5.937 5.937 0 003.234-.957 7.033 7.033 0 01-.94-1.181 5.609 5.609 0 01-3.181.987H.644a.593.593 0 01-.597-.588.592.592 0 01.596-.587h6.32c.951 0 1.877-.304 2.643-.867a6.886 6.886 0 01-.415-1.465 4.003 4.003 0 01-2.902 1.234H.592a.589.589 0 01.02-1.177l.02.003h5.65c1.543-.002 2.8-1.244 2.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592 0 01-.596-.589.592.592 0 01.596-.588h5.638c2.195.004 3.988 1.771 3.99 3.937V15.3c.002 3.209 2.648 5.821 5.899 5.825h7.142l.047-.008z","fill":"url(#grad-c)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Tiangong (天工)"]},{"type":"path","props":{"d":"M7.852 2.88H.647a.594.594 0 01-.592-.592.592.592 0 01.594-.588h7.205c1.49 0 2.96.474 4.157 1.335A7.196 7.196 0 0116.173 1.7h7.198a.592.592 0 01.596.588.595.595 0 01-.596.589h-7.198a5.944 5.944 0 00-3.226.96c.355.357.671.754.938 1.18a5.647 5.647 0 013.183-.987h6.303a.594.594 0 01.596.588.595.595 0 01-.596.589h-6.303c-.956 0-1.894.308-2.654.869.194.472.332.963.417 1.467a3.99 3.99 0 012.898-1.238h5.642a.592.592 0 01.55.815.594.594 0 01-.55.362h-5.63a2.79 2.79 0 00-2.804 2.764v3.511c.004 1.522 1.262 2.763 2.804 2.764h5.685l.02.002a.592.592 0 01.553.626.592.592 0 01-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z"},"children":[]},{"type":"path","props":{"d":"M.647 5.203h6.31c2.445 0 4.434 1.967 4.432 4.38v4.838c0 3.06 2.524 5.552 5.628 5.552h6.31a.592.592 0 00.597-.586.59.59 0 00-.596-.589h-6.323a4.428 4.428 0 01-4.094-2.7 4.325 4.325 0 01-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592 0 00-.594.589.592.592 0 00.594.586z"},"children":[]},{"type":"path","props":{"d":"M23.361 21.116h.063a.531.531 0 01.417.208.587.587 0 01-.448.973l-.02-.002h-7.21a7.159 7.159 0 01-4.158-1.333 7.212 7.212 0 01-4.162 1.333H.606l-.02-.002H.568a.588.588 0 01.04-1.175l.02.002H7.84a5.937 5.937 0 003.234-.957 7.033 7.033 0 01-.94-1.181 5.609 5.609 0 01-3.181.987H.644a.593.593 0 01-.597-.588.592.592 0 01.596-.587h6.32c.951 0 1.877-.304 2.643-.867a6.886 6.886 0 01-.415-1.465 4.003 4.003 0 01-2.902 1.234H.592a.589.589 0 01.02-1.177l.02.003h5.65c1.543-.002 2.8-1.244 2.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592 0 01-.596-.589.592.592 0 01.596-.588h5.638c2.195.004 3.988 1.771 3.99 3.937V15.3c.002 3.209 2.648 5.821 5.899 5.825h7.142l.047-.008z"},"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 Tiangong = react_1.forwardRef(function Tiangong({ 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 Tiangong = react_1.forwardRef(function Tiangong({ variant = 'default', vie
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/tiangong.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, color, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Tiangong"]},{"type":"path","props":{"d":"M7.852 2.88H.647a.594.594 0 01-.592-.592.592.592 0 01.594-.588h7.205c1.49 0 2.96.474 4.157 1.335A7.196 7.196 0 0116.173 1.7h7.198a.592.592 0 01.596.588.595.595 0 01-.596.589h-7.198a5.944 5.944 0 00-3.226.96c.355.357.671.754.938 1.18a5.647 5.647 0 013.183-.987h6.303a.594.594 0 01.596.588.595.595 0 01-.596.589h-6.303c-.956 0-1.894.308-2.654.869.194.472.332.963.417 1.467a3.99 3.99 0 012.898-1.238h5.642a.592.592 0 01.55.815.594.594 0 01-.55.362h-5.63a2.79 2.79 0 00-2.804 2.764v3.511c.004 1.522 1.262 2.763 2.804 2.764h5.685l.02.002a.592.592 0 01.553.626.592.592 0 01-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M.647 5.203h6.31c2.445 0 4.434 1.967 4.432 4.38v4.838c0 3.06 2.524 5.552 5.628 5.552h6.31a.592.592 0 00.597-.586.59.59 0 00-.596-.589h-6.323a4.428 4.428 0 01-4.094-2.7 4.325 4.325 0 01-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592 0 00-.594.589.592.592 0 00.594.586z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M23.361 21.116h.063a.531.531 0 01.417.208.587.587 0 01-.448.973l-.02-.002h-7.21a7.159 7.159 0 01-4.158-1.333 7.212 7.212 0 01-4.162 1.333H.606l-.02-.002H.568a.588.588 0 01.04-1.175l.02.002H7.84a5.937 5.937 0 003.234-.957 7.033 7.033 0 01-.94-1.181 5.609 5.609 0 01-3.181.987H.644a.593.593 0 01-.597-.588.592.592 0 01.596-.587h6.32c.951 0 1.877-.304 2.643-.867a6.886 6.886 0 01-.415-1.465 4.003 4.003 0 01-2.902 1.234H.592a.589.589 0 01.02-1.177l.02.003h5.65c1.543-.002 2.8-1.244 2.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592 0 01-.596-.589.592.592 0 01.596-.588h5.638c2.195.004 3.988 1.771 3.99 3.937V15.3c.002 3.209 2.648 5.821 5.899 5.825h7.142l.047-.008z","fill":"url(#grad-c)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Tiangong"]},{"type":"path","props":{"d":"M7.852 2.88H.647a.594.594 0 01-.592-.592.592.592 0 01.594-.588h7.205c1.49 0 2.96.474 4.157 1.335A7.196 7.196 0 0116.173 1.7h7.198a.592.592 0 01.596.588.595.595 0 01-.596.589h-7.198a5.944 5.944 0 00-3.226.96c.355.357.671.754.938 1.18a5.647 5.647 0 013.183-.987h6.303a.594.594 0 01.596.588.595.595 0 01-.596.589h-6.303c-.956 0-1.894.308-2.654.869.194.472.332.963.417 1.467a3.99 3.99 0 012.898-1.238h5.642a.592.592 0 01.55.815.594.594 0 01-.55.362h-5.63a2.79 2.79 0 00-2.804 2.764v3.511c.004 1.522 1.262 2.763 2.804 2.764h5.685l.02.002a.592.592 0 01.553.626.592.592 0 01-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M.647 5.203h6.31c2.445 0 4.434 1.967 4.432 4.38v4.838c0 3.06 2.524 5.552 5.628 5.552h6.31a.592.592 0 00.597-.586.59.59 0 00-.596-.589h-6.323a4.428 4.428 0 01-4.094-2.7 4.325 4.325 0 01-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592 0 00-.594.589.592.592 0 00.594.586z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M23.361 21.116h.063a.531.531 0 01.417.208.587.587 0 01-.448.973l-.02-.002h-7.21a7.159 7.159 0 01-4.158-1.333 7.212 7.212 0 01-4.162 1.333H.606l-.02-.002H.568a.588.588 0 01.04-1.175l.02.002H7.84a5.937 5.937 0 003.234-.957 7.033 7.033 0 01-.94-1.181 5.609 5.609 0 01-3.181.987H.644a.593.593 0 01-.597-.588.592.592 0 01.596-.587h6.32c.951 0 1.877-.304 2.643-.867a6.886 6.886 0 01-.415-1.465 4.003 4.003 0 01-2.902 1.234H.592a.589.589 0 01.02-1.177l.02.003h5.65c1.543-.002 2.8-1.244 2.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592 0 01-.596-.589.592.592 0 01.596-.588h5.638c2.195.004 3.988 1.771 3.99 3.937V15.3c.002 3.209 2.648 5.821 5.899 5.825h7.142l.047-.008z","fill":"url(#grad-c)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"0","x2":"23.45","y1":"11.5","y2":"15.091"},"children":[{"type":"stop","props":{"stopColor":"#6865FC"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#467DF9"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Tiangong (天工)"]},{"type":"path","props":{"d":"M7.852 2.88H.647a.594.594 0 01-.592-.592.592.592 0 01.594-.588h7.205c1.49 0 2.96.474 4.157 1.335A7.196 7.196 0 0116.173 1.7h7.198a.592.592 0 01.596.588.595.595 0 01-.596.589h-7.198a5.944 5.944 0 00-3.226.96c.355.357.671.754.938 1.18a5.647 5.647 0 013.183-.987h6.303a.594.594 0 01.596.588.595.595 0 01-.596.589h-6.303c-.956 0-1.894.308-2.654.869.194.472.332.963.417 1.467a3.99 3.99 0 012.898-1.238h5.642a.592.592 0 01.55.815.594.594 0 01-.55.362h-5.63a2.79 2.79 0 00-2.804 2.764v3.511c.004 1.522 1.262 2.763 2.804 2.764h5.685l.02.002a.592.592 0 01.553.626.592.592 0 01-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z"},"children":[]},{"type":"path","props":{"d":"M.647 5.203h6.31c2.445 0 4.434 1.967 4.432 4.38v4.838c0 3.06 2.524 5.552 5.628 5.552h6.31a.592.592 0 00.597-.586.59.59 0 00-.596-.589h-6.323a4.428 4.428 0 01-4.094-2.7 4.325 4.325 0 01-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.592.592 0 00-.594.589.592.592 0 00.594.586z"},"children":[]},{"type":"path","props":{"d":"M23.361 21.116h.063a.531.531 0 01.417.208.587.587 0 01-.448.973l-.02-.002h-7.21a7.159 7.159 0 01-4.158-1.333 7.212 7.212 0 01-4.162 1.333H.606l-.02-.002H.568a.588.588 0 01.04-1.175l.02.002H7.84a5.937 5.937 0 003.234-.957 7.033 7.033 0 01-.94-1.181 5.609 5.609 0 01-3.181.987H.644a.593.593 0 01-.597-.588.592.592 0 01.596-.587h6.32c.951 0 1.877-.304 2.643-.867a6.886 6.886 0 01-.415-1.465 4.003 4.003 0 01-2.902 1.234H.592a.589.589 0 01.02-1.177l.02.003h5.65c1.543-.002 2.8-1.244 2.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.592.592 0 01-.596-.589.592.592 0 01.596-.588h5.638c2.195.004 3.988 1.771 3.99 3.937V15.3c.002 3.209 2.648 5.821 5.899 5.825h7.142l.047-.008z"},"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 Tiangong = forwardRef(
   function Tiangong({ 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 Tiangong = 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/tidal-music.cjs

@@ -9,7 +9,24 @@ const react_1 = require("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 = react_1.forwardRef(function TidalMusic({ 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 TidalMusic = react_1.forwardRef(function TidalMusic({ variant = 'default',
     ..._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));
       })
   );
 });