@thesvg/react 3.2.2 → 3.2.5

package/dist/general-mills.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 65.357573 38.17371","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs20627"},"children":[{"type":"clipPath","props":{"id":"clip3-9"},"children":[{"type":"path","props":{"d":"M 192.09375,609.44141 H 251 v 33.30468 h -58.90625 z m 0,0","id":"path20674"},"children":[]}]},{"type":"clipPath","props":{"id":"clip4-8"},"children":[{"type":"path","props":{"d":"m 398,623 h 16.50391 v 12 H 398 Z m 0,0","id":"path20677"},"children":[]}]},{"type":"clipPath","props":{"id":"clip1-5"},"children":[{"type":"path","props":{"d":"M 60.648438,232 H 247 V 482 H 60.648438 Z m 0,0","id":"path39837"},"children":[]}]}]},{"type":"g","props":{"id":"layer1","transform":"translate(14.005512,-56.981133)"},"children":[{"type":"g","props":{"id":"g40106","transform":"matrix(0.39045493,0,0,0.39045493,-39.753167,24.74398)"},"children":[{"type":"g","props":{"clipPath":"url(#clip1-5)","clipRule":"nonzero","id":"g39844","transform":"matrix(0.35277778,0,0,0.35277778,44.837584,10.304191)"},"children":[{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"d":"m 149.05078,232.17578 h 7.6875 c 7.64063,0.63672 15.28906,2.76563 21.68359,7.12109 7.67579,5.04688 13.13672,13.14063 15.42188,22.01563 2.85547,11.05078 1.65625,22.93359 -2.375,33.53125 -1.3125,3.74609 -2.67578,7.48047 -4.00781,11.21875 6.20312,-1.625 12.26953,-4.48047 16.6914,-9.23828 4.78516,-4.88281 7.21875,-11.48438 8.78125,-18.01953 11.26953,-0.0586 22.53516,-0.0117 33.80078,-0.0274 -5.82421,15.47657 -10.11718,31.82422 -9.82031,48.48047 0.10547,19.22266 7.11719,37.46875 9.02735,56.47266 1.41406,12.85547 1.00781,26.07812 -2.67969,38.54687 -3.37891,11.65235 -9.55078,22.51563 -17.98828,31.23047 -8.45703,8.84766 -19.02344,15.53125 -30.39063,19.94141 -14.57812,5.6875 -30.35937,7.84375 -45.9375,7.52344 C 130.36719,480.58594 111.52734,476.35937 95.566406,466.5625 81.78125,458.21094 70.40625,445.49219 64.746094,430.27734 59.046875,415.17187 59.441406,397.74219 66.304688,383.08594 71.625,371.62109 81.179688,362.35156 92.5,356.87891 c 13.97656,-6.74219 29.94922,-8.44141 45.25391,-6.86329 2.13671,-5.55468 4.23437,-11.1289 6.41406,-16.66796 C 131.28516,327.83203 119.5625,318.69141 112.82031,306.1875 102.5,287.41406 104.83594,262 119.64063,246.25391 c 7.51953,-8.28907 18.32031,-13.2461 29.41015,-14.07813 m -8.44922,39.37109 c -2.5625,5.6836 -2.84765,12.4961 -0.0781,18.15625 3,6.25782 7.75781,12.07422 14.19531,14.92579 1.30859,-2.98829 2.39062,-6.07813 3.57812,-9.11329 1.8086,-4.84375 4.01954,-9.6289 4.625,-14.8164 0.625,-4.30469 -0.0352,-9.05469 -2.85156,-12.50781 -2.92969,-3.49219 -8.05859,-4.86719 -12.35547,-3.42579 -3.2539,1.03516 -5.72265,3.74219 -7.11328,6.78125 m 35.22266,65.85547 c -2.53125,7.00391 -5.27735,13.9336 -7.73438,20.97266 7.76563,3.65234 15.80469,7.42578 21.90625,13.65625 -3.83203,9.75391 -7.65625,19.50781 -11.63672,29.20312 -6.02343,-5.95703 -13.04296,-11.01953 -20.96484,-14.09765 -4.29687,11.39453 -8.50391,22.8125 -12.73047,34.23437 -11.03515,0.0274 -22.07031,0.0156 -33.10547,0.008 4.92969,-13.19532 9.83204,-26.40625 14.73829,-39.61719 -10.83594,-0.32813 -21.71485,5.16797 -27.574224,14.36719 -2.492187,3.84375 -4.003906,8.48828 -3.375,13.10156 0.601563,9.75 5.640624,18.92578 13.152344,25.07031 10.26172,8.49609 23.72266,11.96484 36.76562,12.94141 10.78125,0.73828 21.82813,0.0976 32.12891,-3.38672 9.27734,-3 17.85938,-8.53125 23.89063,-16.27735 7.89453,-9.98046 10.98046,-23.17578 10.07812,-35.73046 -0.87891,-9.625 -3.19531,-19.04297 -4.94531,-28.53125 -2.03516,-10.6836 -3.72656,-21.51172 -3.72656,-32.42188 -8.625,3.33594 -17.67188,5.53516 -26.86719,6.50781","id":"path39842"},"children":[]}]},{"type":"path","props":{"style":{"fill":"#e32123","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 125.92549,104.3236 c 6.00549,-4.564059 9.05233,-7.110673 10.99536,-10.48549 2.73403,-4.745962 1.07763,-8.772592 -2.38676,-10.344933 -3.24804,-1.477257 -7.10379,-0.09095 -8.6086,3.093695 -1.5062,-3.184645 -5.36195,-4.570952 -8.60999,-3.093695 -3.46438,1.572341 -5.12079,5.598971 -2.38538,10.344933 1.94303,3.374817 4.9885,5.921431 10.99537,10.48549","id":"path39846"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 141.89419,117.30335 v -0.0482 c 0,-4.78041 3.72484,-8.6968 8.81807,-8.6968 3.02617,0 4.85207,0.8158 6.60493,2.30684 l -2.32888,2.8112 c -1.29811,-1.08176 -2.45015,-1.70739 -4.39594,-1.70739 -2.69131,0 -4.82865,2.37987 -4.82865,5.23792 v 0.0482 c 0,3.07579 2.11391,5.33301 5.09186,5.33301 1.34496,0 2.54661,-0.33624 3.48368,-1.00734 v -2.4033 h -3.72346 v -3.19567 h 7.30222 v 7.3036 c -1.72806,1.46485 -4.10793,2.6665 -7.18234,2.6665 -5.23654,0 -8.84149,-3.67523 -8.84149,-8.64856","id":"path39848"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 160.46464,119.29737 v -0.0482 c 0,-3.6766 2.61965,-6.70277 6.36653,-6.70277 4.30086,0 6.27145,3.33899 6.27145,6.99079 0,0.288 -0.0248,0.62563 -0.0482,0.96187 h -8.96276 c 0.36105,1.65778 1.51447,2.52181 3.14744,2.52181 1.22646,0 2.11529,-0.3831 3.12401,-1.32154 l 2.09049,1.8507 c -1.20165,1.48966 -2.93247,2.40192 -5.26135,2.40192 -3.86815,0 -6.72758,-2.71473 -6.72758,-6.65454 m 9.08127,-1.08177 c -0.21636,-1.63297 -1.17685,-2.73815 -2.71474,-2.73815 -1.51308,0 -2.49838,1.08175 -2.78777,2.73815 h 5.50251","id":"path39850"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 175.81598,112.78614 h 3.6518 v 1.8259 c 0.84061,-1.08177 1.92236,-2.06568 3.77169,-2.06568 2.76297,0 4.37252,1.8259 4.37252,4.78041 v 8.33713 h -3.6518 v -7.18371 c 0,-1.72944 -0.8158,-2.61827 -2.21038,-2.61827 -1.39319,0 -2.28203,0.88883 -2.28203,2.61827 v 7.18371 h -3.6518 v -12.87776","id":"path39852"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 190.15723,119.29737 v -0.0482 c 0,-3.6766 2.61965,-6.70277 6.36653,-6.70277 4.30086,0 6.27145,3.33899 6.27145,6.99079 0,0.288 -0.0248,0.62563 -0.0496,0.96187 h -8.96138 c 0.36105,1.65778 1.51447,2.52181 3.14882,2.52181 1.22507,0 2.11391,-0.3831 3.12263,-1.32154 l 2.09049,1.8507 c -1.20165,1.48966 -2.93109,2.40192 -5.26135,2.40192 -3.86815,0 -6.72758,-2.71473 -6.72758,-6.65454 m 9.08126,-1.08177 c -0.21497,-1.63297 -1.17684,-2.73815 -2.71473,-2.73815 -1.51308,0 -2.49838,1.08175 -2.78639,2.73815 h 5.50112","id":"path39854"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 205.50857,112.78614 h 3.6518 v 2.59484 c 0.74552,-1.77767 1.94579,-2.93109 4.10793,-2.83462 v 3.81992 h -0.19154 c -2.42673,0 -3.91639,1.46623 -3.91639,4.54063 v 4.75699 h -3.6518 v -12.87776","id":"path39856"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 214.18194,121.96387 v -0.0482 c 0,-2.8112 2.13734,-4.10931 5.18832,-4.10931 1.29811,0 2.23517,0.21773 3.14881,0.53054 v -0.21773 c 0,-1.51308 -0.93844,-2.35369 -2.76434,-2.35369 -1.3932,0 -2.37849,0.26459 -3.55534,0.69729 l -0.91364,-2.78639 c 1.418,-0.62563 2.8112,-1.03353 4.99677,-1.03353 1.9954,0 3.43683,0.52779 4.35046,1.44143 0.9605,0.96049 1.39182,2.37849 1.39182,4.10793 v 7.47172 h -3.53053 v -1.39319 c -0.88884,0.98392 -2.11391,1.63297 -3.89296,1.63297 -2.42672,0 -4.41937,-1.3932 -4.41937,-3.93981 m 8.38399,-0.8406 v -0.64906 c -0.62563,-0.28801 -1.44143,-0.47956 -2.33026,-0.47956 -1.56132,0 -2.52319,0.62425 -2.52319,1.7763 v 0.0496 c 0,0.98392 0.81717,1.55994 1.99402,1.55994 1.70601,0 2.85943,-0.93568 2.85943,-2.25722","id":"path39858"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 229.34036,125.6639 h 3.6518 v -17.53829 h -3.6518 z m 0,0","id":"path39860"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 142.63971,132.02906 h 3.98667 l 4.42212,7.11068 4.41937,-7.11068 h 3.98804 v 16.81758 h -3.67523 v -10.97883 l -4.73218,7.18233 h -0.0965 l -4.68533,-7.11067 v 10.90717 h -3.627 v -16.81758","id":"path39862"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 163.17937,131.30972 h 3.84473 v 3.24253 h -3.84473 z m 0.0965,4.65915 h 3.65042 v 12.87777 h -3.65042 z m 0,0","id":"path39864"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 170.5312,148.84802 h 3.65181 v -17.5383 h -3.65181 z m 0,0","id":"path39866"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 177.78658,148.84802 h 3.6518 v -17.5383 h -3.6518 z m 0,0","id":"path39868"},"children":[]},{"type":"path","props":{"style":{"fill":"#234291","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.352778"},"d":"m 183.86372,147.14063 1.55994,-2.40192 c 1.39458,1.00872 2.85943,1.53789 4.06108,1.53789 1.05696,0 1.53789,-0.38585 1.53789,-0.96187 v -0.0482 c 0,-0.79237 -1.2485,-1.05696 -2.6665,-1.48966 -1.80248,-0.52779 -3.84473,-1.36839 -3.84473,-3.86678 v -0.0496 c 0,-2.61827 2.11391,-4.08313 4.70876,-4.08313 1.63297,0 3.41202,0.5526 4.80522,1.48966 l -1.3932,2.52319 c -1.27331,-0.74552 -2.54661,-1.20165 -3.48368,-1.20165 -0.88883,0 -1.34497,0.38448 -1.34497,0.88884 v 0.0469 c 0,0.72209 1.2237,1.05696 2.61828,1.53789 1.8011,0.60083 3.89295,1.46623 3.89295,3.81992 v 0.0482 c 0,2.85943 -2.13871,4.15616 -4.92648,4.15616 -1.8011,0 -3.81992,-0.60083 -5.52456,-1.94579","id":"path39870"},"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 GeneralMills = forwardRef(
   function GeneralMills({ 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 GeneralMills = 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/genstory.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 440 438","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["GenStory"]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"g","x1":"86","y1":"36","x2":"289","y2":"420","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#7FE6DD"},"children":[]},{"type":"stop","props":{"offset":".52","stopColor":"#67B7FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9A8BFF"},"children":[]}]}]},{"type":"path","props":{"fill":"#000","fillRule":"evenodd","stroke":"url(#g)","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"8","d":"M344 35C302 17 238 12 177 21C111 31 63 64 45 114C27 165 43 212 90 248C123 273 163 286 197 299C226 310 244 324 246 343C248 369 223 387 184 388C152 389 123 379 89 360L67 405C111 428 159 438 214 434C300 428 367 387 385 317C401 256 376 206 326 171C291 147 249 135 224 122C209 115 206 102 217 93C243 74 295 81 336 101L359 46C350 41 347 37 344 35ZM327 83C296 69 253 66 222 76C187 88 171 115 182 138C192 159 218 170 255 183C310 202 348 239 350 299C352 350 324 396 277 414C229 433 172 430 117 403L129 379C148 388 167 393 187 393C218 393 240 384 252 369C263 355 267 338 264 321C258 290 232 274 188 257C146 241 112 223 100 189C86 149 95 112 127 84C178 39 262 41 342 80Z"},"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 Genstory = react_1.forwardRef(function Genstory({ 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 Genstory = react_1.forwardRef(function Genstory({ 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/genstory.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 440 438","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["GenStory"]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"g","x1":"86","y1":"36","x2":"289","y2":"420","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#7FE6DD"},"children":[]},{"type":"stop","props":{"offset":".52","stopColor":"#67B7FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9A8BFF"},"children":[]}]}]},{"type":"path","props":{"fill":"#000","fillRule":"evenodd","stroke":"url(#g)","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"8","d":"M344 35C302 17 238 12 177 21C111 31 63 64 45 114C27 165 43 212 90 248C123 273 163 286 197 299C226 310 244 324 246 343C248 369 223 387 184 388C152 389 123 379 89 360L67 405C111 428 159 438 214 434C300 428 367 387 385 317C401 256 376 206 326 171C291 147 249 135 224 122C209 115 206 102 217 93C243 74 295 81 336 101L359 46C350 41 347 37 344 35ZM327 83C296 69 253 66 222 76C187 88 171 115 182 138C192 159 218 170 255 183C310 202 348 239 350 299C352 350 324 396 277 414C229 433 172 430 117 403L129 379C148 388 167 393 187 393C218 393 240 384 252 369C263 355 267 338 264 321C258 290 232 274 188 257C146 241 112 223 100 189C86 149 95 112 127 84C178 39 262 41 342 80Z"},"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 Genstory = forwardRef(
   function Genstory({ 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 Genstory = 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/gimp.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 48 48","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"s","fill":"#2e3436","fillRule":"evenodd","stroke":"#000","strokeMiterlimit":"10","strokeWidth":"1.17391276","d":"M24.041631 21.837049a2.2980971 2.2980971 0 1 1-4.596194 0 2.2980971 2.2980971 0 1 1 4.596194 0z","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"path","props":{"id":"u","fill":"#fff","fillRule":"evenodd","d":"M23.157747 20.953165a1.767767 1.767767 0 1 1-3.535534 0 1.767767 1.767767 0 1 1 3.535534 0z","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"path","props":{"id":"z","fill":"#fff","d":"M8.8749989 37.75a1.2499999 1.2499999 0 1 1-2.4999997 0 1.2499999 1.2499999 0 1 1 2.4999997 0z","opacity":".52777782","overflow":"visible","style":{"marker":"none"}},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"k"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5b676b"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#141718"},"children":[]}]},{"type":"linearGradient","props":{"id":"f"},"children":[{"type":"stop","props":{"offset":"0"},"children":[]},{"type":"stop","props":{"offset":"1","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"e"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"a"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"href":"#a","id":"A","x1":"13.236155","x2":"7.7521091","y1":"37.752247","y2":"42.282146","gradientTransform":"rotate(27.62097 -26.24365974 -49.44033909) scale(.852298)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"id":"h"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#696969"},"children":[]},{"type":"stop","props":{"offset":"1"},"children":[]}]},{"type":"linearGradient","props":{"id":"b"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#bdbdbd"},"children":[]},{"type":"stop","props":{"offset":".33333334","stopColor":"#e2e2e2"},"children":[]},{"type":"stop","props":{"offset":".66666669","stopColor":"#a3a3a3"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ddd"},"children":[]}]},{"type":"linearGradient","props":{"href":"#b","id":"x","x1":"19.394735","x2":"23.109331","y1":"30.001331","y2":"33.438831","gradientTransform":"translate(-46.40695 -1.802856)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"id":"c"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#6e3d09"},"children":[]},{"type":"stop","props":{"offset":".24242425","stopColor":"#ea8113"},"children":[]},{"type":"stop","props":{"offset":".62121212","stopColor":"#5c3307"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#e07c12"},"children":[]}]},{"type":"linearGradient","props":{"href":"#c","id":"w","x1":"37.017639","x2":"27.753893","y1":"19.239889","y2":"11.182488","gradientTransform":"translate(-49.30496 1.877723)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"id":"l"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#857c63"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#221f19"},"children":[]}]},{"type":"linearGradient","props":{"id":"j"},"children":[{"type":"stop","props":{"offset":"0"},"children":[]},{"type":"stop","props":{"offset":"1","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"g"},"children":[{"type":"stop","props":{"offset":"0"},"children":[]},{"type":"stop","props":{"offset":"1","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"i"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#b9b9b0"},"children":[]}]},{"type":"linearGradient","props":{"id":"d"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"href":"#d","id":"t","x1":"6.3051529","x2":"5.9846287","y1":"23.362427","y2":"31.57","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"href":"#e","id":"p","x1":"14.96875","x2":"39.524544","y1":"19.110678","y2":"46.98568","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"href":"#f","id":"B","x1":"26.162951","x2":"24.328892","y1":"30.543303","y2":"30.985245","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"href":"#g","id":"o","x1":"32.350136","x2":"21.213203","y1":"28.083355","y2":"30.293064","gradientTransform":"translate(-3.836549 .345971)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#h","id":"y","cx":"15.415101","cy":"35.356506","r":"7.5791559","fx":"15.415101","fy":"35.356506","gradientTransform":"matrix(1.572694 0 0 1.532639 -55.36682 -21.35823)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#i","id":"v","cx":"69.473244","cy":"19.597878","r":"3.5153139","fx":"69.473244","fy":"19.597878","gradientTransform":"translate(-22.1264 -6.241691) scale(1.318488)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#j","id":"m","cx":"23","cy":"33.9375","r":"18.25","fx":"23","fy":"33.9375","gradientTransform":"matrix(1 0 0 .284247 0 24.29088)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#k","id":"r","cx":"6.0242186","cy":"25.271027","r":"4.8310289","fx":"6.0242186","fy":"25.271027","gradientTransform":"matrix(.916159 .09318684 -.108765 1.069309 3.253668 -3.029272)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#l","id":"n","cx":"18.557627","cy":"22.300018","r":"19.2292","fx":"18.557627","fy":"22.300018","gradientTransform":"matrix(1.77275 0 0 1.29668 -16.3404 -6.615959)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#i","id":"q","cx":"69.473244","cy":"19.597878","r":"3.5153139","fx":"69.473244","fy":"19.597878","gradientTransform":"translate(-22.1264 -6.241691) scale(1.318488)","gradientUnits":"userSpaceOnUse"},"children":[]}]},{"type":"g","props":{"color":"#000"},"children":[{"type":"path","props":{"fill":"url(#m)","fillRule":"evenodd","d":"M41.25 33.9375a18.25 5.1875 0 1 1-36.5 0 18.25 5.1875 0 1 1 36.5 0z","overflow":"visible","style":{"marker":"none"},"transform":"matrix(1 0 0 1.53012 .125 -19.99096)"},"children":[]},{"type":"path","props":{"fill":"url(#n)","fillRule":"evenodd","stroke":"#2e3436","strokeMiterlimit":"10","strokeWidth":".9999997","d":"M10.374369 12.467884s2.874509 5.927634 9.599242 5.760407c14.092515-.353553 16.563709-7.70495 16.917262-8.7656106.353554-1.0606602.894534-.8999979 1.019607.0802666 4.596194 41.7193-31.8969312 23.819176-33.1929656 16.71352 7.2478446-2.12132 5.4800776-6.187185 5.4800776-6.187185l.176777-7.601398z","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"path","props":{"fill":"url(#o)","fillRule":"evenodd","d":"M15.73779 30.066049c6.7389 1.347837 10.170691.098093 12.179175-1.452776-.53033-.68501-1.43631-1.436311-1.43631-1.436311s2.353317.653942 3.18198 1.723573c.82629 1.066568.306808 1.723707.090561 3.08837-.481411-1.198599-1.379981-1.648092-1.501634-2.124332-1.806268 2.496927-6.306442 2.3932-12.513772.201476z","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"path","props":{"fill":"none","stroke":"url(#p)","strokeMiterlimit":"10","strokeWidth":".9999997","d":"M36.96875 11.84375c-.561978.926895-1.406492 2.033166-2.6875 3.09375C31.649332 17.116542 27.230687 19.099847 20 19.28125c-4.224373.105049-6.952741-1.934149-8.625-3.75L11.25 20c.136107.418802.415455 1.390498-.0625 2.71875-.514314 1.429296-2.154514 2.891363-4.96875 4 .2503304.522033.4954845 1.04362 1.25 1.78125 1.0279503 1.004945 2.4570333 2.088049 4.15625 3.0625 3.398433 1.948902 7.801583 3.493212 11.90625 3.5625 4.104667.069288 7.857126-1.23455 10.4375-5 2.378744-3.471218 3.682473-9.347943 3-18.28125z","opacity":".18539327","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"path","props":{"fill":"url(#q)","fillRule":"evenodd","stroke":"#888a85","strokeMiterlimit":"10","strokeWidth":".78260845","d":"M72.655224 21.837049a3.1819806 3.1819806 0 1 1-6.363961 0 3.1819806 3.1819806 0 1 1 6.363961 0z","overflow":"visible","style":{"marker":"none"},"transform":"translate(-75.12661 -6.507784) scale(1.277778)"},"children":[]},{"type":"path","props":{"fill":"url(#r)","fillRule":"evenodd","stroke":"#000","strokeMiterlimit":"10","strokeWidth":".9999997","d":"M10.429825 27.228739a4.3310289 6.0987959 0 1 1-8.662058 0 4.3310289 6.0987959 0 1 1 8.662058 0z","overflow":"visible","style":{"marker":"none"},"transform":"rotate(-35.80785 3.36287611 26.34483917)"},"children":[]},{"type":"use","props":{"href":"#s","fillRule":"evenodd","strokeMiterlimit":"10","strokeWidth":"1.17391276","overflow":"visible","style":{"marker":"none"},"transform":"translate(-3.926759 3.395528) scale(.851852)"},"children":[]},{"type":"path","props":{"fill":"none","stroke":"url(#t)","strokeMiterlimit":"10","strokeWidth":"1.00000012","d":"M6.09375 22.15625c-.7982492 0-1.5531304.446171-2.1875 1.34375-.6343696.897579-1.09375 2.234204-1.09375 3.71875s.4593804 2.821171 1.09375 3.71875c.6343696.897579 1.3892511 1.34375 2.1875 1.34375.7982492 0 1.5772839-.476389 2.21875-1.375.6414661-.898611 1.09375-2.206186 1.09375-3.6875 0-1.481314-.4522838-2.788889-1.09375-3.6875-.6414662-.898611-1.4205011-1.375-2.21875-1.375z","opacity":".28089887","overflow":"visible","style":{"marker":"none"},"transform":"rotate(-36.83273 3.36645406 26.60031137)"},"children":[]},{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M5.833631 23.251263a1.767767 2.1213202 0 1 1-3.5355339 0 1.767767 2.1213202 0 1 1 3.5355339 0z","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"use","props":{"href":"#u","fillRule":"evenodd","overflow":"visible","style":{"marker":"none"},"transform":"translate(-2.556414 5.029841) scale(.766666)"},"children":[]},{"type":"path","props":{"fill":"url(#v)","fillRule":"evenodd","stroke":"#888a85","strokeMiterlimit":"10","strokeWidth":".66666645","d":"M72.655224 21.837049a3.1819806 3.1819806 0 1 1-6.363961 0 3.1819806 3.1819806 0 1 1 6.363961 0z","overflow":"visible","style":{"marker":"none"},"transform":"matrix(1.5 0 0 1.5 -82.16821 -10.91852)"},"children":[]},{"type":"use","props":{"href":"#s","fillRule":"evenodd","strokeMiterlimit":"10","strokeWidth":".9999997","overflow":"visible","style":{"marker":"none"},"transform":"translate(1.414216 .707108)"},"children":[]},{"type":"use","props":{"href":"#u","fillRule":"evenodd","overflow":"visible","style":{"marker":"none"},"transform":"matrix(.9 0 0 .9 3.022883 2.625648)"},"children":[]},{"type":"path","props":{"fill":"url(#w)","stroke":"#673907","strokeLinecap":"round","strokeWidth":"2.46045303","d":"m-23.364209 23.568336 3.710098 3.469175C-11.307128 20.656664-2.5600338 6.9381374-2.5600338 6.9381374c1.97631487-2.2424123-.1169199-3.7504826-2.1649066-2.3979188 0 0-12.9703626 10.1148664-18.6392686 19.0281174z","overflow":"visible","style":{"marker":"none"},"transform":"matrix(-.114852 -.389864 .389864 -.114852 24.71507 29.68942)"},"children":[]},{"type":"path","props":{"fill":"url(#x)","stroke":"#888a85","strokeLinecap":"round","strokeWidth":"2.46045303","d":"m-30.449715 32.813894 2.24632 1.93382 8.492766-7.367031.275061-.705828 1.094405-.017815c-.4375-1.5625-2.941514-4.383455-4.816514-4.383455l.082019 1.090075-.669991.380027-6.704066 9.070207z","overflow":"visible","style":{"marker":"none"},"transform":"matrix(-.114852 -.389864 .389864 -.114852 24.71507 29.68942)"},"children":[]},{"type":"path","props":{"fill":"none","stroke":"#fff","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"2.46045327","d":"m-23.801371 28.376767-4.364933 5.266471","overflow":"visible","style":{"marker":"none"},"transform":"matrix(-.114852 -.389864 .389864 -.114852 24.71507 29.68942)"},"children":[]},{"type":"path","props":{"fill":"url(#y)","d":"M-45.341208 42.769835c10.443958 0 18.370039 1.24373 19.870605-6.354738 1.209249-6.123314-7.210534-9.057368-11.38287-3.590861-4.019277 5.265971-8.487735 9.945599-8.487735 9.945599z","overflow":"visible","style":{"marker":"none"},"transform":"matrix(-.114852 -.389864 .389864 -.114852 24.71507 29.68942)"},"children":[]},{"type":"use","props":{"href":"#z","opacity":".52777782","overflow":"visible","style":{"marker":"none"},"transform":"rotate(-106.414712 26.2449128 20.83923957) scale(.84126959)"},"children":[]},{"type":"use","props":{"href":"#z","overflow":"visible","style":{"marker":"none"},"transform":"rotate(-106.414712 26.04110726 15.7329477) scale(.56764745)"},"children":[]},{"type":"path","props":{"fill":"url(#A)","d":"M-38.543723 40.909242s3.72152.0943 6.116538-1.411995c.847351-.532923 1.515774.649985.493819 1.087367-2.207394.944732-6.610357.324628-6.610357.324628z","opacity":".42777776","overflow":"visible","style":{"marker":"none"},"transform":"matrix(-.114852 -.389864 .389864 -.114852 24.71507 29.68942)"},"children":[]},{"type":"path","props":{"fill":"url(#B)","fillRule":"evenodd","d":"M23.003067 31.736544c1.497372.143092 2.849629-.272213 3.411893-.474047.098225-.555386.536552-1.621257 2.046088-1.691468l-.53033-.928077s-1.966641 1.347921-4.065864 1.745669l-.861787 1.347923z","overflow":"visible","style":{"marker":"none"}},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["GIMP"]},{"type":"path","props":{"d":"M15.496 8.608a2.175 2.385 0 0 0-2.175 2.384 2.175 2.385 0 0 0 2.175 2.385 2.175 2.385 0 0 0 2.175-2.385 2.175 2.385 0 0 0-2.175-2.384zm0 .15a.934.934 0 0 1 .933.935.934.934 0 0 1-.933.934.934.934 0 0 1-.934-.934.934.934 0 0 1 .934-.934zm4.903 9.433a.314.314 0 0 0-.094.014c-.278.08-.642.735-.563 1.013.079.278.356.152.524.245.149.083.196.33.4.329-.033.446.125.903.398 1.231.464.564 1.173.576 1.627.68.453.103.789.38.955.683h-.01c.14.253.413-.965.313-1.81-.199-1.692-1.827-2.294-2.657-1.856-.095-.218-.349-.112-.507-.2-.147-.082-.195-.323-.39-.329zM2.01 8.207a2.938 2.279 78.561 0 0-.296.036 2.938 2.279 78.561 0 0-1.637 3.343 2.938 2.279 78.561 0 0 2.824 2.412 2.938 2.279 78.561 0 0 1.637-3.343A2.938 2.279 78.561 0 0 2.01 8.207zm.02.182a1.24 1.24 89.982 0 1 1.24 1.24 1.24 1.24 89.982 0 1-1.24 1.241 1.24 1.24 89.982 0 1-1.24-1.24 1.24 1.24 89.982 0 1 1.24-1.24zm7.296.619a1.61 1.957 0 0 0-1.61 1.957 1.61 1.957 0 0 0 1.61 1.957 1.61 1.957 0 0 0 1.61-1.957 1.61 1.957 0 0 0-1.61-1.957zm.01.142a.734.734 0 0 1 .733.733.734.734 0 0 1-.733.734.734.734 0 0 1-.734-.734.734.734 0 0 1 .734-.733zm13.785-7.57c-.082.01-.178.056-.278.184-2.255 3.385-5.54 4.902-7.936 5.521a3.513 3.586 0 0 1 3.25 3.576 3.513 3.586 0 0 1-3.513 3.586 3.513 3.586 0 0 1-3.375-2.595 2.676 2.998 0 0 1-2.52 2 2.676 2.998 0 0 1-2.676-2.998 2.676 2.998 0 0 1 2.675-2.999 2.676 2.998 0 0 1 2.517 2.037 3.513 3.586 0 0 1 1.878-2.27c-1.887.246-2.89-.025-4.335-.649-1.024-.56-1.722-1.173-2.48-2.359-.036-.055-.11-.086-.16-.025-.18.241-.97 5.723-.98 6.227-.033 1.632-.706 3.593-2.73 3.661 1.864 3.799 5.919 5.465 10.586 5.397 1.404.01 3.329-.332 5.171-1.243a213.84 213.84 0 0 1-1.568-.996c-1.347.788-2.935 1.09-4.674 1.019-2.217-.09-1.847-.732-1.36-.667 3.574.506 5.82-.624 7.315-2.547a34.596 34.596 0 0 1-.556-.377c-.164-.114.032-.291.385-.304h.04c.205-.002.458.056.722.206.757.433.783.965.535 1.081-.08.037-.263-.048-.439-.151-.255.329-.53.622-.818.887h.01c.668.29 1.568.684 2.005.89a9.634 9.634 0 0 0 3.017-3.574c2.18-4.449.652-12.176.614-12.29-.039-.112-.15-.211-.242-.226h-.076z"},"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 Gimp = react_1.forwardRef(function Gimp({ 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 Gimp = react_1.forwardRef(function Gimp({ 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/gimp.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 48 48","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"s","fill":"#2e3436","fillRule":"evenodd","stroke":"#000","strokeMiterlimit":"10","strokeWidth":"1.17391276","d":"M24.041631 21.837049a2.2980971 2.2980971 0 1 1-4.596194 0 2.2980971 2.2980971 0 1 1 4.596194 0z","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"path","props":{"id":"u","fill":"#fff","fillRule":"evenodd","d":"M23.157747 20.953165a1.767767 1.767767 0 1 1-3.535534 0 1.767767 1.767767 0 1 1 3.535534 0z","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"path","props":{"id":"z","fill":"#fff","d":"M8.8749989 37.75a1.2499999 1.2499999 0 1 1-2.4999997 0 1.2499999 1.2499999 0 1 1 2.4999997 0z","opacity":".52777782","overflow":"visible","style":{"marker":"none"}},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"k"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5b676b"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#141718"},"children":[]}]},{"type":"linearGradient","props":{"id":"f"},"children":[{"type":"stop","props":{"offset":"0"},"children":[]},{"type":"stop","props":{"offset":"1","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"e"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"a"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"href":"#a","id":"A","x1":"13.236155","x2":"7.7521091","y1":"37.752247","y2":"42.282146","gradientTransform":"rotate(27.62097 -26.24365974 -49.44033909) scale(.852298)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"id":"h"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#696969"},"children":[]},{"type":"stop","props":{"offset":"1"},"children":[]}]},{"type":"linearGradient","props":{"id":"b"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#bdbdbd"},"children":[]},{"type":"stop","props":{"offset":".33333334","stopColor":"#e2e2e2"},"children":[]},{"type":"stop","props":{"offset":".66666669","stopColor":"#a3a3a3"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ddd"},"children":[]}]},{"type":"linearGradient","props":{"href":"#b","id":"x","x1":"19.394735","x2":"23.109331","y1":"30.001331","y2":"33.438831","gradientTransform":"translate(-46.40695 -1.802856)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"id":"c"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#6e3d09"},"children":[]},{"type":"stop","props":{"offset":".24242425","stopColor":"#ea8113"},"children":[]},{"type":"stop","props":{"offset":".62121212","stopColor":"#5c3307"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#e07c12"},"children":[]}]},{"type":"linearGradient","props":{"href":"#c","id":"w","x1":"37.017639","x2":"27.753893","y1":"19.239889","y2":"11.182488","gradientTransform":"translate(-49.30496 1.877723)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"id":"l"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#857c63"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#221f19"},"children":[]}]},{"type":"linearGradient","props":{"id":"j"},"children":[{"type":"stop","props":{"offset":"0"},"children":[]},{"type":"stop","props":{"offset":"1","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"g"},"children":[{"type":"stop","props":{"offset":"0"},"children":[]},{"type":"stop","props":{"offset":"1","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"i"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#b9b9b0"},"children":[]}]},{"type":"linearGradient","props":{"id":"d"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"href":"#d","id":"t","x1":"6.3051529","x2":"5.9846287","y1":"23.362427","y2":"31.57","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"href":"#e","id":"p","x1":"14.96875","x2":"39.524544","y1":"19.110678","y2":"46.98568","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"href":"#f","id":"B","x1":"26.162951","x2":"24.328892","y1":"30.543303","y2":"30.985245","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"linearGradient","props":{"href":"#g","id":"o","x1":"32.350136","x2":"21.213203","y1":"28.083355","y2":"30.293064","gradientTransform":"translate(-3.836549 .345971)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#h","id":"y","cx":"15.415101","cy":"35.356506","r":"7.5791559","fx":"15.415101","fy":"35.356506","gradientTransform":"matrix(1.572694 0 0 1.532639 -55.36682 -21.35823)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#i","id":"v","cx":"69.473244","cy":"19.597878","r":"3.5153139","fx":"69.473244","fy":"19.597878","gradientTransform":"translate(-22.1264 -6.241691) scale(1.318488)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#j","id":"m","cx":"23","cy":"33.9375","r":"18.25","fx":"23","fy":"33.9375","gradientTransform":"matrix(1 0 0 .284247 0 24.29088)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#k","id":"r","cx":"6.0242186","cy":"25.271027","r":"4.8310289","fx":"6.0242186","fy":"25.271027","gradientTransform":"matrix(.916159 .09318684 -.108765 1.069309 3.253668 -3.029272)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#l","id":"n","cx":"18.557627","cy":"22.300018","r":"19.2292","fx":"18.557627","fy":"22.300018","gradientTransform":"matrix(1.77275 0 0 1.29668 -16.3404 -6.615959)","gradientUnits":"userSpaceOnUse"},"children":[]},{"type":"radialGradient","props":{"href":"#i","id":"q","cx":"69.473244","cy":"19.597878","r":"3.5153139","fx":"69.473244","fy":"19.597878","gradientTransform":"translate(-22.1264 -6.241691) scale(1.318488)","gradientUnits":"userSpaceOnUse"},"children":[]}]},{"type":"g","props":{"color":"#000"},"children":[{"type":"path","props":{"fill":"url(#m)","fillRule":"evenodd","d":"M41.25 33.9375a18.25 5.1875 0 1 1-36.5 0 18.25 5.1875 0 1 1 36.5 0z","overflow":"visible","style":{"marker":"none"},"transform":"matrix(1 0 0 1.53012 .125 -19.99096)"},"children":[]},{"type":"path","props":{"fill":"url(#n)","fillRule":"evenodd","stroke":"#2e3436","strokeMiterlimit":"10","strokeWidth":".9999997","d":"M10.374369 12.467884s2.874509 5.927634 9.599242 5.760407c14.092515-.353553 16.563709-7.70495 16.917262-8.7656106.353554-1.0606602.894534-.8999979 1.019607.0802666 4.596194 41.7193-31.8969312 23.819176-33.1929656 16.71352 7.2478446-2.12132 5.4800776-6.187185 5.4800776-6.187185l.176777-7.601398z","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"path","props":{"fill":"url(#o)","fillRule":"evenodd","d":"M15.73779 30.066049c6.7389 1.347837 10.170691.098093 12.179175-1.452776-.53033-.68501-1.43631-1.436311-1.43631-1.436311s2.353317.653942 3.18198 1.723573c.82629 1.066568.306808 1.723707.090561 3.08837-.481411-1.198599-1.379981-1.648092-1.501634-2.124332-1.806268 2.496927-6.306442 2.3932-12.513772.201476z","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"path","props":{"fill":"none","stroke":"url(#p)","strokeMiterlimit":"10","strokeWidth":".9999997","d":"M36.96875 11.84375c-.561978.926895-1.406492 2.033166-2.6875 3.09375C31.649332 17.116542 27.230687 19.099847 20 19.28125c-4.224373.105049-6.952741-1.934149-8.625-3.75L11.25 20c.136107.418802.415455 1.390498-.0625 2.71875-.514314 1.429296-2.154514 2.891363-4.96875 4 .2503304.522033.4954845 1.04362 1.25 1.78125 1.0279503 1.004945 2.4570333 2.088049 4.15625 3.0625 3.398433 1.948902 7.801583 3.493212 11.90625 3.5625 4.104667.069288 7.857126-1.23455 10.4375-5 2.378744-3.471218 3.682473-9.347943 3-18.28125z","opacity":".18539327","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"path","props":{"fill":"url(#q)","fillRule":"evenodd","stroke":"#888a85","strokeMiterlimit":"10","strokeWidth":".78260845","d":"M72.655224 21.837049a3.1819806 3.1819806 0 1 1-6.363961 0 3.1819806 3.1819806 0 1 1 6.363961 0z","overflow":"visible","style":{"marker":"none"},"transform":"translate(-75.12661 -6.507784) scale(1.277778)"},"children":[]},{"type":"path","props":{"fill":"url(#r)","fillRule":"evenodd","stroke":"#000","strokeMiterlimit":"10","strokeWidth":".9999997","d":"M10.429825 27.228739a4.3310289 6.0987959 0 1 1-8.662058 0 4.3310289 6.0987959 0 1 1 8.662058 0z","overflow":"visible","style":{"marker":"none"},"transform":"rotate(-35.80785 3.36287611 26.34483917)"},"children":[]},{"type":"use","props":{"href":"#s","fillRule":"evenodd","strokeMiterlimit":"10","strokeWidth":"1.17391276","overflow":"visible","style":{"marker":"none"},"transform":"translate(-3.926759 3.395528) scale(.851852)"},"children":[]},{"type":"path","props":{"fill":"none","stroke":"url(#t)","strokeMiterlimit":"10","strokeWidth":"1.00000012","d":"M6.09375 22.15625c-.7982492 0-1.5531304.446171-2.1875 1.34375-.6343696.897579-1.09375 2.234204-1.09375 3.71875s.4593804 2.821171 1.09375 3.71875c.6343696.897579 1.3892511 1.34375 2.1875 1.34375.7982492 0 1.5772839-.476389 2.21875-1.375.6414661-.898611 1.09375-2.206186 1.09375-3.6875 0-1.481314-.4522838-2.788889-1.09375-3.6875-.6414662-.898611-1.4205011-1.375-2.21875-1.375z","opacity":".28089887","overflow":"visible","style":{"marker":"none"},"transform":"rotate(-36.83273 3.36645406 26.60031137)"},"children":[]},{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M5.833631 23.251263a1.767767 2.1213202 0 1 1-3.5355339 0 1.767767 2.1213202 0 1 1 3.5355339 0z","overflow":"visible","style":{"marker":"none"}},"children":[]},{"type":"use","props":{"href":"#u","fillRule":"evenodd","overflow":"visible","style":{"marker":"none"},"transform":"translate(-2.556414 5.029841) scale(.766666)"},"children":[]},{"type":"path","props":{"fill":"url(#v)","fillRule":"evenodd","stroke":"#888a85","strokeMiterlimit":"10","strokeWidth":".66666645","d":"M72.655224 21.837049a3.1819806 3.1819806 0 1 1-6.363961 0 3.1819806 3.1819806 0 1 1 6.363961 0z","overflow":"visible","style":{"marker":"none"},"transform":"matrix(1.5 0 0 1.5 -82.16821 -10.91852)"},"children":[]},{"type":"use","props":{"href":"#s","fillRule":"evenodd","strokeMiterlimit":"10","strokeWidth":".9999997","overflow":"visible","style":{"marker":"none"},"transform":"translate(1.414216 .707108)"},"children":[]},{"type":"use","props":{"href":"#u","fillRule":"evenodd","overflow":"visible","style":{"marker":"none"},"transform":"matrix(.9 0 0 .9 3.022883 2.625648)"},"children":[]},{"type":"path","props":{"fill":"url(#w)","stroke":"#673907","strokeLinecap":"round","strokeWidth":"2.46045303","d":"m-23.364209 23.568336 3.710098 3.469175C-11.307128 20.656664-2.5600338 6.9381374-2.5600338 6.9381374c1.97631487-2.2424123-.1169199-3.7504826-2.1649066-2.3979188 0 0-12.9703626 10.1148664-18.6392686 19.0281174z","overflow":"visible","style":{"marker":"none"},"transform":"matrix(-.114852 -.389864 .389864 -.114852 24.71507 29.68942)"},"children":[]},{"type":"path","props":{"fill":"url(#x)","stroke":"#888a85","strokeLinecap":"round","strokeWidth":"2.46045303","d":"m-30.449715 32.813894 2.24632 1.93382 8.492766-7.367031.275061-.705828 1.094405-.017815c-.4375-1.5625-2.941514-4.383455-4.816514-4.383455l.082019 1.090075-.669991.380027-6.704066 9.070207z","overflow":"visible","style":{"marker":"none"},"transform":"matrix(-.114852 -.389864 .389864 -.114852 24.71507 29.68942)"},"children":[]},{"type":"path","props":{"fill":"none","stroke":"#fff","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"2.46045327","d":"m-23.801371 28.376767-4.364933 5.266471","overflow":"visible","style":{"marker":"none"},"transform":"matrix(-.114852 -.389864 .389864 -.114852 24.71507 29.68942)"},"children":[]},{"type":"path","props":{"fill":"url(#y)","d":"M-45.341208 42.769835c10.443958 0 18.370039 1.24373 19.870605-6.354738 1.209249-6.123314-7.210534-9.057368-11.38287-3.590861-4.019277 5.265971-8.487735 9.945599-8.487735 9.945599z","overflow":"visible","style":{"marker":"none"},"transform":"matrix(-.114852 -.389864 .389864 -.114852 24.71507 29.68942)"},"children":[]},{"type":"use","props":{"href":"#z","opacity":".52777782","overflow":"visible","style":{"marker":"none"},"transform":"rotate(-106.414712 26.2449128 20.83923957) scale(.84126959)"},"children":[]},{"type":"use","props":{"href":"#z","overflow":"visible","style":{"marker":"none"},"transform":"rotate(-106.414712 26.04110726 15.7329477) scale(.56764745)"},"children":[]},{"type":"path","props":{"fill":"url(#A)","d":"M-38.543723 40.909242s3.72152.0943 6.116538-1.411995c.847351-.532923 1.515774.649985.493819 1.087367-2.207394.944732-6.610357.324628-6.610357.324628z","opacity":".42777776","overflow":"visible","style":{"marker":"none"},"transform":"matrix(-.114852 -.389864 .389864 -.114852 24.71507 29.68942)"},"children":[]},{"type":"path","props":{"fill":"url(#B)","fillRule":"evenodd","d":"M23.003067 31.736544c1.497372.143092 2.849629-.272213 3.411893-.474047.098225-.555386.536552-1.621257 2.046088-1.691468l-.53033-.928077s-1.966641 1.347921-4.065864 1.745669l-.861787 1.347923z","overflow":"visible","style":{"marker":"none"}},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["GIMP"]},{"type":"path","props":{"d":"M15.496 8.608a2.175 2.385 0 0 0-2.175 2.384 2.175 2.385 0 0 0 2.175 2.385 2.175 2.385 0 0 0 2.175-2.385 2.175 2.385 0 0 0-2.175-2.384zm0 .15a.934.934 0 0 1 .933.935.934.934 0 0 1-.933.934.934.934 0 0 1-.934-.934.934.934 0 0 1 .934-.934zm4.903 9.433a.314.314 0 0 0-.094.014c-.278.08-.642.735-.563 1.013.079.278.356.152.524.245.149.083.196.33.4.329-.033.446.125.903.398 1.231.464.564 1.173.576 1.627.68.453.103.789.38.955.683h-.01c.14.253.413-.965.313-1.81-.199-1.692-1.827-2.294-2.657-1.856-.095-.218-.349-.112-.507-.2-.147-.082-.195-.323-.39-.329zM2.01 8.207a2.938 2.279 78.561 0 0-.296.036 2.938 2.279 78.561 0 0-1.637 3.343 2.938 2.279 78.561 0 0 2.824 2.412 2.938 2.279 78.561 0 0 1.637-3.343A2.938 2.279 78.561 0 0 2.01 8.207zm.02.182a1.24 1.24 89.982 0 1 1.24 1.24 1.24 1.24 89.982 0 1-1.24 1.241 1.24 1.24 89.982 0 1-1.24-1.24 1.24 1.24 89.982 0 1 1.24-1.24zm7.296.619a1.61 1.957 0 0 0-1.61 1.957 1.61 1.957 0 0 0 1.61 1.957 1.61 1.957 0 0 0 1.61-1.957 1.61 1.957 0 0 0-1.61-1.957zm.01.142a.734.734 0 0 1 .733.733.734.734 0 0 1-.733.734.734.734 0 0 1-.734-.734.734.734 0 0 1 .734-.733zm13.785-7.57c-.082.01-.178.056-.278.184-2.255 3.385-5.54 4.902-7.936 5.521a3.513 3.586 0 0 1 3.25 3.576 3.513 3.586 0 0 1-3.513 3.586 3.513 3.586 0 0 1-3.375-2.595 2.676 2.998 0 0 1-2.52 2 2.676 2.998 0 0 1-2.676-2.998 2.676 2.998 0 0 1 2.675-2.999 2.676 2.998 0 0 1 2.517 2.037 3.513 3.586 0 0 1 1.878-2.27c-1.887.246-2.89-.025-4.335-.649-1.024-.56-1.722-1.173-2.48-2.359-.036-.055-.11-.086-.16-.025-.18.241-.97 5.723-.98 6.227-.033 1.632-.706 3.593-2.73 3.661 1.864 3.799 5.919 5.465 10.586 5.397 1.404.01 3.329-.332 5.171-1.243a213.84 213.84 0 0 1-1.568-.996c-1.347.788-2.935 1.09-4.674 1.019-2.217-.09-1.847-.732-1.36-.667 3.574.506 5.82-.624 7.315-2.547a34.596 34.596 0 0 1-.556-.377c-.164-.114.032-.291.385-.304h.04c.205-.002.458.056.722.206.757.433.783.965.535 1.081-.08.037-.263-.048-.439-.151-.255.329-.53.622-.818.887h.01c.668.29 1.568.684 2.005.89a9.634 9.634 0 0 0 3.017-3.574c2.18-4.449.652-12.176.614-12.29-.039-.112-.15-.211-.242-.226h-.076z"},"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 Gimp = forwardRef(
   function Gimp({ 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 Gimp = 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/githubcodespaces.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"11.622","x2":"11.622","y1":"7.023","y2":"13.825","gradientTransform":"translate(.5 .592) scale(7.9375)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0196CA"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0065A9"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"11.622","x2":"11.622","y1":"8.675","y2":"15.977","gradientTransform":"translate(.5 .592) scale(7.9375)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#01A7DE"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#007ACC"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"14.594","x2":"14.594","y1":"7.023","y2":"15.977","gradientTransform":"translate(.5 .592) scale(7.9375)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#2EC2F6"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1F9CF0"},"children":[]}]}]},{"type":"path","props":{"fill":"#24292e","d":"M.5 64.092C.5 29.008 28.916.592 64 .592c29.601 0 54.457 20.23 61.501 47.625h-24.065a25.436 25.436 0 0 0-3.305-4.524c.635-1.588 2.857-8.097-.635-16.828 0 0-5.318-1.747-17.462 6.508-5.08-1.428-10.478-2.143-15.875-2.143s-10.795.715-15.875 2.143c-12.144-8.175-17.462-6.508-17.462-6.508-3.493 8.73-1.27 15.24-.635 16.828-4.048 4.445-6.509 10.16-6.509 17.066 0 17.057 7.281 24.836 16.51 28.507v12.959c-3.492-.284-7.264-1.992-10.16-6.858-1.19-1.905-4.762-6.588-9.763-6.51-5.318.08-2.143 3.017.08 4.208 2.698 1.508 5.794 7.143 6.508 8.97 1.024 2.878 3.903 7.87 13.335 8.162v12.767C16.906 113.541.501 90.788.501 64.093z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"m124.97 63.867-14.719-7.087a4.45 4.45 0 0 0-5.077.863l-46.2 39.965a2.977 2.977 0 0 0 .003 4.402l7.904 7.547a2.977 2.977 0 0 0 3.801.169l40.941-31.744 9.647-10.638c.988-1.09 2.1-2.382 3.563-2.23 1.412.148 2.665 1.31 2.665 2.946v-.17a4.465 4.465 0 0 0-2.528-4.023z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m124.97 119.88-14.719 7.087a4.449 4.449 0 0 1-5.077-.863l-46.2-43.933a2.977 2.977 0 0 1 .003-4.403l7.904-7.546a2.977 2.977 0 0 1 3.801-.17l40.941 35.713 9.647 10.639c.988 1.09 2.1 2.382 3.563 2.23 1.413-.149 2.665-1.311 2.665-2.947v.171a4.465 4.465 0 0 1-2.528 4.023z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M110.25 126.97a4.451 4.451 0 0 1-5.078-.864c1.648 1.647 6.45.48 6.45-1.85V59.494c0-2.33-4.802-3.497-6.45-1.85a4.452 4.452 0 0 1 5.078-.863l14.717 5.093a4.465 4.465 0 0 1 2.53 4.023v51.956c0 1.716-.984 3.28-2.53 4.024z"},"children":[]}]},"mono":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"path","props":{"d":"M64.053 1.559A63.732 63.732 0 0 0 .501 65.583a63.978 63.978 0 0 0 43.455 60.737c3.156.636 4.314-1.378 4.314-3.074 0-1.484-.105-6.571-.105-11.871-17.677 3.816-21.359-7.633-21.359-7.633-2.84-7.42-7.049-9.328-7.049-9.328-5.787-3.922.42-3.922.42-3.922 6.419.424 9.785 6.572 9.785 6.572 5.682 9.753 14.837 6.997 18.52 5.301a13.642 13.642 0 0 1 3.998-8.586c-14.099-1.484-28.936-6.995-28.936-31.588a25.071 25.071 0 0 1 6.524-17.172c-.632-1.59-2.84-8.163.633-16.96 0 0 5.364-1.697 17.465 6.572a61.11 61.11 0 0 1 15.889-2.12 61.114 61.114 0 0 1 15.889 2.12c12.1-8.269 17.467-6.573 17.467-6.573 3.472 8.798 1.262 15.371.63 16.961a24.095 24.095 0 0 1 5.332 9.213 9.474 9.474 0 0 1 5.668-1.875 9.616 9.616 0 0 1 4.168.957l9.008 4.356a3.053 3.053 0 0 0 3.164-.317 3.053 3.053 0 0 0 1.166-2.959A63.57 63.57 0 0 0 64.055 1.558zm45.012 56.09a4.252 4.252 0 0 0-2.893 1.119c-.604.559-27.27 25.01-27.27 25.01l-11.81-9.012a2.85 2.85 0 0 0-3.657.162l-3.789 3.465a2.898 2.898 0 0 0-.937 2.13 2.886 2.886 0 0 0 .933 2.13l10.242 9.392-10.242 9.39a2.893 2.893 0 0 0-.69 3.294c.162.367.4.696.694.967l3.79 3.465a2.85 2.85 0 0 0 3.655.162l11.811-9.01s26.665 24.45 27.27 25.01a4.242 4.242 0 0 0 4.729.691l14.164-6.85a4.328 4.328 0 0 0 2.436-3.896V68.821a4.326 4.326 0 0 0-2.436-3.894l-14.164-6.85a4.24 4.24 0 0 0-1.836-.428zm1.248 18.7v31.392L89.741 92.046l20.572-15.695z"},"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 Githubcodespaces = react_1.forwardRef(function Githubcodespaces({ 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 Githubcodespaces = react_1.forwardRef(function Githubcodespaces({ variant
     ..._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/githubcodespaces.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"11.622","x2":"11.622","y1":"7.023","y2":"13.825","gradientTransform":"translate(.5 .592) scale(7.9375)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0196CA"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0065A9"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"11.622","x2":"11.622","y1":"8.675","y2":"15.977","gradientTransform":"translate(.5 .592) scale(7.9375)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#01A7DE"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#007ACC"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"14.594","x2":"14.594","y1":"7.023","y2":"15.977","gradientTransform":"translate(.5 .592) scale(7.9375)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#2EC2F6"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1F9CF0"},"children":[]}]}]},{"type":"path","props":{"fill":"#24292e","d":"M.5 64.092C.5 29.008 28.916.592 64 .592c29.601 0 54.457 20.23 61.501 47.625h-24.065a25.436 25.436 0 0 0-3.305-4.524c.635-1.588 2.857-8.097-.635-16.828 0 0-5.318-1.747-17.462 6.508-5.08-1.428-10.478-2.143-15.875-2.143s-10.795.715-15.875 2.143c-12.144-8.175-17.462-6.508-17.462-6.508-3.493 8.73-1.27 15.24-.635 16.828-4.048 4.445-6.509 10.16-6.509 17.066 0 17.057 7.281 24.836 16.51 28.507v12.959c-3.492-.284-7.264-1.992-10.16-6.858-1.19-1.905-4.762-6.588-9.763-6.51-5.318.08-2.143 3.017.08 4.208 2.698 1.508 5.794 7.143 6.508 8.97 1.024 2.878 3.903 7.87 13.335 8.162v12.767C16.906 113.541.501 90.788.501 64.093z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"m124.97 63.867-14.719-7.087a4.45 4.45 0 0 0-5.077.863l-46.2 39.965a2.977 2.977 0 0 0 .003 4.402l7.904 7.547a2.977 2.977 0 0 0 3.801.169l40.941-31.744 9.647-10.638c.988-1.09 2.1-2.382 3.563-2.23 1.412.148 2.665 1.31 2.665 2.946v-.17a4.465 4.465 0 0 0-2.528-4.023z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m124.97 119.88-14.719 7.087a4.449 4.449 0 0 1-5.077-.863l-46.2-43.933a2.977 2.977 0 0 1 .003-4.403l7.904-7.546a2.977 2.977 0 0 1 3.801-.17l40.941 35.713 9.647 10.639c.988 1.09 2.1 2.382 3.563 2.23 1.413-.149 2.665-1.311 2.665-2.947v.171a4.465 4.465 0 0 1-2.528 4.023z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M110.25 126.97a4.451 4.451 0 0 1-5.078-.864c1.648 1.647 6.45.48 6.45-1.85V59.494c0-2.33-4.802-3.497-6.45-1.85a4.452 4.452 0 0 1 5.078-.863l14.717 5.093a4.465 4.465 0 0 1 2.53 4.023v51.956c0 1.716-.984 3.28-2.53 4.024z"},"children":[]}]},"mono":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"path","props":{"d":"M64.053 1.559A63.732 63.732 0 0 0 .501 65.583a63.978 63.978 0 0 0 43.455 60.737c3.156.636 4.314-1.378 4.314-3.074 0-1.484-.105-6.571-.105-11.871-17.677 3.816-21.359-7.633-21.359-7.633-2.84-7.42-7.049-9.328-7.049-9.328-5.787-3.922.42-3.922.42-3.922 6.419.424 9.785 6.572 9.785 6.572 5.682 9.753 14.837 6.997 18.52 5.301a13.642 13.642 0 0 1 3.998-8.586c-14.099-1.484-28.936-6.995-28.936-31.588a25.071 25.071 0 0 1 6.524-17.172c-.632-1.59-2.84-8.163.633-16.96 0 0 5.364-1.697 17.465 6.572a61.11 61.11 0 0 1 15.889-2.12 61.114 61.114 0 0 1 15.889 2.12c12.1-8.269 17.467-6.573 17.467-6.573 3.472 8.798 1.262 15.371.63 16.961a24.095 24.095 0 0 1 5.332 9.213 9.474 9.474 0 0 1 5.668-1.875 9.616 9.616 0 0 1 4.168.957l9.008 4.356a3.053 3.053 0 0 0 3.164-.317 3.053 3.053 0 0 0 1.166-2.959A63.57 63.57 0 0 0 64.055 1.558zm45.012 56.09a4.252 4.252 0 0 0-2.893 1.119c-.604.559-27.27 25.01-27.27 25.01l-11.81-9.012a2.85 2.85 0 0 0-3.657.162l-3.789 3.465a2.898 2.898 0 0 0-.937 2.13 2.886 2.886 0 0 0 .933 2.13l10.242 9.392-10.242 9.39a2.893 2.893 0 0 0-.69 3.294c.162.367.4.696.694.967l3.79 3.465a2.85 2.85 0 0 0 3.655.162l11.811-9.01s26.665 24.45 27.27 25.01a4.242 4.242 0 0 0 4.729.691l14.164-6.85a4.328 4.328 0 0 0 2.436-3.896V68.821a4.326 4.326 0 0 0-2.436-3.894l-14.164-6.85a4.24 4.24 0 0 0-1.836-.428zm1.248 18.7v31.392L89.741 92.046l20.572-15.695z"},"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 Githubcodespaces = forwardRef(
   function Githubcodespaces({ 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 Githubcodespaces = 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/gitness.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 100 24","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12h2.4a1.6 1.6 0 0 0 1.6-1.6V20a4 4 0 0 1 4-4h-4 6.4a1.6 1.6 0 0 0 1.6-1.6V9.6A1.6 1.6 0 0 0 22.4 8h-4.8A1.6 1.6 0 0 0 16 9.6V12a4 4 0 1 1-4-4h2.4A1.6 1.6 0 0 0 16 6.4V1.6A1.6 1.6 0 0 0 14.4 0H12Zm32.111 6h-3.017a.2.2 0 0 1-.202-.2V3.2a.2.2 0 0 1 .202-.2h3.017a.2.2 0 0 1 .203.2v2.6a.2.2 0 0 1-.203.2Zm.023 12.555h-3.04a.2.2 0 0 1-.202-.2l.067-5.511-.067-5.533a.2.2 0 0 1 .202-.2h3.04a.2.2 0 0 1 .202.2l-.067 5.533.067 5.51a.2.2 0 0 1-.202.2Zm-12.69-5.933c0 2.466.901 3.71 2.522 3.688 1.644 0 2.522-1.155 2.544-3.466.023-2.378-.855-3.689-2.476-3.711-1.711-.044-2.59 1.2-2.59 3.489Zm8.286 5.622c0 2.888-1.914 4.755-5.741 4.755-3.04.044-5.359-1.178-5.539-3.689a.2.2 0 0 1 .203-.2h2.904c.135 0 .225.09.248.2.157.933.923 1.489 2.296 1.489 1.464 0 2.477-.8 2.477-2.6v-1.31c-.766.999-1.891 1.599-3.332 1.599-3.445 0-5.246-2.511-5.246-5.733 0-3.2 1.936-5.8 5.088-5.8 1.441 0 2.567.49 3.355 1.4l-.068-1.044a.2.2 0 0 1 .203-.2h2.972a.2.2 0 0 1 .202.2l-.045 5.688.023 5.245Zm12.96-.111v-1.778a.168.168 0 0 0-.202-.156c-.338.111-.766.2-1.306.2-.743 0-1.238-.31-1.238-1.289l-.023-5.644h2.59a.2.2 0 0 0 .202-.2V7.311a.2.2 0 0 0-.203-.2h-2.566l.022-2.667a.2.2 0 0 0-.203-.2H46.77a.2.2 0 0 0-.203.2l.023 2.667h-1.306a.2.2 0 0 0-.202.2v1.955c0 .111.09.2.202.2h1.306l-.023 5.733c0 2.6 1.87 3.578 3.828 3.578.72 0 1.463-.156 2.116-.378.09-.044.18-.155.18-.267Zm3.997.422h-3.062a.2.2 0 0 1-.203-.2l.068-5.289-.023-5.755a.2.2 0 0 1 .203-.2h2.86a.2.2 0 0 1 .202.2l-.068 1.244c.788-1 2.117-1.71 3.738-1.71 2.454 0 4.03 1.644 4.03 4.443v2.4l.067 4.667a.2.2 0 0 1-.202.2H61.28a.2.2 0 0 1-.203-.2l.045-4.667v-2.355c0-1.245-.743-2.044-1.756-2.044-1.216 0-2.522 1.11-2.522 3.555v.844l.045 4.667a.2.2 0 0 1-.202.2Zm19.839-3.867h-2.837a.263.263 0 0 0-.248.2c-.315 1.222-1.126 1.733-2.251 1.733-1.621 0-2.477-.955-2.612-3.11h8.285a.2.2 0 0 0 .203-.2c-.068-4-2.184-6.489-5.989-6.489-3.692 0-5.898 2.4-5.898 6.044 0 3.467 2.093 5.977 5.966 5.977 3.242 0 5.268-1.866 5.56-3.955.023-.11-.067-.2-.18-.2ZM71.1 9.022c1.486 0 2.184 1.155 2.319 2.377h-4.75c.27-1.577 1.08-2.377 2.43-2.377Zm17.313 6.044c0 2.4-2.296 3.755-5.426 3.755-3.377 0-5.538-1.355-5.65-3.91a.2.2 0 0 1 .202-.2h2.882a.2.2 0 0 1 .203.2c.09 1.288.945 1.844 2.521 1.844 1.328 0 2.049-.511 2.049-1.4 0-.877-1.23-1.058-2.698-1.276-2.18-.322-4.89-.723-4.89-3.59 0-2.378 1.937-3.645 5.066-3.645 3.04 0 5.088 1.2 5.291 3.6.023.111-.067.2-.18.2h-2.747c-.112 0-.202-.089-.225-.2-.18-.978-.81-1.578-2.184-1.578-1.103 0-1.8.4-1.8 1.378 0 .873 1.218 1.039 2.679 1.238 2.183.297 4.907.668 4.907 3.584Zm6.161 3.755c3.13 0 5.426-1.355 5.426-3.755 0-2.916-2.724-3.287-4.907-3.584-1.461-.2-2.68-.365-2.68-1.238 0-.978.698-1.378 1.8-1.378 1.374 0 2.005.6 2.185 1.578.022.111.112.2.225.2h2.747c.112 0 .202-.089.18-.2-.203-2.4-2.252-3.6-5.291-3.6-3.13 0-5.066 1.267-5.066 3.644 0 2.868 2.71 3.269 4.89 3.591 1.469.218 2.698.4 2.698 1.276 0 .889-.72 1.4-2.05 1.4-1.575 0-2.43-.556-2.52-1.845a.2.2 0 0 0-.203-.2h-2.882a.2.2 0 0 0-.203.2c.113 2.556 2.274 3.911 5.651 3.911Z","fill":"#1B2E49"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h100v24H0z"},"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 Gitness = react_1.forwardRef(function Gitness({ 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 Gitness = react_1.forwardRef(function Gitness({ 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/gitness.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 100 24","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12h2.4a1.6 1.6 0 0 0 1.6-1.6V20a4 4 0 0 1 4-4h-4 6.4a1.6 1.6 0 0 0 1.6-1.6V9.6A1.6 1.6 0 0 0 22.4 8h-4.8A1.6 1.6 0 0 0 16 9.6V12a4 4 0 1 1-4-4h2.4A1.6 1.6 0 0 0 16 6.4V1.6A1.6 1.6 0 0 0 14.4 0H12Zm32.111 6h-3.017a.2.2 0 0 1-.202-.2V3.2a.2.2 0 0 1 .202-.2h3.017a.2.2 0 0 1 .203.2v2.6a.2.2 0 0 1-.203.2Zm.023 12.555h-3.04a.2.2 0 0 1-.202-.2l.067-5.511-.067-5.533a.2.2 0 0 1 .202-.2h3.04a.2.2 0 0 1 .202.2l-.067 5.533.067 5.51a.2.2 0 0 1-.202.2Zm-12.69-5.933c0 2.466.901 3.71 2.522 3.688 1.644 0 2.522-1.155 2.544-3.466.023-2.378-.855-3.689-2.476-3.711-1.711-.044-2.59 1.2-2.59 3.489Zm8.286 5.622c0 2.888-1.914 4.755-5.741 4.755-3.04.044-5.359-1.178-5.539-3.689a.2.2 0 0 1 .203-.2h2.904c.135 0 .225.09.248.2.157.933.923 1.489 2.296 1.489 1.464 0 2.477-.8 2.477-2.6v-1.31c-.766.999-1.891 1.599-3.332 1.599-3.445 0-5.246-2.511-5.246-5.733 0-3.2 1.936-5.8 5.088-5.8 1.441 0 2.567.49 3.355 1.4l-.068-1.044a.2.2 0 0 1 .203-.2h2.972a.2.2 0 0 1 .202.2l-.045 5.688.023 5.245Zm12.96-.111v-1.778a.168.168 0 0 0-.202-.156c-.338.111-.766.2-1.306.2-.743 0-1.238-.31-1.238-1.289l-.023-5.644h2.59a.2.2 0 0 0 .202-.2V7.311a.2.2 0 0 0-.203-.2h-2.566l.022-2.667a.2.2 0 0 0-.203-.2H46.77a.2.2 0 0 0-.203.2l.023 2.667h-1.306a.2.2 0 0 0-.202.2v1.955c0 .111.09.2.202.2h1.306l-.023 5.733c0 2.6 1.87 3.578 3.828 3.578.72 0 1.463-.156 2.116-.378.09-.044.18-.155.18-.267Zm3.997.422h-3.062a.2.2 0 0 1-.203-.2l.068-5.289-.023-5.755a.2.2 0 0 1 .203-.2h2.86a.2.2 0 0 1 .202.2l-.068 1.244c.788-1 2.117-1.71 3.738-1.71 2.454 0 4.03 1.644 4.03 4.443v2.4l.067 4.667a.2.2 0 0 1-.202.2H61.28a.2.2 0 0 1-.203-.2l.045-4.667v-2.355c0-1.245-.743-2.044-1.756-2.044-1.216 0-2.522 1.11-2.522 3.555v.844l.045 4.667a.2.2 0 0 1-.202.2Zm19.839-3.867h-2.837a.263.263 0 0 0-.248.2c-.315 1.222-1.126 1.733-2.251 1.733-1.621 0-2.477-.955-2.612-3.11h8.285a.2.2 0 0 0 .203-.2c-.068-4-2.184-6.489-5.989-6.489-3.692 0-5.898 2.4-5.898 6.044 0 3.467 2.093 5.977 5.966 5.977 3.242 0 5.268-1.866 5.56-3.955.023-.11-.067-.2-.18-.2ZM71.1 9.022c1.486 0 2.184 1.155 2.319 2.377h-4.75c.27-1.577 1.08-2.377 2.43-2.377Zm17.313 6.044c0 2.4-2.296 3.755-5.426 3.755-3.377 0-5.538-1.355-5.65-3.91a.2.2 0 0 1 .202-.2h2.882a.2.2 0 0 1 .203.2c.09 1.288.945 1.844 2.521 1.844 1.328 0 2.049-.511 2.049-1.4 0-.877-1.23-1.058-2.698-1.276-2.18-.322-4.89-.723-4.89-3.59 0-2.378 1.937-3.645 5.066-3.645 3.04 0 5.088 1.2 5.291 3.6.023.111-.067.2-.18.2h-2.747c-.112 0-.202-.089-.225-.2-.18-.978-.81-1.578-2.184-1.578-1.103 0-1.8.4-1.8 1.378 0 .873 1.218 1.039 2.679 1.238 2.183.297 4.907.668 4.907 3.584Zm6.161 3.755c3.13 0 5.426-1.355 5.426-3.755 0-2.916-2.724-3.287-4.907-3.584-1.461-.2-2.68-.365-2.68-1.238 0-.978.698-1.378 1.8-1.378 1.374 0 2.005.6 2.185 1.578.022.111.112.2.225.2h2.747c.112 0 .202-.089.18-.2-.203-2.4-2.252-3.6-5.291-3.6-3.13 0-5.066 1.267-5.066 3.644 0 2.868 2.71 3.269 4.89 3.591 1.469.218 2.698.4 2.698 1.276 0 .889-.72 1.4-2.05 1.4-1.575 0-2.43-.556-2.52-1.845a.2.2 0 0 0-.203-.2h-2.882a.2.2 0 0 0-.203.2c.113 2.556 2.274 3.911 5.651 3.911Z","fill":"#1B2E49"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h100v24H0z"},"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 Gitness = forwardRef(
   function Gitness({ 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 Gitness = 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/glide.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fbfbf9","d":"M0 55 55 0v27c0 15.464-12.536 28-28 28zm45 18c0-15.464 12.536-28 28-28h27l-55 55z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Glide"]},{"type":"path","props":{"d":"M10.8 17.52a6.72 6.72 0 0 1 6.72-6.72H24L10.8 24ZM0 13.2 13.2 0v6.48a6.72 6.72 0 0 1-6.72 6.72z"},"children":[]}]},"light":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"d":"M0 55L55 0V27C55 42.464 42.464 55 27 55H0Z","fill":"#202124"},"children":[]},{"type":"path","props":{"d":"M45 73C45 57.536 57.536 45 73 45H100L45 100V73Z","fill":"#202124"},"children":[]}]},"dark":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fbfbf9","d":"M0 55 55 0v27c0 15.464-12.536 28-28 28zm45 18c0-15.464 12.536-28 28-28h27l-55 55z"},"children":[]}]},"wordmark":{"viewBox":"0 0 360 113","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"fill":"#202124","fillRule":"evenodd","d":"M171.443 4.471a14.67 14.67 0 0 0-5.1 8.764c-1.048 7.18 3.89 12.719 11.077 12.719 7.334 0 13.473-4.938 14.521-11.825 1.194-7.334-3.744-13.019-10.931-13.019a14.67 14.67 0 0 0-9.567 3.361m-62.122 60.198a75 75 0 0 0-.153-10.065H54.325l-9.289 19.103h40.838C82.766 84.736 71.116 91.72 57.147 91.72c-21.128 0-35.097-14.13-35.097-34.161 0-19.57 14.29-33.854 33.386-33.854 14.444 0 22.986 7.438 27.344 16.148h23.748c-5.749-22.05-24.223-36.962-51.092-36.962C23.447 2.891 0 26.184 0 57.56c0 31.675 23.14 54.661 57.147 54.605 31.22 0 50.931-22.183 52.174-47.495m20.493-60.067-16.77 105.906h21.436L151.242 4.602zm23.44 105.906 11.489-72.988h21.429l-11.49 72.988zM281.818 4.602h-21.429l-6.53 40.839c-3.877-5.742-10.861-9.625-20.954-9.625-17.084 0-35.244 11.49-38.98 35.097-4.505 28.567 14.129 41.307 28.573 41.307 9.632 0 17.552-3.891 23.14-10.875l4.624 9.163h23.789l-5.35-19.48zm-46.894 49.849c8.227 0 17.077 7.452 15.058 20.5-2.172 13.975-12.732 18.634-20.192 18.634-9.778 0-16.916-8.388-15.058-20.346 1.711-11.336 9.938-18.788 20.192-18.788m123.919 26.555h-54.822c2.333 9.317 8.857 13.969 17.86 13.969 8.234 0 12.572-2.019 15.533-6.524h19.41c-4.659 16.924-20.031 23.748-34.475 23.748-23.14 0-38.199-16.31-38.199-38.206 0-21.735 15.527-38.198 37.577-38.198s37.276 16.484 37.276 38.22v.001c0 2.953 0 4.036-.16 6.99m-54.975-14.29h35.579c-1.397-7.92-8.857-13.508-17.706-13.508-9.331 0-15.82 5.433-17.873 13.508","clipRule":"evenodd"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h360v112.222H0z"},"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 Glide = react_1.forwardRef(function Glide({ 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 Glide = react_1.forwardRef(function Glide({ 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/glide.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, light, dark, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fbfbf9","d":"M0 55 55 0v27c0 15.464-12.536 28-28 28zm45 18c0-15.464 12.536-28 28-28h27l-55 55z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Glide"]},{"type":"path","props":{"d":"M10.8 17.52a6.72 6.72 0 0 1 6.72-6.72H24L10.8 24ZM0 13.2 13.2 0v6.48a6.72 6.72 0 0 1-6.72 6.72z"},"children":[]}]},"light":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"d":"M0 55L55 0V27C55 42.464 42.464 55 27 55H0Z","fill":"#202124"},"children":[]},{"type":"path","props":{"d":"M45 73C45 57.536 57.536 45 73 45H100L45 100V73Z","fill":"#202124"},"children":[]}]},"dark":{"viewBox":"0 0 100 100","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fbfbf9","d":"M0 55 55 0v27c0 15.464-12.536 28-28 28zm45 18c0-15.464 12.536-28 28-28h27l-55 55z"},"children":[]}]},"wordmark":{"viewBox":"0 0 360 113","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"fill":"#202124","fillRule":"evenodd","d":"M171.443 4.471a14.67 14.67 0 0 0-5.1 8.764c-1.048 7.18 3.89 12.719 11.077 12.719 7.334 0 13.473-4.938 14.521-11.825 1.194-7.334-3.744-13.019-10.931-13.019a14.67 14.67 0 0 0-9.567 3.361m-62.122 60.198a75 75 0 0 0-.153-10.065H54.325l-9.289 19.103h40.838C82.766 84.736 71.116 91.72 57.147 91.72c-21.128 0-35.097-14.13-35.097-34.161 0-19.57 14.29-33.854 33.386-33.854 14.444 0 22.986 7.438 27.344 16.148h23.748c-5.749-22.05-24.223-36.962-51.092-36.962C23.447 2.891 0 26.184 0 57.56c0 31.675 23.14 54.661 57.147 54.605 31.22 0 50.931-22.183 52.174-47.495m20.493-60.067-16.77 105.906h21.436L151.242 4.602zm23.44 105.906 11.489-72.988h21.429l-11.49 72.988zM281.818 4.602h-21.429l-6.53 40.839c-3.877-5.742-10.861-9.625-20.954-9.625-17.084 0-35.244 11.49-38.98 35.097-4.505 28.567 14.129 41.307 28.573 41.307 9.632 0 17.552-3.891 23.14-10.875l4.624 9.163h23.789l-5.35-19.48zm-46.894 49.849c8.227 0 17.077 7.452 15.058 20.5-2.172 13.975-12.732 18.634-20.192 18.634-9.778 0-16.916-8.388-15.058-20.346 1.711-11.336 9.938-18.788 20.192-18.788m123.919 26.555h-54.822c2.333 9.317 8.857 13.969 17.86 13.969 8.234 0 12.572-2.019 15.533-6.524h19.41c-4.659 16.924-20.031 23.748-34.475 23.748-23.14 0-38.199-16.31-38.199-38.206 0-21.735 15.527-38.198 37.577-38.198s37.276 16.484 37.276 38.22v.001c0 2.953 0 4.036-.16 6.99m-54.975-14.29h35.579c-1.397-7.92-8.857-13.508-17.706-13.508-9.331 0-15.82 5.433-17.873 13.508","clipRule":"evenodd"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h360v112.222H0z"},"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 Glide = forwardRef(
   function Glide({ 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 Glide = 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));
         })
     );
   }