@thesvg/react 3.2.2 → 3.2.4

package/dist/azure-virtual-visits-builder.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":"e6400ba9-49d8-4b02-9a0f-1333bc33e50e","x1":"-1516.205","y1":"1550.824","x2":"-1516.205","y2":"1560.012","gradientTransform":"matrix(1, 0, 0, -1, 1524, 1565.516)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.001","stopColor":"#773adc"},"children":[]},{"type":"stop","props":{"offset":"0.229","stopColor":"#7b3fde"},"children":[]},{"type":"stop","props":{"offset":"0.507","stopColor":"#864ee4"},"children":[]},{"type":"stop","props":{"offset":"0.811","stopColor":"#9867ed"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#a67af4"},"children":[]}]},{"type":"linearGradient","props":{"id":"bb9c78f3-a270-43d5-9dc3-e0d9ffcbf24b","x1":"-551.781","y1":"1016.108","x2":"-551.781","y2":"1009.663","gradientTransform":"matrix(1, 0, 0, -1, 564, 1025.516)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#50e6ff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#32bedd"},"children":[]}]}]},{"type":"g","props":{"id":"f9629a3f-8b8f-4b71-a4c2-ffa806f15130"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M.02,5.5H15.569v8.669a.52.52,0,0,1-.519.52H.54a.52.52,0,0,1-.52-.52V5.5Z","fill":"url(#e6400ba9-49d8-4b02-9a0f-1333bc33e50e)"},"children":[]},{"type":"path","props":{"d":"M.542,2.19H15.047a.519.519,0,0,1,.519.52h0V5.5H.02V2.71a.52.52,0,0,1,.52-.52Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M1.847,10.723V6.892c0-.1.06-.183.134-.183H7.319c.074,0,.134.082.134.183v3.831c0,.1-.06.182-.134.182H1.981C1.907,10.905,1.847,10.824,1.847,10.723Z","fill":"#f2f2f2"},"children":[]},{"type":"path","props":{"d":"M7.146,13.486H2.154c-.17,0-.307-.082-.307-.182V12.031c0-.1.137-.182.307-.182H7.146c.17,0,.307.081.307.182V13.3C7.453,13.4,7.316,13.486,7.146,13.486Z","fill":"#b796f9"},"children":[]},{"type":"path","props":{"d":"M14,8.226H8.827c-.176,0-.318-.081-.318-.182V6.787c0-.1.142-.182.318-.182H14c.176,0,.318.081.318.182V8.044C14.317,8.145,14.175,8.226,14,8.226Z","fill":"#b796f9"},"children":[]},{"type":"path","props":{"d":"M17.643,14.8l-3.277-1.525a.381.381,0,0,1-.233-.389V12.36a.386.386,0,0,1,.233-.39l3.277-1.524c.175-.045.337.142.337.389V14.41C17.98,14.658,17.816,14.844,17.643,14.8Z","fill":"#32bedd"},"children":[]},{"type":"rect","props":{"x":"8.544","y":"9.388","width":"7.35","height":"6.422","rx":"0.385","fill":"url(#bb9c78f3-a270-43d5-9dc3-e0d9ffcbf24b)"},"children":[]},{"type":"path","props":{"d":"M10.79,12.623V11.244a.382.382,0,0,1,.573-.331l1.2.69,1.194.689a.383.383,0,0,1,0,.662l-1.194.689-1.2.69A.382.382,0,0,1,10.79,14Z","fill":"#c3f1ff"},"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 AzureVirtualVisitsBuilder = react_1.forwardRef(function AzureVirtualVisitsBuilder({ 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 AzureVirtualVisitsBuilder = react_1.forwardRef(function AzureVirtualVisits
     ..._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-virtual-visits-builder.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":"e6400ba9-49d8-4b02-9a0f-1333bc33e50e","x1":"-1516.205","y1":"1550.824","x2":"-1516.205","y2":"1560.012","gradientTransform":"matrix(1, 0, 0, -1, 1524, 1565.516)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.001","stopColor":"#773adc"},"children":[]},{"type":"stop","props":{"offset":"0.229","stopColor":"#7b3fde"},"children":[]},{"type":"stop","props":{"offset":"0.507","stopColor":"#864ee4"},"children":[]},{"type":"stop","props":{"offset":"0.811","stopColor":"#9867ed"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#a67af4"},"children":[]}]},{"type":"linearGradient","props":{"id":"bb9c78f3-a270-43d5-9dc3-e0d9ffcbf24b","x1":"-551.781","y1":"1016.108","x2":"-551.781","y2":"1009.663","gradientTransform":"matrix(1, 0, 0, -1, 564, 1025.516)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#50e6ff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#32bedd"},"children":[]}]}]},{"type":"g","props":{"id":"f9629a3f-8b8f-4b71-a4c2-ffa806f15130"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M.02,5.5H15.569v8.669a.52.52,0,0,1-.519.52H.54a.52.52,0,0,1-.52-.52V5.5Z","fill":"url(#e6400ba9-49d8-4b02-9a0f-1333bc33e50e)"},"children":[]},{"type":"path","props":{"d":"M.542,2.19H15.047a.519.519,0,0,1,.519.52h0V5.5H.02V2.71a.52.52,0,0,1,.52-.52Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M1.847,10.723V6.892c0-.1.06-.183.134-.183H7.319c.074,0,.134.082.134.183v3.831c0,.1-.06.182-.134.182H1.981C1.907,10.905,1.847,10.824,1.847,10.723Z","fill":"#f2f2f2"},"children":[]},{"type":"path","props":{"d":"M7.146,13.486H2.154c-.17,0-.307-.082-.307-.182V12.031c0-.1.137-.182.307-.182H7.146c.17,0,.307.081.307.182V13.3C7.453,13.4,7.316,13.486,7.146,13.486Z","fill":"#b796f9"},"children":[]},{"type":"path","props":{"d":"M14,8.226H8.827c-.176,0-.318-.081-.318-.182V6.787c0-.1.142-.182.318-.182H14c.176,0,.318.081.318.182V8.044C14.317,8.145,14.175,8.226,14,8.226Z","fill":"#b796f9"},"children":[]},{"type":"path","props":{"d":"M17.643,14.8l-3.277-1.525a.381.381,0,0,1-.233-.389V12.36a.386.386,0,0,1,.233-.39l3.277-1.524c.175-.045.337.142.337.389V14.41C17.98,14.658,17.816,14.844,17.643,14.8Z","fill":"#32bedd"},"children":[]},{"type":"rect","props":{"x":"8.544","y":"9.388","width":"7.35","height":"6.422","rx":"0.385","fill":"url(#bb9c78f3-a270-43d5-9dc3-e0d9ffcbf24b)"},"children":[]},{"type":"path","props":{"d":"M10.79,12.623V11.244a.382.382,0,0,1,.573-.331l1.2.69,1.194.689a.383.383,0,0,1,0,.662l-1.194.689-1.2.69A.382.382,0,0,1,10.79,14Z","fill":"#c3f1ff"},"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 AzureVirtualVisitsBuilder = forwardRef(
   function AzureVirtualVisitsBuilder({ 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 AzureVirtualVisitsBuilder = 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-virtual-wan-hub.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":"f90ce3b9-9916-46d2-8fed-0378b3b04de6","x1":"9","y1":"13.48","x2":"9","y2":"7.019","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.775","stopColor":"#5ea0ef"},"children":[]}]},{"type":"linearGradient","props":{"id":"b0e25b5b-69ba-4262-b874-3340d1e311f0","x1":"9.017","y1":"9.518","x2":"9.017","y2":"10.495","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0.6"},"children":[]}]}]},{"type":"g","props":{"id":"a101d3be-9418-4282-9372-6812b304013b"},"children":[{"type":"polygon","props":{"points":"14.288 9.453 14.288 9.459 16.993 9.397 16.974 8.553 14.286 8.615 14.286 8.599 12.042 8.341 12.042 5.899 12.036 5.888 13.624 1.826 12.836 1.524 11.237 5.613 11.239 5.614 9.521 7.597 6.815 5.597 6.78 5.568 5.198 1.524 4.41 1.826 6.01 5.916 6.031 5.908 7.482 9.083 3.996 8.599 3.979 8.627 3.979 8.615 1.304 8.553 1.284 9.397 3.959 9.459 3.966 9.17 5.733 9.733 6.084 10.923 6.05 12.291 4.45 16.38 5.238 16.683 6.838 12.593 6.708 12.543 7.969 11.319 11.254 12.096 11.665 12.444 11.277 12.593 12.876 16.683 13.664 16.38 12.065 12.291 12.036 12.302 12.271 10.601 14.288 9.453","fill":"#9cebff"},"children":[]},{"type":"path","props":{"d":"M18,9.037a1.294,1.294,0,1,1-1.294-1.294A1.294,1.294,0,0,1,18,9.037ZM1.294,7.743A1.294,1.294,0,1,0,2.588,9.037,1.294,1.294,0,0,0,1.294,7.743Zm3.479,7.646a1.294,1.294,0,1,0,1.293,1.294A1.294,1.294,0,0,0,4.773,15.389Zm8.68,0a1.294,1.294,0,1,0,1.293,1.294A1.294,1.294,0,0,0,13.453,15.389ZM4.632.024A1.294,1.294,0,1,0,5.926,1.317,1.293,1.293,0,0,0,4.632.024Zm8.916,0a1.294,1.294,0,1,0,1.293,1.293A1.293,1.293,0,0,0,13.548.024Z","fill":"#86d633"},"children":[]},{"type":"path","props":{"d":"M3.533,7.019H14.467a0,0,0,0,1,0,0v6.1a.365.365,0,0,1-.365.365H3.9a.365.365,0,0,1-.365-.365v-6.1A0,0,0,0,1,3.533,7.019Z","fill":"url(#f90ce3b9-9916-46d2-8fed-0378b3b04de6)"},"children":[]},{"type":"path","props":{"d":"M3.9,4.689H14.1a.365.365,0,0,1,.365.365V7.019a0,0,0,0,1,0,0H3.535a0,0,0,0,1,0,0V5.054A.365.365,0,0,1,3.9,4.689Z","fill":"#0078d4"},"children":[]},{"type":"path","props":{"d":"M10.57,9.515a.487.487,0,1,1-.487.487A.487.487,0,0,1,10.57,9.515Zm-2.039.491a.487.487,0,1,0,.486-.487A.487.487,0,0,0,8.531,10.006Zm-1.553,0a.487.487,0,1,0,.487-.487A.487.487,0,0,0,6.978,10.006Z","fill":"url(#b0e25b5b-69ba-4262-b874-3340d1e311f0)"},"children":[]},{"type":"path","props":{"d":"M7.818,11.952l-.278.279a.126.126,0,0,1-.178,0h0L5.3,10.175a.251.251,0,0,1,0-.356h0l.278-.279h0l2.24,2.234a.126.126,0,0,1,0,.178Zm4.605-2.416-2.24,2.234h0a.125.125,0,0,0,0,.178l.279.279h0a.125.125,0,0,0,.178,0L12.7,10.171h0a.252.252,0,0,0,0-.356l-.278-.279Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M7.5,7.786l.279.278a.126.126,0,0,1,0,.178l-2.2,2.208h0L5.3,10.171a.251.251,0,0,1,0-.356h0L7.32,7.786A.126.126,0,0,1,7.5,7.786Zm5.2,2.379h0a.251.251,0,0,0,0-.356L10.68,7.78h0a.126.126,0,0,0-.178,0l-.282.282h0a.126.126,0,0,0,0,.178l2.2,2.207h0l.279-.279Z","fill":"#fff","opacity":"0.8"},"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 AzureVirtualWanHub = react_1.forwardRef(function AzureVirtualWanHub({ 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 AzureVirtualWanHub = react_1.forwardRef(function AzureVirtualWanHub({ vari
     ..._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-virtual-wan-hub.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":"f90ce3b9-9916-46d2-8fed-0378b3b04de6","x1":"9","y1":"13.48","x2":"9","y2":"7.019","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.775","stopColor":"#5ea0ef"},"children":[]}]},{"type":"linearGradient","props":{"id":"b0e25b5b-69ba-4262-b874-3340d1e311f0","x1":"9.017","y1":"9.518","x2":"9.017","y2":"10.495","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0.6"},"children":[]}]}]},{"type":"g","props":{"id":"a101d3be-9418-4282-9372-6812b304013b"},"children":[{"type":"polygon","props":{"points":"14.288 9.453 14.288 9.459 16.993 9.397 16.974 8.553 14.286 8.615 14.286 8.599 12.042 8.341 12.042 5.899 12.036 5.888 13.624 1.826 12.836 1.524 11.237 5.613 11.239 5.614 9.521 7.597 6.815 5.597 6.78 5.568 5.198 1.524 4.41 1.826 6.01 5.916 6.031 5.908 7.482 9.083 3.996 8.599 3.979 8.627 3.979 8.615 1.304 8.553 1.284 9.397 3.959 9.459 3.966 9.17 5.733 9.733 6.084 10.923 6.05 12.291 4.45 16.38 5.238 16.683 6.838 12.593 6.708 12.543 7.969 11.319 11.254 12.096 11.665 12.444 11.277 12.593 12.876 16.683 13.664 16.38 12.065 12.291 12.036 12.302 12.271 10.601 14.288 9.453","fill":"#9cebff"},"children":[]},{"type":"path","props":{"d":"M18,9.037a1.294,1.294,0,1,1-1.294-1.294A1.294,1.294,0,0,1,18,9.037ZM1.294,7.743A1.294,1.294,0,1,0,2.588,9.037,1.294,1.294,0,0,0,1.294,7.743Zm3.479,7.646a1.294,1.294,0,1,0,1.293,1.294A1.294,1.294,0,0,0,4.773,15.389Zm8.68,0a1.294,1.294,0,1,0,1.293,1.294A1.294,1.294,0,0,0,13.453,15.389ZM4.632.024A1.294,1.294,0,1,0,5.926,1.317,1.293,1.293,0,0,0,4.632.024Zm8.916,0a1.294,1.294,0,1,0,1.293,1.293A1.293,1.293,0,0,0,13.548.024Z","fill":"#86d633"},"children":[]},{"type":"path","props":{"d":"M3.533,7.019H14.467a0,0,0,0,1,0,0v6.1a.365.365,0,0,1-.365.365H3.9a.365.365,0,0,1-.365-.365v-6.1A0,0,0,0,1,3.533,7.019Z","fill":"url(#f90ce3b9-9916-46d2-8fed-0378b3b04de6)"},"children":[]},{"type":"path","props":{"d":"M3.9,4.689H14.1a.365.365,0,0,1,.365.365V7.019a0,0,0,0,1,0,0H3.535a0,0,0,0,1,0,0V5.054A.365.365,0,0,1,3.9,4.689Z","fill":"#0078d4"},"children":[]},{"type":"path","props":{"d":"M10.57,9.515a.487.487,0,1,1-.487.487A.487.487,0,0,1,10.57,9.515Zm-2.039.491a.487.487,0,1,0,.486-.487A.487.487,0,0,0,8.531,10.006Zm-1.553,0a.487.487,0,1,0,.487-.487A.487.487,0,0,0,6.978,10.006Z","fill":"url(#b0e25b5b-69ba-4262-b874-3340d1e311f0)"},"children":[]},{"type":"path","props":{"d":"M7.818,11.952l-.278.279a.126.126,0,0,1-.178,0h0L5.3,10.175a.251.251,0,0,1,0-.356h0l.278-.279h0l2.24,2.234a.126.126,0,0,1,0,.178Zm4.605-2.416-2.24,2.234h0a.125.125,0,0,0,0,.178l.279.279h0a.125.125,0,0,0,.178,0L12.7,10.171h0a.252.252,0,0,0,0-.356l-.278-.279Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M7.5,7.786l.279.278a.126.126,0,0,1,0,.178l-2.2,2.208h0L5.3,10.171a.251.251,0,0,1,0-.356h0L7.32,7.786A.126.126,0,0,1,7.5,7.786Zm5.2,2.379h0a.251.251,0,0,0,0-.356L10.68,7.78h0a.126.126,0,0,0-.178,0l-.282.282h0a.126.126,0,0,0,0,.178l2.2,2.207h0l.279-.279Z","fill":"#fff","opacity":"0.8"},"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 AzureVirtualWanHub = forwardRef(
   function AzureVirtualWanHub({ 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 AzureVirtualWanHub = 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-virtual-wans.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":"a009acc1-6e03-4969-81ca-b157b58a2f69","x1":"9","y1":"172.704","x2":"9","y2":"160.613","gradientTransform":"translate(0 -160)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#198ab3"},"children":[]},{"type":"stop","props":{"offset":"0.11","stopColor":"#22a5cb"},"children":[]},{"type":"stop","props":{"offset":"0.23","stopColor":"#29bade"},"children":[]},{"type":"stop","props":{"offset":"0.37","stopColor":"#2ec9eb"},"children":[]},{"type":"stop","props":{"offset":"0.53","stopColor":"#31d1f3"},"children":[]},{"type":"stop","props":{"offset":"0.78","stopColor":"#32d4f5"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M17.5,8.9a3.854,3.854,0,0,0-3.3-3.7A4.871,4.871,0,0,0,9.2.6,5.011,5.011,0,0,0,4.5,3.8a4.693,4.693,0,0,0-4,4.4,4.612,4.612,0,0,0,4.8,4.5h8.4A3.8,3.8,0,0,0,17.5,8.9Z","fill":"url(#a009acc1-6e03-4969-81ca-b157b58a2f69)"},"children":[]},{"type":"circle","props":{"cx":"9","cy":"12.9","r":"4.4","fill":"#f2f2f2"},"children":[]},{"type":"path","props":{"d":"M12.7,10.1a4.6,4.6,0,0,0-6.4-.9h0a4.561,4.561,0,1,0,5.6,7.2h0A4.557,4.557,0,0,0,12.7,10.1ZM5.1,12.6A4.707,4.707,0,0,1,5.5,11H6.6a7.772,7.772,0,0,0-.2,1.6ZM7.2,11H8.7v1.6H7A7.772,7.772,0,0,1,7.2,11Zm2.1,0h1.5a7.772,7.772,0,0,1,.2,1.6H9.3Zm-.5,2.1v1.6H7.2l-.3-1.5Zm.5,0h1.8a9.971,9.971,0,0,1-.2,1.6H9.3Zm2.4,0H13a4.707,4.707,0,0,1-.4,1.6H11.5a7.772,7.772,0,0,0,.2-1.6Zm0-.5a9.971,9.971,0,0,0-.2-1.6h1.1a4.193,4.193,0,0,1,.4,1.6Zm.5-2.2h-.9a4.5,4.5,0,0,0-.6-1.2,4.428,4.428,0,0,1,1.5,1.2Zm-1.5,0H9.3V9a2.171,2.171,0,0,1,1.4,1.4ZM8.8,9v1.5H7.4A2.118,2.118,0,0,1,8.8,9Zm-2.2.7h0a5.582,5.582,0,0,1,.8-.5,3.1,3.1,0,0,0-.6,1.3H5.9A2.7,2.7,0,0,1,6.6,9.7ZM5.1,13.2H6.4a9.971,9.971,0,0,0,.2,1.6H5.5A5.349,5.349,0,0,1,5.1,13.2Zm.8,2.1h.9l.6,1.2A3.491,3.491,0,0,1,5.9,15.3Zm1.5,0H8.7v1.5a2.433,2.433,0,0,1-1.3-1.5Zm1.9,1.5V15.3h1.3a1.968,1.968,0,0,1-1.3,1.5Zm2.2-.8h0a2.622,2.622,0,0,1-.9.5,3.379,3.379,0,0,0,.6-1.2h.9A1.344,1.344,0,0,1,11.5,16Z","fill":"#0078d4"},"children":[]},{"type":"path","props":{"d":"M5.1,11.4A4.025,4.025,0,0,1,2.9,8.5,3.646,3.646,0,0,1,4.4,5.6L5,5.1l.5.6-.6.5A2.509,2.509,0,0,0,3.7,8.4a3.031,3.031,0,0,0,1.8,2.3Z","fill":"#e6e6e6"},"children":[]},{"type":"circle","props":{"cx":"5.3","cy":"5.4","r":"1.1","fill":"#f2f2f2"},"children":[]},{"type":"path","props":{"d":"M12.7,11.4l-.4-.7a3.259,3.259,0,0,0,1.8-2.3,2.748,2.748,0,0,0-1.2-2.2l-.6-.4.5-.6.6.4a3.071,3.071,0,0,1,1.5,2.9A4.025,4.025,0,0,1,12.7,11.4Z","fill":"#e6e6e6"},"children":[]},{"type":"circle","props":{"cx":"12.6","cy":"5.4","r":"1.1","fill":"#f2f2f2"},"children":[]},{"type":"circle","props":{"cx":"5.3","cy":"11.1","r":"1.1","fill":"#ce74b6"},"children":[]},{"type":"circle","props":{"cx":"12.6","cy":"11.1","r":"1.1","fill":"#ce74b6"},"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 AzureVirtualWans = react_1.forwardRef(function AzureVirtualWans({ 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 AzureVirtualWans = react_1.forwardRef(function AzureVirtualWans({ 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-virtual-wans.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":"a009acc1-6e03-4969-81ca-b157b58a2f69","x1":"9","y1":"172.704","x2":"9","y2":"160.613","gradientTransform":"translate(0 -160)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#198ab3"},"children":[]},{"type":"stop","props":{"offset":"0.11","stopColor":"#22a5cb"},"children":[]},{"type":"stop","props":{"offset":"0.23","stopColor":"#29bade"},"children":[]},{"type":"stop","props":{"offset":"0.37","stopColor":"#2ec9eb"},"children":[]},{"type":"stop","props":{"offset":"0.53","stopColor":"#31d1f3"},"children":[]},{"type":"stop","props":{"offset":"0.78","stopColor":"#32d4f5"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M17.5,8.9a3.854,3.854,0,0,0-3.3-3.7A4.871,4.871,0,0,0,9.2.6,5.011,5.011,0,0,0,4.5,3.8a4.693,4.693,0,0,0-4,4.4,4.612,4.612,0,0,0,4.8,4.5h8.4A3.8,3.8,0,0,0,17.5,8.9Z","fill":"url(#a009acc1-6e03-4969-81ca-b157b58a2f69)"},"children":[]},{"type":"circle","props":{"cx":"9","cy":"12.9","r":"4.4","fill":"#f2f2f2"},"children":[]},{"type":"path","props":{"d":"M12.7,10.1a4.6,4.6,0,0,0-6.4-.9h0a4.561,4.561,0,1,0,5.6,7.2h0A4.557,4.557,0,0,0,12.7,10.1ZM5.1,12.6A4.707,4.707,0,0,1,5.5,11H6.6a7.772,7.772,0,0,0-.2,1.6ZM7.2,11H8.7v1.6H7A7.772,7.772,0,0,1,7.2,11Zm2.1,0h1.5a7.772,7.772,0,0,1,.2,1.6H9.3Zm-.5,2.1v1.6H7.2l-.3-1.5Zm.5,0h1.8a9.971,9.971,0,0,1-.2,1.6H9.3Zm2.4,0H13a4.707,4.707,0,0,1-.4,1.6H11.5a7.772,7.772,0,0,0,.2-1.6Zm0-.5a9.971,9.971,0,0,0-.2-1.6h1.1a4.193,4.193,0,0,1,.4,1.6Zm.5-2.2h-.9a4.5,4.5,0,0,0-.6-1.2,4.428,4.428,0,0,1,1.5,1.2Zm-1.5,0H9.3V9a2.171,2.171,0,0,1,1.4,1.4ZM8.8,9v1.5H7.4A2.118,2.118,0,0,1,8.8,9Zm-2.2.7h0a5.582,5.582,0,0,1,.8-.5,3.1,3.1,0,0,0-.6,1.3H5.9A2.7,2.7,0,0,1,6.6,9.7ZM5.1,13.2H6.4a9.971,9.971,0,0,0,.2,1.6H5.5A5.349,5.349,0,0,1,5.1,13.2Zm.8,2.1h.9l.6,1.2A3.491,3.491,0,0,1,5.9,15.3Zm1.5,0H8.7v1.5a2.433,2.433,0,0,1-1.3-1.5Zm1.9,1.5V15.3h1.3a1.968,1.968,0,0,1-1.3,1.5Zm2.2-.8h0a2.622,2.622,0,0,1-.9.5,3.379,3.379,0,0,0,.6-1.2h.9A1.344,1.344,0,0,1,11.5,16Z","fill":"#0078d4"},"children":[]},{"type":"path","props":{"d":"M5.1,11.4A4.025,4.025,0,0,1,2.9,8.5,3.646,3.646,0,0,1,4.4,5.6L5,5.1l.5.6-.6.5A2.509,2.509,0,0,0,3.7,8.4a3.031,3.031,0,0,0,1.8,2.3Z","fill":"#e6e6e6"},"children":[]},{"type":"circle","props":{"cx":"5.3","cy":"5.4","r":"1.1","fill":"#f2f2f2"},"children":[]},{"type":"path","props":{"d":"M12.7,11.4l-.4-.7a3.259,3.259,0,0,0,1.8-2.3,2.748,2.748,0,0,0-1.2-2.2l-.6-.4.5-.6.6.4a3.071,3.071,0,0,1,1.5,2.9A4.025,4.025,0,0,1,12.7,11.4Z","fill":"#e6e6e6"},"children":[]},{"type":"circle","props":{"cx":"12.6","cy":"5.4","r":"1.1","fill":"#f2f2f2"},"children":[]},{"type":"circle","props":{"cx":"5.3","cy":"11.1","r":"1.1","fill":"#ce74b6"},"children":[]},{"type":"circle","props":{"cx":"12.6","cy":"11.1","r":"1.1","fill":"#ce74b6"},"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 AzureVirtualWans = forwardRef(
   function AzureVirtualWans({ 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 AzureVirtualWans = 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-vm-app-definitions.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":"a6239b38-8870-45d5-a956-76fe314707f4","x1":"-555","y1":"1012.831","x2":"-555","y2":"1024.831","gradientTransform":"matrix(1, 0, 0, -1, 564, 1025.516)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#5ea0ef"},"children":[]}]},{"type":"linearGradient","props":{"id":"b504b1da-6339-49fa-89c2-5db4100573e8","x1":"-554.99","y1":"1008.201","x2":"-554.99","y2":"1012.831","gradientTransform":"matrix(1, 0, 0, -1, 564, 1025.516)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#1490df"},"children":[]},{"type":"stop","props":{"offset":"0.98","stopColor":"#1f56a3"},"children":[]}]}]},{"type":"g","props":{"id":"b97a6176-1c69-486e-8ea6-6486d0cb0f8d"},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"y":"0.685","width":"18","height":"12","rx":"0.6","fill":"url(#a6239b38-8870-45d5-a956-76fe314707f4)"},"children":[]},{"type":"path","props":{"d":"M12.61,16.315c-1.78-.28-1.85-1.56-1.84-3.63H7.2c0,2.07,0,3.35-1.81,3.63a1,1,0,0,0-.88,1h9A1.061,1.061,0,0,0,12.61,16.315Z","fill":"url(#b504b1da-6339-49fa-89c2-5db4100573e8)"},"children":[]},{"type":"g","props":{"id":"b4f96190-8db9-48f7-ad4e-c4a40f2a4cb2","data-name":"b60cdf7c-998d-4b07-83eb-3c17ec41d74f"},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"7.304","y":"5.7","width":"2.793","height":"2.793","rx":"0.11","fill":"#9cebff"},"children":[]},{"type":"path","props":{"d":"M11.864,3.73H9.225a.109.109,0,0,0-.109.108h0v.48a.109.109,0,0,0,.109.109h1.941a.218.218,0,0,1,.219.218h0V6.619a.108.108,0,0,0,.108.108h.481a.108.108,0,0,0,.109-.108V3.949a.219.219,0,0,0-.219-.219Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M10.938,7.187V8.924a.2.2,0,0,1-.2.2H6.772a.2.2,0,0,1-.2-.2h0V5.18a.2.2,0,0,1,.2-.2H8.761a.109.109,0,0,0,.108-.109h0V4.455a.109.109,0,0,0-.108-.109H6.137a.2.2,0,0,0-.2.2V9.56a.2.2,0,0,0,.2.2h5.237a.2.2,0,0,0,.2-.2V7.187a.109.109,0,0,0-.109-.109h-.418a.108.108,0,0,0-.109.108Z","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 AzureVmAppDefinitions = react_1.forwardRef(function AzureVmAppDefinitions({ 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 AzureVmAppDefinitions = react_1.forwardRef(function AzureVmAppDefinitions(
     ..._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-vm-app-definitions.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":"a6239b38-8870-45d5-a956-76fe314707f4","x1":"-555","y1":"1012.831","x2":"-555","y2":"1024.831","gradientTransform":"matrix(1, 0, 0, -1, 564, 1025.516)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#5ea0ef"},"children":[]}]},{"type":"linearGradient","props":{"id":"b504b1da-6339-49fa-89c2-5db4100573e8","x1":"-554.99","y1":"1008.201","x2":"-554.99","y2":"1012.831","gradientTransform":"matrix(1, 0, 0, -1, 564, 1025.516)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#1490df"},"children":[]},{"type":"stop","props":{"offset":"0.98","stopColor":"#1f56a3"},"children":[]}]}]},{"type":"g","props":{"id":"b97a6176-1c69-486e-8ea6-6486d0cb0f8d"},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"y":"0.685","width":"18","height":"12","rx":"0.6","fill":"url(#a6239b38-8870-45d5-a956-76fe314707f4)"},"children":[]},{"type":"path","props":{"d":"M12.61,16.315c-1.78-.28-1.85-1.56-1.84-3.63H7.2c0,2.07,0,3.35-1.81,3.63a1,1,0,0,0-.88,1h9A1.061,1.061,0,0,0,12.61,16.315Z","fill":"url(#b504b1da-6339-49fa-89c2-5db4100573e8)"},"children":[]},{"type":"g","props":{"id":"b4f96190-8db9-48f7-ad4e-c4a40f2a4cb2","data-name":"b60cdf7c-998d-4b07-83eb-3c17ec41d74f"},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"7.304","y":"5.7","width":"2.793","height":"2.793","rx":"0.11","fill":"#9cebff"},"children":[]},{"type":"path","props":{"d":"M11.864,3.73H9.225a.109.109,0,0,0-.109.108h0v.48a.109.109,0,0,0,.109.109h1.941a.218.218,0,0,1,.219.218h0V6.619a.108.108,0,0,0,.108.108h.481a.108.108,0,0,0,.109-.108V3.949a.219.219,0,0,0-.219-.219Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M10.938,7.187V8.924a.2.2,0,0,1-.2.2H6.772a.2.2,0,0,1-.2-.2h0V5.18a.2.2,0,0,1,.2-.2H8.761a.109.109,0,0,0,.108-.109h0V4.455a.109.109,0,0,0-.108-.109H6.137a.2.2,0,0,0-.2.2V9.56a.2.2,0,0,0,.2.2h5.237a.2.2,0,0,0,.2-.2V7.187a.109.109,0,0,0-.109-.109h-.418a.108.108,0,0,0-.109.108Z","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 AzureVmAppDefinitions = forwardRef(
   function AzureVmAppDefinitions({ 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 AzureVmAppDefinitions = 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-vm-app-versions.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":"b5a82a9d-878e-42f0-bd91-0f7360b5277c","x1":"8.741","y1":"-0.017","x2":"8.741","y2":"11.629","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.18","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"linearGradient","props":{"id":"a133814a-345d-46df-94f0-0652068a6de6","x1":"6.97","y1":"11.629","x2":"6.97","y2":"16.125","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.202","stopColor":"#1f56a3"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1490df"},"children":[]}]},{"type":"linearGradient","props":{"id":"b7020e43-799a-4c9b-9527-3e93de243b16","x1":"13.657","y1":"9.249","x2":"13.657","y2":"17.97","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.131","stopColor":"#b796f9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#773adc"},"children":[]}]}]},{"type":"g","props":{"id":"a74f3650-7131-45c5-95f9-018d92ad8a11"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M17.449.585v9.468a.28.28,0,0,1-.472.2,4.728,4.728,0,0,0-7.515,1.371H.618a.587.587,0,0,1-.586-.587V.586A.586.586,0,0,1,.618,0H16.864A.585.585,0,0,1,17.449.585Z","fill":"url(#b5a82a9d-878e-42f0-bd91-0f7360b5277c)"},"children":[]},{"type":"path","props":{"d":"M9.165,16.056H4.478a1.018,1.018,0,0,1,.86-.983c1.724-.206,1.724-1.446,1.724-3.444h2.4a4.729,4.729,0,0,0-.041,4.032A.28.28,0,0,1,9.165,16.056Z","fill":"url(#a133814a-345d-46df-94f0-0652068a6de6)"},"children":[]}]},{"type":"g","props":{"id":"bda3341c-070d-4f05-a4cb-fd8eda7c59c2"},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"7.025","y":"4.814","width":"2.697","height":"2.697","rx":"0.106","fill":"#9cebff"},"children":[]},{"type":"path","props":{"d":"M11.427,2.912H8.879a.1.1,0,0,0-.105.1h0v.463a.1.1,0,0,0,.105.1h1.874a.212.212,0,0,1,.212.211h0V5.7a.1.1,0,0,0,.1.1h.465a.1.1,0,0,0,.1-.1V3.123a.21.21,0,0,0-.211-.211Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M10.533,6.249V7.927a.192.192,0,0,1-.193.192H6.511a.193.193,0,0,1-.193-.192h0V4.312a.193.193,0,0,1,.193-.193h1.92a.1.1,0,0,0,.1-.1h0v-.4a.1.1,0,0,0-.1-.1H5.9a.192.192,0,0,0-.193.191V8.541a.192.192,0,0,0,.193.192h5.056a.193.193,0,0,0,.193-.192V6.249a.1.1,0,0,0-.105-.1h-.4a.1.1,0,0,0-.106.1Z","fill":"#fff"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"9.347","y":"9.379","width":"8.621","height":"8.621","rx":"4.311","fill":"url(#b7020e43-799a-4c9b-9527-3e93de243b16)"},"children":[]},{"type":"path","props":{"d":"M15.866,16.209H11.449l.01-.026.9-2.054q.639-1.458,1.278-2.918a.057.057,0,0,1,.063-.041c.082,0,.082,0,.112.074q.737,1.782,1.474,3.562l.57,1.379ZM15,15.9l-1.47-3.614L11.937,15.9Z","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 AzureVmAppVersions = react_1.forwardRef(function AzureVmAppVersions({ 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 AzureVmAppVersions = react_1.forwardRef(function AzureVmAppVersions({ vari
     ..._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-vm-app-versions.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":"b5a82a9d-878e-42f0-bd91-0f7360b5277c","x1":"8.741","y1":"-0.017","x2":"8.741","y2":"11.629","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.18","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"linearGradient","props":{"id":"a133814a-345d-46df-94f0-0652068a6de6","x1":"6.97","y1":"11.629","x2":"6.97","y2":"16.125","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.202","stopColor":"#1f56a3"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1490df"},"children":[]}]},{"type":"linearGradient","props":{"id":"b7020e43-799a-4c9b-9527-3e93de243b16","x1":"13.657","y1":"9.249","x2":"13.657","y2":"17.97","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.131","stopColor":"#b796f9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#773adc"},"children":[]}]}]},{"type":"g","props":{"id":"a74f3650-7131-45c5-95f9-018d92ad8a11"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M17.449.585v9.468a.28.28,0,0,1-.472.2,4.728,4.728,0,0,0-7.515,1.371H.618a.587.587,0,0,1-.586-.587V.586A.586.586,0,0,1,.618,0H16.864A.585.585,0,0,1,17.449.585Z","fill":"url(#b5a82a9d-878e-42f0-bd91-0f7360b5277c)"},"children":[]},{"type":"path","props":{"d":"M9.165,16.056H4.478a1.018,1.018,0,0,1,.86-.983c1.724-.206,1.724-1.446,1.724-3.444h2.4a4.729,4.729,0,0,0-.041,4.032A.28.28,0,0,1,9.165,16.056Z","fill":"url(#a133814a-345d-46df-94f0-0652068a6de6)"},"children":[]}]},{"type":"g","props":{"id":"bda3341c-070d-4f05-a4cb-fd8eda7c59c2"},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"7.025","y":"4.814","width":"2.697","height":"2.697","rx":"0.106","fill":"#9cebff"},"children":[]},{"type":"path","props":{"d":"M11.427,2.912H8.879a.1.1,0,0,0-.105.1h0v.463a.1.1,0,0,0,.105.1h1.874a.212.212,0,0,1,.212.211h0V5.7a.1.1,0,0,0,.1.1h.465a.1.1,0,0,0,.1-.1V3.123a.21.21,0,0,0-.211-.211Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M10.533,6.249V7.927a.192.192,0,0,1-.193.192H6.511a.193.193,0,0,1-.193-.192h0V4.312a.193.193,0,0,1,.193-.193h1.92a.1.1,0,0,0,.1-.1h0v-.4a.1.1,0,0,0-.1-.1H5.9a.192.192,0,0,0-.193.191V8.541a.192.192,0,0,0,.193.192h5.056a.193.193,0,0,0,.193-.192V6.249a.1.1,0,0,0-.105-.1h-.4a.1.1,0,0,0-.106.1Z","fill":"#fff"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"9.347","y":"9.379","width":"8.621","height":"8.621","rx":"4.311","fill":"url(#b7020e43-799a-4c9b-9527-3e93de243b16)"},"children":[]},{"type":"path","props":{"d":"M15.866,16.209H11.449l.01-.026.9-2.054q.639-1.458,1.278-2.918a.057.057,0,0,1,.063-.041c.082,0,.082,0,.112.074q.737,1.782,1.474,3.562l.57,1.379ZM15,15.9l-1.47-3.614L11.937,15.9Z","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 AzureVmAppVersions = forwardRef(
   function AzureVmAppVersions({ 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 AzureVmAppVersions = 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-vm-image-version.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":"aedd8519-b5df-4807-b867-727f58e24416","x1":"13.689","y1":"9.249","x2":"13.689","y2":"17.97","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.131","stopColor":"#b796f9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#773adc"},"children":[]}]},{"type":"linearGradient","props":{"id":"b96ac090-fa87-4154-8258-6d615c48a534","x1":"9.949","y1":"0.702","x2":"9.949","y2":"15.185","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#999"},"children":[]},{"type":"stop","props":{"offset":"0.999","stopColor":"#767676"},"children":[]}]},{"type":"linearGradient","props":{"id":"feb72bf8-4385-41c6-9050-4cbf27b81957","x1":"9.949","y1":"4.513","x2":"9.949","y2":"11.352","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.001","stopColor":"#b3b3b3"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#999"},"children":[]}]},{"type":"linearGradient","props":{"id":"e02f0a2c-a24a-438b-88e7-4e821460f3b3","x1":"5.139","y1":"-0.223","x2":"5.139","y2":"16.194","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]}]},{"type":"g","props":{"id":"b7418aa3-6ee4-4999-aafc-ab2571c67735"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"9.379","y":"9.379","width":"8.621","height":"8.621","rx":"4.311","fill":"url(#aedd8519-b5df-4807-b867-727f58e24416)"},"children":[]},{"type":"path","props":{"d":"M15.9,16.209H11.481l.01-.026.9-2.054q.64-1.458,1.278-2.918a.057.057,0,0,1,.063-.041c.082,0,.082,0,.112.075q.738,1.781,1.474,3.561l.57,1.379Zm-.87-.31-1.47-3.614L11.969,15.9Z","fill":"#fff"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M16.952,7.912a7.059,7.059,0,0,1-.2,1.681.281.281,0,0,1-.427.167,4.733,4.733,0,0,0-7.368,3.925,4.778,4.778,0,0,0,.152,1.192,7.012,7.012,0,0,1-5.816-4.786h0a7.009,7.009,0,0,1-.345-2.178,6.958,6.958,0,0,1,.1-1.19,6.862,6.862,0,0,1,.231-.953A7.008,7.008,0,0,1,9.949.9c.111,0,.221,0,.329.007A7.011,7.011,0,0,1,16.952,7.912Z","fill":"url(#b96ac090-fa87-4154-8258-6d615c48a534)"},"children":[]},{"type":"path","props":{"d":"M13.251,7.912A3.242,3.242,0,0,1,13.068,9,4.747,4.747,0,0,0,9.66,11.207,3.3,3.3,0,0,1,7.307,9.9a3.248,3.248,0,0,1-.518-1.025h0a3.313,3.313,0,0,1,0-1.919l0,0h0A3.3,3.3,0,0,1,9.949,4.606a3.249,3.249,0,0,1,.329.017A3.3,3.3,0,0,1,13.251,7.912Z","fill":"url(#feb72bf8-4385-41c6-9050-4cbf27b81957)"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M10.278.5V10.41a4.733,4.733,0,0,0-1.323,3.275,4.778,4.778,0,0,0,.152,1.192,4.864,4.864,0,0,0,.2.587.28.28,0,0,1-.262.382H.5a.5.5,0,0,1-.5-.5V.5A.5.5,0,0,1,.5,0H9.783A.5.5,0,0,1,10.278.5Z","fill":"url(#e02f0a2c-a24a-438b-88e7-4e821460f3b3)"},"children":[]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"points":"7.909 6.286 7.928 9.526 5.163 11.17 5.143 7.923 7.909 6.286","fill":"#50e6ff"},"children":[]},{"type":"polygon","props":{"points":"7.909 6.286 5.143 7.93 2.35 6.32 5.123 4.676 7.909 6.286","fill":"#c3f1ff"},"children":[]},{"type":"polygon","props":{"points":"5.143 7.93 5.163 11.17 2.37 9.56 2.35 6.32 5.143 7.93","fill":"#9cebff"},"children":[]},{"type":"polygon","props":{"points":"2.37 9.56 5.143 7.923 5.163 11.17 2.37 9.56","fill":"#c3f1ff"},"children":[]},{"type":"polygon","props":{"points":"7.928 9.526 5.143 7.923 5.163 11.17 7.928 9.526","fill":"#9cebff"},"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 AzureVmImageVersion = react_1.forwardRef(function AzureVmImageVersion({ 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 AzureVmImageVersion = react_1.forwardRef(function AzureVmImageVersion({ va
     ..._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-vm-image-version.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":"aedd8519-b5df-4807-b867-727f58e24416","x1":"13.689","y1":"9.249","x2":"13.689","y2":"17.97","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.131","stopColor":"#b796f9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#773adc"},"children":[]}]},{"type":"linearGradient","props":{"id":"b96ac090-fa87-4154-8258-6d615c48a534","x1":"9.949","y1":"0.702","x2":"9.949","y2":"15.185","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#999"},"children":[]},{"type":"stop","props":{"offset":"0.999","stopColor":"#767676"},"children":[]}]},{"type":"linearGradient","props":{"id":"feb72bf8-4385-41c6-9050-4cbf27b81957","x1":"9.949","y1":"4.513","x2":"9.949","y2":"11.352","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.001","stopColor":"#b3b3b3"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#999"},"children":[]}]},{"type":"linearGradient","props":{"id":"e02f0a2c-a24a-438b-88e7-4e821460f3b3","x1":"5.139","y1":"-0.223","x2":"5.139","y2":"16.194","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]}]},{"type":"g","props":{"id":"b7418aa3-6ee4-4999-aafc-ab2571c67735"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"9.379","y":"9.379","width":"8.621","height":"8.621","rx":"4.311","fill":"url(#aedd8519-b5df-4807-b867-727f58e24416)"},"children":[]},{"type":"path","props":{"d":"M15.9,16.209H11.481l.01-.026.9-2.054q.64-1.458,1.278-2.918a.057.057,0,0,1,.063-.041c.082,0,.082,0,.112.075q.738,1.781,1.474,3.561l.57,1.379Zm-.87-.31-1.47-3.614L11.969,15.9Z","fill":"#fff"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M16.952,7.912a7.059,7.059,0,0,1-.2,1.681.281.281,0,0,1-.427.167,4.733,4.733,0,0,0-7.368,3.925,4.778,4.778,0,0,0,.152,1.192,7.012,7.012,0,0,1-5.816-4.786h0a7.009,7.009,0,0,1-.345-2.178,6.958,6.958,0,0,1,.1-1.19,6.862,6.862,0,0,1,.231-.953A7.008,7.008,0,0,1,9.949.9c.111,0,.221,0,.329.007A7.011,7.011,0,0,1,16.952,7.912Z","fill":"url(#b96ac090-fa87-4154-8258-6d615c48a534)"},"children":[]},{"type":"path","props":{"d":"M13.251,7.912A3.242,3.242,0,0,1,13.068,9,4.747,4.747,0,0,0,9.66,11.207,3.3,3.3,0,0,1,7.307,9.9a3.248,3.248,0,0,1-.518-1.025h0a3.313,3.313,0,0,1,0-1.919l0,0h0A3.3,3.3,0,0,1,9.949,4.606a3.249,3.249,0,0,1,.329.017A3.3,3.3,0,0,1,13.251,7.912Z","fill":"url(#feb72bf8-4385-41c6-9050-4cbf27b81957)"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M10.278.5V10.41a4.733,4.733,0,0,0-1.323,3.275,4.778,4.778,0,0,0,.152,1.192,4.864,4.864,0,0,0,.2.587.28.28,0,0,1-.262.382H.5a.5.5,0,0,1-.5-.5V.5A.5.5,0,0,1,.5,0H9.783A.5.5,0,0,1,10.278.5Z","fill":"url(#e02f0a2c-a24a-438b-88e7-4e821460f3b3)"},"children":[]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"points":"7.909 6.286 7.928 9.526 5.163 11.17 5.143 7.923 7.909 6.286","fill":"#50e6ff"},"children":[]},{"type":"polygon","props":{"points":"7.909 6.286 5.143 7.93 2.35 6.32 5.123 4.676 7.909 6.286","fill":"#c3f1ff"},"children":[]},{"type":"polygon","props":{"points":"5.143 7.93 5.163 11.17 2.37 9.56 2.35 6.32 5.143 7.93","fill":"#9cebff"},"children":[]},{"type":"polygon","props":{"points":"2.37 9.56 5.143 7.923 5.163 11.17 2.37 9.56","fill":"#c3f1ff"},"children":[]},{"type":"polygon","props":{"points":"7.928 9.526 5.143 7.923 5.163 11.17 7.928 9.526","fill":"#9cebff"},"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 AzureVmImageVersion = forwardRef(
   function AzureVmImageVersion({ 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 AzureVmImageVersion = 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-vm-images-classic.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":"add877bb-eba5-4f6c-85e2-a20ca8b1f954","x1":"8.83","y1":"12.87","x2":"8.83","y2":"0.87","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#5ea0ef"},"children":[]}]},{"type":"linearGradient","props":{"id":"abfd55c2-f4e9-4954-8f01-2256c47fcbfe","x1":"8.83","y1":"17.5","x2":"8.83","y2":"12.87","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#1490df"},"children":[]},{"type":"stop","props":{"offset":"0.98","stopColor":"#1f56a3"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-compute-27"]},{"type":"rect","props":{"x":"-0.17","y":"0.87","width":"18","height":"12","rx":"0.6","fill":"url(#add877bb-eba5-4f6c-85e2-a20ca8b1f954)"},"children":[]},{"type":"rect","props":{"x":"0.83","y":"1.87","width":"16","height":"10","rx":"0.33","fill":"#fff"},"children":[]},{"type":"polygon","props":{"points":"11.83 5.12 11.83 8.61 8.83 10.37 8.83 6.87 11.83 5.12","fill":"#0078d4"},"children":[]},{"type":"polygon","props":{"points":"11.83 5.12 8.83 6.88 5.83 5.12 8.83 3.37 11.83 5.12","fill":"#83b9f9"},"children":[]},{"type":"polygon","props":{"points":"8.83 6.88 8.83 10.37 5.83 8.61 5.83 5.12 8.83 6.88","fill":"#5ea0ef"},"children":[]},{"type":"polygon","props":{"points":"5.83 8.61 8.83 6.87 8.83 10.37 5.83 8.61","fill":"#83b9f9","opacity":"0.2"},"children":[]},{"type":"polygon","props":{"points":"11.83 8.61 8.83 6.87 8.83 10.37 11.83 8.61","fill":"#5ea0ef","opacity":"0.2"},"children":[]},{"type":"path","props":{"d":"M12.44,16.5c-1.78-.28-1.85-1.56-1.85-3.63H7.06c0,2.07-.06,3.35-1.84,3.63a1,1,0,0,0-.89,1h9A1,1,0,0,0,12.44,16.5Z","fill":"url(#abfd55c2-f4e9-4954-8f01-2256c47fcbfe)"},"children":[]},{"type":"path","props":{"d":"M5.1,2.57H2.62a.59.59,0,0,0-.6.59V5.64a.3.3,0,0,0,.3.3h.2a.3.3,0,0,0,.3-.3V3.35H5.1a.3.3,0,0,0,.3-.3V2.86A.3.3,0,0,0,5.1,2.57Z","fill":"#5ea0ef"},"children":[]},{"type":"path","props":{"d":"M5.1,10.37H2.81V8.09a.3.3,0,0,0-.3-.3H2.32a.3.3,0,0,0-.3.3v2.48a.59.59,0,0,0,.6.59H5.1a.3.3,0,0,0,.3-.29v-.2A.3.3,0,0,0,5.1,10.37Z","fill":"#5ea0ef"},"children":[]},{"type":"path","props":{"d":"M15,2.59H12.56a.29.29,0,0,0-.3.3v.19a.29.29,0,0,0,.3.29h2.28v2.3a.29.29,0,0,0,.3.29h.2a.29.29,0,0,0,.29-.29V3.19A.59.59,0,0,0,15,2.59Z","fill":"#5ea0ef"},"children":[]},{"type":"path","props":{"d":"M15.34,7.81h-.19a.3.3,0,0,0-.3.3v2.28H12.56a.29.29,0,0,0-.3.3v.2a.3.3,0,0,0,.3.3H15a.59.59,0,0,0,.59-.6V8.11A.3.3,0,0,0,15.34,7.81Z","fill":"#5ea0ef"},"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 AzureVmImagesClassic = react_1.forwardRef(function AzureVmImagesClassic({ 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 AzureVmImagesClassic = react_1.forwardRef(function AzureVmImagesClassic({
     ..._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));
       })
   );
 });