@thesvg/react 3.2.2 → 3.2.5

package/dist/microsoft-defender.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":"8.003 2.981 80.001 90.037","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"fill":"url(#b)","d":"M88.002 48.774V20.185c-40.576 15.86-55.41 27.966-51.375 66.149.2 1.889 1.323 3.585 3.047 4.384 3.204 1.484 6.094 2.3 8.328 2.3 11.429 0 40-21.347 40-44.244Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","fillOpacity":".6","d":"M88.002 48.774V20.185c-40.576 15.86-55.41 27.966-51.375 66.149.2 1.889 1.323 3.585 3.047 4.384 3.204 1.484 6.094 2.3 8.328 2.3 11.429 0 40-21.347 40-44.244Z"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M48.003 2.98c7.692 0 23.148 3.89 32.434 6.433.867.238 1.681.468 2.43.685 3.088.895 5.136 3.75 5.136 6.966v4.728c-.918 21.064-7.667 27.191-26.507 42.36-2.475 2.19-5.018 4.273-7.6 6.388-3.699 3.03-7.478 6.125-11.248 9.692a7.477 7.477 0 0 0 2.536 12.439 21.996 21.996 0 0 1-2.18-.615c-6.891-2.31-16.192-8.601-23.475-16.956-5.741-35.774 5.512-53.308 28.474-72.12Z"},"children":[]},{"type":"path","props":{"fill":"url(#e)","fillOpacity":".7","d":"M48.003 2.98c7.692 0 23.148 3.89 32.434 6.433.867.238 1.681.468 2.43.685 3.088.895 5.136 3.75 5.136 6.966v4.728c-.918 21.064-7.667 27.191-26.507 42.36-2.475 2.19-5.018 4.273-7.6 6.388-3.699 3.03-7.478 6.125-11.248 9.692a7.477 7.477 0 0 0 2.536 12.439 21.996 21.996 0 0 1-2.18-.615c-6.891-2.31-16.192-8.601-23.475-16.956-5.741-35.774 5.512-53.308 28.474-72.12Z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","fillOpacity":".7","d":"M48.003 2.98c7.692 0 23.148 3.89 32.434 6.433.867.238 1.681.468 2.43.685 3.088.895 5.136 3.75 5.136 6.966v4.728c-.918 21.064-7.667 27.191-26.507 42.36-2.475 2.19-5.018 4.273-7.6 6.388-3.699 3.03-7.478 6.125-11.248 9.692a7.477 7.477 0 0 0 2.536 12.439 21.996 21.996 0 0 1-2.18-.615c-6.891-2.31-16.192-8.601-23.475-16.956-5.741-35.774 5.512-53.308 28.474-72.12Z"},"children":[]},{"type":"path","props":{"fill":"url(#g)","fillOpacity":".5","d":"M48.003 2.98c7.692 0 23.148 3.89 32.434 6.433.867.238 1.681.468 2.43.685 3.088.895 5.136 3.75 5.136 6.966v4.728c-.918 21.064-7.667 27.191-26.507 42.36-2.475 2.19-5.018 4.273-7.6 6.388-3.699 3.03-7.478 6.125-11.248 9.692a7.477 7.477 0 0 0 2.536 12.439 21.996 21.996 0 0 1-2.18-.615c-6.891-2.31-16.192-8.601-23.475-16.956-5.741-35.774 5.512-53.308 28.474-72.12Z"},"children":[]},{"type":"path","props":{"fill":"url(#h)","d":"M13.355 10.026c8.831-2.47 26.306-7.045 34.648-7.045.6 0 1.249.024 1.937.07 7.626.736 13.587 7.162 13.587 14.98 0 2.84-.786 5.495-2.152 7.76-2.92 5.82-7.7 10.394-14.974 16.382-2.09 1.72-4.485 3.62-6.873 5.512a520.123 520.123 0 0 0-6.488 5.196c-4.808 3.942-7.747 6.352-9.363 9.376a14.98 14.98 0 0 0-2.433 8.208c0 4.433 1.916 8.419 4.966 11.173.097.109.195.215.294.318l.08.119a69.562 69.562 0 0 1-2.867-2.593c-8.571-8.199-15.714-19.26-15.714-30.708V17.14c0-3.312 2.162-6.222 5.352-7.115Z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","fillOpacity":".8","d":"M13.355 10.026c8.831-2.47 26.306-7.045 34.648-7.045.6 0 1.249.024 1.937.07 7.626.736 13.587 7.162 13.587 14.98 0 2.84-.786 5.495-2.152 7.76-2.92 5.82-7.7 10.394-14.974 16.382-2.09 1.72-4.485 3.62-6.873 5.512a520.123 520.123 0 0 0-6.488 5.196c-4.808 3.942-7.747 6.352-9.363 9.376a14.98 14.98 0 0 0-2.433 8.208c0 4.433 1.916 8.419 4.966 11.173.097.109.195.215.294.318l.08.119a69.562 69.562 0 0 1-2.867-2.593c-8.571-8.199-15.714-19.26-15.714-30.708V17.14c0-3.312 2.162-6.222 5.352-7.115Z"},"children":[]},{"type":"path","props":{"fill":"url(#j)","fillOpacity":".5","d":"M13.355 10.026c8.831-2.47 26.306-7.045 34.648-7.045.6 0 1.249.024 1.937.07 7.626.736 13.587 7.162 13.587 14.98 0 2.84-.786 5.495-2.152 7.76-2.92 5.82-7.7 10.394-14.974 16.382-2.09 1.72-4.485 3.62-6.873 5.512a520.123 520.123 0 0 0-6.488 5.196c-4.808 3.942-7.747 6.352-9.363 9.376a14.98 14.98 0 0 0-2.433 8.208c0 4.433 1.916 8.419 4.966 11.173.097.109.195.215.294.318l.08.119a69.562 69.562 0 0 1-2.867-2.593c-8.571-8.199-15.714-19.26-15.714-30.708V17.14c0-3.312 2.162-6.222 5.352-7.115Z"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"c","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(50.288 -33.238 85.948) scale(47.3395 141.525)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".228","stopColor":"#003375"},"children":[]},{"type":"stop","props":{"offset":".434","stopColor":"#003375","stopOpacity":".1"},"children":[]}]},{"type":"radialGradient","props":{"id":"d","cx":"0","cy":"0","r":"1","gradientTransform":"matrix(-74.68482 131.55458 -84.561 -48.00611 90.617 -21.486)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".165","stopColor":"#23C0FE"},"children":[]},{"type":"stop","props":{"offset":".534","stopColor":"#1C91FF"},"children":[]}]},{"type":"radialGradient","props":{"id":"e","cx":"0","cy":"0","r":"1","gradientTransform":"matrix(18.30716 17.30126 -30.78552 32.57538 39.202 32.728)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".144","stopColor":"#1B44B1"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#045ED1","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"f","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(28.894 -61.893 175.5) scale(56.7755 83.2193)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".728","stopColor":"#045ED1","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".951","stopColor":"#1B44B1"},"children":[]}]},{"type":"radialGradient","props":{"id":"g","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(-111.097 37.844 -5.348) scale(91.9639 70.2953)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".642","stopColor":"#11A7FF","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".796","stopColor":"#6AB3FF"},"children":[]}]},{"type":"radialGradient","props":{"id":"h","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(126.614 32.088 15.326) scale(110.394 123.275)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#92EEFE"},"children":[]},{"type":"stop","props":{"offset":".213","stopColor":"#35DDFF"},"children":[]},{"type":"stop","props":{"offset":".612","stopColor":"#15BDFB"},"children":[]},{"type":"stop","props":{"offset":".803","stopColor":"#08B1F9"},"children":[]}]},{"type":"radialGradient","props":{"id":"j","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(-87.723 29.193 -13.868) scale(86.6628 45.9894)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".658","stopColor":"#92DEFF","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".852","stopColor":"#92DEFF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"83.893","x2":"30.76","y1":"46.36","y2":"88.944","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".716","stopColor":"#143DE0"},"children":[]},{"type":"stop","props":{"offset":".978","stopColor":"#003375"},"children":[]}]},{"type":"linearGradient","props":{"id":"i","x1":"37.927","x2":"8.003","y1":"34.39","y2":"34.39","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".111","stopColor":"#22CBFD","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".971","stopColor":"#92DEFF"},"children":[]}]},{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h96v96H0z"},"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 MicrosoftDefender = forwardRef(
   function MicrosoftDefender({ 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 MicrosoftDefender = 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/microsoft-designer.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 512 512","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"g","props":{"clipPath":"url(#b)"},"children":[{"type":"path","props":{"fill":"url(#c)","fillRule":"evenodd","d":"M440 415.811V247.996H240v8c-106.039 0-192 85.961-192 192v32c0 17.673 14.327 32 32 32h160c80.929 0 153.088-37.553 200-96.185Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#d)","fillOpacity":".5","fillRule":"evenodd","d":"M440 415.811V247.996H240v8c-106.039 0-192 85.961-192 192v32c0 17.673 14.327 32 32 32h160c80.929 0 153.088-37.553 200-96.185Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M240-.004H80c-17.673 0-32 14.327-32 32v32c0 106.039 85.961 192 192 192h72c70.692 0 128 57.308 128 128 0 13.657-2.139 26.814-6.1 39.155 38.699-44.85 62.1-103.269 62.1-167.155 0-141.385-114.615-256-256-256Z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","fillOpacity":".5","d":"M240-.004H80c-17.673 0-32 14.327-32 32v32c0 106.039 85.961 192 192 192h72c70.692 0 128 57.308 128 128 0 13.657-2.139 26.814-6.1 39.155 38.699-44.85 62.1-103.269 62.1-167.155 0-141.385-114.615-256-256-256Z"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"c","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(-39.174 769.69 197.887) scale(417.938 512.42)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".045","stopColor":"#AD7DFF"},"children":[]},{"type":"stop","props":{"offset":".328","stopColor":"#6864F6"},"children":[]},{"type":"stop","props":{"offset":".571","stopColor":"#5750E2"},"children":[]},{"type":"stop","props":{"offset":".809","stopColor":"#3E36B1"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#261D82"},"children":[]}]},{"type":"radialGradient","props":{"id":"d","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(-160.304 281.777 209.998) scale(481.906)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".706","stopColor":"#AC80FF","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".921","stopColor":"#BD96FF"},"children":[]}]},{"type":"radialGradient","props":{"id":"e","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(38.202 1.73 77.015) scale(570.097 471.102)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FFC470"},"children":[]},{"type":"stop","props":{"offset":".251","stopColor":"#FF835C"},"children":[]},{"type":"stop","props":{"offset":".584","stopColor":"#F24A9D"},"children":[]},{"type":"stop","props":{"offset":".871","stopColor":"#B339F0"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#C354FF"},"children":[]}]},{"type":"radialGradient","props":{"id":"f","cx":"0","cy":"0","r":"1","gradientTransform":"matrix(-365.33125 -254.66907 241.84112 -346.92913 231.792 366.661)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".709","stopColor":"#FFB357","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".942","stopColor":"#FFB357"},"children":[]}]},{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h512v512H0z"},"children":[]}]},{"type":"clipPath","props":{"id":"b"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h512v512H0z"},"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 MicrosoftDesigner = react_1.forwardRef(function MicrosoftDesigner({ 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 MicrosoftDesigner = react_1.forwardRef(function MicrosoftDesigner({ varian
     ..._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/microsoft-designer.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":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"g","props":{"clipPath":"url(#b)"},"children":[{"type":"path","props":{"fill":"url(#c)","fillRule":"evenodd","d":"M440 415.811V247.996H240v8c-106.039 0-192 85.961-192 192v32c0 17.673 14.327 32 32 32h160c80.929 0 153.088-37.553 200-96.185Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#d)","fillOpacity":".5","fillRule":"evenodd","d":"M440 415.811V247.996H240v8c-106.039 0-192 85.961-192 192v32c0 17.673 14.327 32 32 32h160c80.929 0 153.088-37.553 200-96.185Z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M240-.004H80c-17.673 0-32 14.327-32 32v32c0 106.039 85.961 192 192 192h72c70.692 0 128 57.308 128 128 0 13.657-2.139 26.814-6.1 39.155 38.699-44.85 62.1-103.269 62.1-167.155 0-141.385-114.615-256-256-256Z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","fillOpacity":".5","d":"M240-.004H80c-17.673 0-32 14.327-32 32v32c0 106.039 85.961 192 192 192h72c70.692 0 128 57.308 128 128 0 13.657-2.139 26.814-6.1 39.155 38.699-44.85 62.1-103.269 62.1-167.155 0-141.385-114.615-256-256-256Z"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"c","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(-39.174 769.69 197.887) scale(417.938 512.42)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".045","stopColor":"#AD7DFF"},"children":[]},{"type":"stop","props":{"offset":".328","stopColor":"#6864F6"},"children":[]},{"type":"stop","props":{"offset":".571","stopColor":"#5750E2"},"children":[]},{"type":"stop","props":{"offset":".809","stopColor":"#3E36B1"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#261D82"},"children":[]}]},{"type":"radialGradient","props":{"id":"d","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(-160.304 281.777 209.998) scale(481.906)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".706","stopColor":"#AC80FF","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".921","stopColor":"#BD96FF"},"children":[]}]},{"type":"radialGradient","props":{"id":"e","cx":"0","cy":"0","r":"1","gradientTransform":"rotate(38.202 1.73 77.015) scale(570.097 471.102)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FFC470"},"children":[]},{"type":"stop","props":{"offset":".251","stopColor":"#FF835C"},"children":[]},{"type":"stop","props":{"offset":".584","stopColor":"#F24A9D"},"children":[]},{"type":"stop","props":{"offset":".871","stopColor":"#B339F0"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#C354FF"},"children":[]}]},{"type":"radialGradient","props":{"id":"f","cx":"0","cy":"0","r":"1","gradientTransform":"matrix(-365.33125 -254.66907 241.84112 -346.92913 231.792 366.661)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".709","stopColor":"#FFB357","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".942","stopColor":"#FFB357"},"children":[]}]},{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h512v512H0z"},"children":[]}]},{"type":"clipPath","props":{"id":"b"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h512v512H0z"},"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 MicrosoftDesigner = forwardRef(
   function MicrosoftDesigner({ 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 MicrosoftDesigner = 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/microsoft-edge.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"SVGHFrboeCQ","cx":"161.83","cy":"788.401","r":"95.38","gradientTransform":"matrix(.9999 0 0 .9498 -4.622 -570.387)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".72","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".95","stopOpacity":".53"},"children":[]},{"type":"stop","props":{"offset":"1"},"children":[]}]},{"type":"radialGradient","props":{"id":"SVGVG94vbPK","cx":"-773.636","cy":"746.715","r":"143.24","gradientTransform":"matrix(.15 -.9898 .8 .12 -410.718 -656.341)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".76","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".95","stopOpacity":".5"},"children":[]},{"type":"stop","props":{"offset":"1"},"children":[]}]},{"type":"radialGradient","props":{"id":"SVGw2d8JdCl","cx":"230.593","cy":"-106.038","r":"202.43","gradientTransform":"matrix(-.04 .9998 -2.1299 -.07998 -190.775 -191.635)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#35c1f1"},"children":[]},{"type":"stop","props":{"offset":".11","stopColor":"#34c1ed"},"children":[]},{"type":"stop","props":{"offset":".23","stopColor":"#2fc2df"},"children":[]},{"type":"stop","props":{"offset":".31","stopColor":"#2bc3d2"},"children":[]},{"type":"stop","props":{"offset":".67","stopColor":"#36c752"},"children":[]}]},{"type":"radialGradient","props":{"id":"SVGIqWItcPR","cx":"536.357","cy":"-117.703","r":"97.34","gradientTransform":"matrix(.28 .9598 -.78 .23 -1.928 -410.318)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#66eb6e"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#66eb6e","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGktZSUcGK","x1":"63.334","x2":"241.617","y1":"757.83","y2":"757.83","gradientTransform":"translate(-4.63 -580.81)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0c59a4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#114a8b"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGaPqZBebW","x1":"157.401","x2":"46.028","y1":"680.556","y2":"801.868","gradientTransform":"translate(-4.63 -580.81)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#1b9de2"},"children":[]},{"type":"stop","props":{"offset":".16","stopColor":"#1595df"},"children":[]},{"type":"stop","props":{"offset":".67","stopColor":"#0680d7"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#SVGktZSUcGK)","d":"M231 190.5c-3.4 1.8-6.9 3.4-10.5 4.7c-11.5 4.3-23.6 6.5-35.9 6.5c-47.3 0-88.5-32.5-88.5-74.3c.1-11.4 6.4-21.9 16.4-27.3c-42.8 1.8-53.8 46.4-53.8 72.5c0 73.9 68.1 81.4 82.8 81.4c7.9 0 19.8-2.3 27-4.6l1.3-.4c27.6-9.5 51-28.1 66.6-52.8c1.2-1.9.6-4.3-1.2-5.5c-1.3-.8-2.9-.9-4.2-.2"},"children":[]},{"type":"path","props":{"fill":"url(#SVGHFrboeCQ)","d":"M231 190.5c-3.4 1.8-6.9 3.4-10.5 4.7c-11.5 4.3-23.6 6.5-35.9 6.5c-47.3 0-88.5-32.5-88.5-74.3c.1-11.4 6.4-21.9 16.4-27.3c-42.8 1.8-53.8 46.4-53.8 72.5c0 73.9 68.1 81.4 82.8 81.4c7.9 0 19.8-2.3 27-4.6l1.3-.4c27.6-9.5 51-28.1 66.6-52.8c1.2-1.9.6-4.3-1.2-5.5c-1.3-.8-2.9-.9-4.2-.2","opacity":".35"},"children":[]},{"type":"path","props":{"fill":"url(#SVGaPqZBebW)","d":"M105.7 241.4c-8.9-5.5-16.6-12.8-22.7-21.3c-26.3-36-18.4-86.5 17.6-112.8c3.8-2.7 7.7-5.2 11.9-7.2c3.1-1.5 8.4-4.1 15.5-4c10.1.1 19.6 4.9 25.7 13c4 5.4 6.3 11.9 6.4 18.7c0-.2 24.5-79.6-80-79.6c-43.9 0-80 41.7-80 78.2c-.2 19.3 4 38.5 12.1 56c27.6 58.8 94.8 87.6 156.4 67.1c-21.1 6.6-44.1 3.7-62.9-8.1"},"children":[]},{"type":"path","props":{"fill":"url(#SVGVG94vbPK)","d":"M105.7 241.4c-8.9-5.5-16.6-12.8-22.7-21.3c-26.3-36-18.4-86.5 17.6-112.8c3.8-2.7 7.7-5.2 11.9-7.2c3.1-1.5 8.4-4.1 15.5-4c10.1.1 19.6 4.9 25.7 13c4 5.4 6.3 11.9 6.4 18.7c0-.2 24.5-79.6-80-79.6c-43.9 0-80 41.7-80 78.2c-.2 19.3 4 38.5 12.1 56c27.6 58.8 94.8 87.6 156.4 67.1c-21.1 6.6-44.1 3.7-62.9-8.1","opacity":".41"},"children":[]},{"type":"path","props":{"fill":"url(#SVGw2d8JdCl)","d":"M152.3 148.9c-.8 1-3.3 2.5-3.3 5.7c0 2.6 1.7 5.1 4.7 7.2c14.4 10 41.5 8.7 41.6 8.7c10.7 0 21.1-2.9 30.3-8.3c18.8-11 30.4-31.1 30.4-52.9c.3-22.4-8-37.3-11.3-43.9C223.5 23.9 177.7 0 128 0C58 0 1 56.2 0 126.2c.5-36.5 36.8-66 80-66c3.5 0 23.5.3 42 10.1c16.3 8.6 24.9 18.9 30.8 29.2c6.2 10.7 7.3 24.1 7.3 29.5c0 5.3-2.7 13.3-7.8 19.9"},"children":[]},{"type":"path","props":{"fill":"url(#SVGIqWItcPR)","d":"M152.3 148.9c-.8 1-3.3 2.5-3.3 5.7c0 2.6 1.7 5.1 4.7 7.2c14.4 10 41.5 8.7 41.6 8.7c10.7 0 21.1-2.9 30.3-8.3c18.8-11 30.4-31.1 30.4-52.9c.3-22.4-8-37.3-11.3-43.9C223.5 23.9 177.7 0 128 0C58 0 1 56.2 0 126.2c.5-36.5 36.8-66 80-66c3.5 0 23.5.3 42 10.1c16.3 8.6 24.9 18.9 30.8 29.2c6.2 10.7 7.3 24.1 7.3 29.5c0 5.3-2.7 13.3-7.8 19.9"},"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 MicrosoftEdge = react_1.forwardRef(function MicrosoftEdge({ 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 MicrosoftEdge = react_1.forwardRef(function MicrosoftEdge({ variant = 'def
     ..._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/microsoft-edge.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"SVGHFrboeCQ","cx":"161.83","cy":"788.401","r":"95.38","gradientTransform":"matrix(.9999 0 0 .9498 -4.622 -570.387)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".72","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".95","stopOpacity":".53"},"children":[]},{"type":"stop","props":{"offset":"1"},"children":[]}]},{"type":"radialGradient","props":{"id":"SVGVG94vbPK","cx":"-773.636","cy":"746.715","r":"143.24","gradientTransform":"matrix(.15 -.9898 .8 .12 -410.718 -656.341)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".76","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".95","stopOpacity":".5"},"children":[]},{"type":"stop","props":{"offset":"1"},"children":[]}]},{"type":"radialGradient","props":{"id":"SVGw2d8JdCl","cx":"230.593","cy":"-106.038","r":"202.43","gradientTransform":"matrix(-.04 .9998 -2.1299 -.07998 -190.775 -191.635)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#35c1f1"},"children":[]},{"type":"stop","props":{"offset":".11","stopColor":"#34c1ed"},"children":[]},{"type":"stop","props":{"offset":".23","stopColor":"#2fc2df"},"children":[]},{"type":"stop","props":{"offset":".31","stopColor":"#2bc3d2"},"children":[]},{"type":"stop","props":{"offset":".67","stopColor":"#36c752"},"children":[]}]},{"type":"radialGradient","props":{"id":"SVGIqWItcPR","cx":"536.357","cy":"-117.703","r":"97.34","gradientTransform":"matrix(.28 .9598 -.78 .23 -1.928 -410.318)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#66eb6e"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#66eb6e","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGktZSUcGK","x1":"63.334","x2":"241.617","y1":"757.83","y2":"757.83","gradientTransform":"translate(-4.63 -580.81)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0c59a4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#114a8b"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGaPqZBebW","x1":"157.401","x2":"46.028","y1":"680.556","y2":"801.868","gradientTransform":"translate(-4.63 -580.81)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#1b9de2"},"children":[]},{"type":"stop","props":{"offset":".16","stopColor":"#1595df"},"children":[]},{"type":"stop","props":{"offset":".67","stopColor":"#0680d7"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#SVGktZSUcGK)","d":"M231 190.5c-3.4 1.8-6.9 3.4-10.5 4.7c-11.5 4.3-23.6 6.5-35.9 6.5c-47.3 0-88.5-32.5-88.5-74.3c.1-11.4 6.4-21.9 16.4-27.3c-42.8 1.8-53.8 46.4-53.8 72.5c0 73.9 68.1 81.4 82.8 81.4c7.9 0 19.8-2.3 27-4.6l1.3-.4c27.6-9.5 51-28.1 66.6-52.8c1.2-1.9.6-4.3-1.2-5.5c-1.3-.8-2.9-.9-4.2-.2"},"children":[]},{"type":"path","props":{"fill":"url(#SVGHFrboeCQ)","d":"M231 190.5c-3.4 1.8-6.9 3.4-10.5 4.7c-11.5 4.3-23.6 6.5-35.9 6.5c-47.3 0-88.5-32.5-88.5-74.3c.1-11.4 6.4-21.9 16.4-27.3c-42.8 1.8-53.8 46.4-53.8 72.5c0 73.9 68.1 81.4 82.8 81.4c7.9 0 19.8-2.3 27-4.6l1.3-.4c27.6-9.5 51-28.1 66.6-52.8c1.2-1.9.6-4.3-1.2-5.5c-1.3-.8-2.9-.9-4.2-.2","opacity":".35"},"children":[]},{"type":"path","props":{"fill":"url(#SVGaPqZBebW)","d":"M105.7 241.4c-8.9-5.5-16.6-12.8-22.7-21.3c-26.3-36-18.4-86.5 17.6-112.8c3.8-2.7 7.7-5.2 11.9-7.2c3.1-1.5 8.4-4.1 15.5-4c10.1.1 19.6 4.9 25.7 13c4 5.4 6.3 11.9 6.4 18.7c0-.2 24.5-79.6-80-79.6c-43.9 0-80 41.7-80 78.2c-.2 19.3 4 38.5 12.1 56c27.6 58.8 94.8 87.6 156.4 67.1c-21.1 6.6-44.1 3.7-62.9-8.1"},"children":[]},{"type":"path","props":{"fill":"url(#SVGVG94vbPK)","d":"M105.7 241.4c-8.9-5.5-16.6-12.8-22.7-21.3c-26.3-36-18.4-86.5 17.6-112.8c3.8-2.7 7.7-5.2 11.9-7.2c3.1-1.5 8.4-4.1 15.5-4c10.1.1 19.6 4.9 25.7 13c4 5.4 6.3 11.9 6.4 18.7c0-.2 24.5-79.6-80-79.6c-43.9 0-80 41.7-80 78.2c-.2 19.3 4 38.5 12.1 56c27.6 58.8 94.8 87.6 156.4 67.1c-21.1 6.6-44.1 3.7-62.9-8.1","opacity":".41"},"children":[]},{"type":"path","props":{"fill":"url(#SVGw2d8JdCl)","d":"M152.3 148.9c-.8 1-3.3 2.5-3.3 5.7c0 2.6 1.7 5.1 4.7 7.2c14.4 10 41.5 8.7 41.6 8.7c10.7 0 21.1-2.9 30.3-8.3c18.8-11 30.4-31.1 30.4-52.9c.3-22.4-8-37.3-11.3-43.9C223.5 23.9 177.7 0 128 0C58 0 1 56.2 0 126.2c.5-36.5 36.8-66 80-66c3.5 0 23.5.3 42 10.1c16.3 8.6 24.9 18.9 30.8 29.2c6.2 10.7 7.3 24.1 7.3 29.5c0 5.3-2.7 13.3-7.8 19.9"},"children":[]},{"type":"path","props":{"fill":"url(#SVGIqWItcPR)","d":"M152.3 148.9c-.8 1-3.3 2.5-3.3 5.7c0 2.6 1.7 5.1 4.7 7.2c14.4 10 41.5 8.7 41.6 8.7c10.7 0 21.1-2.9 30.3-8.3c18.8-11 30.4-31.1 30.4-52.9c.3-22.4-8-37.3-11.3-43.9C223.5 23.9 177.7 0 128 0C58 0 1 56.2 0 126.2c.5-36.5 36.8-66 80-66c3.5 0 23.5.3 42 10.1c16.3 8.6 24.9 18.9 30.8 29.2c6.2 10.7 7.3 24.1 7.3 29.5c0 5.3-2.7 13.3-7.8 19.9"},"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 MicrosoftEdge = forwardRef(
   function MicrosoftEdge({ 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 MicrosoftEdge = 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/microsoft-editor.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0.467 0.473 46.061 47.05","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"fill":"#103F91","d":"M26.049 34.242H8.64v8.192h17.408a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096Z"},"children":[]},{"type":"path","props":{"fill":"#185ABD","d":"M42.432 11.715H24v8.192h18.432a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096ZM34.24 22.977H16.832v8.192H34.24a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096Z"},"children":[]},{"type":"mask","props":{"id":"b","width":"39","height":"32","x":"8","y":"11","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M30.145 38.339a4.108 4.108 0 0 1-4.096 4.096H8.64v-8.192h17.408a4.108 4.108 0 0 1 4.096 4.096Zm12.288-26.624H24v8.192h18.432a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096ZM34.24 22.979H16.833v8.192H34.24a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#b)"},"children":[{"type":"path","props":{"fill":"#fff","d":"M1.934 47.044c-.205 0-.589-.153-.691-.23-.154-.128-.307-.358-.307-.435l1.1-3.584-.281-.205c-.077-.051-.103-.154-.077-.256l2.304-7.68L26.049 4.42l2.407-3.302c.102-.102.128-.102.307-.102.69.05 5.785 2.97 7.552 5.401.153.205.153.256.153.282l-2.227 3.097-.205.282-21.99 30.26-6.58 4.71c-.025.025-.076.025-.102.025a.196.196 0 0 1-.128-.051l-.281-.154-3.021 2.253v-.077Z","opacity":".48"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M1.934 47.044c-.205 0-.589-.153-.691-.23-.154-.128-.307-.358-.307-.435l1.1-3.584-.281-.205c-.077-.051-.103-.154-.077-.256l2.304-7.68L26.049 4.42l2.407-3.302c.102-.102.128-.102.307-.102.69.05 5.785 2.97 7.552 5.401.153.205.153.256.153.282l-2.227 3.097-.205.282-21.99 30.26-6.58 4.71c-.025.025-.076.025-.102.025a.196.196 0 0 1-.128-.051l-.281-.154-3.021 2.253v-.077Z","opacity":".24"},"children":[]}]},{"type":"path","props":{"fill":"#41A5EE","d":"M2.65 45.2 20.52 24.797l13.26-16.742-7.218-4.532-.896.538L3.52 34.397l-2.33 7.782a.73.73 0 0 0 .282.794L2.65 45.2Z"},"children":[]},{"type":"path","props":{"fill":"#2B7CD3","d":"M4.953 45.453c.256.154.563.154.794-.025l6.656-4.736 22.041-30.336-3.917-4.352-27.724 38.4 2.15 1.05Z"},"children":[]},{"type":"path","props":{"fill":"#103F91","d":"m34.445 10.33 2.432-3.354c.205-.281.102-.537-.154-.896C34.907 3.572 29.48.397 28.763.474c-.333.026-.41.026-.691.282l-2.432 3.353 8.806 6.221ZM4.415 42.18l-2.944.793-.999 3.328c-.05.282.256.691.487.87.23.18.947.462 1.254.308l2.765-2.048c-.026.026-.563-3.251-.563-3.251Z"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h48v48H0z"},"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 MicrosoftEditor = react_1.forwardRef(function MicrosoftEditor({ 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 MicrosoftEditor = react_1.forwardRef(function MicrosoftEditor({ 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/microsoft-editor.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.467 0.473 46.061 47.05","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"fill":"#103F91","d":"M26.049 34.242H8.64v8.192h17.408a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096Z"},"children":[]},{"type":"path","props":{"fill":"#185ABD","d":"M42.432 11.715H24v8.192h18.432a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096ZM34.24 22.977H16.832v8.192H34.24a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096Z"},"children":[]},{"type":"mask","props":{"id":"b","width":"39","height":"32","x":"8","y":"11","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M30.145 38.339a4.108 4.108 0 0 1-4.096 4.096H8.64v-8.192h17.408a4.108 4.108 0 0 1 4.096 4.096Zm12.288-26.624H24v8.192h18.432a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096ZM34.24 22.979H16.833v8.192H34.24a4.108 4.108 0 0 0 4.096-4.096 4.108 4.108 0 0 0-4.096-4.096Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#b)"},"children":[{"type":"path","props":{"fill":"#fff","d":"M1.934 47.044c-.205 0-.589-.153-.691-.23-.154-.128-.307-.358-.307-.435l1.1-3.584-.281-.205c-.077-.051-.103-.154-.077-.256l2.304-7.68L26.049 4.42l2.407-3.302c.102-.102.128-.102.307-.102.69.05 5.785 2.97 7.552 5.401.153.205.153.256.153.282l-2.227 3.097-.205.282-21.99 30.26-6.58 4.71c-.025.025-.076.025-.102.025a.196.196 0 0 1-.128-.051l-.281-.154-3.021 2.253v-.077Z","opacity":".48"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M1.934 47.044c-.205 0-.589-.153-.691-.23-.154-.128-.307-.358-.307-.435l1.1-3.584-.281-.205c-.077-.051-.103-.154-.077-.256l2.304-7.68L26.049 4.42l2.407-3.302c.102-.102.128-.102.307-.102.69.05 5.785 2.97 7.552 5.401.153.205.153.256.153.282l-2.227 3.097-.205.282-21.99 30.26-6.58 4.71c-.025.025-.076.025-.102.025a.196.196 0 0 1-.128-.051l-.281-.154-3.021 2.253v-.077Z","opacity":".24"},"children":[]}]},{"type":"path","props":{"fill":"#41A5EE","d":"M2.65 45.2 20.52 24.797l13.26-16.742-7.218-4.532-.896.538L3.52 34.397l-2.33 7.782a.73.73 0 0 0 .282.794L2.65 45.2Z"},"children":[]},{"type":"path","props":{"fill":"#2B7CD3","d":"M4.953 45.453c.256.154.563.154.794-.025l6.656-4.736 22.041-30.336-3.917-4.352-27.724 38.4 2.15 1.05Z"},"children":[]},{"type":"path","props":{"fill":"#103F91","d":"m34.445 10.33 2.432-3.354c.205-.281.102-.537-.154-.896C34.907 3.572 29.48.397 28.763.474c-.333.026-.41.026-.691.282l-2.432 3.353 8.806 6.221ZM4.415 42.18l-2.944.793-.999 3.328c-.05.282.256.691.487.87.23.18.947.462 1.254.308l2.765-2.048c-.026.026-.563-3.251-.563-3.251Z"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 0h48v48H0z"},"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 MicrosoftEditor = forwardRef(
   function MicrosoftEditor({ 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 MicrosoftEditor = 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/microsoft-excel.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 486 500","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"a","cx":"-746.66","cy":"781.44","r":"13.89","data-name":"Безымянный градиент","fx":"-746.66","fy":"781.44","gradientTransform":"matrix(-28.32596 -29.80763 -23.11916 21.97986 -2596.39 -38900.31)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".06","stopColor":"#379539"},"children":[]},{"type":"stop","props":{"offset":".42","stopColor":"#297c2d"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#15561c"},"children":[]}]},{"type":"radialGradient","props":{"id":"b","cx":"-773.19","cy":"771.25","r":"13.89","data-name":"Безымянный градиент 2","fx":"-773.19","fy":"771.25","gradientTransform":"matrix(-11.97612 -11.58137 -8.95853 9.26806 -2155.12 -15858.88)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#073b10"},"children":[]},{"type":"stop","props":{"offset":".99","stopColor":"#084a13","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"f","cx":"-824.11","cy":"810.99","r":"13.89","data-name":"Безымянный градиент 6","fx":"-824.11","fy":"810.99","gradientTransform":"matrix(-9.02 0 0 19.09 -7120.4 -15378.69)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".29","stopColor":"#4eb43b"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#72cc61","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"h","cx":"-769.14","cy":"808.9","r":"13.89","data-name":"Безымянный градиент 8","fx":"-769.14","fy":"808.9","gradientTransform":"matrix(-16.9077 -13.68182 13.64112 -16.86345 -23523.37 3309.71)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".44","stopColor":"#79e96d"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#d0eb76"},"children":[]}]},{"type":"radialGradient","props":{"id":"i","cx":"-675.64","cy":"793.28","r":"13.89","data-name":"Безымянный градиент 9","fx":"-675.64","fy":"793.28","gradientTransform":"matrix(15.99196 15.99755 45.54153 -45.54797 -25315.85 47178.18)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#20a85e"},"children":[]},{"type":"stop","props":{"offset":".94","stopColor":"#09442a"},"children":[]}]},{"type":"radialGradient","props":{"id":"j","cx":"-657.62","cy":"853.99","r":"13.89","data-name":"Безымянный градиент 10","fx":"-657.62","fy":"853.99","gradientTransform":"matrix(0 11.2 12.9 0 -10902.85 7734.8)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".58","stopColor":"#33a662","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".97","stopColor":"#98f0b0"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"69.43","x2":"260.84","y1":"210.33","y2":"210.33","data-name":"Безымянный градиент 3","gradientTransform":"matrix(1 0 0 -1 0 502)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#52d17c"},"children":[]},{"type":"stop","props":{"offset":".33","stopColor":"#4aa647"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"194.4","x2":"194.4","y1":"335.33","y2":"161.68","data-name":"Безымянный градиент 4","gradientTransform":"matrix(1 0 0 -1 0 502)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#29852f"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#4aa647","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"80.49","x2":"311.45","y1":"297.22","y2":"497.54","data-name":"Безымянный градиент 5","gradientTransform":"matrix(1 0 0 -1 0 502)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#66d052"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#85e972"},"children":[]}]},{"type":"linearGradient","props":{"id":"g","x1":"182.11","x2":"69.43","y1":"377","y2":"377","data-name":"Безымянный градиент 7","gradientTransform":"matrix(1 0 0 -1 0 502)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".18","stopColor":"#c0e075","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#d1eb95"},"children":[]}]}]},{"type":"path","props":{"d":"M69.43 159.72c0-34.52 27.98-62.5 62.49-62.5h354.09v361.11c0 23.01-18.65 41.67-41.66 41.67H152.74c-46.01 0-83.31-37.31-83.31-83.33V159.72Z","style":{"fill":"url(#a)"}},"children":[]},{"type":"path","props":{"d":"M69.43 159.72c0-34.52 27.98-62.5 62.49-62.5h354.09v361.11c0 23.01-18.65 41.67-41.66 41.67H152.74c-46.01 0-83.31-37.31-83.31-83.33V159.72Z","style":{"fill":"url(#b)","fillOpacity":".7"}},"children":[]},{"type":"path","props":{"d":"M69.43 229.17c0-34.52 27.98-62.5 62.49-62.5h187.46c-23.01 0-41.66 18.66-41.66 41.67v83.33c0 23.01-18.65 41.67-41.66 41.67h-83.31c-46.01 0-83.31 37.31-83.31 83.33v-187.5Z","style":{"fill":"url(#c)"}},"children":[]},{"type":"path","props":{"d":"M69.43 229.17c0-34.52 27.98-62.5 62.49-62.5h187.46c-23.01 0-41.66 18.66-41.66 41.67v83.33c0 23.01-18.65 41.67-41.66 41.67h-83.31c-46.01 0-83.31 37.31-83.31 83.33v-187.5Z","style":{"fill":"url(#d)","fillOpacity":".3"}},"children":[]},{"type":"path","props":{"d":"M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z","style":{"fill":"url(#e)"}},"children":[]},{"type":"path","props":{"d":"M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z","style":{"fill":"url(#f)"}},"children":[]},{"type":"path","props":{"d":"M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z","style":{"fill":"url(#g)"}},"children":[]},{"type":"rect","props":{"width":"208.29","height":"166.67","x":"277.71","rx":"41.66","ry":"41.66","style":{"fill":"url(#h)"}},"children":[]},{"type":"rect","props":{"width":"222.17","height":"222.22","y":"236.11","rx":"45.13","ry":"45.13","style":{"fill":"url(#i)"}},"children":[]},{"type":"rect","props":{"width":"222.17","height":"222.22","y":"236.11","rx":"45.13","ry":"45.13","style":{"fillOpacity":".3","fill":"url(#j)"}},"children":[]},{"type":"path","props":{"d":"M169.48 410.71h-34.25l-21.5-40.47c-.77-1.42-1.36-2.54-1.77-3.37-.35-.88-.74-1.89-1.15-3.01h-.35c-.53 1.42-1.03 2.57-1.5 3.45-.47.89-1.03 1.98-1.68 3.28l-22.3 40.11h-32.3l38.76-63.58-36.1-63.4h33.8l19.11 36.13c.77 1.48 1.42 2.78 1.95 3.9.59 1.06 1.18 2.33 1.77 3.81h.35l1.95-4.07c.53-1 1.24-2.33 2.12-3.98l19.82-35.77h32.21l-36.63 62.43 37.7 64.55Z","style":{"fill":"#fff"}},"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 MicrosoftExcel = react_1.forwardRef(function MicrosoftExcel({ 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 MicrosoftExcel = react_1.forwardRef(function MicrosoftExcel({ variant = 'd
     ..._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/microsoft-excel.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 486 500","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"a","cx":"-746.66","cy":"781.44","r":"13.89","data-name":"Безымянный градиент","fx":"-746.66","fy":"781.44","gradientTransform":"matrix(-28.32596 -29.80763 -23.11916 21.97986 -2596.39 -38900.31)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".06","stopColor":"#379539"},"children":[]},{"type":"stop","props":{"offset":".42","stopColor":"#297c2d"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#15561c"},"children":[]}]},{"type":"radialGradient","props":{"id":"b","cx":"-773.19","cy":"771.25","r":"13.89","data-name":"Безымянный градиент 2","fx":"-773.19","fy":"771.25","gradientTransform":"matrix(-11.97612 -11.58137 -8.95853 9.26806 -2155.12 -15858.88)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#073b10"},"children":[]},{"type":"stop","props":{"offset":".99","stopColor":"#084a13","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"f","cx":"-824.11","cy":"810.99","r":"13.89","data-name":"Безымянный градиент 6","fx":"-824.11","fy":"810.99","gradientTransform":"matrix(-9.02 0 0 19.09 -7120.4 -15378.69)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".29","stopColor":"#4eb43b"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#72cc61","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"h","cx":"-769.14","cy":"808.9","r":"13.89","data-name":"Безымянный градиент 8","fx":"-769.14","fy":"808.9","gradientTransform":"matrix(-16.9077 -13.68182 13.64112 -16.86345 -23523.37 3309.71)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".44","stopColor":"#79e96d"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#d0eb76"},"children":[]}]},{"type":"radialGradient","props":{"id":"i","cx":"-675.64","cy":"793.28","r":"13.89","data-name":"Безымянный градиент 9","fx":"-675.64","fy":"793.28","gradientTransform":"matrix(15.99196 15.99755 45.54153 -45.54797 -25315.85 47178.18)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#20a85e"},"children":[]},{"type":"stop","props":{"offset":".94","stopColor":"#09442a"},"children":[]}]},{"type":"radialGradient","props":{"id":"j","cx":"-657.62","cy":"853.99","r":"13.89","data-name":"Безымянный градиент 10","fx":"-657.62","fy":"853.99","gradientTransform":"matrix(0 11.2 12.9 0 -10902.85 7734.8)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".58","stopColor":"#33a662","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".97","stopColor":"#98f0b0"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"69.43","x2":"260.84","y1":"210.33","y2":"210.33","data-name":"Безымянный градиент 3","gradientTransform":"matrix(1 0 0 -1 0 502)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#52d17c"},"children":[]},{"type":"stop","props":{"offset":".33","stopColor":"#4aa647"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"194.4","x2":"194.4","y1":"335.33","y2":"161.68","data-name":"Безымянный градиент 4","gradientTransform":"matrix(1 0 0 -1 0 502)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#29852f"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#4aa647","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"80.49","x2":"311.45","y1":"297.22","y2":"497.54","data-name":"Безымянный градиент 5","gradientTransform":"matrix(1 0 0 -1 0 502)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#66d052"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#85e972"},"children":[]}]},{"type":"linearGradient","props":{"id":"g","x1":"182.11","x2":"69.43","y1":"377","y2":"377","data-name":"Безымянный градиент 7","gradientTransform":"matrix(1 0 0 -1 0 502)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".18","stopColor":"#c0e075","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#d1eb95"},"children":[]}]}]},{"type":"path","props":{"d":"M69.43 159.72c0-34.52 27.98-62.5 62.49-62.5h354.09v361.11c0 23.01-18.65 41.67-41.66 41.67H152.74c-46.01 0-83.31-37.31-83.31-83.33V159.72Z","style":{"fill":"url(#a)"}},"children":[]},{"type":"path","props":{"d":"M69.43 159.72c0-34.52 27.98-62.5 62.49-62.5h354.09v361.11c0 23.01-18.65 41.67-41.66 41.67H152.74c-46.01 0-83.31-37.31-83.31-83.33V159.72Z","style":{"fill":"url(#b)","fillOpacity":".7"}},"children":[]},{"type":"path","props":{"d":"M69.43 229.17c0-34.52 27.98-62.5 62.49-62.5h187.46c-23.01 0-41.66 18.66-41.66 41.67v83.33c0 23.01-18.65 41.67-41.66 41.67h-83.31c-46.01 0-83.31 37.31-83.31 83.33v-187.5Z","style":{"fill":"url(#c)"}},"children":[]},{"type":"path","props":{"d":"M69.43 229.17c0-34.52 27.98-62.5 62.49-62.5h187.46c-23.01 0-41.66 18.66-41.66 41.67v83.33c0 23.01-18.65 41.67-41.66 41.67h-83.31c-46.01 0-83.31 37.31-83.31 83.33v-187.5Z","style":{"fill":"url(#d)","fillOpacity":".3"}},"children":[]},{"type":"path","props":{"d":"M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z","style":{"fill":"url(#e)"}},"children":[]},{"type":"path","props":{"d":"M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z","style":{"fill":"url(#f)"}},"children":[]},{"type":"path","props":{"d":"M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z","style":{"fill":"url(#g)"}},"children":[]},{"type":"rect","props":{"width":"208.29","height":"166.67","x":"277.71","rx":"41.66","ry":"41.66","style":{"fill":"url(#h)"}},"children":[]},{"type":"rect","props":{"width":"222.17","height":"222.22","y":"236.11","rx":"45.13","ry":"45.13","style":{"fill":"url(#i)"}},"children":[]},{"type":"rect","props":{"width":"222.17","height":"222.22","y":"236.11","rx":"45.13","ry":"45.13","style":{"fillOpacity":".3","fill":"url(#j)"}},"children":[]},{"type":"path","props":{"d":"M169.48 410.71h-34.25l-21.5-40.47c-.77-1.42-1.36-2.54-1.77-3.37-.35-.88-.74-1.89-1.15-3.01h-.35c-.53 1.42-1.03 2.57-1.5 3.45-.47.89-1.03 1.98-1.68 3.28l-22.3 40.11h-32.3l38.76-63.58-36.1-63.4h33.8l19.11 36.13c.77 1.48 1.42 2.78 1.95 3.9.59 1.06 1.18 2.33 1.77 3.81h.35l1.95-4.07c.53-1 1.24-2.33 2.12-3.98l19.82-35.77h32.21l-36.63 62.43 37.7 64.55Z","style":{"fill":"#fff"}},"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 MicrosoftExcel = forwardRef(
   function MicrosoftExcel({ 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 MicrosoftExcel = 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/microsoft-loop.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 48 48","fill":"none","childNodes":[{"type":"path","props":{"d":"M24 4C12.9543 4 4 12.9543 4 24V44H24C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM24 17C27.866 17 31 20.134 31 24C31 27.866 27.866 31 24 31H17V24C17 20.134 20.134 17 24 17Z","fill":"url(#paint0_linear_148635_968)"},"children":[]},{"type":"path","props":{"d":"M44 24C44 35.0457 35.0457 44 24 44H4C4 36.8203 9.8203 31 17 31H24C27.866 31 31 27.866 31 24L44 24Z","fill":"url(#paint1_linear_148635_968)"},"children":[]},{"type":"path","props":{"d":"M44 24C44 35.0457 35.0457 44 24 44H4C4 36.8203 9.8203 31 17 31H24C27.866 31 31 27.866 31 24L44 24Z","fill":"url(#paint2_radial_148635_968)","fillOpacity":"0.56"},"children":[]},{"type":"path","props":{"d":"M44 24C44 35.0457 35.0457 44 24 44H4C4 36.8203 9.8203 31 17 31H24C27.866 31 31 27.866 31 24L44 24Z","fill":"url(#paint3_radial_148635_968)","fillOpacity":"0.1"},"children":[]},{"type":"path","props":{"d":"M24 4C12.9543 4 4 12.9543 4 24V44C4.00183 44 4.00366 44 4.00549 44C11.1683 43.997 16.9767 38.2012 16.9999 31.0432L17.0432 31H17V24C17 20.134 20.134 17 24 17C25.9528 17 27.7188 17.7996 28.9885 19.0893L38.1943 9.91018C34.5709 6.26016 29.5494 4 24 4Z","fill":"url(#paint4_linear_148635_968)"},"children":[]},{"type":"path","props":{"d":"M24 4C12.9543 4 4 12.9543 4 24V44C4.00183 44 4.00366 44 4.00549 44C11.1683 43.997 16.9767 38.2012 16.9999 31.0432L17.0432 31H17V24C17 20.134 20.134 17 24 17C25.9528 17 27.7188 17.7996 28.9885 19.0893L38.1943 9.91018C34.5709 6.26016 29.5494 4 24 4Z","fill":"url(#paint5_radial_148635_968)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear_148635_968","x1":"28.4","y1":"18.2","x2":"21.8","y2":"45.2","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#9237E3"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#48E6F3"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint1_linear_148635_968","x1":"17","y1":"41","x2":"34.6","y2":"37","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#51E6FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#71D4FF","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint2_radial_148635_968","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(11 35.5) rotate(34.5085) scale(9.70825 17.0625)"},"children":[{"type":"stop","props":{},"children":[]},{"type":"stop","props":{"offset":"0.699824","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint3_radial_148635_968","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(8.6 34) rotate(31.866) scale(17.4264 30.6273)"},"children":[{"type":"stop","props":{"offset":"0.328125"},"children":[]},{"type":"stop","props":{"offset":"0.604167","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint4_linear_148635_968","x1":"12.2","y1":"25.4","x2":"22.4","y2":"11","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#6D05E8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#AB5ADD","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint5_radial_148635_968","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(0.6 16.4) rotate(-9.73945) scale(27.1919 71.4913)"},"children":[{"type":"stop","props":{"stopColor":"#6D05E8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#6D05E8","stopOpacity":"0"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const MicrosoftLoop = react_1.forwardRef(function MicrosoftLoop({ 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 MicrosoftLoop = react_1.forwardRef(function MicrosoftLoop({ variant = 'def
     ..._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/microsoft-loop.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 48 48","fill":"none","childNodes":[{"type":"path","props":{"d":"M24 4C12.9543 4 4 12.9543 4 24V44H24C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM24 17C27.866 17 31 20.134 31 24C31 27.866 27.866 31 24 31H17V24C17 20.134 20.134 17 24 17Z","fill":"url(#paint0_linear_148635_968)"},"children":[]},{"type":"path","props":{"d":"M44 24C44 35.0457 35.0457 44 24 44H4C4 36.8203 9.8203 31 17 31H24C27.866 31 31 27.866 31 24L44 24Z","fill":"url(#paint1_linear_148635_968)"},"children":[]},{"type":"path","props":{"d":"M44 24C44 35.0457 35.0457 44 24 44H4C4 36.8203 9.8203 31 17 31H24C27.866 31 31 27.866 31 24L44 24Z","fill":"url(#paint2_radial_148635_968)","fillOpacity":"0.56"},"children":[]},{"type":"path","props":{"d":"M44 24C44 35.0457 35.0457 44 24 44H4C4 36.8203 9.8203 31 17 31H24C27.866 31 31 27.866 31 24L44 24Z","fill":"url(#paint3_radial_148635_968)","fillOpacity":"0.1"},"children":[]},{"type":"path","props":{"d":"M24 4C12.9543 4 4 12.9543 4 24V44C4.00183 44 4.00366 44 4.00549 44C11.1683 43.997 16.9767 38.2012 16.9999 31.0432L17.0432 31H17V24C17 20.134 20.134 17 24 17C25.9528 17 27.7188 17.7996 28.9885 19.0893L38.1943 9.91018C34.5709 6.26016 29.5494 4 24 4Z","fill":"url(#paint4_linear_148635_968)"},"children":[]},{"type":"path","props":{"d":"M24 4C12.9543 4 4 12.9543 4 24V44C4.00183 44 4.00366 44 4.00549 44C11.1683 43.997 16.9767 38.2012 16.9999 31.0432L17.0432 31H17V24C17 20.134 20.134 17 24 17C25.9528 17 27.7188 17.7996 28.9885 19.0893L38.1943 9.91018C34.5709 6.26016 29.5494 4 24 4Z","fill":"url(#paint5_radial_148635_968)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear_148635_968","x1":"28.4","y1":"18.2","x2":"21.8","y2":"45.2","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#9237E3"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#48E6F3"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint1_linear_148635_968","x1":"17","y1":"41","x2":"34.6","y2":"37","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#51E6FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#71D4FF","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint2_radial_148635_968","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(11 35.5) rotate(34.5085) scale(9.70825 17.0625)"},"children":[{"type":"stop","props":{},"children":[]},{"type":"stop","props":{"offset":"0.699824","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint3_radial_148635_968","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(8.6 34) rotate(31.866) scale(17.4264 30.6273)"},"children":[{"type":"stop","props":{"offset":"0.328125"},"children":[]},{"type":"stop","props":{"offset":"0.604167","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint4_linear_148635_968","x1":"12.2","y1":"25.4","x2":"22.4","y2":"11","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#6D05E8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#AB5ADD","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint5_radial_148635_968","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(0.6 16.4) rotate(-9.73945) scale(27.1919 71.4913)"},"children":[{"type":"stop","props":{"stopColor":"#6D05E8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#6D05E8","stopOpacity":"0"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const MicrosoftLoop = forwardRef(
   function MicrosoftLoop({ 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 MicrosoftLoop = 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));
         })
     );
   }