@thesvg/react 3.2.2 → 3.2.5

package/dist/azure-bug.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"bc9022b1-0342-40a9-9cf5-001cbbd7832d","x1":"8.916","y1":"17.5","x2":"8.916","y2":"2.605","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#773adc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#a67af4"},"children":[]}]}]},{"type":"title","props":{},"children":["MsPortalFx.base.images-75"]},{"type":"g","props":{"id":"bd1c5136-8a78-4293-a9c5-1141130b41f4"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M9,4.759A.432.432,0,0,1,8.665,4.6l-2.8-3.4A.43.43,0,0,1,6.53.657L8.995,3.65,11.422.659a.43.43,0,0,1,.668.542L9.331,4.6A.431.431,0,0,1,9,4.759Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M1.621,8.837a.43.43,0,0,1-.43-.43V7.127a.43.43,0,0,1,.247-.389L5.957,4.619a.43.43,0,0,1,.365.778l-4.271,2V8.407A.431.431,0,0,1,1.621,8.837Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M1.621,12.741a.429.429,0,0,1-.43-.43V11.032a.428.428,0,0,1,.247-.389l4.519-2.12a.43.43,0,0,1,.365.779l-4.271,2v1.006A.43.43,0,0,1,1.621,12.741Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M1.621,16.845a.43.43,0,0,1-.43-.43v-1.28a.43.43,0,0,1,.247-.389l4.519-2.119a.43.43,0,0,1,.365.778l-4.271,2v1.007A.431.431,0,0,1,1.621,16.845Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M16.379,8.837a.431.431,0,0,1-.43-.43V7.4l-4.271-2a.43.43,0,0,1,.365-.778l4.519,2.119a.43.43,0,0,1,.247.389v1.28A.43.43,0,0,1,16.379,8.837Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M16.379,12.741a.43.43,0,0,1-.43-.43V11.305l-4.271-2a.43.43,0,0,1,.365-.779l4.519,2.12a.428.428,0,0,1,.247.389v1.279A.429.429,0,0,1,16.379,12.741Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M16.379,16.845a.431.431,0,0,1-.43-.43V15.408l-4.271-2a.43.43,0,0,1,.365-.778l4.519,2.119a.43.43,0,0,1,.247.389v1.28A.43.43,0,0,1,16.379,16.845Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M13.345,7.034a4.429,4.429,0,1,0-8.857,0v6.038a4.429,4.429,0,0,0,8.857,0Z","fill":"url(#bc9022b1-0342-40a9-9cf5-001cbbd7832d)"},"children":[]},{"type":"path","props":{"d":"M12.817,4.937a4.44,4.44,0,0,0-1.8-1.8,1.29,1.29,0,0,0,1.8,1.8Z","fill":"#b796f9"},"children":[]},{"type":"path","props":{"d":"M5.016,4.937a1.29,1.29,0,0,0,1.8-1.8A4.44,4.44,0,0,0,5.016,4.937Z","fill":"#b796f9"},"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 AzureBug = react_1.forwardRef(function AzureBug({ 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 AzureBug = react_1.forwardRef(function AzureBug({ 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/azure-bug.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 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"bc9022b1-0342-40a9-9cf5-001cbbd7832d","x1":"8.916","y1":"17.5","x2":"8.916","y2":"2.605","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#773adc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#a67af4"},"children":[]}]}]},{"type":"title","props":{},"children":["MsPortalFx.base.images-75"]},{"type":"g","props":{"id":"bd1c5136-8a78-4293-a9c5-1141130b41f4"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M9,4.759A.432.432,0,0,1,8.665,4.6l-2.8-3.4A.43.43,0,0,1,6.53.657L8.995,3.65,11.422.659a.43.43,0,0,1,.668.542L9.331,4.6A.431.431,0,0,1,9,4.759Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M1.621,8.837a.43.43,0,0,1-.43-.43V7.127a.43.43,0,0,1,.247-.389L5.957,4.619a.43.43,0,0,1,.365.778l-4.271,2V8.407A.431.431,0,0,1,1.621,8.837Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M1.621,12.741a.429.429,0,0,1-.43-.43V11.032a.428.428,0,0,1,.247-.389l4.519-2.12a.43.43,0,0,1,.365.779l-4.271,2v1.006A.43.43,0,0,1,1.621,12.741Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M1.621,16.845a.43.43,0,0,1-.43-.43v-1.28a.43.43,0,0,1,.247-.389l4.519-2.119a.43.43,0,0,1,.365.778l-4.271,2v1.007A.431.431,0,0,1,1.621,16.845Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M16.379,8.837a.431.431,0,0,1-.43-.43V7.4l-4.271-2a.43.43,0,0,1,.365-.778l4.519,2.119a.43.43,0,0,1,.247.389v1.28A.43.43,0,0,1,16.379,8.837Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M16.379,12.741a.43.43,0,0,1-.43-.43V11.305l-4.271-2a.43.43,0,0,1,.365-.779l4.519,2.12a.428.428,0,0,1,.247.389v1.279A.429.429,0,0,1,16.379,12.741Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M16.379,16.845a.431.431,0,0,1-.43-.43V15.408l-4.271-2a.43.43,0,0,1,.365-.778l4.519,2.119a.43.43,0,0,1,.247.389v1.28A.43.43,0,0,1,16.379,16.845Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M13.345,7.034a4.429,4.429,0,1,0-8.857,0v6.038a4.429,4.429,0,0,0,8.857,0Z","fill":"url(#bc9022b1-0342-40a9-9cf5-001cbbd7832d)"},"children":[]},{"type":"path","props":{"d":"M12.817,4.937a4.44,4.44,0,0,0-1.8-1.8,1.29,1.29,0,0,0,1.8,1.8Z","fill":"#b796f9"},"children":[]},{"type":"path","props":{"d":"M5.016,4.937a1.29,1.29,0,0,0,1.8-1.8A4.44,4.44,0,0,0,5.016,4.937Z","fill":"#b796f9"},"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 AzureBug = forwardRef(
   function AzureBug({ 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 AzureBug = 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/azure-builds.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"b0b56ca2-72b1-41c5-af06-32eb990813e7","x1":"-4199.359","y1":"990.275","x2":"-4199.359","y2":"982.921","gradientTransform":"translate(-4190.224 990.809) rotate(180)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.265","stopColor":"#a67af4"},"children":[]},{"type":"stop","props":{"offset":"0.45","stopColor":"#9e6ff0"},"children":[]},{"type":"stop","props":{"offset":"0.771","stopColor":"#8952e5"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#773adc"},"children":[]}]},{"type":"linearGradient","props":{"id":"a6beae7e-dfa6-485f-bc06-215b34038868","x1":"9","y1":"17.466","x2":"9","y2":"12.672","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#773adc"},"children":[]},{"type":"stop","props":{"offset":"0.735","stopColor":"#a67af4"},"children":[]}]}]},{"type":"title","props":{},"children":["MsPortalFx.base.images-33"]},{"type":"g","props":{"id":"efce58b1-e297-4fa7-8d29-7ddbd73756de"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M12.362,4.809,9.386,7.785a.356.356,0,0,1-.5,0L5.909,4.809a.159.159,0,0,1,.112-.271h1.83a.158.158,0,0,0,.158-.158V.661A.127.127,0,0,1,8.136.534h2a.126.126,0,0,1,.126.127V4.38a.159.159,0,0,0,.159.158h1.83A.159.159,0,0,1,12.362,4.809Z","fill":"url(#b0b56ca2-72b1-41c5-af06-32eb990813e7)"},"children":[]},{"type":"rect","props":{"x":"0.5","y":"12.672","width":"17","height":"4.793","rx":"0.513","fill":"url(#a6beae7e-dfa6-485f-bc06-215b34038868)"},"children":[]},{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"4.174","y":"9.308","width":"2.488","height":"2.488","rx":"0.203","fill":"#86d633"},"children":[]},{"type":"rect","props":{"x":"7.891","y":"9.308","width":"2.488","height":"2.488","rx":"0.203","fill":"#86d633"},"children":[]},{"type":"rect","props":{"x":"11.608","y":"9.308","width":"2.488","height":"2.488","rx":"0.203","fill":"#86d633"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"6.033","y":"13.746","width":"2.488","height":"2.488","rx":"0.203","fill":"#b4ec36"},"children":[]},{"type":"rect","props":{"x":"9.75","y":"13.746","width":"2.488","height":"2.488","rx":"0.203","fill":"#b4ec36"},"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 AzureBuilds = react_1.forwardRef(function AzureBuilds({ 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 AzureBuilds = react_1.forwardRef(function AzureBuilds({ variant = 'default
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/azure-builds.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 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"b0b56ca2-72b1-41c5-af06-32eb990813e7","x1":"-4199.359","y1":"990.275","x2":"-4199.359","y2":"982.921","gradientTransform":"translate(-4190.224 990.809) rotate(180)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.265","stopColor":"#a67af4"},"children":[]},{"type":"stop","props":{"offset":"0.45","stopColor":"#9e6ff0"},"children":[]},{"type":"stop","props":{"offset":"0.771","stopColor":"#8952e5"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#773adc"},"children":[]}]},{"type":"linearGradient","props":{"id":"a6beae7e-dfa6-485f-bc06-215b34038868","x1":"9","y1":"17.466","x2":"9","y2":"12.672","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#773adc"},"children":[]},{"type":"stop","props":{"offset":"0.735","stopColor":"#a67af4"},"children":[]}]}]},{"type":"title","props":{},"children":["MsPortalFx.base.images-33"]},{"type":"g","props":{"id":"efce58b1-e297-4fa7-8d29-7ddbd73756de"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M12.362,4.809,9.386,7.785a.356.356,0,0,1-.5,0L5.909,4.809a.159.159,0,0,1,.112-.271h1.83a.158.158,0,0,0,.158-.158V.661A.127.127,0,0,1,8.136.534h2a.126.126,0,0,1,.126.127V4.38a.159.159,0,0,0,.159.158h1.83A.159.159,0,0,1,12.362,4.809Z","fill":"url(#b0b56ca2-72b1-41c5-af06-32eb990813e7)"},"children":[]},{"type":"rect","props":{"x":"0.5","y":"12.672","width":"17","height":"4.793","rx":"0.513","fill":"url(#a6beae7e-dfa6-485f-bc06-215b34038868)"},"children":[]},{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"4.174","y":"9.308","width":"2.488","height":"2.488","rx":"0.203","fill":"#86d633"},"children":[]},{"type":"rect","props":{"x":"7.891","y":"9.308","width":"2.488","height":"2.488","rx":"0.203","fill":"#86d633"},"children":[]},{"type":"rect","props":{"x":"11.608","y":"9.308","width":"2.488","height":"2.488","rx":"0.203","fill":"#86d633"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"6.033","y":"13.746","width":"2.488","height":"2.488","rx":"0.203","fill":"#b4ec36"},"children":[]},{"type":"rect","props":{"x":"9.75","y":"13.746","width":"2.488","height":"2.488","rx":"0.203","fill":"#b4ec36"},"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 AzureBuilds = forwardRef(
   function AzureBuilds({ 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 AzureBuilds = 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/azure-cache-redis.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"ac420e47-f190-46df-ab14-7e1f8fa3a93d","x1":"9.5","y1":"7.37","x2":"17.5","y2":"7.37","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.07","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.36","stopColor":"#0071c8"},"children":[]},{"type":"stop","props":{"offset":"0.52","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]},{"type":"linearGradient","props":{"id":"a51ffd84-af0a-457a-abee-1f70656da56f","x1":"0.5","y1":"7.37","x2":"8.5","y2":"7.37","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.07","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.36","stopColor":"#0071c8"},"children":[]},{"type":"stop","props":{"offset":"0.52","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]},{"type":"linearGradient","props":{"id":"bbb4b87e-b1f0-4042-b6d6-9b91b5dac799","x1":"5","y1":"11.9","x2":"13","y2":"11.9","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.07","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.36","stopColor":"#0071c8"},"children":[]},{"type":"stop","props":{"offset":"0.52","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-databases-137"]},{"type":"path","props":{"d":"M13.5,4.62c-2.21,0-4-.57-4-1.28v6.79c0,.69,1.76,1.26,3.95,1.27h.05c2.21,0,4-.57,4-1.27V3.34C17.5,4.05,15.71,4.62,13.5,4.62Z","fill":"url(#ac420e47-f190-46df-ab14-7e1f8fa3a93d)"},"children":[]},{"type":"path","props":{"d":"M17.5,3.34c0,.71-1.79,1.28-4,1.28s-4-.57-4-1.28,1.79-1.27,4-1.27,4,.57,4,1.27","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M16.57,3.24c0,.45-1.38.81-3.07.81s-3.07-.36-3.07-.81,1.38-.81,3.07-.81,3.07.36,3.07.81","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M13.5,3.43a8.65,8.65,0,0,0-2.43.3,7.8,7.8,0,0,0,2.43.32,7.8,7.8,0,0,0,2.43-.32A8.65,8.65,0,0,0,13.5,3.43Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M4.5,4.62c-2.21,0-4-.57-4-1.28v6.79c0,.69,1.76,1.26,4,1.27h0c2.21,0,4-.57,4-1.27V3.34C8.5,4.05,6.71,4.62,4.5,4.62Z","fill":"url(#a51ffd84-af0a-457a-abee-1f70656da56f)"},"children":[]},{"type":"path","props":{"d":"M8.5,3.34c0,.71-1.79,1.28-4,1.28s-4-.57-4-1.28,1.79-1.27,4-1.27,4,.57,4,1.27","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M7.57,3.24c0,.45-1.38.81-3.07.81s-3.07-.36-3.07-.81,1.38-.81,3.07-.81,3.07.36,3.07.81","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M4.5,3.43a8.65,8.65,0,0,0-2.43.3,7.8,7.8,0,0,0,2.43.32,7.8,7.8,0,0,0,2.43-.32A8.65,8.65,0,0,0,4.5,3.43Z","fill":"#32bedd"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M9,9.15c-2.21,0-4-.57-4-1.28v6.79c0,.7,1.76,1.26,3.95,1.27H9c2.21,0,4-.57,4-1.27V7.87C13,8.58,11.21,9.15,9,9.15Z","fill":"url(#bbb4b87e-b1f0-4042-b6d6-9b91b5dac799)"},"children":[]},{"type":"path","props":{"d":"M13,7.87c0,.71-1.79,1.28-4,1.28S5,8.58,5,7.87,6.79,6.6,9,6.6s4,.57,4,1.27","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M12.07,7.77c0,.45-1.38.81-3.07.81s-3.07-.36-3.07-.81S7.31,7,9,7s3.07.36,3.07.81","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M9,8a8.65,8.65,0,0,0-2.43.3A7.8,7.8,0,0,0,9,8.58a7.8,7.8,0,0,0,2.43-.32A8.65,8.65,0,0,0,9,8Z","fill":"#32bedd"},"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 AzureCacheRedis = react_1.forwardRef(function AzureCacheRedis({ 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 AzureCacheRedis = react_1.forwardRef(function AzureCacheRedis({ 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/azure-cache-redis.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 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"ac420e47-f190-46df-ab14-7e1f8fa3a93d","x1":"9.5","y1":"7.37","x2":"17.5","y2":"7.37","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.07","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.36","stopColor":"#0071c8"},"children":[]},{"type":"stop","props":{"offset":"0.52","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]},{"type":"linearGradient","props":{"id":"a51ffd84-af0a-457a-abee-1f70656da56f","x1":"0.5","y1":"7.37","x2":"8.5","y2":"7.37","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.07","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.36","stopColor":"#0071c8"},"children":[]},{"type":"stop","props":{"offset":"0.52","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]},{"type":"linearGradient","props":{"id":"bbb4b87e-b1f0-4042-b6d6-9b91b5dac799","x1":"5","y1":"11.9","x2":"13","y2":"11.9","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.07","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.36","stopColor":"#0071c8"},"children":[]},{"type":"stop","props":{"offset":"0.52","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-databases-137"]},{"type":"path","props":{"d":"M13.5,4.62c-2.21,0-4-.57-4-1.28v6.79c0,.69,1.76,1.26,3.95,1.27h.05c2.21,0,4-.57,4-1.27V3.34C17.5,4.05,15.71,4.62,13.5,4.62Z","fill":"url(#ac420e47-f190-46df-ab14-7e1f8fa3a93d)"},"children":[]},{"type":"path","props":{"d":"M17.5,3.34c0,.71-1.79,1.28-4,1.28s-4-.57-4-1.28,1.79-1.27,4-1.27,4,.57,4,1.27","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M16.57,3.24c0,.45-1.38.81-3.07.81s-3.07-.36-3.07-.81,1.38-.81,3.07-.81,3.07.36,3.07.81","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M13.5,3.43a8.65,8.65,0,0,0-2.43.3,7.8,7.8,0,0,0,2.43.32,7.8,7.8,0,0,0,2.43-.32A8.65,8.65,0,0,0,13.5,3.43Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M4.5,4.62c-2.21,0-4-.57-4-1.28v6.79c0,.69,1.76,1.26,4,1.27h0c2.21,0,4-.57,4-1.27V3.34C8.5,4.05,6.71,4.62,4.5,4.62Z","fill":"url(#a51ffd84-af0a-457a-abee-1f70656da56f)"},"children":[]},{"type":"path","props":{"d":"M8.5,3.34c0,.71-1.79,1.28-4,1.28s-4-.57-4-1.28,1.79-1.27,4-1.27,4,.57,4,1.27","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M7.57,3.24c0,.45-1.38.81-3.07.81s-3.07-.36-3.07-.81,1.38-.81,3.07-.81,3.07.36,3.07.81","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M4.5,3.43a8.65,8.65,0,0,0-2.43.3,7.8,7.8,0,0,0,2.43.32,7.8,7.8,0,0,0,2.43-.32A8.65,8.65,0,0,0,4.5,3.43Z","fill":"#32bedd"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M9,9.15c-2.21,0-4-.57-4-1.28v6.79c0,.7,1.76,1.26,3.95,1.27H9c2.21,0,4-.57,4-1.27V7.87C13,8.58,11.21,9.15,9,9.15Z","fill":"url(#bbb4b87e-b1f0-4042-b6d6-9b91b5dac799)"},"children":[]},{"type":"path","props":{"d":"M13,7.87c0,.71-1.79,1.28-4,1.28S5,8.58,5,7.87,6.79,6.6,9,6.6s4,.57,4,1.27","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M12.07,7.77c0,.45-1.38.81-3.07.81s-3.07-.36-3.07-.81S7.31,7,9,7s3.07.36,3.07.81","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M9,8a8.65,8.65,0,0,0-2.43.3A7.8,7.8,0,0,0,9,8.58a7.8,7.8,0,0,0,2.43-.32A8.65,8.65,0,0,0,9,8Z","fill":"#32bedd"},"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 AzureCacheRedis = forwardRef(
   function AzureCacheRedis({ 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 AzureCacheRedis = 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/azure-cache.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"ebf8c83f-a543-4684-a0fb-d8b7cafc2508","x1":"-2.113","y1":"12.211","x2":"10.011","y2":"12.211","gradientTransform":"translate(2.699 -2.533) rotate(0.147)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.068","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.356","stopColor":"#0071c8"},"children":[]},{"type":"stop","props":{"offset":"0.517","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.642","stopColor":"#0074cd"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#006abb"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]},{"type":"linearGradient","props":{"id":"a1c5e847-63e7-42d2-97b8-b42425b72c8e","x1":"6.563","y1":"15.274","x2":"14.785","y2":"15.274","gradientTransform":"translate(2.699 -2.533) rotate(0.147)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#32bedd"},"children":[]},{"type":"stop","props":{"offset":"0.322","stopColor":"#47daf5"},"children":[]},{"type":"stop","props":{"offset":"0.517","stopColor":"#50e6ff"},"children":[]},{"type":"stop","props":{"offset":"0.664","stopColor":"#4bdff9"},"children":[]},{"type":"stop","props":{"offset":"0.872","stopColor":"#3dcdea"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#32bedd"},"children":[]}]}]},{"type":"title","props":{},"children":["MsPortalFx.base.images-34"]},{"type":"g","props":{"id":"ff247313-7a12-423f-83fe-769fd3d02dfd"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M6.629,4.917C3.281,4.909.57,3.913.573,2.693L.543,14.442c0,1.21,2.663,2.2,5.973,2.224H6.6c3.348.009,6.065-.973,6.068-2.193L12.7,2.724C12.694,3.944,9.977,4.926,6.629,4.917Z","fill":"url(#ebf8c83f-a543-4684-a0fb-d8b7cafc2508)"},"children":[]},{"type":"path","props":{"d":"M12.7,2.724c0,1.22-2.72,2.2-6.068,2.193S.57,3.913.573,2.693,3.293.491,6.641.5s6.06,1,6.056,2.224","fill":"#e6e6e6"},"children":[]},{"type":"path","props":{"d":"M11.283,2.542c0,.775-2.085,1.4-4.651,1.392s-4.646-.64-4.644-1.416,2.085-1.4,4.651-1.393,4.646.641,4.644,1.417","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M6.635,2.853a11.181,11.181,0,0,0-3.683.524,10.8,10.8,0,0,0,3.68.557A10.814,10.814,0,0,0,10.315,3.4,11.176,11.176,0,0,0,6.635,2.853Z","fill":"#198ab3"},"children":[]}]},{"type":"path","props":{"d":"M13.343,9.533c-2.271-.006-4.109-.681-4.107-1.508l-.021,7.967c0,.82,1.807,1.491,4.051,1.508h.056c2.271.006,4.113-.66,4.115-1.487l.02-7.967C17.455,8.873,15.613,9.539,13.343,9.533Z","fill":"url(#a1c5e847-63e7-42d2-97b8-b42425b72c8e)"},"children":[]},{"type":"path","props":{"d":"M17.457,8.046c0,.827-1.844,1.493-4.114,1.487S9.234,8.852,9.236,8.025,11.08,6.532,13.35,6.538s4.11.681,4.107,1.508","fill":"#e6e6e6"},"children":[]},{"type":"path","props":{"d":"M16.5,7.922c0,.526-1.413.948-3.154.944s-3.15-.434-3.148-.96,1.413-.949,3.153-.944,3.15.434,3.149.96","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M13.346,8.133a7.61,7.61,0,0,0-2.5.355,7.312,7.312,0,0,0,2.495.378,7.321,7.321,0,0,0,2.5-.365A7.611,7.611,0,0,0,13.346,8.133Z","fill":"#198ab3"},"children":[]},{"type":"path","props":{"d":"M14.044,10.589a.1.1,0,0,0-.052-.013.134.134,0,0,0-.092.052L11.652,13.9a.128.128,0,0,0-.013.118.133.133,0,0,0,.105.065H13.09l-.6,1.974a.1.1,0,0,0,.052.13.078.078,0,0,0,.052.013.134.134,0,0,0,.092-.052L15,12.837c.013-.026.026-.039.026-.065a.117.117,0,0,0-.117-.118H13.521L14.1,10.72A.1.1,0,0,0,14.044,10.589Z","fill":"#f2f2f2"},"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 AzureCache = react_1.forwardRef(function AzureCache({ 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 AzureCache = react_1.forwardRef(function AzureCache({ variant = 'default',
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/azure-cache.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 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"ebf8c83f-a543-4684-a0fb-d8b7cafc2508","x1":"-2.113","y1":"12.211","x2":"10.011","y2":"12.211","gradientTransform":"translate(2.699 -2.533) rotate(0.147)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.068","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.356","stopColor":"#0071c8"},"children":[]},{"type":"stop","props":{"offset":"0.517","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.642","stopColor":"#0074cd"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#006abb"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]},{"type":"linearGradient","props":{"id":"a1c5e847-63e7-42d2-97b8-b42425b72c8e","x1":"6.563","y1":"15.274","x2":"14.785","y2":"15.274","gradientTransform":"translate(2.699 -2.533) rotate(0.147)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#32bedd"},"children":[]},{"type":"stop","props":{"offset":"0.322","stopColor":"#47daf5"},"children":[]},{"type":"stop","props":{"offset":"0.517","stopColor":"#50e6ff"},"children":[]},{"type":"stop","props":{"offset":"0.664","stopColor":"#4bdff9"},"children":[]},{"type":"stop","props":{"offset":"0.872","stopColor":"#3dcdea"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#32bedd"},"children":[]}]}]},{"type":"title","props":{},"children":["MsPortalFx.base.images-34"]},{"type":"g","props":{"id":"ff247313-7a12-423f-83fe-769fd3d02dfd"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M6.629,4.917C3.281,4.909.57,3.913.573,2.693L.543,14.442c0,1.21,2.663,2.2,5.973,2.224H6.6c3.348.009,6.065-.973,6.068-2.193L12.7,2.724C12.694,3.944,9.977,4.926,6.629,4.917Z","fill":"url(#ebf8c83f-a543-4684-a0fb-d8b7cafc2508)"},"children":[]},{"type":"path","props":{"d":"M12.7,2.724c0,1.22-2.72,2.2-6.068,2.193S.57,3.913.573,2.693,3.293.491,6.641.5s6.06,1,6.056,2.224","fill":"#e6e6e6"},"children":[]},{"type":"path","props":{"d":"M11.283,2.542c0,.775-2.085,1.4-4.651,1.392s-4.646-.64-4.644-1.416,2.085-1.4,4.651-1.393,4.646.641,4.644,1.417","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M6.635,2.853a11.181,11.181,0,0,0-3.683.524,10.8,10.8,0,0,0,3.68.557A10.814,10.814,0,0,0,10.315,3.4,11.176,11.176,0,0,0,6.635,2.853Z","fill":"#198ab3"},"children":[]}]},{"type":"path","props":{"d":"M13.343,9.533c-2.271-.006-4.109-.681-4.107-1.508l-.021,7.967c0,.82,1.807,1.491,4.051,1.508h.056c2.271.006,4.113-.66,4.115-1.487l.02-7.967C17.455,8.873,15.613,9.539,13.343,9.533Z","fill":"url(#a1c5e847-63e7-42d2-97b8-b42425b72c8e)"},"children":[]},{"type":"path","props":{"d":"M17.457,8.046c0,.827-1.844,1.493-4.114,1.487S9.234,8.852,9.236,8.025,11.08,6.532,13.35,6.538s4.11.681,4.107,1.508","fill":"#e6e6e6"},"children":[]},{"type":"path","props":{"d":"M16.5,7.922c0,.526-1.413.948-3.154.944s-3.15-.434-3.148-.96,1.413-.949,3.153-.944,3.15.434,3.149.96","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M13.346,8.133a7.61,7.61,0,0,0-2.5.355,7.312,7.312,0,0,0,2.495.378,7.321,7.321,0,0,0,2.5-.365A7.611,7.611,0,0,0,13.346,8.133Z","fill":"#198ab3"},"children":[]},{"type":"path","props":{"d":"M14.044,10.589a.1.1,0,0,0-.052-.013.134.134,0,0,0-.092.052L11.652,13.9a.128.128,0,0,0-.013.118.133.133,0,0,0,.105.065H13.09l-.6,1.974a.1.1,0,0,0,.052.13.078.078,0,0,0,.052.013.134.134,0,0,0,.092-.052L15,12.837c.013-.026.026-.039.026-.065a.117.117,0,0,0-.117-.118H13.521L14.1,10.72A.1.1,0,0,0,14.044,10.589Z","fill":"#f2f2f2"},"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 AzureCache = forwardRef(
   function AzureCache({ 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 AzureCache = 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/azure-capacity-reservation-groups.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 18 18","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"ab1cca84-93cf-4d33-bcf8-b6b3fb73ddf0"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"polygon","props":{"points":"15.434 9.798 13.724 10.808 12.004 11.808 8.994 13.578 5.994 11.808 4.284 10.808 2.564 9.798 3.914 9.008 8.994 11.988 14.084 9.008 15.434 9.798","fill":"#a33a85"},"children":[]},{"type":"polygon","props":{"points":"15.434 9.798 15.434 11.518 8.994 15.298 2.564 11.518 2.564 9.798 4.284 10.808 5.994 11.808 8.994 13.578 12.004 11.808 13.724 10.808 15.434 9.798","fill":"#59285f"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"points":"15.434 6.488 13.724 7.488 12.614 8.138 12.004 8.498 8.994 10.258 5.994 8.498 5.384 8.138 4.284 7.488 2.564 6.488 8.994 2.698 15.434 6.488","fill":"#a33a85"},"children":[]},{"type":"polygon","props":{"points":"15.434 6.488 15.434 8.208 14.084 9.008 8.994 11.988 3.914 9.008 2.564 8.208 2.564 6.488 4.284 7.488 5.384 8.138 5.994 8.498 8.994 10.258 12.004 8.498 12.614 8.138 13.724 7.488 15.434 6.488","fill":"#59285f"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M16.755,4.794V13.21a.565.565,0,0,1-.281.49L9.288,17.922A.566.566,0,0,1,9,18V9.022l7.679-4.51A.569.569,0,0,1,16.755,4.794Z","fill":"#a33a85","opacity":"0.6"},"children":[]},{"type":"path","props":{"d":"M16.68,4.512,9,9.011v.011L1.32,4.511A.551.551,0,0,1,1.526,4.3L8.718.075a.569.569,0,0,1,.57,0l7.189,4.227A.567.567,0,0,1,16.68,4.512Z","fill":"#dc92bf","opacity":"0.6"},"children":[]},{"type":"path","props":{"d":"M9,9.022V18a.547.547,0,0,1-.284-.077L1.526,13.7a.565.565,0,0,1-.281-.49V4.791a.564.564,0,0,1,.075-.28Z","fill":"#ce74b6","opacity":"0.6"},"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 AzureCapacityReservationGroups = react_1.forwardRef(function AzureCapacityReservationGroups({ 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 AzureCapacityReservationGroups = react_1.forwardRef(function AzureCapacity
     ..._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/azure-capacity-reservation-groups.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 18 18","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"ab1cca84-93cf-4d33-bcf8-b6b3fb73ddf0"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"polygon","props":{"points":"15.434 9.798 13.724 10.808 12.004 11.808 8.994 13.578 5.994 11.808 4.284 10.808 2.564 9.798 3.914 9.008 8.994 11.988 14.084 9.008 15.434 9.798","fill":"#a33a85"},"children":[]},{"type":"polygon","props":{"points":"15.434 9.798 15.434 11.518 8.994 15.298 2.564 11.518 2.564 9.798 4.284 10.808 5.994 11.808 8.994 13.578 12.004 11.808 13.724 10.808 15.434 9.798","fill":"#59285f"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"points":"15.434 6.488 13.724 7.488 12.614 8.138 12.004 8.498 8.994 10.258 5.994 8.498 5.384 8.138 4.284 7.488 2.564 6.488 8.994 2.698 15.434 6.488","fill":"#a33a85"},"children":[]},{"type":"polygon","props":{"points":"15.434 6.488 15.434 8.208 14.084 9.008 8.994 11.988 3.914 9.008 2.564 8.208 2.564 6.488 4.284 7.488 5.384 8.138 5.994 8.498 8.994 10.258 12.004 8.498 12.614 8.138 13.724 7.488 15.434 6.488","fill":"#59285f"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M16.755,4.794V13.21a.565.565,0,0,1-.281.49L9.288,17.922A.566.566,0,0,1,9,18V9.022l7.679-4.51A.569.569,0,0,1,16.755,4.794Z","fill":"#a33a85","opacity":"0.6"},"children":[]},{"type":"path","props":{"d":"M16.68,4.512,9,9.011v.011L1.32,4.511A.551.551,0,0,1,1.526,4.3L8.718.075a.569.569,0,0,1,.57,0l7.189,4.227A.567.567,0,0,1,16.68,4.512Z","fill":"#dc92bf","opacity":"0.6"},"children":[]},{"type":"path","props":{"d":"M9,9.022V18a.547.547,0,0,1-.284-.077L1.526,13.7a.565.565,0,0,1-.281-.49V4.791a.564.564,0,0,1,.075-.28Z","fill":"#ce74b6","opacity":"0.6"},"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 AzureCapacityReservationGroups = forwardRef(
   function AzureCapacityReservationGroups({ 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 AzureCapacityReservationGroups = 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/azure-capacity.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"b756f194-f0ab-4baf-9a5b-c24373260298","x1":"6.01","y1":"17.69","x2":"6.01","y2":"0.26","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#949494"},"children":[]},{"type":"stop","props":{"offset":"0.53","stopColor":"#a2a2a2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#b3b3b3"},"children":[]}]},{"type":"linearGradient","props":{"id":"b4a51a97-50dd-4686-924a-188a97007e56","x1":"10.55","y1":"853.33","x2":"15","y2":"858.17","gradientTransform":"translate(0 -1351.46) scale(1 1.59)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.02","stopColor":"#0d7ed8"},"children":[]},{"type":"stop","props":{"offset":"0.08","stopColor":"#2b8ae0"},"children":[]},{"type":"stop","props":{"offset":"0.15","stopColor":"#4194e7"},"children":[]},{"type":"stop","props":{"offset":"0.22","stopColor":"#519beb"},"children":[]},{"type":"stop","props":{"offset":"0.29","stopColor":"#5b9fee"},"children":[]},{"type":"stop","props":{"offset":"0.4","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"0.55","stopColor":"#5b9fee"},"children":[]},{"type":"stop","props":{"offset":"0.68","stopColor":"#509aeb"},"children":[]},{"type":"stop","props":{"offset":"0.8","stopColor":"#3f92e6"},"children":[]},{"type":"stop","props":{"offset":"0.91","stopColor":"#2688df"},"children":[]},{"type":"stop","props":{"offset":"0.99","stopColor":"#127fd9"},"children":[]}]}]},{"type":"g","props":{"id":"a5e70dc5-b1f0-464a-b150-2d065854bc52"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M11.13,17.1a.6.6,0,0,1-.59.59H1.48a.59.59,0,0,1-.59-.59V.85A.58.58,0,0,1,1.48.26h9.06a.59.59,0,0,1,.59.59Z","fill":"url(#b756f194-f0ab-4baf-9a5b-c24373260298)"},"children":[]},{"type":"path","props":{"d":"M2.39,6.37A1.12,1.12,0,0,1,3.51,5.26H8.6A1.11,1.11,0,0,1,9.71,6.37h0A1.11,1.11,0,0,1,8.6,7.49H3.51A1.12,1.12,0,0,1,2.39,6.37Z","fill":"#003067"},"children":[]},{"type":"path","props":{"d":"M2.39,3.07A1.11,1.11,0,0,1,3.51,2H8.6A1.1,1.1,0,0,1,9.71,3.07h0A1.11,1.11,0,0,1,8.6,4.18H3.51A1.12,1.12,0,0,1,2.39,3.07Z","fill":"#003067"},"children":[]},{"type":"circle","props":{"cx":"3.55","cy":"3.07","r":"0.75","fill":"#50e6ff"},"children":[]},{"type":"circle","props":{"cx":"3.55","cy":"6.37","r":"0.75","fill":"#50e6ff"},"children":[]}]},{"type":"ellipse","props":{"cx":"12.62","cy":"14.91","rx":"4.49","ry":"1.84","fill":"#76bc2d"},"children":[]},{"type":"ellipse","props":{"cx":"12.73","cy":"14.89","rx":"1.49","ry":"0.41","fill":"#5e9624"},"children":[]},{"type":"ellipse","props":{"cx":"12.62","cy":"10.82","rx":"4.49","ry":"1.84","fill":"url(#b4a51a97-50dd-4686-924a-188a97007e56)"},"children":[]},{"type":"ellipse","props":{"cx":"12.73","cy":"10.8","rx":"1.49","ry":"0.41","fill":"#005ba1"},"children":[]},{"type":"path","props":{"d":"M12.62,16.72c2.48,0,4.49-.83,4.49-1.85h0V16h0c-.09,1-2.06,1.78-4.49,1.78s-4.49-.82-4.49-1.84v-1C8.13,15.89,10.14,16.72,12.62,16.72Z","fill":"#5e9624"},"children":[]},{"type":"path","props":{"d":"M12.62,12.62c2.48,0,4.49-.82,4.49-1.84h0v1.09h0c-.09,1-2.06,1.78-4.49,1.78s-4.49-.83-4.49-1.85v-1C8.13,11.8,10.14,12.62,12.62,12.62Z","fill":"#0078d4"},"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 AzureCapacity = react_1.forwardRef(function AzureCapacity({ 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 AzureCapacity = react_1.forwardRef(function AzureCapacity({ 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/azure-capacity.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 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"b756f194-f0ab-4baf-9a5b-c24373260298","x1":"6.01","y1":"17.69","x2":"6.01","y2":"0.26","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#949494"},"children":[]},{"type":"stop","props":{"offset":"0.53","stopColor":"#a2a2a2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#b3b3b3"},"children":[]}]},{"type":"linearGradient","props":{"id":"b4a51a97-50dd-4686-924a-188a97007e56","x1":"10.55","y1":"853.33","x2":"15","y2":"858.17","gradientTransform":"translate(0 -1351.46) scale(1 1.59)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.02","stopColor":"#0d7ed8"},"children":[]},{"type":"stop","props":{"offset":"0.08","stopColor":"#2b8ae0"},"children":[]},{"type":"stop","props":{"offset":"0.15","stopColor":"#4194e7"},"children":[]},{"type":"stop","props":{"offset":"0.22","stopColor":"#519beb"},"children":[]},{"type":"stop","props":{"offset":"0.29","stopColor":"#5b9fee"},"children":[]},{"type":"stop","props":{"offset":"0.4","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"0.55","stopColor":"#5b9fee"},"children":[]},{"type":"stop","props":{"offset":"0.68","stopColor":"#509aeb"},"children":[]},{"type":"stop","props":{"offset":"0.8","stopColor":"#3f92e6"},"children":[]},{"type":"stop","props":{"offset":"0.91","stopColor":"#2688df"},"children":[]},{"type":"stop","props":{"offset":"0.99","stopColor":"#127fd9"},"children":[]}]}]},{"type":"g","props":{"id":"a5e70dc5-b1f0-464a-b150-2d065854bc52"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M11.13,17.1a.6.6,0,0,1-.59.59H1.48a.59.59,0,0,1-.59-.59V.85A.58.58,0,0,1,1.48.26h9.06a.59.59,0,0,1,.59.59Z","fill":"url(#b756f194-f0ab-4baf-9a5b-c24373260298)"},"children":[]},{"type":"path","props":{"d":"M2.39,6.37A1.12,1.12,0,0,1,3.51,5.26H8.6A1.11,1.11,0,0,1,9.71,6.37h0A1.11,1.11,0,0,1,8.6,7.49H3.51A1.12,1.12,0,0,1,2.39,6.37Z","fill":"#003067"},"children":[]},{"type":"path","props":{"d":"M2.39,3.07A1.11,1.11,0,0,1,3.51,2H8.6A1.1,1.1,0,0,1,9.71,3.07h0A1.11,1.11,0,0,1,8.6,4.18H3.51A1.12,1.12,0,0,1,2.39,3.07Z","fill":"#003067"},"children":[]},{"type":"circle","props":{"cx":"3.55","cy":"3.07","r":"0.75","fill":"#50e6ff"},"children":[]},{"type":"circle","props":{"cx":"3.55","cy":"6.37","r":"0.75","fill":"#50e6ff"},"children":[]}]},{"type":"ellipse","props":{"cx":"12.62","cy":"14.91","rx":"4.49","ry":"1.84","fill":"#76bc2d"},"children":[]},{"type":"ellipse","props":{"cx":"12.73","cy":"14.89","rx":"1.49","ry":"0.41","fill":"#5e9624"},"children":[]},{"type":"ellipse","props":{"cx":"12.62","cy":"10.82","rx":"4.49","ry":"1.84","fill":"url(#b4a51a97-50dd-4686-924a-188a97007e56)"},"children":[]},{"type":"ellipse","props":{"cx":"12.73","cy":"10.8","rx":"1.49","ry":"0.41","fill":"#005ba1"},"children":[]},{"type":"path","props":{"d":"M12.62,16.72c2.48,0,4.49-.83,4.49-1.85h0V16h0c-.09,1-2.06,1.78-4.49,1.78s-4.49-.82-4.49-1.84v-1C8.13,15.89,10.14,16.72,12.62,16.72Z","fill":"#5e9624"},"children":[]},{"type":"path","props":{"d":"M12.62,12.62c2.48,0,4.49-.82,4.49-1.84h0v1.09h0c-.09,1-2.06,1.78-4.49,1.78s-4.49-.83-4.49-1.85v-1C8.13,11.8,10.14,12.62,12.62,12.62Z","fill":"#0078d4"},"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 AzureCapacity = forwardRef(
   function AzureCapacity({ 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 AzureCapacity = 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/azure-cdn-profiles.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"b8cad6fd-ec7f-45e9-be2a-125e8b87bd03","x1":"10.79","y1":"2.17","x2":"10.79","y2":"16.56","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.18","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-web-43"]},{"type":"rect","props":{"x":"3.7","y":"5.49","width":"1.18","height":"5.26","rx":"0.52","transform":"translate(-3.83 12.41) rotate(-90)","fill":"#b3b3b3"},"children":[]},{"type":"rect","props":{"x":"2.04","y":"7.88","width":"1.18","height":"5.26","rx":"0.52","transform":"translate(-7.88 13.14) rotate(-90)","fill":"#a3a3a3"},"children":[]},{"type":"rect","props":{"x":"3.7","y":"10.26","width":"1.18","height":"5.26","rx":"0.52","transform":"translate(-8.6 17.19) rotate(-90)","fill":"#7a7a7a"},"children":[]},{"type":"path","props":{"d":"M18,11a3.28,3.28,0,0,0-2.81-3.18,4.13,4.13,0,0,0-4.21-4,4.23,4.23,0,0,0-4,2.8,3.89,3.89,0,0,0-3.38,3.8,4,4,0,0,0,4.06,3.86l.36,0h6.58l.17,0A3.32,3.32,0,0,0,18,11Z","fill":"url(#b8cad6fd-ec7f-45e9-be2a-125e8b87bd03)"},"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 AzureCdnProfiles = react_1.forwardRef(function AzureCdnProfiles({ 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 AzureCdnProfiles = react_1.forwardRef(function AzureCdnProfiles({ 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));
       })
   );
 });