@thesvg/react 3.2.2 → 3.2.5

package/dist/azure-app-services.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":"radialGradient","props":{"id":"e2cf8746-c9a8-4eee-86c2-4951983c6032","cx":"13428.81","cy":"3518.86","r":"56.67","gradientTransform":"translate(-2005.33 -518.83) scale(0.15)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.18","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"linearGradient","props":{"id":"bdd213dd-d313-473c-8ff4-0133fd3a9033","x1":"4.4","y1":"11.48","x2":"4.37","y2":"7.53","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fcfcfc"},"children":[]}]},{"type":"linearGradient","props":{"id":"afcc63c5-3649-4476-a742-bcb53a569f3c","x1":"10.13","y1":"15.45","x2":"10.13","y2":"11.9","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fcfcfc"},"children":[]}]},{"type":"linearGradient","props":{"id":"bd873f0b-9954-4aa5-a3df-9f4c64e8729d","x1":"14.18","y1":"11.15","x2":"14.18","y2":"7.38","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fcfcfc"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-web-41"]},{"type":"path","props":{"id":"ee75dd06-1aca-4f76-9d11-d05a284020ad","d":"M14.21,15.72A8.5,8.5,0,0,1,3.79,2.28l.09-.06a8.5,8.5,0,0,1,10.33,13.5","fill":"url(#e2cf8746-c9a8-4eee-86c2-4951983c6032)"},"children":[]},{"type":"path","props":{"d":"M6.69,7.23A13,13,0,0,1,15.6,3.65a8.47,8.47,0,0,0-1.49-1.44,14.34,14.34,0,0,0-4.69,1.1A12.54,12.54,0,0,0,5.34,6.13,2.76,2.76,0,0,1,6.69,7.23Z","fill":"#fff","opacity":"0.6"},"children":[]},{"type":"path","props":{"d":"M2.48,10.65a17.86,17.86,0,0,0-.83,2.62,7.82,7.82,0,0,0,.62.92c.18.23.35.44.55.65A17.94,17.94,0,0,1,3.9,11.37,2.76,2.76,0,0,1,2.48,10.65Z","fill":"#fff","opacity":"0.6"},"children":[]},{"type":"path","props":{"d":"M3.46,6.11a12,12,0,0,1-.69-2.94,8.15,8.15,0,0,0-1.1,1.45A12.69,12.69,0,0,0,2.24,7,2.69,2.69,0,0,1,3.46,6.11Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"circle","props":{"cx":"4.38","cy":"8.68","r":"2.73","fill":"url(#bdd213dd-d313-473c-8ff4-0133fd3a9033)"},"children":[]},{"type":"path","props":{"d":"M8.36,13.67A1.77,1.77,0,0,1,8.9,12.4a11.88,11.88,0,0,1-2.53-1.86,2.74,2.74,0,0,1-1.49.83,13.1,13.1,0,0,0,1.45,1.28A12.12,12.12,0,0,0,8.38,13.9,1.79,1.79,0,0,1,8.36,13.67Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"path","props":{"d":"M14.66,13.88a12,12,0,0,1-2.76-.32.41.41,0,0,1,0,.11,1.75,1.75,0,0,1-.51,1.24,13.69,13.69,0,0,0,3.42.24A8.21,8.21,0,0,0,16,13.81,11.5,11.5,0,0,1,14.66,13.88Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"circle","props":{"cx":"10.13","cy":"13.67","r":"1.78","fill":"url(#afcc63c5-3649-4476-a742-bcb53a569f3c)"},"children":[]},{"type":"path","props":{"d":"M12.32,8.93a1.83,1.83,0,0,1,.61-1A25.5,25.5,0,0,1,8.47,3.79a16.91,16.91,0,0,1-2-2.92,7.64,7.64,0,0,0-1.09.42A18.14,18.14,0,0,0,7.53,4.47,26.44,26.44,0,0,0,12.32,8.93Z","fill":"#f2f2f2","opacity":"0.7"},"children":[]},{"type":"circle","props":{"cx":"14.18","cy":"9.27","r":"1.89","fill":"url(#bd873f0b-9954-4aa5-a3df-9f4c64e8729d)"},"children":[]},{"type":"path","props":{"d":"M17.35,10.54,17,10.37l0,0-.3-.16-.06,0L16.38,10l-.07,0L16,9.8a1.76,1.76,0,0,1-.64.92c.12.08.25.15.38.22l.08.05.35.19,0,0,.86.45h0a8.63,8.63,0,0,0,.29-1.11Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"circle","props":{"cx":"4.38","cy":"8.68","r":"2.73","fill":"url(#bdd213dd-d313-473c-8ff4-0133fd3a9033)"},"children":[]},{"type":"circle","props":{"cx":"10.13","cy":"13.67","r":"1.78","fill":"url(#afcc63c5-3649-4476-a742-bcb53a569f3c)"},"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 AzureAppServices = react_1.forwardRef(function AzureAppServices({ 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 AzureAppServices = react_1.forwardRef(function AzureAppServices({ 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-app-services.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":"radialGradient","props":{"id":"e2cf8746-c9a8-4eee-86c2-4951983c6032","cx":"13428.81","cy":"3518.86","r":"56.67","gradientTransform":"translate(-2005.33 -518.83) scale(0.15)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.18","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"linearGradient","props":{"id":"bdd213dd-d313-473c-8ff4-0133fd3a9033","x1":"4.4","y1":"11.48","x2":"4.37","y2":"7.53","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fcfcfc"},"children":[]}]},{"type":"linearGradient","props":{"id":"afcc63c5-3649-4476-a742-bcb53a569f3c","x1":"10.13","y1":"15.45","x2":"10.13","y2":"11.9","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fcfcfc"},"children":[]}]},{"type":"linearGradient","props":{"id":"bd873f0b-9954-4aa5-a3df-9f4c64e8729d","x1":"14.18","y1":"11.15","x2":"14.18","y2":"7.38","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fcfcfc"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-web-41"]},{"type":"path","props":{"id":"ee75dd06-1aca-4f76-9d11-d05a284020ad","d":"M14.21,15.72A8.5,8.5,0,0,1,3.79,2.28l.09-.06a8.5,8.5,0,0,1,10.33,13.5","fill":"url(#e2cf8746-c9a8-4eee-86c2-4951983c6032)"},"children":[]},{"type":"path","props":{"d":"M6.69,7.23A13,13,0,0,1,15.6,3.65a8.47,8.47,0,0,0-1.49-1.44,14.34,14.34,0,0,0-4.69,1.1A12.54,12.54,0,0,0,5.34,6.13,2.76,2.76,0,0,1,6.69,7.23Z","fill":"#fff","opacity":"0.6"},"children":[]},{"type":"path","props":{"d":"M2.48,10.65a17.86,17.86,0,0,0-.83,2.62,7.82,7.82,0,0,0,.62.92c.18.23.35.44.55.65A17.94,17.94,0,0,1,3.9,11.37,2.76,2.76,0,0,1,2.48,10.65Z","fill":"#fff","opacity":"0.6"},"children":[]},{"type":"path","props":{"d":"M3.46,6.11a12,12,0,0,1-.69-2.94,8.15,8.15,0,0,0-1.1,1.45A12.69,12.69,0,0,0,2.24,7,2.69,2.69,0,0,1,3.46,6.11Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"circle","props":{"cx":"4.38","cy":"8.68","r":"2.73","fill":"url(#bdd213dd-d313-473c-8ff4-0133fd3a9033)"},"children":[]},{"type":"path","props":{"d":"M8.36,13.67A1.77,1.77,0,0,1,8.9,12.4a11.88,11.88,0,0,1-2.53-1.86,2.74,2.74,0,0,1-1.49.83,13.1,13.1,0,0,0,1.45,1.28A12.12,12.12,0,0,0,8.38,13.9,1.79,1.79,0,0,1,8.36,13.67Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"path","props":{"d":"M14.66,13.88a12,12,0,0,1-2.76-.32.41.41,0,0,1,0,.11,1.75,1.75,0,0,1-.51,1.24,13.69,13.69,0,0,0,3.42.24A8.21,8.21,0,0,0,16,13.81,11.5,11.5,0,0,1,14.66,13.88Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"circle","props":{"cx":"10.13","cy":"13.67","r":"1.78","fill":"url(#afcc63c5-3649-4476-a742-bcb53a569f3c)"},"children":[]},{"type":"path","props":{"d":"M12.32,8.93a1.83,1.83,0,0,1,.61-1A25.5,25.5,0,0,1,8.47,3.79a16.91,16.91,0,0,1-2-2.92,7.64,7.64,0,0,0-1.09.42A18.14,18.14,0,0,0,7.53,4.47,26.44,26.44,0,0,0,12.32,8.93Z","fill":"#f2f2f2","opacity":"0.7"},"children":[]},{"type":"circle","props":{"cx":"14.18","cy":"9.27","r":"1.89","fill":"url(#bd873f0b-9954-4aa5-a3df-9f4c64e8729d)"},"children":[]},{"type":"path","props":{"d":"M17.35,10.54,17,10.37l0,0-.3-.16-.06,0L16.38,10l-.07,0L16,9.8a1.76,1.76,0,0,1-.64.92c.12.08.25.15.38.22l.08.05.35.19,0,0,.86.45h0a8.63,8.63,0,0,0,.29-1.11Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"circle","props":{"cx":"4.38","cy":"8.68","r":"2.73","fill":"url(#bdd213dd-d313-473c-8ff4-0133fd3a9033)"},"children":[]},{"type":"circle","props":{"cx":"10.13","cy":"13.67","r":"1.78","fill":"url(#afcc63c5-3649-4476-a742-bcb53a569f3c)"},"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 AzureAppServices = forwardRef(
   function AzureAppServices({ 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 AzureAppServices = 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-app-space-component.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":"uuid-c5b772d3-56fb-473e-8c55-d10ac0111df8","x1":"9.355","y1":"790.98","x2":"8.403","y2":"768.301","gradientTransform":"translate(0 791.516) scale(1 -1)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".003","stopColor":"#6eccbc"},"children":[]},{"type":"stop","props":{"offset":".82","stopColor":"#318581"},"children":[]}]}]},{"type":"path","props":{"d":"M10.036,0H2.264c-.163,0-.319.065-.434.18-.115.115-.18.272-.18.435v16.77c0,.163.065.319.18.434s.271.18.434.181h13.472c.163,0,.319-.065.434-.181.115-.115.18-.272.18-.434V6.286c0-.163-.065-.319-.18-.434-.115-.115-.271-.18-.434-.18h-4.472c-.163,0-.319-.065-.434-.18-.115-.115-.18-.271-.18-.434V.615c0-.163-.065-.319-.18-.434-.115-.115-.271-.18-.434-.181Z","fill":"url(#uuid-c5b772d3-56fb-473e-8c55-d10ac0111df8)"},"children":[]},{"type":"path","props":{"d":"M16.115,5.794L10.438.134v4.612c-.002.276.107.542.301.738.194.197.458.308.734.31h4.642Z","fill":"#318581"},"children":[]},{"type":"g","props":{"opacity":".8"},"children":[{"type":"path","props":{"d":"M7.06,13.437l.003-.003c.061-.063.058-.163-.005-.224l-2.804-2.797-.349.35c-.124.124-.124.324,0,.448l2.583,2.575c.062.062.162.062.224,0l.348-.349Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M14.1,10.766l-.349-.35-2.807,2.799c-.062.062-.062.162,0,.224l.349.35c.062.062.162.062.224,0l2.583-2.575c.123-.124.124-.324,0-.448Z","fill":"#fff"},"children":[]}]},{"type":"path","props":{"d":"M7.425,14.514l2.278-7.116c.018-.059.082-.092.141-.073l.56.179c.059.018.092.082.073.141l-2.278,7.116c-.018.059-.082.092-.141.073l-.56-.179c-.059-.018-.092-.082-.073-.141Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M6.658,8.225l.35.349c.062.062.062.162,0,.224l-2.757,2.765-.35-.349c-.124-.124-.124-.324,0-.448l2.535-2.541c.062-.062.16-.062.222,0Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M14.096,11.213l-.35.349-2.754-2.761c-.062-.062-.062-.162,0-.224l.35-.349c.062-.062.162-.062.224,0l2.531,2.539c.124.124.123.324,0,.448h-.001v-.002Z","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 AzureAppSpaceComponent = react_1.forwardRef(function AzureAppSpaceComponent({ 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 AzureAppSpaceComponent = react_1.forwardRef(function AzureAppSpaceComponen
     ..._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-app-space-component.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":"uuid-c5b772d3-56fb-473e-8c55-d10ac0111df8","x1":"9.355","y1":"790.98","x2":"8.403","y2":"768.301","gradientTransform":"translate(0 791.516) scale(1 -1)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".003","stopColor":"#6eccbc"},"children":[]},{"type":"stop","props":{"offset":".82","stopColor":"#318581"},"children":[]}]}]},{"type":"path","props":{"d":"M10.036,0H2.264c-.163,0-.319.065-.434.18-.115.115-.18.272-.18.435v16.77c0,.163.065.319.18.434s.271.18.434.181h13.472c.163,0,.319-.065.434-.181.115-.115.18-.272.18-.434V6.286c0-.163-.065-.319-.18-.434-.115-.115-.271-.18-.434-.18h-4.472c-.163,0-.319-.065-.434-.18-.115-.115-.18-.271-.18-.434V.615c0-.163-.065-.319-.18-.434-.115-.115-.271-.18-.434-.181Z","fill":"url(#uuid-c5b772d3-56fb-473e-8c55-d10ac0111df8)"},"children":[]},{"type":"path","props":{"d":"M16.115,5.794L10.438.134v4.612c-.002.276.107.542.301.738.194.197.458.308.734.31h4.642Z","fill":"#318581"},"children":[]},{"type":"g","props":{"opacity":".8"},"children":[{"type":"path","props":{"d":"M7.06,13.437l.003-.003c.061-.063.058-.163-.005-.224l-2.804-2.797-.349.35c-.124.124-.124.324,0,.448l2.583,2.575c.062.062.162.062.224,0l.348-.349Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M14.1,10.766l-.349-.35-2.807,2.799c-.062.062-.062.162,0,.224l.349.35c.062.062.162.062.224,0l2.583-2.575c.123-.124.124-.324,0-.448Z","fill":"#fff"},"children":[]}]},{"type":"path","props":{"d":"M7.425,14.514l2.278-7.116c.018-.059.082-.092.141-.073l.56.179c.059.018.092.082.073.141l-2.278,7.116c-.018.059-.082.092-.141.073l-.56-.179c-.059-.018-.092-.082-.073-.141Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M6.658,8.225l.35.349c.062.062.062.162,0,.224l-2.757,2.765-.35-.349c-.124-.124-.124-.324,0-.448l2.535-2.541c.062-.062.16-.062.222,0Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M14.096,11.213l-.35.349-2.754-2.761c-.062-.062-.062-.162,0-.224l.35-.349c.062-.062.162-.062.224,0l2.531,2.539c.124.124.123.324,0,.448h-.001v-.002Z","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 AzureAppSpaceComponent = forwardRef(
   function AzureAppSpaceComponent({ 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 AzureAppSpaceComponent = 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-app-space.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 36 36","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_9175_348498)"},"children":[{"type":"path","props":{"d":"M6.13595 16.304C6.13595 22.338 11.044 27.248 17.08 27.248C22.032 27.248 26.06 23.22 26.06 18.268C26.06 17.9 26.342 17.592 26.708 17.558C27.074 17.524 27.406 17.778 27.474 18.14C27.566 18.644 27.614 19.164 27.614 19.696C27.614 25.842 22.614 30.844 16.466 30.844C8.62795 30.844 2.24995 24.466 2.24995 16.628C2.24995 16.006 1.74595 15.504 1.12595 15.504C0.505954 15.504 0.00195373 16.006 0.00195373 16.628C-4.6381e-05 25.706 7.38795 33.094 16.466 33.094C23.854 33.094 29.864 27.084 29.864 19.696C29.864 13.66 24.956 8.752 18.92 8.752C13.968 8.752 9.93995 12.78 9.93995 17.732C9.93995 18.1 9.65795 18.408 9.29195 18.442C8.92595 18.476 8.59395 18.222 8.52595 17.86C8.43395 17.356 8.38595 16.836 8.38595 16.304C8.38595 10.158 13.386 5.158 19.534 5.158C27.372 5.158 33.75 11.534 33.75 19.374C33.75 19.996 34.254 20.498 34.874 20.498C35.494 20.498 35.998 19.994 35.998 19.374C35.998 10.296 28.61 2.908 19.532 2.908C12.144 2.908 6.13395 8.918 6.13395 16.304L6.13595 16.304Z","fill":"url(#paint0_linear_9175_348498)"},"children":[]},{"type":"path","props":{"d":"M30 31.5L30 34.5C30 35.3284 30.6716 36 31.5 36L34.5 36C35.3284 36 36 35.3284 36 34.5L36 31.5C36 30.6716 35.3284 30 34.5 30L31.5 30C30.6716 30 30 30.6716 30 31.5Z","fill":"#32BEDD"},"children":[]},{"type":"path","props":{"d":"M2 5L2 7C2 7.55228 2.44772 8 3 8L5 8C5.55228 8 6 7.55228 6 7L6 5C6 4.44772 5.55228 4 5 4L3 4C2.44772 4 2 4.44772 2 5Z","fill":"#32BEDD"},"children":[]},{"type":"path","props":{"d":"M32 1L32 3C32 3.55228 32.4477 4 33 4L35 4C35.5523 4 36 3.55228 36 3L36 1C36 0.447715 35.5523 4.23606e-08 35 3.57746e-08L33 1.19249e-08C32.4477 5.33895e-09 32 0.447715 32 1Z","fill":"#32BEDD"},"children":[]},{"type":"path","props":{"d":"M14 21L14 23C14 23.5523 14.4477 24 15 24L17 24C17.5523 24 18 23.5523 18 23L18 21C18 20.4477 17.5523 20 17 20L15 20C14.4477 20 14 20.4477 14 21Z","fill":"#50E6FF"},"children":[]},{"type":"path","props":{"d":"M18 13L18 15C18 15.5523 18.4477 16 19 16L21 16C21.5523 16 22 15.5523 22 15L22 13C22 12.4477 21.5523 12 21 12L19 12C18.4477 12 18 12.4477 18 13Z","fill":"#50E6FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear_9175_348498","x1":"18","y1":"2","x2":"18","y2":"38","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#5EA0EF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078D4"},"children":[]}]},{"type":"clipPath","props":{"id":"clip0_9175_348498"},"children":[{"type":"rect","props":{"width":"36","height":"36","fill":"white","transform":"translate(0 36) rotate(-90)"},"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 AzureAppSpace = react_1.forwardRef(function AzureAppSpace({ 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 AzureAppSpace = react_1.forwardRef(function AzureAppSpace({ 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-app-space.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 36 36","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_9175_348498)"},"children":[{"type":"path","props":{"d":"M6.13595 16.304C6.13595 22.338 11.044 27.248 17.08 27.248C22.032 27.248 26.06 23.22 26.06 18.268C26.06 17.9 26.342 17.592 26.708 17.558C27.074 17.524 27.406 17.778 27.474 18.14C27.566 18.644 27.614 19.164 27.614 19.696C27.614 25.842 22.614 30.844 16.466 30.844C8.62795 30.844 2.24995 24.466 2.24995 16.628C2.24995 16.006 1.74595 15.504 1.12595 15.504C0.505954 15.504 0.00195373 16.006 0.00195373 16.628C-4.6381e-05 25.706 7.38795 33.094 16.466 33.094C23.854 33.094 29.864 27.084 29.864 19.696C29.864 13.66 24.956 8.752 18.92 8.752C13.968 8.752 9.93995 12.78 9.93995 17.732C9.93995 18.1 9.65795 18.408 9.29195 18.442C8.92595 18.476 8.59395 18.222 8.52595 17.86C8.43395 17.356 8.38595 16.836 8.38595 16.304C8.38595 10.158 13.386 5.158 19.534 5.158C27.372 5.158 33.75 11.534 33.75 19.374C33.75 19.996 34.254 20.498 34.874 20.498C35.494 20.498 35.998 19.994 35.998 19.374C35.998 10.296 28.61 2.908 19.532 2.908C12.144 2.908 6.13395 8.918 6.13395 16.304L6.13595 16.304Z","fill":"url(#paint0_linear_9175_348498)"},"children":[]},{"type":"path","props":{"d":"M30 31.5L30 34.5C30 35.3284 30.6716 36 31.5 36L34.5 36C35.3284 36 36 35.3284 36 34.5L36 31.5C36 30.6716 35.3284 30 34.5 30L31.5 30C30.6716 30 30 30.6716 30 31.5Z","fill":"#32BEDD"},"children":[]},{"type":"path","props":{"d":"M2 5L2 7C2 7.55228 2.44772 8 3 8L5 8C5.55228 8 6 7.55228 6 7L6 5C6 4.44772 5.55228 4 5 4L3 4C2.44772 4 2 4.44772 2 5Z","fill":"#32BEDD"},"children":[]},{"type":"path","props":{"d":"M32 1L32 3C32 3.55228 32.4477 4 33 4L35 4C35.5523 4 36 3.55228 36 3L36 1C36 0.447715 35.5523 4.23606e-08 35 3.57746e-08L33 1.19249e-08C32.4477 5.33895e-09 32 0.447715 32 1Z","fill":"#32BEDD"},"children":[]},{"type":"path","props":{"d":"M14 21L14 23C14 23.5523 14.4477 24 15 24L17 24C17.5523 24 18 23.5523 18 23L18 21C18 20.4477 17.5523 20 17 20L15 20C14.4477 20 14 20.4477 14 21Z","fill":"#50E6FF"},"children":[]},{"type":"path","props":{"d":"M18 13L18 15C18 15.5523 18.4477 16 19 16L21 16C21.5523 16 22 15.5523 22 15L22 13C22 12.4477 21.5523 12 21 12L19 12C18.4477 12 18 12.4477 18 13Z","fill":"#50E6FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear_9175_348498","x1":"18","y1":"2","x2":"18","y2":"38","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#5EA0EF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078D4"},"children":[]}]},{"type":"clipPath","props":{"id":"clip0_9175_348498"},"children":[{"type":"rect","props":{"width":"36","height":"36","fill":"white","transform":"translate(0 36) rotate(-90)"},"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 AzureAppSpace = forwardRef(
   function AzureAppSpace({ 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 AzureAppSpace = 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-applens.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":"b64029dc-53b6-43b2-8aae-92413846e51c","y1":"9","x2":"18","y2":"9","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"linearGradient","props":{"id":"bfc54d5e-2678-40a3-87f5-a3381ba974de","x1":"3.092","y1":"8.98","x2":"14.9","y2":"8.98","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#50e6ff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#32bedd"},"children":[]}]},{"type":"linearGradient","props":{"id":"b1aeb350-670b-47cd-881a-82e451a61e61","x1":"3.154","y1":"6.215","x2":"10.922","y2":"6.215","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"0.432","stopColor":"#3890e4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]}]},{"type":"g","props":{"id":"a8e49afa-0212-415e-a59c-566b1a954500"},"children":[{"type":"path","props":{"d":"M9.276,0A8.957,8.957,0,0,0,3.968,1.54a.6.6,0,0,0-.138.873l.788.993A7.1,7.1,0,1,1,2.084,7.359a.6.6,0,0,0-.412-.707l-.657-.2a.6.6,0,0,0-.763.434A9,9,0,1,0,9.276,0Z","fill":"url(#b64029dc-53b6-43b2-8aae-92413846e51c)"},"children":[]},{"type":"circle","props":{"cx":"13.69","cy":"7.663","r":"1.437","fill":"#f78d1e"},"children":[]},{"type":"circle","props":{"cx":"7.896","cy":"13.799","r":"1.437","fill":"#f78d1e"},"children":[]},{"type":"path","props":{"d":"M6.125,6.191,4.993,4.659a5.9,5.9,0,0,1,8.859.983c-.054,0-.106-.016-.162-.016a2.027,2.027,0,0,0-1.617.812,3.984,3.984,0,0,0-5.948-.247ZM5.859,13.8a2.027,2.027,0,0,1,.761-1.575A4,4,0,0,1,5.022,9.6a4.043,4.043,0,0,1,.024-1.338.6.6,0,0,0-.409-.689l-.66-.205a.6.6,0,0,0-.766.448A5.876,5.876,0,0,0,5.879,14C5.873,13.93,5.859,13.866,5.859,13.8ZM13.69,9.7a2.01,2.01,0,0,1-.721-.138,4.016,4.016,0,0,1-3.233,3.376,1.987,1.987,0,0,1-.114,1.93A5.9,5.9,0,0,0,14.9,9.293,2.025,2.025,0,0,1,13.69,9.7Z","fill":"url(#bfc54d5e-2678-40a3-87f5-a3381ba974de)"},"children":[]},{"type":"path","props":{"d":"M9.253,7.094a1.929,1.929,0,0,0-.834.074L3.973,1.507l-.59.463a.6.6,0,0,0-.1.843L7.359,8A1.909,1.909,0,0,0,7.1,9.26,1.923,1.923,0,1,0,9.253,7.094Z","fill":"url(#b1aeb350-670b-47cd-881a-82e451a61e61)"},"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 AzureApplens = react_1.forwardRef(function AzureApplens({ 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 AzureApplens = react_1.forwardRef(function AzureApplens({ variant = 'defau
     ..._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-applens.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":"b64029dc-53b6-43b2-8aae-92413846e51c","y1":"9","x2":"18","y2":"9","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"linearGradient","props":{"id":"bfc54d5e-2678-40a3-87f5-a3381ba974de","x1":"3.092","y1":"8.98","x2":"14.9","y2":"8.98","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#50e6ff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#32bedd"},"children":[]}]},{"type":"linearGradient","props":{"id":"b1aeb350-670b-47cd-881a-82e451a61e61","x1":"3.154","y1":"6.215","x2":"10.922","y2":"6.215","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"0.432","stopColor":"#3890e4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]}]},{"type":"g","props":{"id":"a8e49afa-0212-415e-a59c-566b1a954500"},"children":[{"type":"path","props":{"d":"M9.276,0A8.957,8.957,0,0,0,3.968,1.54a.6.6,0,0,0-.138.873l.788.993A7.1,7.1,0,1,1,2.084,7.359a.6.6,0,0,0-.412-.707l-.657-.2a.6.6,0,0,0-.763.434A9,9,0,1,0,9.276,0Z","fill":"url(#b64029dc-53b6-43b2-8aae-92413846e51c)"},"children":[]},{"type":"circle","props":{"cx":"13.69","cy":"7.663","r":"1.437","fill":"#f78d1e"},"children":[]},{"type":"circle","props":{"cx":"7.896","cy":"13.799","r":"1.437","fill":"#f78d1e"},"children":[]},{"type":"path","props":{"d":"M6.125,6.191,4.993,4.659a5.9,5.9,0,0,1,8.859.983c-.054,0-.106-.016-.162-.016a2.027,2.027,0,0,0-1.617.812,3.984,3.984,0,0,0-5.948-.247ZM5.859,13.8a2.027,2.027,0,0,1,.761-1.575A4,4,0,0,1,5.022,9.6a4.043,4.043,0,0,1,.024-1.338.6.6,0,0,0-.409-.689l-.66-.205a.6.6,0,0,0-.766.448A5.876,5.876,0,0,0,5.879,14C5.873,13.93,5.859,13.866,5.859,13.8ZM13.69,9.7a2.01,2.01,0,0,1-.721-.138,4.016,4.016,0,0,1-3.233,3.376,1.987,1.987,0,0,1-.114,1.93A5.9,5.9,0,0,0,14.9,9.293,2.025,2.025,0,0,1,13.69,9.7Z","fill":"url(#bfc54d5e-2678-40a3-87f5-a3381ba974de)"},"children":[]},{"type":"path","props":{"d":"M9.253,7.094a1.929,1.929,0,0,0-.834.074L3.973,1.507l-.59.463a.6.6,0,0,0-.1.843L7.359,8A1.909,1.909,0,0,0,7.1,9.26,1.923,1.923,0,1,0,9.253,7.094Z","fill":"url(#b1aeb350-670b-47cd-881a-82e451a61e61)"},"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 AzureApplens = forwardRef(
   function AzureApplens({ 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 AzureApplens = 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-application-gateway-containers.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":"uuid-54f13b64-68e0-4ea4-bf47-4d51a4793923","x1":"9","y1":"16.285","x2":"9","y2":".534","gradientTransform":"matrix(1, 0, 0, 1, 0, 0)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"radialGradient","props":{"id":"uuid-703e6057-0126-49db-bdae-ae63f79950c4","cx":"9.009","cy":"8.4","r":"8.123","gradientTransform":"matrix(1, 0, 0, 1, 0, 0)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"gray"},"children":[]},{"type":"stop","props":{"offset":".191","stopColor":"#a1a1a1"},"children":[]},{"type":"stop","props":{"offset":".402","stopColor":"silver"},"children":[]},{"type":"stop","props":{"offset":".521","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":".631","stopColor":"#c9c9c9"},"children":[]},{"type":"stop","props":{"offset":".713","stopColor":"#bfbfbf"},"children":[]},{"type":"stop","props":{"offset":".785","stopColor":"#afafaf"},"children":[]},{"type":"stop","props":{"offset":".852","stopColor":"#999"},"children":[]},{"type":"stop","props":{"offset":".908","stopColor":"gray"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-e953bdec-f87c-46e6-884f-7f1d5e0e1574","x1":"-1.246","y1":"825.736","x2":".764","y2":"827.746","gradientTransform":"translate(-575.745 600.469) rotate(-135)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-bbd024e1-143c-414b-8005-ff7b49979daf","x1":"-104.431","y1":"575.695","x2":"-104.431","y2":"578.537","gradientTransform":"translate(-95.412 585.404) rotate(-180)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-00b94b3b-f85a-4309-9d86-8d9bb8d020d5","x1":"157.457","y1":"814.945","x2":"160.3","y2":"814.945","gradientTransform":"translate(-811.839 173.116) rotate(-90)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-9437fa93-ec8b-4e25-b38a-e7990decc41e","x1":"157.457","y1":"441.025","x2":"160.3","y2":"441.025","gradientTransform":"translate(455.975 173.116) rotate(-90) scale(1 -1)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]}]},{"type":"path","props":{"d":"M18,8.412c0-.104-.027-.209-.08-.303L13.722,.836c-.109-.187-.309-.302-.525-.303H4.803c-.217,.002-.417,.118-.525,.306L.08,8.103c-.107,.188-.107,.418,0,.606l4.197,7.27c.108,.188,.308,.304,.525,.306H13.197c.217-.002,.417-.118,.525-.306l4.197-7.264c.053-.094,.08-.198,.08-.303","fill":"url(#uuid-54f13b64-68e0-4ea4-bf47-4d51a4793923)"},"children":[]},{"type":"polygon","props":{"points":"15.367 13.821 9.609 8.063 9.609 8.002 9.548 8.002 9.437 7.892 9.327 8.002 8.742 8.002 8.583 7.845 2.687 13.824 3.526 14.651 8.431 9.677 8.431 16.045 9.609 16.045 9.609 9.729 14.534 14.654 15.367 13.821","fill":"url(#uuid-703e6057-0126-49db-bdae-ae63f79950c4)"},"children":[]},{"type":"circle","props":{"id":"uuid-ece1a08e-bbe9-4a7a-9146-1fc8c65913f8","cx":"9.02","cy":"16.045","r":"1.421","fill":"url(#uuid-e953bdec-f87c-46e6-884f-7f1d5e0e1574)"},"children":[]},{"type":"path","props":{"d":"M6.581,8.279c-.008,1.352,1.081,2.454,2.433,2.463,1.352,.008,2.454-1.081,2.463-2.433,.007-1.104-.726-2.076-1.79-2.373v-1.75c.736-.38,1.024-1.285,.644-2.022-.38-.736-1.285-1.024-2.022-.644-.736,.38-1.024,1.285-.644,2.022,.143,.276,.368,.501,.644,.644v1.794c-1.016,.307-1.716,1.237-1.728,2.299Z","fill":"#fff"},"children":[]},{"type":"circle","props":{"id":"uuid-8e562190-eca9-4949-bb17-df9e268bb00b","cx":"9.02","cy":"8.288","r":"1.421","fill":"url(#uuid-bbd024e1-143c-414b-8005-ff7b49979daf)"},"children":[]},{"type":"circle","props":{"id":"uuid-fde97792-49bb-484d-abc1-e7c1b7c4a266","cx":"3.106","cy":"14.238","r":"1.421","fill":"url(#uuid-00b94b3b-f85a-4309-9d86-8d9bb8d020d5)"},"children":[]},{"type":"circle","props":{"id":"uuid-e202974c-be82-433a-a8e4-940953f82785","cx":"14.951","cy":"14.238","r":"1.421","fill":"url(#uuid-9437fa93-ec8b-4e25-b38a-e7990decc41e)"},"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 AzureApplicationGatewayContainers = react_1.forwardRef(function AzureApplicationGatewayContainers({ 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 AzureApplicationGatewayContainers = react_1.forwardRef(function AzureAppli
     ..._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-application-gateway-containers.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":"uuid-54f13b64-68e0-4ea4-bf47-4d51a4793923","x1":"9","y1":"16.285","x2":"9","y2":".534","gradientTransform":"matrix(1, 0, 0, 1, 0, 0)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"radialGradient","props":{"id":"uuid-703e6057-0126-49db-bdae-ae63f79950c4","cx":"9.009","cy":"8.4","r":"8.123","gradientTransform":"matrix(1, 0, 0, 1, 0, 0)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"gray"},"children":[]},{"type":"stop","props":{"offset":".191","stopColor":"#a1a1a1"},"children":[]},{"type":"stop","props":{"offset":".402","stopColor":"silver"},"children":[]},{"type":"stop","props":{"offset":".521","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":".631","stopColor":"#c9c9c9"},"children":[]},{"type":"stop","props":{"offset":".713","stopColor":"#bfbfbf"},"children":[]},{"type":"stop","props":{"offset":".785","stopColor":"#afafaf"},"children":[]},{"type":"stop","props":{"offset":".852","stopColor":"#999"},"children":[]},{"type":"stop","props":{"offset":".908","stopColor":"gray"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-e953bdec-f87c-46e6-884f-7f1d5e0e1574","x1":"-1.246","y1":"825.736","x2":".764","y2":"827.746","gradientTransform":"translate(-575.745 600.469) rotate(-135)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-bbd024e1-143c-414b-8005-ff7b49979daf","x1":"-104.431","y1":"575.695","x2":"-104.431","y2":"578.537","gradientTransform":"translate(-95.412 585.404) rotate(-180)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-00b94b3b-f85a-4309-9d86-8d9bb8d020d5","x1":"157.457","y1":"814.945","x2":"160.3","y2":"814.945","gradientTransform":"translate(-811.839 173.116) rotate(-90)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-9437fa93-ec8b-4e25-b38a-e7990decc41e","x1":"157.457","y1":"441.025","x2":"160.3","y2":"441.025","gradientTransform":"translate(455.975 173.116) rotate(-90) scale(1 -1)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]}]},{"type":"path","props":{"d":"M18,8.412c0-.104-.027-.209-.08-.303L13.722,.836c-.109-.187-.309-.302-.525-.303H4.803c-.217,.002-.417,.118-.525,.306L.08,8.103c-.107,.188-.107,.418,0,.606l4.197,7.27c.108,.188,.308,.304,.525,.306H13.197c.217-.002,.417-.118,.525-.306l4.197-7.264c.053-.094,.08-.198,.08-.303","fill":"url(#uuid-54f13b64-68e0-4ea4-bf47-4d51a4793923)"},"children":[]},{"type":"polygon","props":{"points":"15.367 13.821 9.609 8.063 9.609 8.002 9.548 8.002 9.437 7.892 9.327 8.002 8.742 8.002 8.583 7.845 2.687 13.824 3.526 14.651 8.431 9.677 8.431 16.045 9.609 16.045 9.609 9.729 14.534 14.654 15.367 13.821","fill":"url(#uuid-703e6057-0126-49db-bdae-ae63f79950c4)"},"children":[]},{"type":"circle","props":{"id":"uuid-ece1a08e-bbe9-4a7a-9146-1fc8c65913f8","cx":"9.02","cy":"16.045","r":"1.421","fill":"url(#uuid-e953bdec-f87c-46e6-884f-7f1d5e0e1574)"},"children":[]},{"type":"path","props":{"d":"M6.581,8.279c-.008,1.352,1.081,2.454,2.433,2.463,1.352,.008,2.454-1.081,2.463-2.433,.007-1.104-.726-2.076-1.79-2.373v-1.75c.736-.38,1.024-1.285,.644-2.022-.38-.736-1.285-1.024-2.022-.644-.736,.38-1.024,1.285-.644,2.022,.143,.276,.368,.501,.644,.644v1.794c-1.016,.307-1.716,1.237-1.728,2.299Z","fill":"#fff"},"children":[]},{"type":"circle","props":{"id":"uuid-8e562190-eca9-4949-bb17-df9e268bb00b","cx":"9.02","cy":"8.288","r":"1.421","fill":"url(#uuid-bbd024e1-143c-414b-8005-ff7b49979daf)"},"children":[]},{"type":"circle","props":{"id":"uuid-fde97792-49bb-484d-abc1-e7c1b7c4a266","cx":"3.106","cy":"14.238","r":"1.421","fill":"url(#uuid-00b94b3b-f85a-4309-9d86-8d9bb8d020d5)"},"children":[]},{"type":"circle","props":{"id":"uuid-e202974c-be82-433a-a8e4-940953f82785","cx":"14.951","cy":"14.238","r":"1.421","fill":"url(#uuid-9437fa93-ec8b-4e25-b38a-e7990decc41e)"},"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 AzureApplicationGatewayContainers = forwardRef(
   function AzureApplicationGatewayContainers({ 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 AzureApplicationGatewayContainers = 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-application-gateways.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":"f6d5399b-a5cb-4c09-96cc-9e3bb1af2386","x1":"9","y1":"19.25","x2":"9","y2":"-0.46","gradientTransform":"translate(9 -3.73) rotate(45)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5e9624"},"children":[]},{"type":"stop","props":{"offset":"0.55","stopColor":"#6dad2a"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#76bc2d"},"children":[]}]},{"type":"linearGradient","props":{"id":"a43242a2-4d95-4f6d-8870-2702ceb6aebc","x1":"7.54","y1":"6.44","x2":"7.53","y2":"5.18","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":"0.12","stopColor":"#d7d7d7"},"children":[]},{"type":"stop","props":{"offset":"0.42","stopColor":"#ebebeb"},"children":[]},{"type":"stop","props":{"offset":"0.72","stopColor":"#f8f8f8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fcfcfc"},"children":[]}]},{"type":"linearGradient","props":{"id":"eedce6dd-706a-43c4-ac66-66b73578221d","x1":"9.36","y1":"7.69","x2":"9.36","y2":"6.57","href":"#a43242a2-4d95-4f6d-8870-2702ceb6aebc"},"children":[]}]},{"type":"rect","props":{"x":"2.82","y":"2.82","width":"12.35","height":"12.35","rx":"0.57","transform":"translate(-3.73 9) rotate(-45)","fill":"url(#f6d5399b-a5cb-4c09-96cc-9e3bb1af2386)"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M10.89,10.51h2.84a.11.11,0,0,0,.1-.11V7.57a.1.1,0,0,0-.18-.07l-.78.78,0,.05a.1.1,0,0,1-.14,0L9.26,4.91a.1.1,0,0,0-.14,0l-.88.88a.11.11,0,0,0,0,.15l3.41,3.41a.11.11,0,0,1,0,.15l-.05.05-.78.78A.11.11,0,0,0,10.89,10.51Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M6.92,10.51H4.08A.11.11,0,0,1,4,10.4V7.57a.1.1,0,0,1,.17-.07l.79.78,0,.05a.1.1,0,0,0,.14,0L8.55,4.91a.1.1,0,0,1,.14,0l.88.88a.11.11,0,0,1,0,.15L6.16,9.35a.11.11,0,0,0,0,.15l0,.05.78.78A.11.11,0,0,1,6.92,10.51Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M6.82,13.07l2,2a.1.1,0,0,0,.14,0l2-2a.1.1,0,0,0-.07-.17H9.72a.11.11,0,0,1-.1-.1V8a.1.1,0,0,0-.1-.11H8.28A.11.11,0,0,0,8.17,8V12.8a.1.1,0,0,1-.1.1H6.89A.1.1,0,0,0,6.82,13.07Z","fill":"#fff"},"children":[]}]},{"type":"path","props":{"id":"ac0a9c0c-2e8c-4843-b02b-2fadf76b27d0","d":"M10.65,7.78A2.71,2.71,0,0,1,7.33,3.5l0,0a2.71,2.71,0,0,1,3.29,4.3","fill":"#0078d4"},"children":[]},{"type":"circle","props":{"cx":"7.53","cy":"5.55","r":"0.87","fill":"url(#a43242a2-4d95-4f6d-8870-2702ceb6aebc)"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M6.67,7l.19.3L7,7.5a5.94,5.94,0,0,1,.34-1.1.85.85,0,0,1-.45-.23A6.71,6.71,0,0,0,6.67,7Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"path","props":{"d":"M7.24,4.73A4,4,0,0,1,7,3.8a2.48,2.48,0,0,0-.34.46A3.51,3.51,0,0,0,6.86,5,1,1,0,0,1,7.24,4.73Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"path","props":{"d":"M8.17,6.14a.87.87,0,0,1-.48.26,4.62,4.62,0,0,0,.46.41,4.14,4.14,0,0,0,.65.39V7.13A.53.53,0,0,1,9,6.73,3.6,3.6,0,0,1,8.17,6.14Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"path","props":{"d":"M10.79,7.2a4.14,4.14,0,0,1-.87-.1v0a.55.55,0,0,1-.16.39,3.84,3.84,0,0,0,1.08.08,2.93,2.93,0,0,0,.37-.42Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]}]},{"type":"circle","props":{"cx":"9.36","cy":"7.13","r":"0.56","fill":"url(#eedce6dd-706a-43c4-ac66-66b73578221d)"},"children":[]},{"type":"circle","props":{"cx":"10.64","cy":"5.74","r":"0.6","fill":"#f2f2f2"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M9.21,4.42A4.29,4.29,0,0,1,11.09,4a2.24,2.24,0,0,0-.47-.45,4.5,4.5,0,0,0-1.49.35c-.1,0-.19.11-.29.16h0a5.85,5.85,0,0,1-.63-.93l-.34.13a5.35,5.35,0,0,0,.65,1,3.92,3.92,0,0,0-.67.55.87.87,0,0,1,.43.35,3.29,3.29,0,0,1,.61-.48,9.16,9.16,0,0,0,1.17,1,.57.57,0,0,1,.2-.32A8.44,8.44,0,0,1,9.21,4.42Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"path","props":{"d":"M11.55,6.09h0l-.1,0h0l-.08,0h0l-.1-.06a.61.61,0,0,1-.2.3l.12.07h0l.11.06h0l.28.14h0a3.58,3.58,0,0,0,.09-.35Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]}]},{"type":"circle","props":{"cx":"7.53","cy":"5.55","r":"0.87","fill":"#f2f2f2"},"children":[]},{"type":"circle","props":{"cx":"9.36","cy":"7.13","r":"0.56","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 AzureApplicationGateways = react_1.forwardRef(function AzureApplicationGateways({ 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 AzureApplicationGateways = react_1.forwardRef(function AzureApplicationGat
     ..._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-application-gateways.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":"f6d5399b-a5cb-4c09-96cc-9e3bb1af2386","x1":"9","y1":"19.25","x2":"9","y2":"-0.46","gradientTransform":"translate(9 -3.73) rotate(45)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5e9624"},"children":[]},{"type":"stop","props":{"offset":"0.55","stopColor":"#6dad2a"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#76bc2d"},"children":[]}]},{"type":"linearGradient","props":{"id":"a43242a2-4d95-4f6d-8870-2702ceb6aebc","x1":"7.54","y1":"6.44","x2":"7.53","y2":"5.18","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":"0.12","stopColor":"#d7d7d7"},"children":[]},{"type":"stop","props":{"offset":"0.42","stopColor":"#ebebeb"},"children":[]},{"type":"stop","props":{"offset":"0.72","stopColor":"#f8f8f8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fcfcfc"},"children":[]}]},{"type":"linearGradient","props":{"id":"eedce6dd-706a-43c4-ac66-66b73578221d","x1":"9.36","y1":"7.69","x2":"9.36","y2":"6.57","href":"#a43242a2-4d95-4f6d-8870-2702ceb6aebc"},"children":[]}]},{"type":"rect","props":{"x":"2.82","y":"2.82","width":"12.35","height":"12.35","rx":"0.57","transform":"translate(-3.73 9) rotate(-45)","fill":"url(#f6d5399b-a5cb-4c09-96cc-9e3bb1af2386)"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M10.89,10.51h2.84a.11.11,0,0,0,.1-.11V7.57a.1.1,0,0,0-.18-.07l-.78.78,0,.05a.1.1,0,0,1-.14,0L9.26,4.91a.1.1,0,0,0-.14,0l-.88.88a.11.11,0,0,0,0,.15l3.41,3.41a.11.11,0,0,1,0,.15l-.05.05-.78.78A.11.11,0,0,0,10.89,10.51Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M6.92,10.51H4.08A.11.11,0,0,1,4,10.4V7.57a.1.1,0,0,1,.17-.07l.79.78,0,.05a.1.1,0,0,0,.14,0L8.55,4.91a.1.1,0,0,1,.14,0l.88.88a.11.11,0,0,1,0,.15L6.16,9.35a.11.11,0,0,0,0,.15l0,.05.78.78A.11.11,0,0,1,6.92,10.51Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M6.82,13.07l2,2a.1.1,0,0,0,.14,0l2-2a.1.1,0,0,0-.07-.17H9.72a.11.11,0,0,1-.1-.1V8a.1.1,0,0,0-.1-.11H8.28A.11.11,0,0,0,8.17,8V12.8a.1.1,0,0,1-.1.1H6.89A.1.1,0,0,0,6.82,13.07Z","fill":"#fff"},"children":[]}]},{"type":"path","props":{"id":"ac0a9c0c-2e8c-4843-b02b-2fadf76b27d0","d":"M10.65,7.78A2.71,2.71,0,0,1,7.33,3.5l0,0a2.71,2.71,0,0,1,3.29,4.3","fill":"#0078d4"},"children":[]},{"type":"circle","props":{"cx":"7.53","cy":"5.55","r":"0.87","fill":"url(#a43242a2-4d95-4f6d-8870-2702ceb6aebc)"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M6.67,7l.19.3L7,7.5a5.94,5.94,0,0,1,.34-1.1.85.85,0,0,1-.45-.23A6.71,6.71,0,0,0,6.67,7Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"path","props":{"d":"M7.24,4.73A4,4,0,0,1,7,3.8a2.48,2.48,0,0,0-.34.46A3.51,3.51,0,0,0,6.86,5,1,1,0,0,1,7.24,4.73Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"path","props":{"d":"M8.17,6.14a.87.87,0,0,1-.48.26,4.62,4.62,0,0,0,.46.41,4.14,4.14,0,0,0,.65.39V7.13A.53.53,0,0,1,9,6.73,3.6,3.6,0,0,1,8.17,6.14Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"path","props":{"d":"M10.79,7.2a4.14,4.14,0,0,1-.87-.1v0a.55.55,0,0,1-.16.39,3.84,3.84,0,0,0,1.08.08,2.93,2.93,0,0,0,.37-.42Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]}]},{"type":"circle","props":{"cx":"9.36","cy":"7.13","r":"0.56","fill":"url(#eedce6dd-706a-43c4-ac66-66b73578221d)"},"children":[]},{"type":"circle","props":{"cx":"10.64","cy":"5.74","r":"0.6","fill":"#f2f2f2"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M9.21,4.42A4.29,4.29,0,0,1,11.09,4a2.24,2.24,0,0,0-.47-.45,4.5,4.5,0,0,0-1.49.35c-.1,0-.19.11-.29.16h0a5.85,5.85,0,0,1-.63-.93l-.34.13a5.35,5.35,0,0,0,.65,1,3.92,3.92,0,0,0-.67.55.87.87,0,0,1,.43.35,3.29,3.29,0,0,1,.61-.48,9.16,9.16,0,0,0,1.17,1,.57.57,0,0,1,.2-.32A8.44,8.44,0,0,1,9.21,4.42Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]},{"type":"path","props":{"d":"M11.55,6.09h0l-.1,0h0l-.08,0h0l-.1-.06a.61.61,0,0,1-.2.3l.12.07h0l.11.06h0l.28.14h0a3.58,3.58,0,0,0,.09-.35Z","fill":"#f2f2f2","opacity":"0.55"},"children":[]}]},{"type":"circle","props":{"cx":"7.53","cy":"5.55","r":"0.87","fill":"#f2f2f2"},"children":[]},{"type":"circle","props":{"cx":"9.36","cy":"7.13","r":"0.56","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 AzureApplicationGateways = forwardRef(
   function AzureApplicationGateways({ 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 AzureApplicationGateways = 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-application-group.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":"a26c9420-22ea-437d-963a-d91a07052fe8","x1":"9","y1":"17.5","x2":"9","y2":"0.5","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.168","stopColor":"#0063ae"},"children":[]},{"type":"stop","props":{"offset":"0.577","stopColor":"#0072ca"},"children":[]},{"type":"stop","props":{"offset":"0.815","stopColor":"#0078d4"},"children":[]}]}]},{"type":"g","props":{"id":"f18b5d86-430f-4653-9c0f-da3405ab6e83"},"children":[{"type":"g","props":{},"children":[{"type":"circle","props":{"cx":"9","cy":"9","r":"8.5","fill":"url(#a26c9420-22ea-437d-963a-d91a07052fe8)"},"children":[]},{"type":"path","props":{"id":"ecfad4cd-858a-4086-9001-2b8defa8f20e","d":"M7.776,10.632h2.448V13.08H7.776ZM4.92,7.368H7.368V4.92H5.262a.341.341,0,0,0-.342.342Zm.342,5.712H7.368V10.632H4.92v2.106a.341.341,0,0,0,.342.342ZM4.92,10.224H7.368V7.776H4.92Zm5.712,2.856h2.106a.341.341,0,0,0,.342-.342V10.632H10.632ZM7.776,10.224h2.448V7.776H7.776Zm2.856,0H13.08V7.776H10.632Zm0-5.3V7.368H13.08V5.262a.341.341,0,0,0-.342-.342ZM7.776,7.368h2.448V4.92H7.776Z","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 AzureApplicationGroup = react_1.forwardRef(function AzureApplicationGroup({ 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 AzureApplicationGroup = react_1.forwardRef(function AzureApplicationGroup(
     ..._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));
       })
   );
 });