@thesvg/react 3.2.2 → 3.2.4

package/dist/azure-azure-sphere.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":"fdda967e-7651-4c84-9759-7be8308e5f44","x1":"9","y1":"17.826","x2":"9","y2":"0.826","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#198ab3"},"children":[]},{"type":"stop","props":{"offset":"0.442","stopColor":"#28b7db"},"children":[]},{"type":"stop","props":{"offset":"0.775","stopColor":"#32d4f5"},"children":[]}]},{"type":"linearGradient","props":{"id":"a71b08ef-312b-4529-8bf0-fa396a725f2f","x1":"5.75","y1":"-3114.591","x2":"12.303","y2":"-3119.908","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff","stopOpacity":"0.9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff","stopOpacity":"0.8"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"circle","props":{"cx":"9","cy":"9.326","r":"8.5","fill":"url(#fdda967e-7651-4c84-9759-7be8308e5f44)"},"children":[]},{"type":"path","props":{"d":"M8.81,15.067c-.973-.6-4.151-2.747-4.151-5.255V6.605L5,6.584A4.044,4.044,0,0,0,7.35,5.842,2.48,2.48,0,0,1,9,5.353a2.511,2.511,0,0,1,1.648.487A4.048,4.048,0,0,0,13,6.584l.34.021V9.812c0,2.508-3.178,4.656-4.152,5.255L9,15.183Z","fill":"url(#a71b08ef-312b-4529-8bf0-fa396a725f2f)"},"children":[]},{"type":"path","props":{"d":"M9,14.643C7.114,13.472,5.119,11.6,5.119,9.812V7.037a4.446,4.446,0,0,0,2.486-.812A2.027,2.027,0,0,1,9,5.813a2.073,2.073,0,0,1,1.394.411,4.456,4.456,0,0,0,2.487.813V9.812C12.881,11.6,10.886,13.472,9,14.643Z","fill":"#50e6ff"},"children":[]},{"type":"g","props":{},"children":[{"type":"circle","props":{"cx":"15.345","cy":"14.083","r":"1.302","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M15.345,12.781a1.3,1.3,0,1,1-1.3,1.3,1.3,1.3,0,0,1,1.3-1.3m0-.651A1.954,1.954,0,1,0,17.3,14.083a1.956,1.956,0,0,0-1.953-1.953Z","fill":"#b3b3b3"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"circle","props":{"cx":"2.655","cy":"14.083","r":"1.302","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M2.655,12.781a1.3,1.3,0,1,1-1.3,1.3,1.3,1.3,0,0,1,1.3-1.3m0-.651a1.954,1.954,0,1,0,1.953,1.953A1.955,1.955,0,0,0,2.655,12.13Z","fill":"#b3b3b3"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"circle","props":{"cx":"9","cy":"2.128","r":"1.302","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M9,.826a1.3,1.3,0,1,1-1.3,1.3A1.3,1.3,0,0,1,9,.826M9,.174a1.954,1.954,0,1,0,1.953,1.954A1.956,1.956,0,0,0,9,.174Z","fill":"#b3b3b3"},"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 AzureAzureSphere = forwardRef(
   function AzureAzureSphere({ 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 AzureAzureSphere = 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-azure-spring-apps.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":"b47f94fd-7fe4-4917-bd6e-7d39fdacb02d","x1":"-0.258","y1":"-0.226","x2":"8.727","y2":"8.72","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.059","stopColor":"#0086ec"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#004dae"},"children":[]}]},{"type":"linearGradient","props":{"id":"bef9bc5a-934e-44d8-b62b-16ab92305435","x1":"9.064","y1":"8.78","x2":"17.493","y2":"0.669","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#004dae"},"children":[]},{"type":"stop","props":{"offset":"0.941","stopColor":"#0086ec"},"children":[]}]},{"type":"linearGradient","props":{"id":"a0c9727a-e709-4755-89bc-774bac323d99","x1":"8.863","y1":"8.499","x2":"17.77","y2":"18.081","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.059","stopColor":"#0086ec"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#004dae"},"children":[]}]},{"type":"linearGradient","props":{"id":"e54b8060-10bb-4b24-8de8-05d1103aa483","x1":"8.643","y1":"9.163","x2":"0.493","y2":"17.672","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.059","stopColor":"#0086ec"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#004dae"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M7.335,7.347H1.93a.286.286,0,0,1-.286-.286V1.942a.286.286,0,0,1,.286-.286H7.049a.286.286,0,0,1,.286.286V7.347M8.48,8.491V.8A.287.287,0,0,0,8.194.511H.786A.287.287,0,0,0,.5.8V8.205a.286.286,0,0,0,.286.286Z","fill":"url(#b47f94fd-7fe4-4917-bd6e-7d39fdacb02d)"},"children":[]},{"type":"path","props":{"d":"M10.665,7.347v-5.4a.286.286,0,0,1,.286-.286H16.07a.286.286,0,0,1,.286.286V7.061a.286.286,0,0,1-.286.286H10.665M9.52,8.491h7.694a.286.286,0,0,0,.286-.286V.8a.287.287,0,0,0-.286-.287H9.806A.287.287,0,0,0,9.52.8V8.491Z","fill":"url(#bef9bc5a-934e-44d8-b62b-16ab92305435)"},"children":[]},{"type":"path","props":{"d":"M10.665,10.653H16.07a.286.286,0,0,1,.286.286v5.119a.286.286,0,0,1-.286.286H10.951a.286.286,0,0,1-.286-.286v-5.4M9.52,9.509V17.2a.287.287,0,0,0,.286.287h7.408A.287.287,0,0,0,17.5,17.2V9.8a.286.286,0,0,0-.286-.286Z","fill":"url(#a0c9727a-e709-4755-89bc-774bac323d99)"},"children":[]},{"type":"path","props":{"d":"M7.335,10.653v5.4a.286.286,0,0,1-.286.286H1.93a.286.286,0,0,1-.286-.286V10.939a.286.286,0,0,1,.286-.286H7.335M8.48,9.509H.786A.286.286,0,0,0,.5,9.8V17.2a.287.287,0,0,0,.286.287H8.194A.287.287,0,0,0,8.48,17.2V9.509Z","fill":"url(#e54b8060-10bb-4b24-8de8-05d1103aa483)"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M14.9,8.22a15.94,15.94,0,0,0-1.033-4.881,4.868,4.868,0,0,1-.563.985A5.8,5.8,0,0,0,9.268,2.681,5.633,5.633,0,1,0,14.9,8.314Z","fill":"#5fb832"},"children":[]},{"type":"path","props":{"d":"M13.821,10.849c-1.408,1.83-4.365,1.22-6.242,1.314a5.315,5.315,0,0,0-.658.047l.282-.094a21.8,21.8,0,0,0,2.769-.986,6.39,6.39,0,0,0,3.333-4.271,6.617,6.617,0,0,1-3.943,3.755,22.549,22.549,0,0,1-3.1.8l-.094-.047C4.809,10.708,4.762,7.751,7.2,6.812c1.08-.422,2.112-.188,3.286-.469A5.256,5.256,0,0,0,13.775,3.9C14.479,5.92,15.23,8.971,13.821,10.849Zm-7.932,1.83a.469.469,0,1,0-.47-.469A.469.469,0,0,0,5.889,12.679Z","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 AzureAzureSpringApps = react_1.forwardRef(function AzureAzureSpringApps({ 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 AzureAzureSpringApps = react_1.forwardRef(function AzureAzureSpringApps({
     ..._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-azure-spring-apps.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":"b47f94fd-7fe4-4917-bd6e-7d39fdacb02d","x1":"-0.258","y1":"-0.226","x2":"8.727","y2":"8.72","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.059","stopColor":"#0086ec"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#004dae"},"children":[]}]},{"type":"linearGradient","props":{"id":"bef9bc5a-934e-44d8-b62b-16ab92305435","x1":"9.064","y1":"8.78","x2":"17.493","y2":"0.669","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#004dae"},"children":[]},{"type":"stop","props":{"offset":"0.941","stopColor":"#0086ec"},"children":[]}]},{"type":"linearGradient","props":{"id":"a0c9727a-e709-4755-89bc-774bac323d99","x1":"8.863","y1":"8.499","x2":"17.77","y2":"18.081","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.059","stopColor":"#0086ec"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#004dae"},"children":[]}]},{"type":"linearGradient","props":{"id":"e54b8060-10bb-4b24-8de8-05d1103aa483","x1":"8.643","y1":"9.163","x2":"0.493","y2":"17.672","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.059","stopColor":"#0086ec"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#004dae"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M7.335,7.347H1.93a.286.286,0,0,1-.286-.286V1.942a.286.286,0,0,1,.286-.286H7.049a.286.286,0,0,1,.286.286V7.347M8.48,8.491V.8A.287.287,0,0,0,8.194.511H.786A.287.287,0,0,0,.5.8V8.205a.286.286,0,0,0,.286.286Z","fill":"url(#b47f94fd-7fe4-4917-bd6e-7d39fdacb02d)"},"children":[]},{"type":"path","props":{"d":"M10.665,7.347v-5.4a.286.286,0,0,1,.286-.286H16.07a.286.286,0,0,1,.286.286V7.061a.286.286,0,0,1-.286.286H10.665M9.52,8.491h7.694a.286.286,0,0,0,.286-.286V.8a.287.287,0,0,0-.286-.287H9.806A.287.287,0,0,0,9.52.8V8.491Z","fill":"url(#bef9bc5a-934e-44d8-b62b-16ab92305435)"},"children":[]},{"type":"path","props":{"d":"M10.665,10.653H16.07a.286.286,0,0,1,.286.286v5.119a.286.286,0,0,1-.286.286H10.951a.286.286,0,0,1-.286-.286v-5.4M9.52,9.509V17.2a.287.287,0,0,0,.286.287h7.408A.287.287,0,0,0,17.5,17.2V9.8a.286.286,0,0,0-.286-.286Z","fill":"url(#a0c9727a-e709-4755-89bc-774bac323d99)"},"children":[]},{"type":"path","props":{"d":"M7.335,10.653v5.4a.286.286,0,0,1-.286.286H1.93a.286.286,0,0,1-.286-.286V10.939a.286.286,0,0,1,.286-.286H7.335M8.48,9.509H.786A.286.286,0,0,0,.5,9.8V17.2a.287.287,0,0,0,.286.287H8.194A.287.287,0,0,0,8.48,17.2V9.509Z","fill":"url(#e54b8060-10bb-4b24-8de8-05d1103aa483)"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M14.9,8.22a15.94,15.94,0,0,0-1.033-4.881,4.868,4.868,0,0,1-.563.985A5.8,5.8,0,0,0,9.268,2.681,5.633,5.633,0,1,0,14.9,8.314Z","fill":"#5fb832"},"children":[]},{"type":"path","props":{"d":"M13.821,10.849c-1.408,1.83-4.365,1.22-6.242,1.314a5.315,5.315,0,0,0-.658.047l.282-.094a21.8,21.8,0,0,0,2.769-.986,6.39,6.39,0,0,0,3.333-4.271,6.617,6.617,0,0,1-3.943,3.755,22.549,22.549,0,0,1-3.1.8l-.094-.047C4.809,10.708,4.762,7.751,7.2,6.812c1.08-.422,2.112-.188,3.286-.469A5.256,5.256,0,0,0,13.775,3.9C14.479,5.92,15.23,8.971,13.821,10.849Zm-7.932,1.83a.469.469,0,1,0-.47-.469A.469.469,0,0,0,5.889,12.679Z","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 AzureAzureSpringApps = forwardRef(
   function AzureAzureSpringApps({ 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 AzureAzureSpringApps = 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-azure-sql-edge.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":"ac8acba0-fcad-4e54-8c97-734c09b955aa","x1":"11.091","y1":"16.84","x2":"14.933","y2":"16.84","gradientTransform":"matrix(1, 0, 0, -1, 0, 20)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.068","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.517","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#006abb"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]},{"type":"linearGradient","props":{"id":"a4a83e6d-99f2-4a90-9db2-be369371220e","x1":"9.813","y1":"6.578","x2":"9.813","y2":"17.649","gradientTransform":"matrix(1, 0, 0, -1, 0, 20)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#198ab3"},"children":[]},{"type":"stop","props":{"offset":"0.097","stopColor":"#209ec5"},"children":[]},{"type":"stop","props":{"offset":"0.396","stopColor":"#2ec7e9"},"children":[]},{"type":"stop","props":{"offset":"0.775","stopColor":"#32d4f5"},"children":[]}]},{"type":"linearGradient","props":{"id":"a71c004a-5d5d-412e-b751-34ae0b69e153","x1":"5.171","y1":"6.037","x2":"11.757","y2":"6.037","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.068","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.517","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#006abb"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]},{"type":"radialGradient","props":{"id":"b1836271-e91b-48db-815f-ae9f59b03dcf","cx":"8.647","cy":"5.828","r":"3.632","gradientTransform":"matrix(1, 0, 0, -1, 0, 20)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f2f2f2"},"children":[]},{"type":"stop","props":{"offset":"0.58","stopColor":"#eee"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#e6e6e6"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M13.012,1.659c-1.06,0-1.921-.311-1.921-.7v3.7c0,.381.845.69,1.893.7h.028c1.06,0,1.921-.311,1.921-.7V.963C14.93,1.348,14.071,1.659,13.012,1.659Z","fill":"url(#ac8acba0-fcad-4e54-8c97-734c09b955aa)"},"children":[]},{"type":"path","props":{"d":"M14.93.963c0,.385-.859.7-1.921.7s-1.918-.311-1.918-.7S11.95.268,13.012.268s1.921.312,1.921.7","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M14.482.907c0,.245-.659.442-1.472.442s-1.471-.2-1.471-.442S12.2.465,13.012.465s1.471.2,1.471.442","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M13.012,1.009a3.576,3.576,0,0,0-1.166.168,3.42,3.42,0,0,0,1.166.174,3.458,3.458,0,0,0,1.164-.174A3.56,3.56,0,0,0,13.012,1.009Z","fill":"#198ab3"},"children":[]},{"type":"path","props":{"d":"M17.622,9.954a3.509,3.509,0,0,0-3.045-3.373,4.422,4.422,0,0,0-4.556-4.229A4.537,4.537,0,0,0,5.685,5.309,4.188,4.188,0,0,0,2,9.338a4.25,4.25,0,0,0,4.4,4.084c.13,0,.259-.007.387-.017h7.122a.742.742,0,0,0,.187-.028A3.552,3.552,0,0,0,17.622,9.954Z","fill":"url(#a4a83e6d-99f2-4a90-9db2-be369371220e)"},"children":[]},{"type":"path","props":{"d":"M17.283,3.177a2.365,2.365,0,0,0-1.359-.813V3.449a1.194,1.194,0,0,1,.531.364c.883,1.158-.722,4.954-5.342,8.506S2.425,16.44,1.542,15.281c-.433-.568-.256-1.776.574-3.275a4.691,4.691,0,0,1-.558-1.1c-1.29,2.041-1.685,3.9-.845,5.007,1.519,1.991,6.459.753,11.035-2.766S18.8,5.168,17.283,3.177Z","fill":"#0072c6"},"children":[]},{"type":"path","props":{"d":"M8.464,11.387c-1.818,0-3.293-.534-3.293-1.192v6.344c0,.653,1.45,1.184,3.248,1.193h.045c1.819,0,3.293-.534,3.293-1.193V10.2C11.757,10.853,10.283,11.387,8.464,11.387Z","fill":"url(#a71c004a-5d5d-412e-b751-34ae0b69e153)"},"children":[]},{"type":"path","props":{"d":"M11.757,10.2c0,.658-1.474,1.192-3.293,1.192S5.171,10.853,5.171,10.2,6.646,9,8.464,9s3.293.534,3.293,1.193","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M10.988,10.1c0,.419-1.13.759-2.524.759S5.94,10.517,5.94,10.1,7.07,9.34,8.464,9.34s2.524.34,2.524.758","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M8.464,10.273a6.083,6.083,0,0,0-2,.288,5.9,5.9,0,0,0,2,.3,5.9,5.9,0,0,0,2-.3A6.083,6.083,0,0,0,8.464,10.273Z","fill":"#198ab3"},"children":[]},{"type":"path","props":{"d":"M10.466,14.6V12.864H9.988v2.122h1.264V14.6ZM6.8,13.743a1.026,1.026,0,0,1-.264-.159.223.223,0,0,1-.065-.165.186.186,0,0,1,.08-.156.364.364,0,0,1,.217-.059.841.841,0,0,1,.489.148V12.91a1.408,1.408,0,0,0-.515-.082A.86.86,0,0,0,6.183,13a.56.56,0,0,0-.212.458.7.7,0,0,0,.485.621,1.433,1.433,0,0,1,.317.184.22.22,0,0,1,.077.167.182.182,0,0,1-.081.157.384.384,0,0,1-.228.06.854.854,0,0,1-.561-.217v.474a1.146,1.146,0,0,0,.549.118.975.975,0,0,0,.605-.165.553.553,0,0,0,.219-.468.523.523,0,0,0-.126-.361A1.286,1.286,0,0,0,6.8,13.743Zm2.663.817a1.316,1.316,0,0,0,.043-1.214.925.925,0,0,0-.36-.384,1.032,1.032,0,0,0-.524-.135,1.106,1.106,0,0,0-.557.14.954.954,0,0,0-.377.4,1.249,1.249,0,0,0-.134.588,1.178,1.178,0,0,0,.124.54.936.936,0,0,0,.349.381,1.022,1.022,0,0,0,.51.149l.44.494H9.6l-.615-.57A.906.906,0,0,0,9.466,14.56Zm-.478-.13a.476.476,0,0,1-.392.18.468.468,0,0,1-.389-.186.909.909,0,0,1,0-1,.483.483,0,0,1,.4-.188.449.449,0,0,1,.384.187.831.831,0,0,1,.14.51A.756.756,0,0,1,8.988,14.43Z","fill":"url(#b1836271-e91b-48db-815f-ae9f59b03dcf)"},"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 AzureAzureSqlEdge = react_1.forwardRef(function AzureAzureSqlEdge({ 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 AzureAzureSqlEdge = react_1.forwardRef(function AzureAzureSqlEdge({ varian
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/azure-azure-sql-edge.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"ac8acba0-fcad-4e54-8c97-734c09b955aa","x1":"11.091","y1":"16.84","x2":"14.933","y2":"16.84","gradientTransform":"matrix(1, 0, 0, -1, 0, 20)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.068","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.517","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#006abb"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]},{"type":"linearGradient","props":{"id":"a4a83e6d-99f2-4a90-9db2-be369371220e","x1":"9.813","y1":"6.578","x2":"9.813","y2":"17.649","gradientTransform":"matrix(1, 0, 0, -1, 0, 20)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#198ab3"},"children":[]},{"type":"stop","props":{"offset":"0.097","stopColor":"#209ec5"},"children":[]},{"type":"stop","props":{"offset":"0.396","stopColor":"#2ec7e9"},"children":[]},{"type":"stop","props":{"offset":"0.775","stopColor":"#32d4f5"},"children":[]}]},{"type":"linearGradient","props":{"id":"a71c004a-5d5d-412e-b751-34ae0b69e153","x1":"5.171","y1":"6.037","x2":"11.757","y2":"6.037","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.068","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.517","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#006abb"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]},{"type":"radialGradient","props":{"id":"b1836271-e91b-48db-815f-ae9f59b03dcf","cx":"8.647","cy":"5.828","r":"3.632","gradientTransform":"matrix(1, 0, 0, -1, 0, 20)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f2f2f2"},"children":[]},{"type":"stop","props":{"offset":"0.58","stopColor":"#eee"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#e6e6e6"},"children":[]}]}]},{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M13.012,1.659c-1.06,0-1.921-.311-1.921-.7v3.7c0,.381.845.69,1.893.7h.028c1.06,0,1.921-.311,1.921-.7V.963C14.93,1.348,14.071,1.659,13.012,1.659Z","fill":"url(#ac8acba0-fcad-4e54-8c97-734c09b955aa)"},"children":[]},{"type":"path","props":{"d":"M14.93.963c0,.385-.859.7-1.921.7s-1.918-.311-1.918-.7S11.95.268,13.012.268s1.921.312,1.921.7","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M14.482.907c0,.245-.659.442-1.472.442s-1.471-.2-1.471-.442S12.2.465,13.012.465s1.471.2,1.471.442","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M13.012,1.009a3.576,3.576,0,0,0-1.166.168,3.42,3.42,0,0,0,1.166.174,3.458,3.458,0,0,0,1.164-.174A3.56,3.56,0,0,0,13.012,1.009Z","fill":"#198ab3"},"children":[]},{"type":"path","props":{"d":"M17.622,9.954a3.509,3.509,0,0,0-3.045-3.373,4.422,4.422,0,0,0-4.556-4.229A4.537,4.537,0,0,0,5.685,5.309,4.188,4.188,0,0,0,2,9.338a4.25,4.25,0,0,0,4.4,4.084c.13,0,.259-.007.387-.017h7.122a.742.742,0,0,0,.187-.028A3.552,3.552,0,0,0,17.622,9.954Z","fill":"url(#a4a83e6d-99f2-4a90-9db2-be369371220e)"},"children":[]},{"type":"path","props":{"d":"M17.283,3.177a2.365,2.365,0,0,0-1.359-.813V3.449a1.194,1.194,0,0,1,.531.364c.883,1.158-.722,4.954-5.342,8.506S2.425,16.44,1.542,15.281c-.433-.568-.256-1.776.574-3.275a4.691,4.691,0,0,1-.558-1.1c-1.29,2.041-1.685,3.9-.845,5.007,1.519,1.991,6.459.753,11.035-2.766S18.8,5.168,17.283,3.177Z","fill":"#0072c6"},"children":[]},{"type":"path","props":{"d":"M8.464,11.387c-1.818,0-3.293-.534-3.293-1.192v6.344c0,.653,1.45,1.184,3.248,1.193h.045c1.819,0,3.293-.534,3.293-1.193V10.2C11.757,10.853,10.283,11.387,8.464,11.387Z","fill":"url(#a71c004a-5d5d-412e-b751-34ae0b69e153)"},"children":[]},{"type":"path","props":{"d":"M11.757,10.2c0,.658-1.474,1.192-3.293,1.192S5.171,10.853,5.171,10.2,6.646,9,8.464,9s3.293.534,3.293,1.193","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M10.988,10.1c0,.419-1.13.759-2.524.759S5.94,10.517,5.94,10.1,7.07,9.34,8.464,9.34s2.524.34,2.524.758","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M8.464,10.273a6.083,6.083,0,0,0-2,.288,5.9,5.9,0,0,0,2,.3,5.9,5.9,0,0,0,2-.3A6.083,6.083,0,0,0,8.464,10.273Z","fill":"#198ab3"},"children":[]},{"type":"path","props":{"d":"M10.466,14.6V12.864H9.988v2.122h1.264V14.6ZM6.8,13.743a1.026,1.026,0,0,1-.264-.159.223.223,0,0,1-.065-.165.186.186,0,0,1,.08-.156.364.364,0,0,1,.217-.059.841.841,0,0,1,.489.148V12.91a1.408,1.408,0,0,0-.515-.082A.86.86,0,0,0,6.183,13a.56.56,0,0,0-.212.458.7.7,0,0,0,.485.621,1.433,1.433,0,0,1,.317.184.22.22,0,0,1,.077.167.182.182,0,0,1-.081.157.384.384,0,0,1-.228.06.854.854,0,0,1-.561-.217v.474a1.146,1.146,0,0,0,.549.118.975.975,0,0,0,.605-.165.553.553,0,0,0,.219-.468.523.523,0,0,0-.126-.361A1.286,1.286,0,0,0,6.8,13.743Zm2.663.817a1.316,1.316,0,0,0,.043-1.214.925.925,0,0,0-.36-.384,1.032,1.032,0,0,0-.524-.135,1.106,1.106,0,0,0-.557.14.954.954,0,0,0-.377.4,1.249,1.249,0,0,0-.134.588,1.178,1.178,0,0,0,.124.54.936.936,0,0,0,.349.381,1.022,1.022,0,0,0,.51.149l.44.494H9.6l-.615-.57A.906.906,0,0,0,9.466,14.56Zm-.478-.13a.476.476,0,0,1-.392.18.468.468,0,0,1-.389-.186.909.909,0,0,1,0-1,.483.483,0,0,1,.4-.188.449.449,0,0,1,.384.187.831.831,0,0,1,.14.51A.756.756,0,0,1,8.988,14.43Z","fill":"url(#b1836271-e91b-48db-815f-ae9f59b03dcf)"},"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 AzureAzureSqlEdge = forwardRef(
   function AzureAzureSqlEdge({ 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 AzureAzureSqlEdge = 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-azure-sql-server-stretch-databases.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":"fbb0c6d7-8dd3-4464-9217-32033b9dbe40","x1":"7.37","y1":"0.5","x2":"7.37","y2":"13.23","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#b3b2b3"},"children":[]},{"type":"stop","props":{"offset":"0.38","stopColor":"#afaeaf"},"children":[]},{"type":"stop","props":{"offset":"0.76","stopColor":"#a2a2a2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#979797"},"children":[]}]},{"type":"linearGradient","props":{"id":"f4df9409-8db7-49ba-98de-c39ce5949175","x1":"8.96","y1":"13.29","x2":"17.32","y2":"13.29","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.07","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.36","stopColor":"#0071c8"},"children":[]},{"type":"stop","props":{"offset":"0.52","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.64","stopColor":"#0074cd"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#006abb"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-databases-125"]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"points":"7.37 0.5 0.68 4.38 0.68 5.34 1.91 5.34 1.91 12.62 3.12 12.62 3.12 5.34 11.62 5.34 11.62 13.23 12.83 13.23 12.83 5.34 14.06 5.34 14.06 4.38 7.37 0.5","fill":"url(#fbb0c6d7-8dd3-4464-9217-32033b9dbe40)"},"children":[]},{"type":"path","props":{"d":"M4.33,12.62H6.76V10.2H4.33Zm3.64,0H10.4V10.2H8ZM4.33,9H6.76V6.55H4.33ZM8,6.55V9H10.4V6.55Z","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M13.14,10.41C10.83,10.41,9,9.81,9,9.08v7.09c0,.73,1.84,1.32,4.12,1.33h.06c2.31,0,4.18-.6,4.18-1.33V9.08C17.32,9.81,15.45,10.41,13.14,10.41Z","fill":"url(#f4df9409-8db7-49ba-98de-c39ce5949175)"},"children":[]},{"type":"path","props":{"d":"M17.32,9.08c0,.73-1.87,1.33-4.18,1.33S9,9.81,9,9.08s1.87-1.33,4.18-1.33,4.18.59,4.18,1.33","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M16.35,9c0,.47-1.44.85-3.21.85S9.94,9.44,9.94,9s1.43-.85,3.2-.85,3.21.38,3.21.85","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M13.14,9.17a8.59,8.59,0,0,0-2.54.32,8.5,8.5,0,0,0,2.54.33,8.5,8.5,0,0,0,2.54-.33A8.59,8.59,0,0,0,13.14,9.17Z","fill":"#32bedd"},"children":[]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const AzureAzureSqlServerStretchDatabases = react_1.forwardRef(function AzureAzureSqlServerStretchDatabases({ 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 AzureAzureSqlServerStretchDatabases = react_1.forwardRef(function AzureAzu
     ..._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-azure-sql-server-stretch-databases.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":"fbb0c6d7-8dd3-4464-9217-32033b9dbe40","x1":"7.37","y1":"0.5","x2":"7.37","y2":"13.23","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#b3b2b3"},"children":[]},{"type":"stop","props":{"offset":"0.38","stopColor":"#afaeaf"},"children":[]},{"type":"stop","props":{"offset":"0.76","stopColor":"#a2a2a2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#979797"},"children":[]}]},{"type":"linearGradient","props":{"id":"f4df9409-8db7-49ba-98de-c39ce5949175","x1":"8.96","y1":"13.29","x2":"17.32","y2":"13.29","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#005ba1"},"children":[]},{"type":"stop","props":{"offset":"0.07","stopColor":"#0060a9"},"children":[]},{"type":"stop","props":{"offset":"0.36","stopColor":"#0071c8"},"children":[]},{"type":"stop","props":{"offset":"0.52","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.64","stopColor":"#0074cd"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#006abb"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#005ba1"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-databases-125"]},{"type":"g","props":{},"children":[{"type":"polygon","props":{"points":"7.37 0.5 0.68 4.38 0.68 5.34 1.91 5.34 1.91 12.62 3.12 12.62 3.12 5.34 11.62 5.34 11.62 13.23 12.83 13.23 12.83 5.34 14.06 5.34 14.06 4.38 7.37 0.5","fill":"url(#fbb0c6d7-8dd3-4464-9217-32033b9dbe40)"},"children":[]},{"type":"path","props":{"d":"M4.33,12.62H6.76V10.2H4.33Zm3.64,0H10.4V10.2H8ZM4.33,9H6.76V6.55H4.33ZM8,6.55V9H10.4V6.55Z","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M13.14,10.41C10.83,10.41,9,9.81,9,9.08v7.09c0,.73,1.84,1.32,4.12,1.33h.06c2.31,0,4.18-.6,4.18-1.33V9.08C17.32,9.81,15.45,10.41,13.14,10.41Z","fill":"url(#f4df9409-8db7-49ba-98de-c39ce5949175)"},"children":[]},{"type":"path","props":{"d":"M17.32,9.08c0,.73-1.87,1.33-4.18,1.33S9,9.81,9,9.08s1.87-1.33,4.18-1.33,4.18.59,4.18,1.33","fill":"#e8e8e8"},"children":[]},{"type":"path","props":{"d":"M16.35,9c0,.47-1.44.85-3.21.85S9.94,9.44,9.94,9s1.43-.85,3.2-.85,3.21.38,3.21.85","fill":"#50e6ff"},"children":[]},{"type":"path","props":{"d":"M13.14,9.17a8.59,8.59,0,0,0-2.54.32,8.5,8.5,0,0,0,2.54.33,8.5,8.5,0,0,0,2.54-.33A8.59,8.59,0,0,0,13.14,9.17Z","fill":"#32bedd"},"children":[]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const AzureAzureSqlServerStretchDatabases = forwardRef(
   function AzureAzureSqlServerStretchDatabases({ 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 AzureAzureSqlServerStretchDatabases = 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-azure-sql-vm.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":"bf00b8fe-272d-44e3-922e-e394f4035f83","x1":"9","y1":"12.46","x2":"9","y2":"1.18","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#5ea0ef"},"children":[]}]},{"type":"linearGradient","props":{"id":"b2b35db0-3208-44e0-aaf4-68cf95a2719b","x1":"9","y1":"16.82","x2":"9","y2":"12.46","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.15","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#707070"},"children":[]}]},{"type":"radialGradient","props":{"id":"f2829e12-820e-4175-930d-324517daee42","cx":"9.43","cy":"7.03","r":"7.27","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f2f2f2"},"children":[]},{"type":"stop","props":{"offset":"0.58","stopColor":"#eee"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#e6e6e6"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-databases-124"]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"0.54","y":"1.18","width":"16.91","height":"11.27","rx":"0.56","fill":"url(#bf00b8fe-272d-44e3-922e-e394f4035f83)"},"children":[]},{"type":"path","props":{"d":"M12.39,15.87c-1.67-.26-1.74-1.47-1.73-3.41H7.34c0,1.94-.06,3.15-1.73,3.41a1,1,0,0,0-.84,1h8.46A1,1,0,0,0,12.39,15.87Z","fill":"url(#b2b35db0-3208-44e0-aaf4-68cf95a2719b)"},"children":[]}]},{"type":"path","props":{"d":"M13.07,7.89V4.41h-1V8.66h2.53V7.89ZM5.73,6.17a2,2,0,0,1-.52-.31.45.45,0,0,1-.13-.34.36.36,0,0,1,.16-.31.69.69,0,0,1,.43-.11,1.66,1.66,0,0,1,1,.29V4.51a2.77,2.77,0,0,0-1-.17,1.73,1.73,0,0,0-1.13.35,1.12,1.12,0,0,0-.42.92A1.38,1.38,0,0,0,5,6.85a2.49,2.49,0,0,1,.63.37.41.41,0,0,1,.16.33.4.4,0,0,1-.16.32A.76.76,0,0,1,5.21,8a1.69,1.69,0,0,1-1.12-.44v1a2.27,2.27,0,0,0,1.1.24A2,2,0,0,0,6.4,8.41a1.12,1.12,0,0,0,.44-.94,1,1,0,0,0-.26-.72A2.54,2.54,0,0,0,5.73,6.17Zm5.34,1.64a2.4,2.4,0,0,0,.34-1.3,2.44,2.44,0,0,0-.26-1.13,1.85,1.85,0,0,0-.72-.77,2.05,2.05,0,0,0-1-.27,2.23,2.23,0,0,0-1.11.28,1.89,1.89,0,0,0-.76.8A2.47,2.47,0,0,0,7.25,6.6a2.44,2.44,0,0,0,.24,1.08,1.92,1.92,0,0,0,.71.76,2.06,2.06,0,0,0,1,.3l.88,1h1.24L10.11,8.58A1.78,1.78,0,0,0,11.07,7.81Zm-1-.26a.94.94,0,0,1-.78.36.92.92,0,0,1-.78-.37,1.55,1.55,0,0,1-.3-1,1.57,1.57,0,0,1,.3-1,1,1,0,0,1,.8-.37.9.9,0,0,1,.77.37,1.65,1.65,0,0,1,.28,1A1.5,1.5,0,0,1,10.11,7.55Z","fill":"url(#f2829e12-820e-4175-930d-324517daee42)"},"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 AzureAzureSqlVm = react_1.forwardRef(function AzureAzureSqlVm({ 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 AzureAzureSqlVm = react_1.forwardRef(function AzureAzureSqlVm({ 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-azure-sql-vm.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":"bf00b8fe-272d-44e3-922e-e394f4035f83","x1":"9","y1":"12.46","x2":"9","y2":"1.18","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#5ea0ef"},"children":[]}]},{"type":"linearGradient","props":{"id":"b2b35db0-3208-44e0-aaf4-68cf95a2719b","x1":"9","y1":"16.82","x2":"9","y2":"12.46","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.15","stopColor":"#ccc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#707070"},"children":[]}]},{"type":"radialGradient","props":{"id":"f2829e12-820e-4175-930d-324517daee42","cx":"9.43","cy":"7.03","r":"7.27","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f2f2f2"},"children":[]},{"type":"stop","props":{"offset":"0.58","stopColor":"#eee"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#e6e6e6"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-databases-124"]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"x":"0.54","y":"1.18","width":"16.91","height":"11.27","rx":"0.56","fill":"url(#bf00b8fe-272d-44e3-922e-e394f4035f83)"},"children":[]},{"type":"path","props":{"d":"M12.39,15.87c-1.67-.26-1.74-1.47-1.73-3.41H7.34c0,1.94-.06,3.15-1.73,3.41a1,1,0,0,0-.84,1h8.46A1,1,0,0,0,12.39,15.87Z","fill":"url(#b2b35db0-3208-44e0-aaf4-68cf95a2719b)"},"children":[]}]},{"type":"path","props":{"d":"M13.07,7.89V4.41h-1V8.66h2.53V7.89ZM5.73,6.17a2,2,0,0,1-.52-.31.45.45,0,0,1-.13-.34.36.36,0,0,1,.16-.31.69.69,0,0,1,.43-.11,1.66,1.66,0,0,1,1,.29V4.51a2.77,2.77,0,0,0-1-.17,1.73,1.73,0,0,0-1.13.35,1.12,1.12,0,0,0-.42.92A1.38,1.38,0,0,0,5,6.85a2.49,2.49,0,0,1,.63.37.41.41,0,0,1,.16.33.4.4,0,0,1-.16.32A.76.76,0,0,1,5.21,8a1.69,1.69,0,0,1-1.12-.44v1a2.27,2.27,0,0,0,1.1.24A2,2,0,0,0,6.4,8.41a1.12,1.12,0,0,0,.44-.94,1,1,0,0,0-.26-.72A2.54,2.54,0,0,0,5.73,6.17Zm5.34,1.64a2.4,2.4,0,0,0,.34-1.3,2.44,2.44,0,0,0-.26-1.13,1.85,1.85,0,0,0-.72-.77,2.05,2.05,0,0,0-1-.27,2.23,2.23,0,0,0-1.11.28,1.89,1.89,0,0,0-.76.8A2.47,2.47,0,0,0,7.25,6.6a2.44,2.44,0,0,0,.24,1.08,1.92,1.92,0,0,0,.71.76,2.06,2.06,0,0,0,1,.3l.88,1h1.24L10.11,8.58A1.78,1.78,0,0,0,11.07,7.81Zm-1-.26a.94.94,0,0,1-.78.36.92.92,0,0,1-.78-.37,1.55,1.55,0,0,1-.3-1,1.57,1.57,0,0,1,.3-1,1,1,0,0,1,.8-.37.9.9,0,0,1,.77.37,1.65,1.65,0,0,1,.28,1A1.5,1.5,0,0,1,10.11,7.55Z","fill":"url(#f2829e12-820e-4175-930d-324517daee42)"},"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 AzureAzureSqlVm = forwardRef(
   function AzureAzureSqlVm({ 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 AzureAzureSqlVm = 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-azure-sql.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":"f67d1585-6164-4ad0-b2dd-f9cc59b2969f","x1":"9.908","y1":"15.943","x2":"7.516","y2":"2.383","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.15","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.8","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]}]},{"type":"g","props":{"id":"a4fd1868-54fe-4ca6-8ff6-3b01866dc27b"},"children":[{"type":"path","props":{"d":"M14.49,7.15A5.147,5.147,0,0,0,9.24,2.164,5.272,5.272,0,0,0,4.216,5.653,4.869,4.869,0,0,0,0,10.4a4.946,4.946,0,0,0,5.068,4.814H13.82A4.292,4.292,0,0,0,18,11.127,4.105,4.105,0,0,0,14.49,7.15Z","fill":"url(#f67d1585-6164-4ad0-b2dd-f9cc59b2969f)"},"children":[]},{"type":"path","props":{"d":"M12.9,11.4V8H12v4.13h2.46V11.4ZM5.76,9.73a1.825,1.825,0,0,1-.51-.31.441.441,0,0,1-.12-.32.342.342,0,0,1,.15-.3.683.683,0,0,1,.42-.12,1.62,1.62,0,0,1,1,.29V8.11a2.58,2.58,0,0,0-1-.16,1.641,1.641,0,0,0-1.09.34,1.08,1.08,0,0,0-.42.89c0,.51.32.91,1,1.21a2.907,2.907,0,0,1,.62.36.419.419,0,0,1,.15.32.381.381,0,0,1-.16.31.806.806,0,0,1-.45.11,1.66,1.66,0,0,1-1.09-.42V12a2.173,2.173,0,0,0,1.07.24,1.877,1.877,0,0,0,1.18-.33A1.08,1.08,0,0,0,6.84,11a1.048,1.048,0,0,0-.25-.7A2.425,2.425,0,0,0,5.76,9.73ZM11,11.32A2.191,2.191,0,0,0,11,9a1.808,1.808,0,0,0-.7-.75,2,2,0,0,0-1-.26,2.112,2.112,0,0,0-1.08.27A1.856,1.856,0,0,0,7.49,9a2.465,2.465,0,0,0-.26,1.14,2.256,2.256,0,0,0,.24,1,1.766,1.766,0,0,0,.69.74,2.056,2.056,0,0,0,1,.3l.86,1h1.21L10,12.08A1.79,1.79,0,0,0,11,11.32Zm-1-.25a.941.941,0,0,1-.76.35.916.916,0,0,1-.76-.36,1.523,1.523,0,0,1-.29-1,1.529,1.529,0,0,1,.29-1,1,1,0,0,1,.78-.37.869.869,0,0,1,.75.37,1.619,1.619,0,0,1,.27,1A1.459,1.459,0,0,1,10,11.07Z","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 AzureAzureSql = react_1.forwardRef(function AzureAzureSql({ 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 AzureAzureSql = react_1.forwardRef(function AzureAzureSql({ 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-azure-sql.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":"f67d1585-6164-4ad0-b2dd-f9cc59b2969f","x1":"9.908","y1":"15.943","x2":"7.516","y2":"2.383","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0.15","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.8","stopColor":"#5ea0ef"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#83b9f9"},"children":[]}]}]},{"type":"g","props":{"id":"a4fd1868-54fe-4ca6-8ff6-3b01866dc27b"},"children":[{"type":"path","props":{"d":"M14.49,7.15A5.147,5.147,0,0,0,9.24,2.164,5.272,5.272,0,0,0,4.216,5.653,4.869,4.869,0,0,0,0,10.4a4.946,4.946,0,0,0,5.068,4.814H13.82A4.292,4.292,0,0,0,18,11.127,4.105,4.105,0,0,0,14.49,7.15Z","fill":"url(#f67d1585-6164-4ad0-b2dd-f9cc59b2969f)"},"children":[]},{"type":"path","props":{"d":"M12.9,11.4V8H12v4.13h2.46V11.4ZM5.76,9.73a1.825,1.825,0,0,1-.51-.31.441.441,0,0,1-.12-.32.342.342,0,0,1,.15-.3.683.683,0,0,1,.42-.12,1.62,1.62,0,0,1,1,.29V8.11a2.58,2.58,0,0,0-1-.16,1.641,1.641,0,0,0-1.09.34,1.08,1.08,0,0,0-.42.89c0,.51.32.91,1,1.21a2.907,2.907,0,0,1,.62.36.419.419,0,0,1,.15.32.381.381,0,0,1-.16.31.806.806,0,0,1-.45.11,1.66,1.66,0,0,1-1.09-.42V12a2.173,2.173,0,0,0,1.07.24,1.877,1.877,0,0,0,1.18-.33A1.08,1.08,0,0,0,6.84,11a1.048,1.048,0,0,0-.25-.7A2.425,2.425,0,0,0,5.76,9.73ZM11,11.32A2.191,2.191,0,0,0,11,9a1.808,1.808,0,0,0-.7-.75,2,2,0,0,0-1-.26,2.112,2.112,0,0,0-1.08.27A1.856,1.856,0,0,0,7.49,9a2.465,2.465,0,0,0-.26,1.14,2.256,2.256,0,0,0,.24,1,1.766,1.766,0,0,0,.69.74,2.056,2.056,0,0,0,1,.3l.86,1h1.21L10,12.08A1.79,1.79,0,0,0,11,11.32Zm-1-.25a.941.941,0,0,1-.76.35.916.916,0,0,1-.76-.36,1.523,1.523,0,0,1-.29-1,1.529,1.529,0,0,1,.29-1,1,1,0,0,1,.78-.37.869.869,0,0,1,.75.37,1.619,1.619,0,0,1,.27,1A1.459,1.459,0,0,1,10,11.07Z","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 AzureAzureSql = forwardRef(
   function AzureAzureSql({ 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 AzureAzureSql = 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-azure-stack-edge.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":"e45189b1-c2d3-4f10-b300-1da54b2b00ea","x1":"9.59","y1":"17.96","x2":"9.59","y2":"-0.17","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#5ea0ef"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-storage-95"]},{"type":"path","props":{"d":"M18,10.73A3.77,3.77,0,0,0,14.72,7.1a4.75,4.75,0,0,0-4.9-4.55A4.89,4.89,0,0,0,5.13,5.73a4.48,4.48,0,0,0-3.94,4.34,4.57,4.57,0,0,0,4.73,4.39l.42,0H14l.21,0A3.81,3.81,0,0,0,18,10.73Z","fill":"url(#e45189b1-c2d3-4f10-b300-1da54b2b00ea)"},"children":[]},{"type":"path","props":{"d":"M0,11.66a3.76,3.76,0,0,1,3.8-3.8,3.77,3.77,0,0,1,3.8,3.8v3.79H3.8A3.76,3.76,0,0,1,0,11.66Z","fill":"#50e6ff","fillRule":"evenodd"},"children":[]},{"type":"g","props":{"id":"b33a10b5-62f7-4935-ba61-5887e2c71eb8"},"children":[{"type":"path","props":{"d":"M6.17,11.91v-.56l0,0-.57-.2-.14-.38.28-.59,0-.06-.18-.18L5.35,9.7l-.08,0L4.71,10l-.38-.11-.25-.63H3.53l0,0-.19.57L2.92,10l-.65-.31-.39.39,0,.07.29.56L2,11.13l-.67.25v.56l.08,0,.59.2.16.38-.3.65.39.4.08,0,.55-.28.39.16.24.67h.56l0-.08.19-.6.38-.16.66.31.39-.39,0-.08-.28-.56.11-.39Zm-2.35.52a.79.79,0,0,1,0-1.57.78.78,0,0,1,.79.78h0A.78.78,0,0,1,3.82,12.43Z","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 AzureAzureStackEdge = react_1.forwardRef(function AzureAzureStackEdge({ 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 AzureAzureStackEdge = react_1.forwardRef(function AzureAzureStackEdge({ va
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/azure-azure-stack-edge.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 18 18","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"e45189b1-c2d3-4f10-b300-1da54b2b00ea","x1":"9.59","y1":"17.96","x2":"9.59","y2":"-0.17","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0078d4"},"children":[]},{"type":"stop","props":{"offset":"0.82","stopColor":"#5ea0ef"},"children":[]}]}]},{"type":"title","props":{},"children":["Icon-storage-95"]},{"type":"path","props":{"d":"M18,10.73A3.77,3.77,0,0,0,14.72,7.1a4.75,4.75,0,0,0-4.9-4.55A4.89,4.89,0,0,0,5.13,5.73a4.48,4.48,0,0,0-3.94,4.34,4.57,4.57,0,0,0,4.73,4.39l.42,0H14l.21,0A3.81,3.81,0,0,0,18,10.73Z","fill":"url(#e45189b1-c2d3-4f10-b300-1da54b2b00ea)"},"children":[]},{"type":"path","props":{"d":"M0,11.66a3.76,3.76,0,0,1,3.8-3.8,3.77,3.77,0,0,1,3.8,3.8v3.79H3.8A3.76,3.76,0,0,1,0,11.66Z","fill":"#50e6ff","fillRule":"evenodd"},"children":[]},{"type":"g","props":{"id":"b33a10b5-62f7-4935-ba61-5887e2c71eb8"},"children":[{"type":"path","props":{"d":"M6.17,11.91v-.56l0,0-.57-.2-.14-.38.28-.59,0-.06-.18-.18L5.35,9.7l-.08,0L4.71,10l-.38-.11-.25-.63H3.53l0,0-.19.57L2.92,10l-.65-.31-.39.39,0,.07.29.56L2,11.13l-.67.25v.56l.08,0,.59.2.16.38-.3.65.39.4.08,0,.55-.28.39.16.24.67h.56l0-.08.19-.6.38-.16.66.31.39-.39,0-.08-.28-.56.11-.39Zm-2.35.52a.79.79,0,0,1,0-1.57.78.78,0,0,1,.79.78h0A.78.78,0,0,1,3.82,12.43Z","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 AzureAzureStackEdge = forwardRef(
   function AzureAzureStackEdge({ 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 AzureAzureStackEdge = 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));
         })
     );
   }