@thesvg/react 3.2.2 → 3.2.4

package/dist/azure-windows10-core-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":"linearGradient","props":{"id":"b734931e-8934-4af3-8c82-4538553c4341","x1":"8.41","y1":"17.49","x2":"8.41","y2":"0.44","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.06","stopColor":"#0a7cd7"},"children":[]},{"type":"stop","props":{"offset":"0.34","stopColor":"#2e8ce1"},"children":[]},{"type":"stop","props":{"offset":"0.59","stopColor":"#4897e9"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#589eed"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#5ea0ef"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-iot-203"]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M15.23,3.76,13.85,2.42h-.14l-1.86,1-1.33-.59L9.68.44,7.75.46,7.66.73,7,2.81l-1.33.57-2.26-1L2.07,3.73,2.21,4l1,1.93L2.68,7.26.36,8.13v1.95l.27.09,2.08.64.57,1.33-1,2.27,1.39,1.35.25-.14,1.93-1,.62.76,1.6,2.11,1.93,0,.09-.27L10.78,16l1.1-.55,2.18-.13,1.36-1.39V13.8l.27-1,.79-2.37ZM8.87,13.33A4.37,4.37,0,1,1,13.23,9,4.36,4.36,0,0,1,8.87,13.33Z","fill":"url(#b734931e-8934-4af3-8c82-4538553c4341)"},"children":[]},{"type":"path","props":{"d":"M11.88,8.89c0,1.94-2.39,3.5-2.91,3.82a.23.23,0,0,1-.2,0c-.52-.32-2.9-1.88-2.9-3.82V6.56a.19.19,0,0,1,.18-.19c1.86,0,1.43-.85,2.82-.85s1,.8,2.82.85a.2.2,0,0,1,.19.19Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M11.63,8.91c0,1.78-2.19,3.21-2.67,3.5a.19.19,0,0,1-.18,0c-.48-.29-2.66-1.72-2.66-3.5V6.77a.17.17,0,0,1,.16-.17c1.71,0,1.32-.78,2.59-.78s.89.74,2.59.78a.18.18,0,0,1,.17.17Z","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M10.08,8.56H9.91V8a1.14,1.14,0,0,0-.3-.77.94.94,0,0,0-.74-.32,1,1,0,0,0-.74.32,1.14,1.14,0,0,0-.3.77v.6H7.66a.14.14,0,0,0-.14.14v1.56a.14.14,0,0,0,.14.13h2.42a.13.13,0,0,0,.14-.13V8.7A.14.14,0,0,0,10.08,8.56Zm-.66,0H8.32V8a.59.59,0,0,1,.17-.42.52.52,0,0,1,.38-.17.5.5,0,0,1,.38.17l.07.08h0a.67.67,0,0,1,.1.34Z","fill":"#f2f2f2"},"children":[]},{"type":"path","props":{"d":"M14.16,2.39,14.87.92A.15.15,0,0,0,14.8.71h-.08l-5.51.42a.16.16,0,0,0-.14.17.13.13,0,0,0,0,.08l3.12,4.5a.16.16,0,0,0,.22,0l.05-.06.62-1.29a.17.17,0,0,1,.21-.08l0,0A6.33,6.33,0,0,1,15.61,9a6.42,6.42,0,0,1-6.29,6.56,6.68,6.68,0,0,1-3.11-.7.16.16,0,0,0-.21.06L5.18,16.4a.16.16,0,0,0,.06.21h0A8.52,8.52,0,0,0,16.69,13a8.31,8.31,0,0,0,.95-4.08A8.42,8.42,0,0,0,14.2,2.58.17.17,0,0,1,14.16,2.39Z","fill":"#86d633"},"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 AzureWindows10CoreServices = forwardRef(
   function AzureWindows10CoreServices({ 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 AzureWindows10CoreServices = 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-workbooks.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":"bf27f400-3b83-4dfa-9afd-dbfe78240842","x1":"8.881","y1":"17.5","x2":"8.881","y2":"2.093","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.817","stopColor":"#5ea0ef"},"children":[]}]}]},{"type":"title","props":{},"children":["MsPortalFx.base.images-45"]},{"type":"g","props":{"id":"ec8922f1-4baf-49ec-b516-cec52695ceb5"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M2.659,2.109,3.87.7A.591.591,0,0,1,4.314.5H15.927a.813.813,0,0,1,.888.831v14.5a.59.59,0,0,1-.192.435l-1.308,1.191H3.444l-.8-.337Z","fill":"#005ba1"},"children":[]},{"type":"path","props":{"d":"M3.633,2.1l.742-.846a.521.521,0,0,1,.393-.179H15.614a.522.522,0,0,1,.522.522V15.383a.521.521,0,0,1-.171.386l-1.158,1.055Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M14.736,2.093H2.7a.056.056,0,0,0-.056.056V17.115a.385.385,0,0,0,.385.385h11.71a.385.385,0,0,0,.385-.385V2.478A.386.386,0,0,0,14.736,2.093Z","fill":"url(#bf27f400-3b83-4dfa-9afd-dbfe78240842)"},"children":[]},{"type":"rect","props":{"x":"6.028","y":"6.2","width":"6.005","height":"2.382","rx":"0.27","fill":"#fff"},"children":[]},{"type":"rect","props":{"x":"1.185","y":"3.608","width":"2.448","height":"1.441","rx":"0.59","fill":"#005ba1"},"children":[]},{"type":"rect","props":{"x":"1.185","y":"6.346","width":"2.448","height":"1.441","rx":"0.59","fill":"#005ba1"},"children":[]},{"type":"rect","props":{"x":"1.185","y":"9.084","width":"2.448","height":"1.441","rx":"0.59","fill":"#005ba1"},"children":[]},{"type":"rect","props":{"x":"1.185","y":"11.821","width":"2.448","height":"1.441","rx":"0.59","fill":"#005ba1"},"children":[]},{"type":"rect","props":{"x":"1.185","y":"14.559","width":"2.448","height":"1.441","rx":"0.59","fill":"#005ba1"},"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 AzureWorkbooks = react_1.forwardRef(function AzureWorkbooks({ 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 AzureWorkbooks = react_1.forwardRef(function AzureWorkbooks({ variant = 'd
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/azure-workbooks.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":"bf27f400-3b83-4dfa-9afd-dbfe78240842","x1":"8.881","y1":"17.5","x2":"8.881","y2":"2.093","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.817","stopColor":"#5ea0ef"},"children":[]}]}]},{"type":"title","props":{},"children":["MsPortalFx.base.images-45"]},{"type":"g","props":{"id":"ec8922f1-4baf-49ec-b516-cec52695ceb5"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M2.659,2.109,3.87.7A.591.591,0,0,1,4.314.5H15.927a.813.813,0,0,1,.888.831v14.5a.59.59,0,0,1-.192.435l-1.308,1.191H3.444l-.8-.337Z","fill":"#005ba1"},"children":[]},{"type":"path","props":{"d":"M3.633,2.1l.742-.846a.521.521,0,0,1,.393-.179H15.614a.522.522,0,0,1,.522.522V15.383a.521.521,0,0,1-.171.386l-1.158,1.055Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M14.736,2.093H2.7a.056.056,0,0,0-.056.056V17.115a.385.385,0,0,0,.385.385h11.71a.385.385,0,0,0,.385-.385V2.478A.386.386,0,0,0,14.736,2.093Z","fill":"url(#bf27f400-3b83-4dfa-9afd-dbfe78240842)"},"children":[]},{"type":"rect","props":{"x":"6.028","y":"6.2","width":"6.005","height":"2.382","rx":"0.27","fill":"#fff"},"children":[]},{"type":"rect","props":{"x":"1.185","y":"3.608","width":"2.448","height":"1.441","rx":"0.59","fill":"#005ba1"},"children":[]},{"type":"rect","props":{"x":"1.185","y":"6.346","width":"2.448","height":"1.441","rx":"0.59","fill":"#005ba1"},"children":[]},{"type":"rect","props":{"x":"1.185","y":"9.084","width":"2.448","height":"1.441","rx":"0.59","fill":"#005ba1"},"children":[]},{"type":"rect","props":{"x":"1.185","y":"11.821","width":"2.448","height":"1.441","rx":"0.59","fill":"#005ba1"},"children":[]},{"type":"rect","props":{"x":"1.185","y":"14.559","width":"2.448","height":"1.441","rx":"0.59","fill":"#005ba1"},"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 AzureWorkbooks = forwardRef(
   function AzureWorkbooks({ 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 AzureWorkbooks = 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-worker-container-app.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":"b27f1ad0-7d11-4247-9da3-91bce6211f32","x1":"8.798","y1":"8.703","x2":"14.683","y2":"8.703","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.001","stopColor":"#773adc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#552f99"},"children":[]}]},{"type":"linearGradient","props":{"id":"b2f92112-4ca9-4b17-a019-c9f26c1a4a8f","x1":"5.764","y1":"3.777","x2":"5.764","y2":"13.78","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#a67af4"},"children":[]},{"type":"stop","props":{"offset":"0.999","stopColor":"#773adc"},"children":[]}]}]},{"type":"g","props":{"id":"b8a0486a-5501-4d92-b540-a766c4b3b548"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M16.932,11.578a8.448,8.448,0,0,1-7.95,5.59,8.15,8.15,0,0,1-2.33-.33,2.133,2.133,0,0,0,.18-.83c.01,0,.03.01.04.01a7.422,7.422,0,0,0,2.11.3,7.646,7.646,0,0,0,6.85-4.28l.01-.01Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M3.582,14.068a2.025,2.025,0,0,0-.64.56,8.6,8.6,0,0,1-1.67-2.44l1.04.23v.26a.6.6,0,0,0,.47.59l.14.03a6.136,6.136,0,0,0,.62.73Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M12.352.958a2.28,2.28,0,0,0-.27.81c-.02-.01-.05-.02-.07-.03a7.479,7.479,0,0,0-3.03-.63,7.643,7.643,0,0,0-5.9,2.8l-.29.06a.6.6,0,0,0-.48.58v.46l-1.02.19A8.454,8.454,0,0,1,8.982.268,8.6,8.6,0,0,1,12.352.958Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M16.872,5.7l-1.09-.38a6.6,6.6,0,0,0-.72-1.16c-.02-.03-.04-.05-.05-.07a2.083,2.083,0,0,0,.72-.45A7.81,7.81,0,0,1,16.872,5.7Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M10.072,11.908l2.54.56L8.672,14.1c-.02,0-.03.01-.05.01a.154.154,0,0,1-.15-.15V3.448a.154.154,0,0,1,.15-.15.09.09,0,0,1,.05.01l4.46,1.56-3.05.57a.565.565,0,0,0-.44.54v5.4A.537.537,0,0,0,10.072,11.908Z","fill":"#fff"},"children":[]},{"type":"g","props":{},"children":[{"type":"g","props":{"id":"e918f286-5032-4942-ad29-ea17e6f1cc90"},"children":[{"type":"path","props":{"d":"M1.1,5.668l1.21-.23v6.55l-1.23-.27-.99-.22a.111.111,0,0,1-.09-.12v-5.4a.12.12,0,0,1,.09-.12Z","fill":"#a67af4"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"g","props":{"id":"a47a99dd-4d47-4c70-8c42-c5ac274ce496"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M10.072,11.908l2.54.56L8.672,14.1c-.02,0-.03.01-.05.01a.154.154,0,0,1-.15-.15V3.448a.154.154,0,0,1,.15-.15.09.09,0,0,1,.05.01l4.46,1.56-3.05.57a.565.565,0,0,0-.44.54v5.4A.537.537,0,0,0,10.072,11.908Z","fill":"url(#b27f1ad0-7d11-4247-9da3-91bce6211f32)"},"children":[]},{"type":"path","props":{"d":"M8.586,3.3,2.878,4.378a.177.177,0,0,0-.14.175V12.68a.177.177,0,0,0,.137.174L8.581,14.1a.176.176,0,0,0,.21-.174V3.478A.175.175,0,0,0,8.619,3.3Z","fill":"url(#b2f92112-4ca9-4b17-a019-c9f26c1a4a8f)"},"children":[]}]}]},{"type":"polygon","props":{"points":"5.948 4.921 5.948 12.483 7.934 12.814 7.934 4.564 5.948 4.921","fill":"#b796f9","opacity":"0.5"},"children":[]},{"type":"polygon","props":{"points":"3.509 5.329 3.509 11.954 5.238 12.317 5.238 5.031 3.509 5.329","fill":"#b796f9","opacity":"0.5"},"children":[]}]}]}]},{"type":"path","props":{"d":"M16,2.048a1.755,1.755,0,1,1-1.76-1.76A1.756,1.756,0,0,1,16,2.048Z","fill":"#32bedd"},"children":[]},{"type":"circle","props":{"cx":"4.65","cy":"15.973","r":"1.759","fill":"#32bedd"},"children":[]}]},{"type":"path","props":{"d":"M18,6.689v3.844a.222.222,0,0,1-.133.2l-.766.316-3.07,1.268-.011,0a.126.126,0,0,1-.038,0,.1.1,0,0,1-.1-.1V5.234a.1.1,0,0,1,.054-.088l0,0,.019,0a.031.031,0,0,1,.019,0,.055.055,0,0,1,.034.008l.011,0,.012,0L17.05,6.2l.8.282A.213.213,0,0,1,18,6.689Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M13.959,5.14l-3.8.715a.118.118,0,0,0-.093.117v5.409a.118.118,0,0,0,.091.116l3.8.831a.115.115,0,0,0,.137-.09.109.109,0,0,0,0-.026V5.256a.117.117,0,0,0-.115-.118A.082.082,0,0,0,13.959,5.14Z","fill":"#a67af4"},"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 AzureWorkerContainerApp = react_1.forwardRef(function AzureWorkerContainerApp({ 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 AzureWorkerContainerApp = react_1.forwardRef(function AzureWorkerContainer
     ..._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-worker-container-app.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":"b27f1ad0-7d11-4247-9da3-91bce6211f32","x1":"8.798","y1":"8.703","x2":"14.683","y2":"8.703","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.001","stopColor":"#773adc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#552f99"},"children":[]}]},{"type":"linearGradient","props":{"id":"b2f92112-4ca9-4b17-a019-c9f26c1a4a8f","x1":"5.764","y1":"3.777","x2":"5.764","y2":"13.78","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#a67af4"},"children":[]},{"type":"stop","props":{"offset":"0.999","stopColor":"#773adc"},"children":[]}]}]},{"type":"g","props":{"id":"b8a0486a-5501-4d92-b540-a766c4b3b548"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M16.932,11.578a8.448,8.448,0,0,1-7.95,5.59,8.15,8.15,0,0,1-2.33-.33,2.133,2.133,0,0,0,.18-.83c.01,0,.03.01.04.01a7.422,7.422,0,0,0,2.11.3,7.646,7.646,0,0,0,6.85-4.28l.01-.01Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M3.582,14.068a2.025,2.025,0,0,0-.64.56,8.6,8.6,0,0,1-1.67-2.44l1.04.23v.26a.6.6,0,0,0,.47.59l.14.03a6.136,6.136,0,0,0,.62.73Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M12.352.958a2.28,2.28,0,0,0-.27.81c-.02-.01-.05-.02-.07-.03a7.479,7.479,0,0,0-3.03-.63,7.643,7.643,0,0,0-5.9,2.8l-.29.06a.6.6,0,0,0-.48.58v.46l-1.02.19A8.454,8.454,0,0,1,8.982.268,8.6,8.6,0,0,1,12.352.958Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M16.872,5.7l-1.09-.38a6.6,6.6,0,0,0-.72-1.16c-.02-.03-.04-.05-.05-.07a2.083,2.083,0,0,0,.72-.45A7.81,7.81,0,0,1,16.872,5.7Z","fill":"#32bedd"},"children":[]},{"type":"path","props":{"d":"M10.072,11.908l2.54.56L8.672,14.1c-.02,0-.03.01-.05.01a.154.154,0,0,1-.15-.15V3.448a.154.154,0,0,1,.15-.15.09.09,0,0,1,.05.01l4.46,1.56-3.05.57a.565.565,0,0,0-.44.54v5.4A.537.537,0,0,0,10.072,11.908Z","fill":"#fff"},"children":[]},{"type":"g","props":{},"children":[{"type":"g","props":{"id":"e918f286-5032-4942-ad29-ea17e6f1cc90"},"children":[{"type":"path","props":{"d":"M1.1,5.668l1.21-.23v6.55l-1.23-.27-.99-.22a.111.111,0,0,1-.09-.12v-5.4a.12.12,0,0,1,.09-.12Z","fill":"#a67af4"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"g","props":{"id":"a47a99dd-4d47-4c70-8c42-c5ac274ce496"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M10.072,11.908l2.54.56L8.672,14.1c-.02,0-.03.01-.05.01a.154.154,0,0,1-.15-.15V3.448a.154.154,0,0,1,.15-.15.09.09,0,0,1,.05.01l4.46,1.56-3.05.57a.565.565,0,0,0-.44.54v5.4A.537.537,0,0,0,10.072,11.908Z","fill":"url(#b27f1ad0-7d11-4247-9da3-91bce6211f32)"},"children":[]},{"type":"path","props":{"d":"M8.586,3.3,2.878,4.378a.177.177,0,0,0-.14.175V12.68a.177.177,0,0,0,.137.174L8.581,14.1a.176.176,0,0,0,.21-.174V3.478A.175.175,0,0,0,8.619,3.3Z","fill":"url(#b2f92112-4ca9-4b17-a019-c9f26c1a4a8f)"},"children":[]}]}]},{"type":"polygon","props":{"points":"5.948 4.921 5.948 12.483 7.934 12.814 7.934 4.564 5.948 4.921","fill":"#b796f9","opacity":"0.5"},"children":[]},{"type":"polygon","props":{"points":"3.509 5.329 3.509 11.954 5.238 12.317 5.238 5.031 3.509 5.329","fill":"#b796f9","opacity":"0.5"},"children":[]}]}]}]},{"type":"path","props":{"d":"M16,2.048a1.755,1.755,0,1,1-1.76-1.76A1.756,1.756,0,0,1,16,2.048Z","fill":"#32bedd"},"children":[]},{"type":"circle","props":{"cx":"4.65","cy":"15.973","r":"1.759","fill":"#32bedd"},"children":[]}]},{"type":"path","props":{"d":"M18,6.689v3.844a.222.222,0,0,1-.133.2l-.766.316-3.07,1.268-.011,0a.126.126,0,0,1-.038,0,.1.1,0,0,1-.1-.1V5.234a.1.1,0,0,1,.054-.088l0,0,.019,0a.031.031,0,0,1,.019,0,.055.055,0,0,1,.034.008l.011,0,.012,0L17.05,6.2l.8.282A.213.213,0,0,1,18,6.689Z","fill":"#773adc"},"children":[]},{"type":"path","props":{"d":"M13.959,5.14l-3.8.715a.118.118,0,0,0-.093.117v5.409a.118.118,0,0,0,.091.116l3.8.831a.115.115,0,0,0,.137-.09.109.109,0,0,0,0-.026V5.256a.117.117,0,0,0-.115-.118A.082.082,0,0,0,13.959,5.14Z","fill":"#a67af4"},"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 AzureWorkerContainerApp = forwardRef(
   function AzureWorkerContainerApp({ 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 AzureWorkerContainerApp = 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-workflow.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":"e4fe130c-1194-40d1-b5a4-e2bb47010cb4","x1":"2.624","y1":"15.969","x2":"2.624","y2":"11.167","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#76bc2d"},"children":[]},{"type":"stop","props":{"offset":"0.601","stopColor":"#81ce31"},"children":[]},{"type":"stop","props":{"offset":"0.822","stopColor":"#86d633"},"children":[]}]},{"type":"linearGradient","props":{"id":"ac1aac1d-90a5-47ab-b231-bd8d57cff665","x1":"9.026","y1":"18","x2":"9.026","y2":"13.198","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#76bc2d"},"children":[]},{"type":"stop","props":{"offset":"0.601","stopColor":"#81ce31"},"children":[]},{"type":"stop","props":{"offset":"0.822","stopColor":"#86d633"},"children":[]}]},{"type":"linearGradient","props":{"id":"fb43c81d-62cd-430c-b971-97ce3b11776c","x1":"15.376","y1":"16.001","x2":"15.376","y2":"11.199","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#76bc2d"},"children":[]},{"type":"stop","props":{"offset":"0.601","stopColor":"#81ce31"},"children":[]},{"type":"stop","props":{"offset":"0.822","stopColor":"#86d633"},"children":[]}]}]},{"type":"title","props":{},"children":["MsPortalFx.base.images-46"]},{"type":"g","props":{"id":"aac33089-9c97-4591-a4d0-bf17c24367ba"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M15.509,7.868H10.052a.293.293,0,0,1-.293-.293V5.491H8.293V7.575A.294.294,0,0,1,8,7.868H2.479a.587.587,0,0,0-.587.587v2.7H3.358v-1.5a.294.294,0,0,1,.294-.293H8.293v3.918H9.759V9.368h4.577a.293.293,0,0,1,.293.293v1.53H16.1V8.455A.587.587,0,0,0,15.509,7.868Z","fill":"#50e6ff"},"children":[]},{"type":"rect","props":{"x":"6.029","width":"5.881","height":"5.881","rx":"0.532","fill":"#0078d4"},"children":[]},{"type":"rect","props":{"x":"7.158","y":"1.13","width":"3.622","height":"3.622","rx":"0.328","fill":"#fff"},"children":[]},{"type":"rect","props":{"x":"0.223","y":"11.167","width":"4.802","height":"4.802","rx":"0.435","fill":"url(#e4fe130c-1194-40d1-b5a4-e2bb47010cb4)"},"children":[]},{"type":"rect","props":{"x":"6.624","y":"13.198","width":"4.802","height":"4.802","rx":"0.435","fill":"url(#ac1aac1d-90a5-47ab-b231-bd8d57cff665)"},"children":[]},{"type":"rect","props":{"x":"12.975","y":"11.199","width":"4.802","height":"4.802","rx":"0.435","fill":"url(#fb43c81d-62cd-430c-b971-97ce3b11776c)"},"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 AzureWorkflow = react_1.forwardRef(function AzureWorkflow({ 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 AzureWorkflow = react_1.forwardRef(function AzureWorkflow({ 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-workflow.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":"e4fe130c-1194-40d1-b5a4-e2bb47010cb4","x1":"2.624","y1":"15.969","x2":"2.624","y2":"11.167","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#76bc2d"},"children":[]},{"type":"stop","props":{"offset":"0.601","stopColor":"#81ce31"},"children":[]},{"type":"stop","props":{"offset":"0.822","stopColor":"#86d633"},"children":[]}]},{"type":"linearGradient","props":{"id":"ac1aac1d-90a5-47ab-b231-bd8d57cff665","x1":"9.026","y1":"18","x2":"9.026","y2":"13.198","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#76bc2d"},"children":[]},{"type":"stop","props":{"offset":"0.601","stopColor":"#81ce31"},"children":[]},{"type":"stop","props":{"offset":"0.822","stopColor":"#86d633"},"children":[]}]},{"type":"linearGradient","props":{"id":"fb43c81d-62cd-430c-b971-97ce3b11776c","x1":"15.376","y1":"16.001","x2":"15.376","y2":"11.199","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#76bc2d"},"children":[]},{"type":"stop","props":{"offset":"0.601","stopColor":"#81ce31"},"children":[]},{"type":"stop","props":{"offset":"0.822","stopColor":"#86d633"},"children":[]}]}]},{"type":"title","props":{},"children":["MsPortalFx.base.images-46"]},{"type":"g","props":{"id":"aac33089-9c97-4591-a4d0-bf17c24367ba"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M15.509,7.868H10.052a.293.293,0,0,1-.293-.293V5.491H8.293V7.575A.294.294,0,0,1,8,7.868H2.479a.587.587,0,0,0-.587.587v2.7H3.358v-1.5a.294.294,0,0,1,.294-.293H8.293v3.918H9.759V9.368h4.577a.293.293,0,0,1,.293.293v1.53H16.1V8.455A.587.587,0,0,0,15.509,7.868Z","fill":"#50e6ff"},"children":[]},{"type":"rect","props":{"x":"6.029","width":"5.881","height":"5.881","rx":"0.532","fill":"#0078d4"},"children":[]},{"type":"rect","props":{"x":"7.158","y":"1.13","width":"3.622","height":"3.622","rx":"0.328","fill":"#fff"},"children":[]},{"type":"rect","props":{"x":"0.223","y":"11.167","width":"4.802","height":"4.802","rx":"0.435","fill":"url(#e4fe130c-1194-40d1-b5a4-e2bb47010cb4)"},"children":[]},{"type":"rect","props":{"x":"6.624","y":"13.198","width":"4.802","height":"4.802","rx":"0.435","fill":"url(#ac1aac1d-90a5-47ab-b231-bd8d57cff665)"},"children":[]},{"type":"rect","props":{"x":"12.975","y":"11.199","width":"4.802","height":"4.802","rx":"0.435","fill":"url(#fb43c81d-62cd-430c-b971-97ce3b11776c)"},"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 AzureWorkflow = forwardRef(
   function AzureWorkflow({ 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 AzureWorkflow = 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-workload-orchestration.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-9c9896e7-39de-430f-a354-b7f78acaf128","x1":"14.284","y1":"11.106","x2":"18.173","y2":"11.106","gradientTransform":"translate(1.479 -1.9) rotate(7.018)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#3cd4c2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#258277"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-05fdd4c6-4fa7-4cd2-86b4-7c0167e1dd64","x1":"3.807","y1":"9.022","x2":"13.752","y2":"9.022","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-4b876b29-92c5-4b74-90cb-5023c330378f","x1":"7.055","y1":"2.02","x2":"10.945","y2":"2.02","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#a67af4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#773adc"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-e7ee5cb2-af8f-4336-9c07-3fce88cb3cf6","x1":".125","y1":"11.106","x2":"3.418","y2":"11.106","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]}]},{"type":"circle","props":{"cx":"16.229","cy":"11.106","r":"1.646","transform":"translate(-1.235 2.066) rotate(-7.018)","fill":"url(#uuid-9c9896e7-39de-430f-a354-b7f78acaf128)"},"children":[]},{"type":"path","props":{"d":"M12.043,6.736l.046.048c.031.032.08.033.115.006l.455-.371.844-1.333c.022-.034.016-.076-.011-.104l-.126-.13c-.029-.03-.074-.035-.108-.012l-1.299.836-.37.464c-.026.034-.025.08.005.111l.048.05-2.714,2.705-.54-.579-.621.622c.033.32-.077.639-.3.872-.217.228-.529.336-.839.29l-2.638,2.61c-.065.065-.067.169-.004.236l1.248,1.342c.065.069.171.073.24.008,0,0,.002-.002.004-.004l2.61-2.621c-.035-.324.083-.648.321-.872.217-.228.529-.336.839-.29l.621-.622-.54-.575,2.714-2.688-.002.002Z","fill":"#9b9c9c"},"children":[]},{"type":"path","props":{"d":"M13.431,12.201l-.685-.677-4.368-4.353-.217-.226c.236-.83.007-1.722-.6-2.337-.525-.527-1.28-.754-2.008-.606-.049.009-.08.057-.07.106.005.017.013.034.026.046l1.144,1.12c.022.023.031.055.025.085l-.277,1.178c-.008.032-.031.056-.063.065l-1.141.338c-.032.009-.066.001-.09-.022l-1.119-1.114c-.035-.036-.092-.035-.128,0-.013.013-.023.03-.025.049-.121.747.123,1.505.656,2.042.572.575,1.417.783,2.192.543l.043.042.245.245,5.007,5.052c.39.402,1.031.413,1.435.023.017-.017.033-.033.048-.05.196-.212.302-.493.288-.782-.005-.287-.119-.562-.316-.771l-.004.004Z","fill":"url(#uuid-05fdd4c6-4fa7-4cd2-86b4-7c0167e1dd64)"},"children":[]},{"type":"circle","props":{"cx":"9","cy":"2.02","r":"1.646","fill":"url(#uuid-4b876b29-92c5-4b74-90cb-5023c330378f)"},"children":[]},{"type":"path","props":{"d":"M2.975,12.228c.012-.013.023-.025.035-.038.019-.022.038-.044.056-.067.013-.016.025-.033.037-.049.016-.022.032-.043.046-.066.014-.022.028-.045.041-.067.015-.026.03-.052.044-.079.017-.033.034-.067.049-.102.008-.018.014-.036.021-.054.011-.029.022-.058.032-.087.006-.019.012-.038.017-.057.009-.03.016-.06.023-.091.004-.019.008-.038.012-.057.006-.034.011-.068.016-.102.002-.017.005-.033.006-.05.005-.051.008-.103.008-.156,0-.909-.737-1.646-1.647-1.646-.064,0-.126.005-.188.012-.003,0-.006.001-.01.002-.06.007-.119.018-.176.031,0,0,0,0,0,0h0c-.286.067-.543.208-.75.402h0s0,0,0,0c-.08.075-.152.157-.216.247,0,0,0,0,0,.001-.03.043-.059.087-.085.133-.002.003-.003.005-.005.008-.024.043-.047.087-.067.133-.003.006-.006.011-.008.017-.019.042-.035.086-.05.13-.003.009-.007.018-.01.028-.013.041-.024.083-.034.126-.003.013-.007.025-.01.038-.009.042-.015.084-.02.127-.002.014-.005.027-.006.041-.006.057-.009.114-.009.172,0,.053.003.105.008.157.002.017.004.034.007.051.004.034.009.068.016.102.004.02.008.04.013.059.007.03.014.059.023.088.006.021.012.041.019.062.009.027.019.054.029.08.008.021.016.041.025.062.011.025.023.049.035.073.01.021.02.042.031.062.006.011.013.021.02.032.033.057.069.111.109.163.008.011.016.023.025.034.021.027.044.052.066.077.009.009.017.019.026.028.025.026.05.051.076.075.007.006.014.013.021.019.029.026.058.051.089.075.002.001.004.003.006.004.278.215.626.344,1.004.344.199,0,.389-.037.565-.102.006-.002.012-.004.017-.006.037-.014.074-.029.11-.046.005-.002.01-.005.016-.008.148-.071.284-.163.404-.273.008-.008.017-.015.025-.023.023-.022.045-.044.066-.068Z","fill":"url(#uuid-e7ee5cb2-af8f-4336-9c07-3fce88cb3cf6)"},"children":[]},{"type":"path","props":{"d":"M6.76,1.97c.007-.304.074-.592.19-.855C3.334,2.028.646,5.296.619,9.186c.235-.142.498-.241.779-.289.147-3.265,2.36-6.001,5.361-6.928Z","fill":"#9b9c9c"},"children":[]},{"type":"path","props":{"d":"M15.487,13.221c-1.341,2.178-3.746,3.633-6.486,3.633s-5.145-1.456-6.486-3.634c-.233.082-.483.129-.744.129-.026,0-.051-.003-.077-.004,1.439,2.552,4.174,4.281,7.307,4.281s5.868-1.729,7.307-4.281c-.027,0-.053.004-.08.004-.26,0-.509-.047-.742-.129Z","fill":"#9b9c9c"},"children":[]},{"type":"path","props":{"d":"M11.05,1.114c.117.263.183.551.19.855,3.002.926,5.217,3.663,5.364,6.929.281.048.544.148.779.29-.026-3.891-2.715-7.161-6.333-8.074Z","fill":"#9b9c9c"},"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 AzureWorkloadOrchestration = react_1.forwardRef(function AzureWorkloadOrchestration({ 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 AzureWorkloadOrchestration = react_1.forwardRef(function AzureWorkloadOrch
     ..._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-workload-orchestration.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-9c9896e7-39de-430f-a354-b7f78acaf128","x1":"14.284","y1":"11.106","x2":"18.173","y2":"11.106","gradientTransform":"translate(1.479 -1.9) rotate(7.018)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#3cd4c2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#258277"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-05fdd4c6-4fa7-4cd2-86b4-7c0167e1dd64","x1":"3.807","y1":"9.022","x2":"13.752","y2":"9.022","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-4b876b29-92c5-4b74-90cb-5023c330378f","x1":"7.055","y1":"2.02","x2":"10.945","y2":"2.02","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#a67af4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#773adc"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-e7ee5cb2-af8f-4336-9c07-3fce88cb3cf6","x1":".125","y1":"11.106","x2":"3.418","y2":"11.106","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]}]},{"type":"circle","props":{"cx":"16.229","cy":"11.106","r":"1.646","transform":"translate(-1.235 2.066) rotate(-7.018)","fill":"url(#uuid-9c9896e7-39de-430f-a354-b7f78acaf128)"},"children":[]},{"type":"path","props":{"d":"M12.043,6.736l.046.048c.031.032.08.033.115.006l.455-.371.844-1.333c.022-.034.016-.076-.011-.104l-.126-.13c-.029-.03-.074-.035-.108-.012l-1.299.836-.37.464c-.026.034-.025.08.005.111l.048.05-2.714,2.705-.54-.579-.621.622c.033.32-.077.639-.3.872-.217.228-.529.336-.839.29l-2.638,2.61c-.065.065-.067.169-.004.236l1.248,1.342c.065.069.171.073.24.008,0,0,.002-.002.004-.004l2.61-2.621c-.035-.324.083-.648.321-.872.217-.228.529-.336.839-.29l.621-.622-.54-.575,2.714-2.688-.002.002Z","fill":"#9b9c9c"},"children":[]},{"type":"path","props":{"d":"M13.431,12.201l-.685-.677-4.368-4.353-.217-.226c.236-.83.007-1.722-.6-2.337-.525-.527-1.28-.754-2.008-.606-.049.009-.08.057-.07.106.005.017.013.034.026.046l1.144,1.12c.022.023.031.055.025.085l-.277,1.178c-.008.032-.031.056-.063.065l-1.141.338c-.032.009-.066.001-.09-.022l-1.119-1.114c-.035-.036-.092-.035-.128,0-.013.013-.023.03-.025.049-.121.747.123,1.505.656,2.042.572.575,1.417.783,2.192.543l.043.042.245.245,5.007,5.052c.39.402,1.031.413,1.435.023.017-.017.033-.033.048-.05.196-.212.302-.493.288-.782-.005-.287-.119-.562-.316-.771l-.004.004Z","fill":"url(#uuid-05fdd4c6-4fa7-4cd2-86b4-7c0167e1dd64)"},"children":[]},{"type":"circle","props":{"cx":"9","cy":"2.02","r":"1.646","fill":"url(#uuid-4b876b29-92c5-4b74-90cb-5023c330378f)"},"children":[]},{"type":"path","props":{"d":"M2.975,12.228c.012-.013.023-.025.035-.038.019-.022.038-.044.056-.067.013-.016.025-.033.037-.049.016-.022.032-.043.046-.066.014-.022.028-.045.041-.067.015-.026.03-.052.044-.079.017-.033.034-.067.049-.102.008-.018.014-.036.021-.054.011-.029.022-.058.032-.087.006-.019.012-.038.017-.057.009-.03.016-.06.023-.091.004-.019.008-.038.012-.057.006-.034.011-.068.016-.102.002-.017.005-.033.006-.05.005-.051.008-.103.008-.156,0-.909-.737-1.646-1.647-1.646-.064,0-.126.005-.188.012-.003,0-.006.001-.01.002-.06.007-.119.018-.176.031,0,0,0,0,0,0h0c-.286.067-.543.208-.75.402h0s0,0,0,0c-.08.075-.152.157-.216.247,0,0,0,0,0,.001-.03.043-.059.087-.085.133-.002.003-.003.005-.005.008-.024.043-.047.087-.067.133-.003.006-.006.011-.008.017-.019.042-.035.086-.05.13-.003.009-.007.018-.01.028-.013.041-.024.083-.034.126-.003.013-.007.025-.01.038-.009.042-.015.084-.02.127-.002.014-.005.027-.006.041-.006.057-.009.114-.009.172,0,.053.003.105.008.157.002.017.004.034.007.051.004.034.009.068.016.102.004.02.008.04.013.059.007.03.014.059.023.088.006.021.012.041.019.062.009.027.019.054.029.08.008.021.016.041.025.062.011.025.023.049.035.073.01.021.02.042.031.062.006.011.013.021.02.032.033.057.069.111.109.163.008.011.016.023.025.034.021.027.044.052.066.077.009.009.017.019.026.028.025.026.05.051.076.075.007.006.014.013.021.019.029.026.058.051.089.075.002.001.004.003.006.004.278.215.626.344,1.004.344.199,0,.389-.037.565-.102.006-.002.012-.004.017-.006.037-.014.074-.029.11-.046.005-.002.01-.005.016-.008.148-.071.284-.163.404-.273.008-.008.017-.015.025-.023.023-.022.045-.044.066-.068Z","fill":"url(#uuid-e7ee5cb2-af8f-4336-9c07-3fce88cb3cf6)"},"children":[]},{"type":"path","props":{"d":"M6.76,1.97c.007-.304.074-.592.19-.855C3.334,2.028.646,5.296.619,9.186c.235-.142.498-.241.779-.289.147-3.265,2.36-6.001,5.361-6.928Z","fill":"#9b9c9c"},"children":[]},{"type":"path","props":{"d":"M15.487,13.221c-1.341,2.178-3.746,3.633-6.486,3.633s-5.145-1.456-6.486-3.634c-.233.082-.483.129-.744.129-.026,0-.051-.003-.077-.004,1.439,2.552,4.174,4.281,7.307,4.281s5.868-1.729,7.307-4.281c-.027,0-.053.004-.08.004-.26,0-.509-.047-.742-.129Z","fill":"#9b9c9c"},"children":[]},{"type":"path","props":{"d":"M11.05,1.114c.117.263.183.551.19.855,3.002.926,5.217,3.663,5.364,6.929.281.048.544.148.779.29-.026-3.891-2.715-7.161-6.333-8.074Z","fill":"#9b9c9c"},"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 AzureWorkloadOrchestration = forwardRef(
   function AzureWorkloadOrchestration({ 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 AzureWorkloadOrchestration = 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-workspace-gateway.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-21f2dd4a-ce1f-423d-ae3f-76c0acd4242f","x1":"936.099","y1":"1455.675","x2":"940.061","y2":"1455.675","gradientTransform":"translate(-924.399 -1443.515)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#6f4bb2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#c69aeb"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-5bdefa1c-2045-414e-b2da-0c1102baf7b5","x1":"9.808","y1":"12.133","x2":"17.516","y2":"12.133","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-1665994e-c9b6-4bf0-82b2-930f12e1ce6f","x1":"7.895","y1":"12.948","x2":"7.895","y2":"1.364","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#198ab3"},"children":[]},{"type":"stop","props":{"offset":".09","stopColor":"#1f9dc4"},"children":[]},{"type":"stop","props":{"offset":".24","stopColor":"#28b5d9"},"children":[]},{"type":"stop","props":{"offset":".4","stopColor":"#2dc6e9"},"children":[]},{"type":"stop","props":{"offset":".57","stopColor":"#31d1f2"},"children":[]},{"type":"stop","props":{"offset":".78","stopColor":"#32d4f5"},"children":[]}]}]},{"type":"rect","props":{"x":"11.863","y":"10.569","width":"3.184","height":"3.184","rx":"1.572","ry":"1.572","transform":"translate(-4.658 13.076) rotate(-45)","fill":"url(#uuid-21f2dd4a-ce1f-423d-ae3f-76c0acd4242f)"},"children":[]},{"type":"path","props":{"d":"M14.752,14.328c-1.158.761-2.713.44-3.475-.717-.548-.834-.551-1.913-.006-2.749.136-.196.087-.465-.109-.6-.196-.136-.465-.087-.6.109-.004.006-.008.012-.012.019-.782,1.204-.719,2.771.157,3.908l-.544.544c-.315-.092-.656-.004-.887.229l-.016.016c-.35.35-.351.918-.002,1.27l.016.016c.351.351.921.351,1.272,0l.016-.016c.238-.239.322-.59.218-.911l.539-.539c1.141.872,2.708.929,3.909.142.199-.131.254-.399.123-.598-.131-.199-.399-.254-.598-.123ZM17.738,7.91s0,0-.001-.001l-.016-.016c-.351-.351-.921-.351-1.272,0l-.016.016c-.233.233-.32.574-.227.89l-.544.544c-1.137-.876-2.703-.939-3.907-.158-.196.136-.245.404-.109.6.131.189.386.242.582.122,1.161-.756,2.715-.428,3.472.732.545.836.542,1.915-.006,2.749-.131.199-.077.467.122.598.199.131.467.077.598-.122.785-1.201.727-2.767-.145-3.906l.541-.541c.32.104.672.02.911-.218l.016-.016c.352-.351.353-.92.003-1.272Z","fill":"url(#uuid-5bdefa1c-2045-414e-b2da-0c1102baf7b5)"},"children":[]},{"type":"path","props":{"d":"M9.261,12.027h-4.293l-.038.003c-.109.009-.222.014-.328.014h-.032c-.044.002-.087.003-.131.003-1.899,0-3.446-1.479-3.537-3.374.065-1.72,1.347-3.114,3.059-3.321l.545-.066.191-.515c.557-1.499,2.005-2.507,3.604-2.506.023,0,.047,0,.07,0h.022s.022,0,.022,0c.039-.001.078-.002.118-.002,1.999,0,3.633,1.566,3.72,3.565l.033.755.749.099c.945.125,1.72.711,2.117,1.516.095.039.191.075.283.12.04-.295.165-.573.356-.81-.562-.914-1.511-1.57-2.638-1.719-.107-2.482-2.152-4.427-4.619-4.427-.048,0-.097,0-.145.002-.029,0-.058,0-.087,0-1.98,0-3.757,1.231-4.448,3.094C1.701,4.719.064,6.513,0,8.678c.094,2.392,2.064,4.27,4.438,4.27.054,0,.108,0,.163-.003.137,0,.275-.006.404-.017h4.314c-.051-.298-.074-.599-.059-.901Z","fill":"url(#uuid-1665994e-c9b6-4bf0-82b2-930f12e1ce6f)"},"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 AzureWorkspaceGateway = react_1.forwardRef(function AzureWorkspaceGateway({ 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 AzureWorkspaceGateway = react_1.forwardRef(function AzureWorkspaceGateway(
     ..._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-workspace-gateway.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-21f2dd4a-ce1f-423d-ae3f-76c0acd4242f","x1":"936.099","y1":"1455.675","x2":"940.061","y2":"1455.675","gradientTransform":"translate(-924.399 -1443.515)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#6f4bb2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#c69aeb"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-5bdefa1c-2045-414e-b2da-0c1102baf7b5","x1":"9.808","y1":"12.133","x2":"17.516","y2":"12.133","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]},{"type":"linearGradient","props":{"id":"uuid-1665994e-c9b6-4bf0-82b2-930f12e1ce6f","x1":"7.895","y1":"12.948","x2":"7.895","y2":"1.364","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#198ab3"},"children":[]},{"type":"stop","props":{"offset":".09","stopColor":"#1f9dc4"},"children":[]},{"type":"stop","props":{"offset":".24","stopColor":"#28b5d9"},"children":[]},{"type":"stop","props":{"offset":".4","stopColor":"#2dc6e9"},"children":[]},{"type":"stop","props":{"offset":".57","stopColor":"#31d1f2"},"children":[]},{"type":"stop","props":{"offset":".78","stopColor":"#32d4f5"},"children":[]}]}]},{"type":"rect","props":{"x":"11.863","y":"10.569","width":"3.184","height":"3.184","rx":"1.572","ry":"1.572","transform":"translate(-4.658 13.076) rotate(-45)","fill":"url(#uuid-21f2dd4a-ce1f-423d-ae3f-76c0acd4242f)"},"children":[]},{"type":"path","props":{"d":"M14.752,14.328c-1.158.761-2.713.44-3.475-.717-.548-.834-.551-1.913-.006-2.749.136-.196.087-.465-.109-.6-.196-.136-.465-.087-.6.109-.004.006-.008.012-.012.019-.782,1.204-.719,2.771.157,3.908l-.544.544c-.315-.092-.656-.004-.887.229l-.016.016c-.35.35-.351.918-.002,1.27l.016.016c.351.351.921.351,1.272,0l.016-.016c.238-.239.322-.59.218-.911l.539-.539c1.141.872,2.708.929,3.909.142.199-.131.254-.399.123-.598-.131-.199-.399-.254-.598-.123ZM17.738,7.91s0,0-.001-.001l-.016-.016c-.351-.351-.921-.351-1.272,0l-.016.016c-.233.233-.32.574-.227.89l-.544.544c-1.137-.876-2.703-.939-3.907-.158-.196.136-.245.404-.109.6.131.189.386.242.582.122,1.161-.756,2.715-.428,3.472.732.545.836.542,1.915-.006,2.749-.131.199-.077.467.122.598.199.131.467.077.598-.122.785-1.201.727-2.767-.145-3.906l.541-.541c.32.104.672.02.911-.218l.016-.016c.352-.351.353-.92.003-1.272Z","fill":"url(#uuid-5bdefa1c-2045-414e-b2da-0c1102baf7b5)"},"children":[]},{"type":"path","props":{"d":"M9.261,12.027h-4.293l-.038.003c-.109.009-.222.014-.328.014h-.032c-.044.002-.087.003-.131.003-1.899,0-3.446-1.479-3.537-3.374.065-1.72,1.347-3.114,3.059-3.321l.545-.066.191-.515c.557-1.499,2.005-2.507,3.604-2.506.023,0,.047,0,.07,0h.022s.022,0,.022,0c.039-.001.078-.002.118-.002,1.999,0,3.633,1.566,3.72,3.565l.033.755.749.099c.945.125,1.72.711,2.117,1.516.095.039.191.075.283.12.04-.295.165-.573.356-.81-.562-.914-1.511-1.57-2.638-1.719-.107-2.482-2.152-4.427-4.619-4.427-.048,0-.097,0-.145.002-.029,0-.058,0-.087,0-1.98,0-3.757,1.231-4.448,3.094C1.701,4.719.064,6.513,0,8.678c.094,2.392,2.064,4.27,4.438,4.27.054,0,.108,0,.163-.003.137,0,.275-.006.404-.017h4.314c-.051-.298-.074-.599-.059-.901Z","fill":"url(#uuid-1665994e-c9b6-4bf0-82b2-930f12e1ce6f)"},"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 AzureWorkspaceGateway = forwardRef(
   function AzureWorkspaceGateway({ 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 AzureWorkspaceGateway = 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-workspaces.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":"f9a99d0c-9195-42e6-b829-35824fadf772","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":"aa161d90-a772-48f8-88d2-386c4212772e"},"children":[{"type":"g","props":{},"children":[{"type":"circle","props":{"cx":"9","cy":"9","r":"8.5","fill":"url(#f9a99d0c-9195-42e6-b829-35824fadf772)"},"children":[]},{"type":"g","props":{},"children":[{"type":"g","props":{"id":"aafa2bfe-ea20-47c7-8905-6b4ccbb2adf9"},"children":[{"type":"path","props":{"id":"ec95c643-c1c0-4fcc-9757-65779fba8574","d":"M8.88,4.69a.753.753,0,0,0-.753.752V9.136a.753.753,0,0,0,.753.752h3.693a.752.752,0,0,0,.752-.752V5.442a.752.752,0,0,0-.752-.752Zm.677.978a.451.451,0,0,0-.452.451V8.458a.452.452,0,0,0,.452.452H11.9a.451.451,0,0,0,.451-.452V6.119a.451.451,0,0,0-.451-.451Z","fill":"#7de2fb","fillRule":"evenodd"},"children":[]}]},{"type":"g","props":{"id":"acd833af-d85e-493c-aa00-f4907676de93"},"children":[{"type":"path","props":{"d":"M4.675,7.5a.451.451,0,0,1,.451-.451H6.977a.451.451,0,0,1,.451.451V9.361a.451.451,0,0,1-.451.451H5.126a.451.451,0,0,1-.451-.451Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M4.675,11.008a.451.451,0,0,1,.451-.451H6.977a.451.451,0,0,1,.451.451v1.851a.451.451,0,0,1-.451.451H5.126a.451.451,0,0,1-.451-.451Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M8.127,10.963a.451.451,0,0,1,.452-.451h1.85a.452.452,0,0,1,.452.451v1.851a.452.452,0,0,1-.452.451H8.579a.451.451,0,0,1-.452-.451Z","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 AzureWorkspaces = react_1.forwardRef(function AzureWorkspaces({ 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 AzureWorkspaces = react_1.forwardRef(function AzureWorkspaces({ 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-workspaces.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":"f9a99d0c-9195-42e6-b829-35824fadf772","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":"aa161d90-a772-48f8-88d2-386c4212772e"},"children":[{"type":"g","props":{},"children":[{"type":"circle","props":{"cx":"9","cy":"9","r":"8.5","fill":"url(#f9a99d0c-9195-42e6-b829-35824fadf772)"},"children":[]},{"type":"g","props":{},"children":[{"type":"g","props":{"id":"aafa2bfe-ea20-47c7-8905-6b4ccbb2adf9"},"children":[{"type":"path","props":{"id":"ec95c643-c1c0-4fcc-9757-65779fba8574","d":"M8.88,4.69a.753.753,0,0,0-.753.752V9.136a.753.753,0,0,0,.753.752h3.693a.752.752,0,0,0,.752-.752V5.442a.752.752,0,0,0-.752-.752Zm.677.978a.451.451,0,0,0-.452.451V8.458a.452.452,0,0,0,.452.452H11.9a.451.451,0,0,0,.451-.452V6.119a.451.451,0,0,0-.451-.451Z","fill":"#7de2fb","fillRule":"evenodd"},"children":[]}]},{"type":"g","props":{"id":"acd833af-d85e-493c-aa00-f4907676de93"},"children":[{"type":"path","props":{"d":"M4.675,7.5a.451.451,0,0,1,.451-.451H6.977a.451.451,0,0,1,.451.451V9.361a.451.451,0,0,1-.451.451H5.126a.451.451,0,0,1-.451-.451Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M4.675,11.008a.451.451,0,0,1,.451-.451H6.977a.451.451,0,0,1,.451.451v1.851a.451.451,0,0,1-.451.451H5.126a.451.451,0,0,1-.451-.451Z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M8.127,10.963a.451.451,0,0,1,.452-.451h1.85a.452.452,0,0,1,.452.451v1.851a.452.452,0,0,1-.452.451H8.579a.451.451,0,0,1-.452-.451Z","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 AzureWorkspaces = forwardRef(
   function AzureWorkspaces({ 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 AzureWorkspaces = 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));
         })
     );
   }