@thesvg/react 3.2.2 → 3.2.4

package/dist/flowbite.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 48 48","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M36.78 19.414c-.112.766-.617 1.806-1.196 2.71a5.048 5.048 0 0 1-3.218 2.218l-5.846 1.223a4.498 4.498 0 0 0-2.432 1.403l-3.833 4.285c-.72.806-1.224.613-1.224-.467-.009.04-1.903 4.925 3.116 7.82 1.929 1.112 4.705.712 6.633-.4l10.218-5.894a15.464 15.464 0 0 0 7.416-10.249c.035-.17.063-.342.092-.513l-9.727-2.136Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M34.13 13.527c1.928 1.112 2.716 2.768 2.716 4.993 0 .302-.024.6-.067.894l4.117 1.769 5.61.367c.719-4.158-.69-8.437-3.213-11.838a23.92 23.92 0 0 0-7.28-6.476 24.156 24.156 0 0 0-7.359-2.78l-2.8 3.625-.884 4.163 9.16 5.283Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M1.175 16.578c0 .003.002.004.003 0 .216-.647.487-1.37.825-2.143 1.767-4.034 5.171-6.724 9.36-8.096A15.511 15.511 0 0 1 23.94 7.65l1.03.595 3.684-7.79C16.936-1.885 4.96 5 1.19 16.533l-.015.045Z"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M28.38 38.206a6.237 6.237 0 0 1-6.975-.505l-3.392 2.332-2.923 4.724c3.245 2.7 7.458 3.568 11.668 3.085a23.943 23.943 0 0 0 9.254-3.062 24.135 24.135 0 0 0 6.09-4.976L40.36 35.57l-2.82-2.647-9.16 5.284Z"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M21.405 37.701a6.224 6.224 0 0 1-2.374-4.888V16.61c0-.906.266-1.06 1.051-.607-1.209-.697-4.002-3.091-7.45-1.102-1.929 1.112-3.517 3.567-3.517 5.792V32.48c0 4.409 2.284 9.007 5.577 11.94.13.117.265.226.398.338l6.315-7.056Z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M41.866 7.969c-.003-.003-.005 0-.003.002.454.51.945 1.106 1.446 1.785a15.453 15.453 0 0 1 2.685 12.346 15.485 15.485 0 0 1-7.425 10.227l-1.03.593 4.563 6.882c7.888-8.968 7.908-22.77-.205-31.8l-.031-.035Z"},"children":[]},{"type":"path","props":{"fill":"url(#g)","d":"M9.515 20.692a6.226 6.226 0 0 1 3.925-5.782l-.325-4.1-2.287-4.692a15.468 15.468 0 0 0-8.855 8.353A23.887 23.887 0 0 0 0 24.008c0 2.754.454 5.353 1.268 7.758l4.543.609 3.704-1.117V20.692Z"},"children":[]},{"type":"path","props":{"fill":"url(#h)","d":"M13.44 14.91a6.237 6.237 0 0 1 5.425.39l.166.095 13.343 7.697c.936.54.85 1.07-.207 1.292l.77-.161a5.045 5.045 0 0 0 2.645-1.484 6.134 6.134 0 0 0 1.664-4.22 6.226 6.226 0 0 0-3.117-5.392L23.912 7.234a15.491 15.491 0 0 0-12.593-1.292c-.166.054-.328.116-.491.176l2.612 8.792Z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M28.983 47.479c.004-.001.003-.004 0-.003-.67.137-1.432.264-2.27.357A15.477 15.477 0 0 1 9.515 32.446v-1.188l-8.248.507c3.83 11.309 15.785 18.228 27.669 15.723.005 0 .025-.005.046-.01Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"30.09","x2":"34.811","y1":"35.655","y2":"19.21","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"40.964","x2":"28.545","y1":"15.601","y2":"3.225","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"24.247","x2":"5.511","y1":"7.532","y2":"8.716","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"22.98","x2":"39.805","y1":"42.994","y2":"38.454","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"10.903","x2":"22.849","y1":"23.524","y2":"35.902","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"f","x1":"38.176","x2":"46.51","y1":"32.453","y2":"15.652","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"g","x1":"8.046","x2":"3.586","y1":"13.696","y2":"30.46","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"h","x1":"30.815","x2":"14.517","y1":"12.899","y2":"16.957","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"i","x1":"9.61","x2":"19.999","y1":"32.035","y2":"47.662","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"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 Flowbite = react_1.forwardRef(function Flowbite({ 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 Flowbite = react_1.forwardRef(function Flowbite({ variant = 'default', vie
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/flowbite.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 48 48","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M36.78 19.414c-.112.766-.617 1.806-1.196 2.71a5.048 5.048 0 0 1-3.218 2.218l-5.846 1.223a4.498 4.498 0 0 0-2.432 1.403l-3.833 4.285c-.72.806-1.224.613-1.224-.467-.009.04-1.903 4.925 3.116 7.82 1.929 1.112 4.705.712 6.633-.4l10.218-5.894a15.464 15.464 0 0 0 7.416-10.249c.035-.17.063-.342.092-.513l-9.727-2.136Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M34.13 13.527c1.928 1.112 2.716 2.768 2.716 4.993 0 .302-.024.6-.067.894l4.117 1.769 5.61.367c.719-4.158-.69-8.437-3.213-11.838a23.92 23.92 0 0 0-7.28-6.476 24.156 24.156 0 0 0-7.359-2.78l-2.8 3.625-.884 4.163 9.16 5.283Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M1.175 16.578c0 .003.002.004.003 0 .216-.647.487-1.37.825-2.143 1.767-4.034 5.171-6.724 9.36-8.096A15.511 15.511 0 0 1 23.94 7.65l1.03.595 3.684-7.79C16.936-1.885 4.96 5 1.19 16.533l-.015.045Z"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M28.38 38.206a6.237 6.237 0 0 1-6.975-.505l-3.392 2.332-2.923 4.724c3.245 2.7 7.458 3.568 11.668 3.085a23.943 23.943 0 0 0 9.254-3.062 24.135 24.135 0 0 0 6.09-4.976L40.36 35.57l-2.82-2.647-9.16 5.284Z"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M21.405 37.701a6.224 6.224 0 0 1-2.374-4.888V16.61c0-.906.266-1.06 1.051-.607-1.209-.697-4.002-3.091-7.45-1.102-1.929 1.112-3.517 3.567-3.517 5.792V32.48c0 4.409 2.284 9.007 5.577 11.94.13.117.265.226.398.338l6.315-7.056Z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M41.866 7.969c-.003-.003-.005 0-.003.002.454.51.945 1.106 1.446 1.785a15.453 15.453 0 0 1 2.685 12.346 15.485 15.485 0 0 1-7.425 10.227l-1.03.593 4.563 6.882c7.888-8.968 7.908-22.77-.205-31.8l-.031-.035Z"},"children":[]},{"type":"path","props":{"fill":"url(#g)","d":"M9.515 20.692a6.226 6.226 0 0 1 3.925-5.782l-.325-4.1-2.287-4.692a15.468 15.468 0 0 0-8.855 8.353A23.887 23.887 0 0 0 0 24.008c0 2.754.454 5.353 1.268 7.758l4.543.609 3.704-1.117V20.692Z"},"children":[]},{"type":"path","props":{"fill":"url(#h)","d":"M13.44 14.91a6.237 6.237 0 0 1 5.425.39l.166.095 13.343 7.697c.936.54.85 1.07-.207 1.292l.77-.161a5.045 5.045 0 0 0 2.645-1.484 6.134 6.134 0 0 0 1.664-4.22 6.226 6.226 0 0 0-3.117-5.392L23.912 7.234a15.491 15.491 0 0 0-12.593-1.292c-.166.054-.328.116-.491.176l2.612 8.792Z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M28.983 47.479c.004-.001.003-.004 0-.003-.67.137-1.432.264-2.27.357A15.477 15.477 0 0 1 9.515 32.446v-1.188l-8.248.507c3.83 11.309 15.785 18.228 27.669 15.723.005 0 .025-.005.046-.01Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"30.09","x2":"34.811","y1":"35.655","y2":"19.21","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"40.964","x2":"28.545","y1":"15.601","y2":"3.225","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"24.247","x2":"5.511","y1":"7.532","y2":"8.716","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"22.98","x2":"39.805","y1":"42.994","y2":"38.454","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"10.903","x2":"22.849","y1":"23.524","y2":"35.902","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"f","x1":"38.176","x2":"46.51","y1":"32.453","y2":"15.652","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"g","x1":"8.046","x2":"3.586","y1":"13.696","y2":"30.46","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"h","x1":"30.815","x2":"14.517","y1":"12.899","y2":"16.957","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"i","x1":"9.61","x2":"19.999","y1":"32.035","y2":"47.662","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"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 Flowbite = forwardRef(
   function Flowbite({ 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 Flowbite = 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/flutter.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 317","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"4%","y1":"27%","x2":"75.9%","y2":"52.9%","id":"a"},"children":[{"type":"stop","props":{"offset":"0%"},"children":[]},{"type":"stop","props":{"stopOpacity":"0","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"fill":"#47C5FB","d":"M158 0 0 158l49 48L255 0zM157 145l-85 85 49 50 49-49 85-86z"},"children":[]},{"type":"path","props":{"fill":"#00569E","d":"m121 280 37 37h97l-85-86z"},"children":[]},{"type":"path","props":{"fill":"#00B5F8","d":"m72 230 48-48 50 49-49 49z"},"children":[]},{"type":"path","props":{"fillOpacity":".8","fill":"url(#a)","d":"m121 280 41-14 4-31z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Flutter"]},{"type":"path","props":{"d":"M14.314 0L2.3 12 6 15.7 21.684.013h-7.357zm.014 11.072L7.857 17.53l6.47 6.47H21.7l-6.46-6.468 6.46-6.46h-7.37z"},"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 Flutter = react_1.forwardRef(function Flutter({ 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 Flutter = react_1.forwardRef(function Flutter({ variant = 'default', viewB
     ..._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/flutter.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 317","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"4%","y1":"27%","x2":"75.9%","y2":"52.9%","id":"a"},"children":[{"type":"stop","props":{"offset":"0%"},"children":[]},{"type":"stop","props":{"stopOpacity":"0","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"fill":"#47C5FB","d":"M158 0 0 158l49 48L255 0zM157 145l-85 85 49 50 49-49 85-86z"},"children":[]},{"type":"path","props":{"fill":"#00569E","d":"m121 280 37 37h97l-85-86z"},"children":[]},{"type":"path","props":{"fill":"#00B5F8","d":"m72 230 48-48 50 49-49 49z"},"children":[]},{"type":"path","props":{"fillOpacity":".8","fill":"url(#a)","d":"m121 280 41-14 4-31z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Flutter"]},{"type":"path","props":{"d":"M14.314 0L2.3 12 6 15.7 21.684.013h-7.357zm.014 11.072L7.857 17.53l6.47 6.47H21.7l-6.46-6.468 6.46-6.46h-7.37z"},"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 Flutter = forwardRef(
   function Flutter({ 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 Flutter = 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/fluvio.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 546.39734 160","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs858"},"children":[{"type":"clipPath","props":{"clipPathUnits":"userSpaceOnUse","id":"clipPath872"},"children":[{"type":"path","props":{"d":"M 0,120 H 409.798 V 0 H 0 Z","id":"path870"},"children":[]}]}]},{"type":"g","props":{"id":"g860","transform":"matrix(1.3333333,0,0,-1.3333333,0,160)"},"children":[{"type":"g","props":{"id":"g862","transform":"translate(10.165,59.2676)"},"children":[{"type":"path","props":{"d":"M 0,0 -6.474,10.181 8.264,7.909 Z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path864"},"children":[]}]},{"type":"g","props":{"id":"g874","transform":"translate(13.1201,43.5088)"},"children":[{"type":"path","props":{"d":"M 0,0 C -0.49,1.313 -0.926,2.653 -1.307,4.017","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path876"},"children":[]}]},{"type":"g","props":{"id":"g878","transform":"translate(10.9956,50.8877)"},"children":[{"type":"path","props":{"d":"M 0,0 C -0.326,1.44 -0.559,2.909 -0.694,4.403","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path880"},"children":[]}]},{"type":"g","props":{"id":"g882","transform":"translate(16.2178,36.5342)"},"children":[{"type":"path","props":{"d":"M 0,0 C -1.373,2.837 -1.569,3.142 -1.847,3.78","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path884"},"children":[]}]},{"type":"g","props":{"id":"g886","transform":"translate(11.4082,67.5264)"},"children":[{"type":"path","props":{"d":"m 0,0 c 3.785,23.864 24.452,42.107 49.38,42.107 27.615,0 50.001,-22.386 50.001,-50 0,-27.615 -22.386,-50.001 -50.001,-50.001 -18.092,0 -33.94,9.61 -42.718,24.003","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path888"},"children":[]}]},{"type":"g","props":{"id":"g890","transform":"translate(149.4629,68.1445)"},"children":[{"type":"path","props":{"d":"m 0,0 v -8.819 h 30.06 v -5.759 H 0 V -41.309 H -6.659 V 0.09 c 0,6.9 2.16,12.315 6.479,16.244 4.321,3.93 10.41,5.895 18.27,5.895 7.619,0 13.739,-1.649 18.359,-4.95 L 34.02,11.79 c -4.081,3 -9.3,4.5 -15.661,4.5 C 12.18,16.29 7.575,14.895 4.545,12.104 1.516,9.315 0,5.28 0,0","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path892"},"children":[]}]},{"type":"g","props":{"id":"g894","transform":"translate(149.4629,68.1445)"},"children":[]},{"type":"g","props":{"id":"g898","transform":"translate(196.1719,39.9766)"},"children":[{"type":"path","props":{"d":"M 0,0 V 53.637 H 6.391 V 0.539 c 0,-2.82 0.659,-4.965 1.979,-6.434 1.32,-1.47 3.3,-2.205 5.94,-2.205 1.68,0 3.12,0.27 4.32,0.809 l 0.45,-5.309 c -1.86,-0.66 -3.78,-0.99 -5.76,-0.99 -4.259,0 -7.545,1.199 -9.855,3.6 C 1.155,-7.59 0,-4.26 0,0","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path900"},"children":[]}]},{"type":"g","props":{"id":"g902","transform":"translate(196.1719,39.9766)"},"children":[]},{"type":"g","props":{"id":"g906","transform":"translate(266.6406,26.8359)"},"children":[{"type":"path","props":{"d":"M 0,0 H -6.12 V 8.641 C -7.8,5.76 -10.11,3.525 -13.05,1.936 c -2.94,-1.59 -6.3,-2.385 -10.08,-2.385 -6.18,0 -11.054,1.724 -14.624,5.174 -3.57,3.451 -5.354,8.505 -5.354,15.166 v 27.447 h 6.389 V 20.52 c 0,-4.979 1.23,-8.76 3.69,-11.34 2.46,-2.58 5.969,-3.869 10.529,-3.869 4.98,0 8.91,1.515 11.79,4.544 2.88,3.03 4.319,7.245 4.319,12.645 V 47.338 H 0 Z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path908"},"children":[]}]},{"type":"g","props":{"id":"g910","transform":"translate(266.6406,26.8359)"},"children":[]},{"type":"g","props":{"id":"g914","transform":"translate(303.2705,26.8359)"},"children":[{"type":"path","props":{"d":"m 0,0 h -6.569 l -20.97,47.338 h 6.66 L -3.149,7.02 14.76,47.338 h 6.3 z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path916"},"children":[]}]},{"type":"g","props":{"id":"g918","transform":"translate(303.2705,26.8359)"},"children":[]},{"type":"path","props":{"d":"m 339.721,26.836 h -6.391 v 47.338 h 6.391 z m -7.83,62.278 c 0,1.2 0.45,2.25 1.349,3.15 0.901,0.9 2.01,1.35 3.33,1.35 1.321,0 2.43,-0.435 3.33,-1.305 0.9,-0.87 1.35,-1.905 1.35,-3.105 0,-1.32 -0.45,-2.43 -1.35,-3.33 -0.9,-0.9 -2.009,-1.35 -3.33,-1.35 -1.32,0 -2.429,0.45 -3.33,1.35 -0.899,0.9 -1.349,1.98 -1.349,3.24","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path922"},"children":[]},{"type":"g","props":{"id":"g926","transform":"translate(392.1885,40.877)"},"children":[{"type":"path","props":{"d":"m 0,0 c 1.5,2.818 2.25,6.029 2.25,9.629 0,3.6 -0.75,6.81 -2.25,9.629 -1.5,2.82 -3.585,4.995 -6.255,6.525 -2.67,1.53 -5.684,2.295 -9.045,2.295 -3.359,0 -6.375,-0.765 -9.045,-2.295 -2.67,-1.53 -4.769,-3.705 -6.3,-6.525 -1.529,-2.819 -2.294,-6.029 -2.294,-9.629 0,-3.6 0.765,-6.811 2.294,-9.629 1.531,-2.82 3.63,-4.996 6.3,-6.525 2.67,-1.53 5.686,-2.295 9.045,-2.295 3.361,0 6.375,0.765 9.045,2.295 C -3.585,-4.996 -1.5,-2.82 0,0 m -36.269,-2.791 c -2.1,3.66 -3.15,7.801 -3.15,12.42 0,4.619 1.05,8.759 3.15,12.419 2.1,3.66 4.98,6.51 8.64,8.55 3.659,2.04 7.77,3.06 12.329,3.06 4.56,0 8.67,-1.02 12.329,-3.06 3.66,-2.04 6.526,-4.89 8.595,-8.55 2.07,-3.66 3.105,-7.8 3.105,-12.419 0,-4.619 -1.035,-8.76 -3.105,-12.42 -2.069,-3.66 -4.935,-6.525 -8.595,-8.594 -3.659,-2.07 -7.769,-3.105 -12.329,-3.105 -4.559,0 -8.67,1.035 -12.329,3.105 -3.66,2.069 -6.54,4.934 -8.64,8.594","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path928"},"children":[]}]},{"type":"g","props":{"id":"g930","transform":"translate(392.1885,40.877)"},"children":[{"type":"path","props":{"id":"path932","style":{"fill":"none","stroke":"#45328d","strokeWidth":"1","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"d":"m -182.69727,-14.490234 c -4.259,0 -7.54351,1.198609 -9.85351,3.599609 -2.31,2.4 -3.46484,5.7302344 -3.46484,9.99023438 V 52.736328 h 6.39062 V -0.36132812 c 0,-2.81999998 0.65852,-4.96459378 1.97852,-6.43359378 1.32,-1.47 3.29945,-2.2050781 5.93945,-2.2050781 1.68,0 3.12031,0.2695937 4.32031,0.8085938 L -176.9375,-13.5 c -1.86,-0.66 -3.77977,-0.990234 -5.75977,-0.990234 z m 34.01954,0 c -6.18,0 -11.055,1.723828 -14.625,5.1738278 -3.57,3.451 -5.35352,8.50501558 -5.35352,15.1660156 V 33.296875 h 6.38867 V 6.4785156 c 0,-4.979 1.23141,-8.7598437 3.69141,-11.3398437 2.46,-2.58 5.96734,-3.8691407 10.52734,-3.8691407 4.98,0 8.91102,1.5159219 11.79102,4.5449219 2.88,3.03 4.31836,7.2445313 4.31836,12.6445313 V 33.296875 h 6.39062 v -47.337891 h -6.11914 v 8.6406254 c -1.68,-2.881 -3.98969,-5.1160784 -6.92969,-6.7050784 -2.94,-1.59 -6.30007,-2.384765 -10.08007,-2.384765 z m 133.376949,0 c -4.559,0 -8.669125,1.035468 -12.328125,3.105468 -3.66,2.0690004 -6.540625,4.9337504 -8.640625,8.5937504 -2.1,3.65999998 -3.150391,7.8009219 -3.150391,12.4199218 0,4.6189998 1.050391,8.7599218 3.150391,12.4199218 2.1,3.66 4.980625,6.508828 8.640625,8.548828 3.659,2.04 7.769125,3.060547 12.328125,3.060547 4.56,0 8.6710779,-1.020547 12.3300779,-3.060547 3.65999998,-2.04 6.52475,-4.888828 8.59375,-8.548828 2.07,-3.66 3.1054687,-7.800922 3.1054687,-12.4199218 0,-4.6189999 -1.0354687,-8.75992183 -3.1054687,-12.4199218 -2.069,-3.66 -4.93375002,-6.52475 -8.59375,-8.5937504 -3.659,-2.07 -7.7700779,-3.105468 -12.3300779,-3.105468 z m -234.083989,0.449218 v 41.398438 c 0,6.9 2.15952,12.31514 6.47852,16.24414 4.321,3.93 10.41148,5.894532 18.27148,5.894532 7.619,0 13.73743,-1.648219 18.35743,-4.949219 l -2.42774,-5.490234 c -4.081,3 -9.30111,4.5 -15.66211,4.5 -6.179,0 -10.7825,-1.394547 -13.8125,-4.185547 -3.029,-2.789 -4.54687,-6.823516 -4.54687,-12.103516 v -8.818359 h 30.06054 v -5.759766 h -30.06054 v -26.730469 z m 153.898442,0 -20.970702,47.337891 h 6.66015 l 17.730474,-40.3183594 17.908203,40.3183594 h 6.300781 l -21.060547,-47.337891 z m 36.626953,0 v 47.337891 h 6.392578 v -47.337891 z m 43.558594,5.2207035 c 3.361,0 6.3749216,0.7649219 9.0449216,2.2949219 C -3.5858594,-4.9963906 -1.5,-2.82 0,0 1.5,2.818 2.25,6.0289062 2.25,9.6289062 2.25,13.228906 1.5,16.438812 0,19.257812 c -1.5,2.820001 -3.5858594,4.995391 -6.2558594,6.525391 -2.67,1.53 -5.6839216,2.294922 -9.0449216,2.294922 -3.359,0 -6.374922,-0.764922 -9.044922,-2.294922 -2.67,-1.53 -4.767828,-3.70539 -6.298828,-6.525391 -1.529,-2.818999 -2.294922,-6.028906 -2.294922,-9.6289058 0,-3.5999999 0.765922,-6.8109062 2.294922,-9.6289062 1.531,-2.82 3.628828,-4.9963906 6.298828,-6.5253906 2.67,-1.53 5.685922,-2.2949219 9.044922,-2.2949219 z m -40.31836,52.4667965 c -1.32,0 -2.429078,0.44961 -3.330078,1.34961 -0.899,0.9 -1.347656,1.980234 -1.347656,3.240234 0,1.2 0.448656,2.250391 1.347656,3.150391 0.901,0.9 2.010078,1.349609 3.330078,1.349609 1.321,0 2.430079,-0.434687 3.330079,-1.304687 0.899999,-0.87 1.349609,-1.905469 1.349609,-3.105469 0,-1.32 -0.449609,-2.430078 -1.349609,-3.330078 -0.9,-0.9 -2.009079,-1.34961 -3.330079,-1.34961 z"},"children":[]}]},{"type":"g","props":{"id":"g934","transform":"translate(65.8047,82.915)"},"children":[{"type":"path","props":{"d":"M 0,0 C -15.05,-20.514 16.321,-21.067 -6.971,-51.972","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path936"},"children":[]}]},{"type":"g","props":{"id":"g938","transform":"translate(50.7544,93.0493)"},"children":[{"type":"path","props":{"d":"M 0,0 C -24.164,-32.678 18.272,-33.046 -12.591,-58.015","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path940"},"children":[]}]},{"type":"g","props":{"id":"g942","transform":"translate(86.2383,69.5928)"},"children":[{"type":"path","props":{"d":"M 0,0 C -6.701,-7.26 8.217,-25.762 -25.932,-37.525","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path944"},"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 Fluvio = react_1.forwardRef(function Fluvio({ 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 Fluvio = react_1.forwardRef(function Fluvio({ variant = 'default', viewBox
     ..._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/fluvio.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 546.39734 160","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs858"},"children":[{"type":"clipPath","props":{"clipPathUnits":"userSpaceOnUse","id":"clipPath872"},"children":[{"type":"path","props":{"d":"M 0,120 H 409.798 V 0 H 0 Z","id":"path870"},"children":[]}]}]},{"type":"g","props":{"id":"g860","transform":"matrix(1.3333333,0,0,-1.3333333,0,160)"},"children":[{"type":"g","props":{"id":"g862","transform":"translate(10.165,59.2676)"},"children":[{"type":"path","props":{"d":"M 0,0 -6.474,10.181 8.264,7.909 Z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path864"},"children":[]}]},{"type":"g","props":{"id":"g874","transform":"translate(13.1201,43.5088)"},"children":[{"type":"path","props":{"d":"M 0,0 C -0.49,1.313 -0.926,2.653 -1.307,4.017","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path876"},"children":[]}]},{"type":"g","props":{"id":"g878","transform":"translate(10.9956,50.8877)"},"children":[{"type":"path","props":{"d":"M 0,0 C -0.326,1.44 -0.559,2.909 -0.694,4.403","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path880"},"children":[]}]},{"type":"g","props":{"id":"g882","transform":"translate(16.2178,36.5342)"},"children":[{"type":"path","props":{"d":"M 0,0 C -1.373,2.837 -1.569,3.142 -1.847,3.78","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path884"},"children":[]}]},{"type":"g","props":{"id":"g886","transform":"translate(11.4082,67.5264)"},"children":[{"type":"path","props":{"d":"m 0,0 c 3.785,23.864 24.452,42.107 49.38,42.107 27.615,0 50.001,-22.386 50.001,-50 0,-27.615 -22.386,-50.001 -50.001,-50.001 -18.092,0 -33.94,9.61 -42.718,24.003","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path888"},"children":[]}]},{"type":"g","props":{"id":"g890","transform":"translate(149.4629,68.1445)"},"children":[{"type":"path","props":{"d":"m 0,0 v -8.819 h 30.06 v -5.759 H 0 V -41.309 H -6.659 V 0.09 c 0,6.9 2.16,12.315 6.479,16.244 4.321,3.93 10.41,5.895 18.27,5.895 7.619,0 13.739,-1.649 18.359,-4.95 L 34.02,11.79 c -4.081,3 -9.3,4.5 -15.661,4.5 C 12.18,16.29 7.575,14.895 4.545,12.104 1.516,9.315 0,5.28 0,0","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path892"},"children":[]}]},{"type":"g","props":{"id":"g894","transform":"translate(149.4629,68.1445)"},"children":[]},{"type":"g","props":{"id":"g898","transform":"translate(196.1719,39.9766)"},"children":[{"type":"path","props":{"d":"M 0,0 V 53.637 H 6.391 V 0.539 c 0,-2.82 0.659,-4.965 1.979,-6.434 1.32,-1.47 3.3,-2.205 5.94,-2.205 1.68,0 3.12,0.27 4.32,0.809 l 0.45,-5.309 c -1.86,-0.66 -3.78,-0.99 -5.76,-0.99 -4.259,0 -7.545,1.199 -9.855,3.6 C 1.155,-7.59 0,-4.26 0,0","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path900"},"children":[]}]},{"type":"g","props":{"id":"g902","transform":"translate(196.1719,39.9766)"},"children":[]},{"type":"g","props":{"id":"g906","transform":"translate(266.6406,26.8359)"},"children":[{"type":"path","props":{"d":"M 0,0 H -6.12 V 8.641 C -7.8,5.76 -10.11,3.525 -13.05,1.936 c -2.94,-1.59 -6.3,-2.385 -10.08,-2.385 -6.18,0 -11.054,1.724 -14.624,5.174 -3.57,3.451 -5.354,8.505 -5.354,15.166 v 27.447 h 6.389 V 20.52 c 0,-4.979 1.23,-8.76 3.69,-11.34 2.46,-2.58 5.969,-3.869 10.529,-3.869 4.98,0 8.91,1.515 11.79,4.544 2.88,3.03 4.319,7.245 4.319,12.645 V 47.338 H 0 Z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path908"},"children":[]}]},{"type":"g","props":{"id":"g910","transform":"translate(266.6406,26.8359)"},"children":[]},{"type":"g","props":{"id":"g914","transform":"translate(303.2705,26.8359)"},"children":[{"type":"path","props":{"d":"m 0,0 h -6.569 l -20.97,47.338 h 6.66 L -3.149,7.02 14.76,47.338 h 6.3 z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path916"},"children":[]}]},{"type":"g","props":{"id":"g918","transform":"translate(303.2705,26.8359)"},"children":[]},{"type":"path","props":{"d":"m 339.721,26.836 h -6.391 v 47.338 h 6.391 z m -7.83,62.278 c 0,1.2 0.45,2.25 1.349,3.15 0.901,0.9 2.01,1.35 3.33,1.35 1.321,0 2.43,-0.435 3.33,-1.305 0.9,-0.87 1.35,-1.905 1.35,-3.105 0,-1.32 -0.45,-2.43 -1.35,-3.33 -0.9,-0.9 -2.009,-1.35 -3.33,-1.35 -1.32,0 -2.429,0.45 -3.33,1.35 -0.899,0.9 -1.349,1.98 -1.349,3.24","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path922"},"children":[]},{"type":"g","props":{"id":"g926","transform":"translate(392.1885,40.877)"},"children":[{"type":"path","props":{"d":"m 0,0 c 1.5,2.818 2.25,6.029 2.25,9.629 0,3.6 -0.75,6.81 -2.25,9.629 -1.5,2.82 -3.585,4.995 -6.255,6.525 -2.67,1.53 -5.684,2.295 -9.045,2.295 -3.359,0 -6.375,-0.765 -9.045,-2.295 -2.67,-1.53 -4.769,-3.705 -6.3,-6.525 -1.529,-2.819 -2.294,-6.029 -2.294,-9.629 0,-3.6 0.765,-6.811 2.294,-9.629 1.531,-2.82 3.63,-4.996 6.3,-6.525 2.67,-1.53 5.686,-2.295 9.045,-2.295 3.361,0 6.375,0.765 9.045,2.295 C -3.585,-4.996 -1.5,-2.82 0,0 m -36.269,-2.791 c -2.1,3.66 -3.15,7.801 -3.15,12.42 0,4.619 1.05,8.759 3.15,12.419 2.1,3.66 4.98,6.51 8.64,8.55 3.659,2.04 7.77,3.06 12.329,3.06 4.56,0 8.67,-1.02 12.329,-3.06 3.66,-2.04 6.526,-4.89 8.595,-8.55 2.07,-3.66 3.105,-7.8 3.105,-12.419 0,-4.619 -1.035,-8.76 -3.105,-12.42 -2.069,-3.66 -4.935,-6.525 -8.595,-8.594 -3.659,-2.07 -7.769,-3.105 -12.329,-3.105 -4.559,0 -8.67,1.035 -12.329,3.105 -3.66,2.069 -6.54,4.934 -8.64,8.594","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path928"},"children":[]}]},{"type":"g","props":{"id":"g930","transform":"translate(392.1885,40.877)"},"children":[{"type":"path","props":{"id":"path932","style":{"fill":"none","stroke":"#45328d","strokeWidth":"1","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"d":"m -182.69727,-14.490234 c -4.259,0 -7.54351,1.198609 -9.85351,3.599609 -2.31,2.4 -3.46484,5.7302344 -3.46484,9.99023438 V 52.736328 h 6.39062 V -0.36132812 c 0,-2.81999998 0.65852,-4.96459378 1.97852,-6.43359378 1.32,-1.47 3.29945,-2.2050781 5.93945,-2.2050781 1.68,0 3.12031,0.2695937 4.32031,0.8085938 L -176.9375,-13.5 c -1.86,-0.66 -3.77977,-0.990234 -5.75977,-0.990234 z m 34.01954,0 c -6.18,0 -11.055,1.723828 -14.625,5.1738278 -3.57,3.451 -5.35352,8.50501558 -5.35352,15.1660156 V 33.296875 h 6.38867 V 6.4785156 c 0,-4.979 1.23141,-8.7598437 3.69141,-11.3398437 2.46,-2.58 5.96734,-3.8691407 10.52734,-3.8691407 4.98,0 8.91102,1.5159219 11.79102,4.5449219 2.88,3.03 4.31836,7.2445313 4.31836,12.6445313 V 33.296875 h 6.39062 v -47.337891 h -6.11914 v 8.6406254 c -1.68,-2.881 -3.98969,-5.1160784 -6.92969,-6.7050784 -2.94,-1.59 -6.30007,-2.384765 -10.08007,-2.384765 z m 133.376949,0 c -4.559,0 -8.669125,1.035468 -12.328125,3.105468 -3.66,2.0690004 -6.540625,4.9337504 -8.640625,8.5937504 -2.1,3.65999998 -3.150391,7.8009219 -3.150391,12.4199218 0,4.6189998 1.050391,8.7599218 3.150391,12.4199218 2.1,3.66 4.980625,6.508828 8.640625,8.548828 3.659,2.04 7.769125,3.060547 12.328125,3.060547 4.56,0 8.6710779,-1.020547 12.3300779,-3.060547 3.65999998,-2.04 6.52475,-4.888828 8.59375,-8.548828 2.07,-3.66 3.1054687,-7.800922 3.1054687,-12.4199218 0,-4.6189999 -1.0354687,-8.75992183 -3.1054687,-12.4199218 -2.069,-3.66 -4.93375002,-6.52475 -8.59375,-8.5937504 -3.659,-2.07 -7.7700779,-3.105468 -12.3300779,-3.105468 z m -234.083989,0.449218 v 41.398438 c 0,6.9 2.15952,12.31514 6.47852,16.24414 4.321,3.93 10.41148,5.894532 18.27148,5.894532 7.619,0 13.73743,-1.648219 18.35743,-4.949219 l -2.42774,-5.490234 c -4.081,3 -9.30111,4.5 -15.66211,4.5 -6.179,0 -10.7825,-1.394547 -13.8125,-4.185547 -3.029,-2.789 -4.54687,-6.823516 -4.54687,-12.103516 v -8.818359 h 30.06054 v -5.759766 h -30.06054 v -26.730469 z m 153.898442,0 -20.970702,47.337891 h 6.66015 l 17.730474,-40.3183594 17.908203,40.3183594 h 6.300781 l -21.060547,-47.337891 z m 36.626953,0 v 47.337891 h 6.392578 v -47.337891 z m 43.558594,5.2207035 c 3.361,0 6.3749216,0.7649219 9.0449216,2.2949219 C -3.5858594,-4.9963906 -1.5,-2.82 0,0 1.5,2.818 2.25,6.0289062 2.25,9.6289062 2.25,13.228906 1.5,16.438812 0,19.257812 c -1.5,2.820001 -3.5858594,4.995391 -6.2558594,6.525391 -2.67,1.53 -5.6839216,2.294922 -9.0449216,2.294922 -3.359,0 -6.374922,-0.764922 -9.044922,-2.294922 -2.67,-1.53 -4.767828,-3.70539 -6.298828,-6.525391 -1.529,-2.818999 -2.294922,-6.028906 -2.294922,-9.6289058 0,-3.5999999 0.765922,-6.8109062 2.294922,-9.6289062 1.531,-2.82 3.628828,-4.9963906 6.298828,-6.5253906 2.67,-1.53 5.685922,-2.2949219 9.044922,-2.2949219 z m -40.31836,52.4667965 c -1.32,0 -2.429078,0.44961 -3.330078,1.34961 -0.899,0.9 -1.347656,1.980234 -1.347656,3.240234 0,1.2 0.448656,2.250391 1.347656,3.150391 0.901,0.9 2.010078,1.349609 3.330078,1.349609 1.321,0 2.430079,-0.434687 3.330079,-1.304687 0.899999,-0.87 1.349609,-1.905469 1.349609,-3.105469 0,-1.32 -0.449609,-2.430078 -1.349609,-3.330078 -0.9,-0.9 -2.009079,-1.34961 -3.330079,-1.34961 z"},"children":[]}]},{"type":"g","props":{"id":"g934","transform":"translate(65.8047,82.915)"},"children":[{"type":"path","props":{"d":"M 0,0 C -15.05,-20.514 16.321,-21.067 -6.971,-51.972","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path936"},"children":[]}]},{"type":"g","props":{"id":"g938","transform":"translate(50.7544,93.0493)"},"children":[{"type":"path","props":{"d":"M 0,0 C -24.164,-32.678 18.272,-33.046 -12.591,-58.015","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path940"},"children":[]}]},{"type":"g","props":{"id":"g942","transform":"translate(86.2383,69.5928)"},"children":[{"type":"path","props":{"d":"M 0,0 C -6.701,-7.26 8.217,-25.762 -25.932,-37.525","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path944"},"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 Fluvio = forwardRef(
   function Fluvio({ 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 Fluvio = 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/fly.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 231","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"53.096%","cy":"49.564%","fx":"53.096%","fy":"49.564%","r":"93.348%","gradientTransform":"matrix(.77604 0 0 1 .119 0)","id":"a"},"children":[{"type":"stop","props":{"stopColor":"#BA7BF0","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#996BEC","offset":"45%"},"children":[]},{"type":"stop","props":{"stopColor":"#5046E4","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"d":"M179.016 31.598h29.478c26.22 0 47.506 21.287 47.506 47.507v103.652c0 26.22-21.287 47.507-47.506 47.507h-2.323c-13.495-2.111-19.348-6.158-23.869-9.579l-37.479-30.815a5.276 5.276 0 0 0-6.635 0l-12.176 10.012-34.292-28.197a5.263 5.263 0 0 0-6.632 0l-47.64 41.91c-9.588 7.798-15.93 6.357-20.043 5.905C6.782 210.782 0 197.556 0 182.757V79.105c0-26.22 21.287-47.507 47.51-47.507h29.412l-.053.119-.992 2.89-.308.992-1.335 5.92-.184 1.04-.586 5.93-.078 1.627-.012.57.056 2.72.134 1.593.33 2.494.421 2.245.5 2.068.648 2.238 1.683 4.74.555 1.422 2.931 6.192 1.036 1.902 3.389 5.818 1.297 2.099 4.73 6.965.683.923 6.155 8.01 1.99 2.467 7.027 8.216 1.444 1.58 5.793 6.234 2.295 2.376 3.792 3.766-.761.636-.474.428a46.423 46.423 0 0 0-3.654 3.816 32.49 32.49 0 0 0-1.572 2.008 25.939 25.939 0 0 0-2.03 3.318c-.303.6-.574 1.215-.814 1.842a17.056 17.056 0 0 0-1.1 5.008l-.022 1.481c.054 2.088.48 4.15 1.256 6.09a16.962 16.962 0 0 0 3.387 5.31 17.222 17.222 0 0 0 3.57 2.906c1.12.686 2.313 1.25 3.554 1.68 2.698.915 5.56 1.24 8.394.954h.016a18.933 18.933 0 0 0 6.922-2.054 17.902 17.902 0 0 0 2.644-1.712 16.956 16.956 0 0 0 5.332-7.09c.873-2.18 1.3-4.51 1.262-6.854l-.068-1.225a17.258 17.258 0 0 0-1.148-4.718 19.594 19.594 0 0 0-.888-1.927 26.472 26.472 0 0 0-2.09-3.308c-.355-.48-.723-.952-1.103-1.413a45.505 45.505 0 0 0-4.078-4.271l-1.026-.873 1.736-1.715 7.465-7.795 2.582-2.835 4.013-4.515 2.61-3.052 3.722-4.534 2.52-3.168 3.7-4.948 1.869-2.56 2.65-3.963 2.207-3.377 4.16-7.243 2.379-4.752.069-.146 1.82-4.41c.025-.056.045-.115.063-.174l1.961-6.118.206-.891.851-4.87.165-1.32.05-.807.06-3.05-.016-.567-.156-2.732-.193-2.12-.967-6.114c-.015-.081-.031-.162-.056-.243l-1.241-4.522-.427-1.256-.558-1.39Zm14.012 129.258c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Z","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M102.63 230.264H47.51A47.304 47.304 0 0 1 17.404 219.5c4.113.452 10.455 1.893 20.043-5.905l47.64-41.91a5.263 5.263 0 0 1 6.632 0l34.292 28.197 12.176-10.012a5.276 5.276 0 0 1 6.635 0l37.48 30.815c4.52 3.42 10.373 7.468 23.868 9.579h-24.932a10.599 10.599 0 0 1-6.12-2.04l-.437-.336-32.983-27.389-32.55 27.389a10.427 10.427 0 0 1-6.519 2.376Zm90.398-69.408c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Zm-72.765-34.102-3.792-3.766-2.295-2.376-5.793-6.233-1.444-1.581-7.028-8.216-1.99-2.466-6.154-8.01-.683-.924-4.73-6.965-1.297-2.099-3.39-5.818-1.035-1.902-2.93-6.192-.556-1.422-1.683-4.74-.649-2.238-.499-2.068-.42-2.245L73.563 55l-.134-1.593-.056-2.72.012-.57.078-1.627.586-5.93.184-1.04 1.335-5.92.308-.992.992-2.89.318-.749 1.578-3.467 1.094-2.064 1.525-2.513 1.518-2.239 1.082-1.422 1.247-1.503 1.372-1.509 1.176-1.182 2.862-2.519 2.092-1.712c.05-.043.103-.08.156-.118l2.476-1.675 1.968-1.253 3.735-1.968c.056-.034.122-.062.18-.09l5.298-2.198.49-.184 4.708-1.378 1.99-.446 2.687-.54 1.784-.27 2.734-.34 1.865-.166 3.7-.196 1.45-.016 2.748.056.714.04 3.978.331 5.264.742.608.128 5.2 1.294 1.528.455 1.697.587 2.067.782 1.634.692 2.4 1.132 1.513.777 2.719 1.596 1.013.624 3.707 2.706 1.064.923 2.585 2.354.127.128 2.192 2.351.755.851 2.572 3.418.524.816 2.042 3.449.615 1.182 1.15 2.572 1.204 3.003.427 1.256 1.241 4.522c.023.08.042.16.056.243l.967 6.114.193 2.12.156 2.732.016.567-.06 3.05-.05.807-.165 1.32-.851 4.87-.206.891-1.961 6.118c-.018.06-.038.118-.062.175l-1.821 4.409-.069.146-2.38 4.752-4.159 7.243-2.207 3.377-2.65 3.963-1.868 2.56-3.701 4.948-2.52 3.168-3.723 4.534-2.61 3.052-4.012 4.515-2.582 2.835-7.465 7.795-1.736 1.715 1.026.873a45.503 45.503 0 0 1 4.078 4.271c.38.462.748.933 1.104 1.413a26.472 26.472 0 0 1 2.089 3.308c.33.624.627 1.269.888 1.927.596 1.51.998 3.105 1.148 4.718l.068 1.225a17.667 17.667 0 0 1-1.262 6.853 16.956 16.956 0 0 1-5.332 7.09c-.83.65-1.715 1.22-2.644 1.713a18.933 18.933 0 0 1-6.922 2.054h-.016a19.924 19.924 0 0 1-8.394-.954 18.253 18.253 0 0 1-3.554-1.68 17.22 17.22 0 0 1-3.57-2.906 16.962 16.962 0 0 1-3.387-5.31 17.586 17.586 0 0 1-1.256-6.09l.022-1.481a17.056 17.056 0 0 1 1.1-5.008c.24-.63.512-1.244.814-1.842a25.938 25.938 0 0 1 2.03-3.318c.496-.689 1.023-1.36 1.572-2.008a46.423 46.423 0 0 1 3.654-3.816l.474-.428.76-.636Z"},"children":[]},{"type":"path","props":{"d":"m141.7 200.499 32.982 27.389a10.589 10.589 0 0 0 6.67 2.376h-78.834c2.42 0 4.764-.839 6.632-2.376l32.55-27.389Zm-13.536-64.64.299.087c.097.047.178.116.265.175l.25.221a35.63 35.63 0 0 1 1.792 1.774c.406.434.802.88 1.182 1.341a19.32 19.32 0 0 1 1.347 1.83c.178.281.343.565.499.861.134.256.256.52.362.789.187.468.327.96.37 1.462l-.009.942a5.372 5.372 0 0 1-2.547 4.187 7.29 7.29 0 0 1-3.1 1.02l-1.162.034-.983-.087a7.477 7.477 0 0 1-1.35-.327 6.454 6.454 0 0 1-1.278-.599l-.767-.561a5.263 5.263 0 0 1-1.746-2.994 7.539 7.539 0 0 1-.09-.592l-.029-.898c.016-.243.053-.483.106-.723a7.53 7.53 0 0 1 .57-1.516c.315-.606.674-1.189 1.073-1.743a26.809 26.809 0 0 1 2.155-2.56 32.093 32.093 0 0 1 1.534-1.521l.377-.34c.262-.175.265-.175.565-.262h.315Zm-1.93-125.195.121-.01v104.981l-.262-.483a293.485 293.485 0 0 1-9.644-19.544 208.977 208.977 0 0 1-6.545-16.385 129.208 129.208 0 0 1-3.944-13.492c-.83-3.626-1.465-7.305-1.727-11.022a53.98 53.98 0 0 1-.09-4.764c.024-1.385.08-2.766.168-4.147a78 78 0 0 1 .676-6.492c.253-1.693.565-3.38.951-5.048a53.058 53.058 0 0 1 1.067-3.935 46.63 46.63 0 0 1 2.104-5.482c.3-.642.62-1.281.958-1.908 2.026-3.754 4.776-7.212 8.378-9.525a17.514 17.514 0 0 1 7.789-2.744Zm13.613.265 7.062 2.014c3.271 1.207 6.42 2.781 9.314 4.746a37.367 37.367 0 0 1 10.015 9.99 37.714 37.714 0 0 1 3.879 7.477 43.852 43.852 0 0 1 2.7 12.107c.094 1.085.147 2.173.168 3.262.025 1.01.02 2.023-.062 3.033-.2 2.261-.626 4.496-1.269 6.673a52.82 52.82 0 0 1-1.83 5.25 75.765 75.765 0 0 1-2.906 6.277c-2.354 4.547-5.064 8.896-7.964 13.102a204.078 204.078 0 0 1-11.483 14.986c-4.406 5.254-9.001 10.347-13.776 15.269a292.15 292.15 0 0 0 9.067-18.553 230.134 230.134 0 0 0 4.41-10.623c1.519-3.928 2.888-7.913 4.106-11.945a117.089 117.089 0 0 0 2.36-9.16 74.917 74.917 0 0 0 1.282-8.014c.23-2.245.314-4.502.258-6.754a96.056 96.056 0 0 0-.152-4.131c-.33-5.538-1.173-11.057-2.788-16.367a47.834 47.834 0 0 0-2.226-5.899c-2.067-4.502-4.952-8.712-8.855-11.783l-1.31-.957Z","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 Fly = react_1.forwardRef(function Fly({ 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 Fly = react_1.forwardRef(function Fly({ variant = 'default', viewBox, ...p
     ..._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/fly.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 256 231","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"53.096%","cy":"49.564%","fx":"53.096%","fy":"49.564%","r":"93.348%","gradientTransform":"matrix(.77604 0 0 1 .119 0)","id":"a"},"children":[{"type":"stop","props":{"stopColor":"#BA7BF0","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#996BEC","offset":"45%"},"children":[]},{"type":"stop","props":{"stopColor":"#5046E4","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"d":"M179.016 31.598h29.478c26.22 0 47.506 21.287 47.506 47.507v103.652c0 26.22-21.287 47.507-47.506 47.507h-2.323c-13.495-2.111-19.348-6.158-23.869-9.579l-37.479-30.815a5.276 5.276 0 0 0-6.635 0l-12.176 10.012-34.292-28.197a5.263 5.263 0 0 0-6.632 0l-47.64 41.91c-9.588 7.798-15.93 6.357-20.043 5.905C6.782 210.782 0 197.556 0 182.757V79.105c0-26.22 21.287-47.507 47.51-47.507h29.412l-.053.119-.992 2.89-.308.992-1.335 5.92-.184 1.04-.586 5.93-.078 1.627-.012.57.056 2.72.134 1.593.33 2.494.421 2.245.5 2.068.648 2.238 1.683 4.74.555 1.422 2.931 6.192 1.036 1.902 3.389 5.818 1.297 2.099 4.73 6.965.683.923 6.155 8.01 1.99 2.467 7.027 8.216 1.444 1.58 5.793 6.234 2.295 2.376 3.792 3.766-.761.636-.474.428a46.423 46.423 0 0 0-3.654 3.816 32.49 32.49 0 0 0-1.572 2.008 25.939 25.939 0 0 0-2.03 3.318c-.303.6-.574 1.215-.814 1.842a17.056 17.056 0 0 0-1.1 5.008l-.022 1.481c.054 2.088.48 4.15 1.256 6.09a16.962 16.962 0 0 0 3.387 5.31 17.222 17.222 0 0 0 3.57 2.906c1.12.686 2.313 1.25 3.554 1.68 2.698.915 5.56 1.24 8.394.954h.016a18.933 18.933 0 0 0 6.922-2.054 17.902 17.902 0 0 0 2.644-1.712 16.956 16.956 0 0 0 5.332-7.09c.873-2.18 1.3-4.51 1.262-6.854l-.068-1.225a17.258 17.258 0 0 0-1.148-4.718 19.594 19.594 0 0 0-.888-1.927 26.472 26.472 0 0 0-2.09-3.308c-.355-.48-.723-.952-1.103-1.413a45.505 45.505 0 0 0-4.078-4.271l-1.026-.873 1.736-1.715 7.465-7.795 2.582-2.835 4.013-4.515 2.61-3.052 3.722-4.534 2.52-3.168 3.7-4.948 1.869-2.56 2.65-3.963 2.207-3.377 4.16-7.243 2.379-4.752.069-.146 1.82-4.41c.025-.056.045-.115.063-.174l1.961-6.118.206-.891.851-4.87.165-1.32.05-.807.06-3.05-.016-.567-.156-2.732-.193-2.12-.967-6.114c-.015-.081-.031-.162-.056-.243l-1.241-4.522-.427-1.256-.558-1.39Zm14.012 129.258c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Z","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M102.63 230.264H47.51A47.304 47.304 0 0 1 17.404 219.5c4.113.452 10.455 1.893 20.043-5.905l47.64-41.91a5.263 5.263 0 0 1 6.632 0l34.292 28.197 12.176-10.012a5.276 5.276 0 0 1 6.635 0l37.48 30.815c4.52 3.42 10.373 7.468 23.868 9.579h-24.932a10.599 10.599 0 0 1-6.12-2.04l-.437-.336-32.983-27.389-32.55 27.389a10.427 10.427 0 0 1-6.519 2.376Zm90.398-69.408c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Zm-72.765-34.102-3.792-3.766-2.295-2.376-5.793-6.233-1.444-1.581-7.028-8.216-1.99-2.466-6.154-8.01-.683-.924-4.73-6.965-1.297-2.099-3.39-5.818-1.035-1.902-2.93-6.192-.556-1.422-1.683-4.74-.649-2.238-.499-2.068-.42-2.245L73.563 55l-.134-1.593-.056-2.72.012-.57.078-1.627.586-5.93.184-1.04 1.335-5.92.308-.992.992-2.89.318-.749 1.578-3.467 1.094-2.064 1.525-2.513 1.518-2.239 1.082-1.422 1.247-1.503 1.372-1.509 1.176-1.182 2.862-2.519 2.092-1.712c.05-.043.103-.08.156-.118l2.476-1.675 1.968-1.253 3.735-1.968c.056-.034.122-.062.18-.09l5.298-2.198.49-.184 4.708-1.378 1.99-.446 2.687-.54 1.784-.27 2.734-.34 1.865-.166 3.7-.196 1.45-.016 2.748.056.714.04 3.978.331 5.264.742.608.128 5.2 1.294 1.528.455 1.697.587 2.067.782 1.634.692 2.4 1.132 1.513.777 2.719 1.596 1.013.624 3.707 2.706 1.064.923 2.585 2.354.127.128 2.192 2.351.755.851 2.572 3.418.524.816 2.042 3.449.615 1.182 1.15 2.572 1.204 3.003.427 1.256 1.241 4.522c.023.08.042.16.056.243l.967 6.114.193 2.12.156 2.732.016.567-.06 3.05-.05.807-.165 1.32-.851 4.87-.206.891-1.961 6.118c-.018.06-.038.118-.062.175l-1.821 4.409-.069.146-2.38 4.752-4.159 7.243-2.207 3.377-2.65 3.963-1.868 2.56-3.701 4.948-2.52 3.168-3.723 4.534-2.61 3.052-4.012 4.515-2.582 2.835-7.465 7.795-1.736 1.715 1.026.873a45.503 45.503 0 0 1 4.078 4.271c.38.462.748.933 1.104 1.413a26.472 26.472 0 0 1 2.089 3.308c.33.624.627 1.269.888 1.927.596 1.51.998 3.105 1.148 4.718l.068 1.225a17.667 17.667 0 0 1-1.262 6.853 16.956 16.956 0 0 1-5.332 7.09c-.83.65-1.715 1.22-2.644 1.713a18.933 18.933 0 0 1-6.922 2.054h-.016a19.924 19.924 0 0 1-8.394-.954 18.253 18.253 0 0 1-3.554-1.68 17.22 17.22 0 0 1-3.57-2.906 16.962 16.962 0 0 1-3.387-5.31 17.586 17.586 0 0 1-1.256-6.09l.022-1.481a17.056 17.056 0 0 1 1.1-5.008c.24-.63.512-1.244.814-1.842a25.938 25.938 0 0 1 2.03-3.318c.496-.689 1.023-1.36 1.572-2.008a46.423 46.423 0 0 1 3.654-3.816l.474-.428.76-.636Z"},"children":[]},{"type":"path","props":{"d":"m141.7 200.499 32.982 27.389a10.589 10.589 0 0 0 6.67 2.376h-78.834c2.42 0 4.764-.839 6.632-2.376l32.55-27.389Zm-13.536-64.64.299.087c.097.047.178.116.265.175l.25.221a35.63 35.63 0 0 1 1.792 1.774c.406.434.802.88 1.182 1.341a19.32 19.32 0 0 1 1.347 1.83c.178.281.343.565.499.861.134.256.256.52.362.789.187.468.327.96.37 1.462l-.009.942a5.372 5.372 0 0 1-2.547 4.187 7.29 7.29 0 0 1-3.1 1.02l-1.162.034-.983-.087a7.477 7.477 0 0 1-1.35-.327 6.454 6.454 0 0 1-1.278-.599l-.767-.561a5.263 5.263 0 0 1-1.746-2.994 7.539 7.539 0 0 1-.09-.592l-.029-.898c.016-.243.053-.483.106-.723a7.53 7.53 0 0 1 .57-1.516c.315-.606.674-1.189 1.073-1.743a26.809 26.809 0 0 1 2.155-2.56 32.093 32.093 0 0 1 1.534-1.521l.377-.34c.262-.175.265-.175.565-.262h.315Zm-1.93-125.195.121-.01v104.981l-.262-.483a293.485 293.485 0 0 1-9.644-19.544 208.977 208.977 0 0 1-6.545-16.385 129.208 129.208 0 0 1-3.944-13.492c-.83-3.626-1.465-7.305-1.727-11.022a53.98 53.98 0 0 1-.09-4.764c.024-1.385.08-2.766.168-4.147a78 78 0 0 1 .676-6.492c.253-1.693.565-3.38.951-5.048a53.058 53.058 0 0 1 1.067-3.935 46.63 46.63 0 0 1 2.104-5.482c.3-.642.62-1.281.958-1.908 2.026-3.754 4.776-7.212 8.378-9.525a17.514 17.514 0 0 1 7.789-2.744Zm13.613.265 7.062 2.014c3.271 1.207 6.42 2.781 9.314 4.746a37.367 37.367 0 0 1 10.015 9.99 37.714 37.714 0 0 1 3.879 7.477 43.852 43.852 0 0 1 2.7 12.107c.094 1.085.147 2.173.168 3.262.025 1.01.02 2.023-.062 3.033-.2 2.261-.626 4.496-1.269 6.673a52.82 52.82 0 0 1-1.83 5.25 75.765 75.765 0 0 1-2.906 6.277c-2.354 4.547-5.064 8.896-7.964 13.102a204.078 204.078 0 0 1-11.483 14.986c-4.406 5.254-9.001 10.347-13.776 15.269a292.15 292.15 0 0 0 9.067-18.553 230.134 230.134 0 0 0 4.41-10.623c1.519-3.928 2.888-7.913 4.106-11.945a117.089 117.089 0 0 0 2.36-9.16 74.917 74.917 0 0 0 1.282-8.014c.23-2.245.314-4.502.258-6.754a96.056 96.056 0 0 0-.152-4.131c-.33-5.538-1.173-11.057-2.788-16.367a47.834 47.834 0 0 0-2.226-5.899c-2.067-4.502-4.952-8.712-8.855-11.783l-1.31-.957Z","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 Fly = forwardRef(
   function Fly({ 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 Fly = 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/flywheel.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 260 260","fill":"none","childNodes":[{"type":"g","props":{"filter":"url(#filter0_ii_242_49)"},"children":[{"type":"path","props":{"d":"M60.9869 225.79C62.0456 224.773 63.6785 224.661 64.8902 225.489C98.1372 248.214 140.618 251.635 176.646 235.754C179.512 234.491 178.543 230.57 175.411 230.574L138.08 230.62C137.283 230.621 136.577 230.108 136.331 229.35L132.095 216.29L147.401 216.272C149.468 216.269 150.933 214.252 150.295 212.285L147.716 204.335C147.332 203.15 148.214 201.934 149.46 201.933L165.093 201.914C165.89 201.913 166.596 202.425 166.842 203.183L170.394 214.133C170.801 215.391 171.974 216.242 173.296 216.24L190.569 216.219L205.881 216.273C206.175 216.274 206.68 216.328 206.68 216.328C206.68 216.328 207.344 216.491 207.541 216.697L214.848 224.316C216.037 225.556 215.963 227.542 214.66 228.663C169.242 267.719 103.245 270.268 55.1412 236.309C53.605 235.225 53.4664 233.012 54.8227 231.709L60.9869 225.79Z","fill":"url(#paint0_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M225.02 46.0924C226.259 44.8441 228.301 44.9035 229.436 46.2472C267.582 91.4328 270.021 156.495 236.755 204.223C235.688 205.754 233.499 205.918 232.182 204.596L226.167 198.557C225.12 197.507 224.988 195.854 225.818 194.626C250.234 158.512 251.995 111.649 231.103 73.984C229.857 71.7384 226.608 72.1081 225.789 74.542L221.307 87.8688L209.559 123.922C209.313 124.676 208.611 125.186 207.819 125.189L194.044 125.23L198.82 110.575C199.463 108.602 197.989 106.578 195.914 106.584L187.558 106.609C186.309 106.613 185.421 105.393 185.808 104.205L190.69 89.2213C190.936 88.4677 191.637 87.9569 192.43 87.9545L204 87.92C205.315 87.9161 206.48 87.0681 206.887 85.8172L212.284 69.2553L216.828 54.9123C216.903 54.6735 217.038 54.2668 217.074 54.112C217.082 54.078 217.162 53.9886 217.188 53.9654C217.27 53.8937 217.474 53.6974 217.55 53.6205L225.02 46.0924Z","fill":"url(#paint1_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M108.734 204.382C108.35 203.197 109.232 201.982 110.478 201.98L126.111 201.961C126.908 201.96 127.614 202.473 127.859 203.23L132.095 216.29L113.94 216.313C113.144 216.314 112.438 215.801 112.192 215.043L108.734 204.382Z","fill":"url(#paint2_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M178.53 126.537C178.776 125.784 179.477 125.273 180.27 125.271L194.044 125.23L188.376 142.625C188.13 143.379 187.429 143.889 186.636 143.892L175.398 143.925C174.148 143.929 173.26 142.709 173.648 141.521L178.53 126.537Z","fill":"url(#paint3_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M34.9958 59.7336C36.0647 60.7981 36.188 62.4849 35.3214 63.7197C9.79106 100.098 7.67865 147.903 28.984 186.172C30.2356 188.42 33.4918 188.038 34.2985 185.594L50.4602 136.642C50.7065 135.896 51.4001 135.39 52.1856 135.382L66.0449 135.25L61.148 150.082C60.4933 152.065 61.9823 154.104 64.0705 154.084L72.4215 154.004C73.6794 153.992 74.5764 155.22 74.182 156.415L69.1665 171.606C68.9202 172.352 68.2266 172.859 67.4411 172.866L55.8078 172.978C54.4819 172.99 53.3164 173.859 52.9255 175.126L47.7344 191.953L43.3569 205.815C43.3115 205.974 43.2418 206.04 43.1641 206.172C43.125 206.128 43.203 206.216 43.1641 206.172L35.1416 214.134C33.9016 215.365 31.8757 215.3 30.7459 213.967C-8.02707 168.239 -10.1282 102.035 24.4423 54.0874C25.5195 52.5934 27.6759 52.4442 28.9809 53.7438L34.9958 59.7336Z","fill":"url(#paint4_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M46.7472 34.4242C45.4968 33.1792 45.5647 31.1289 46.9207 29.9998C92.4034 -7.87635 157.666 -9.88716 205.249 23.9672C206.757 25.0399 206.912 27.2081 205.606 28.5181L199.602 34.536C198.543 35.5975 196.869 35.7253 195.636 34.8723C163.393 12.5712 122.336 8.53146 86.9002 22.753C83.9531 23.9358 84.8698 27.9053 88.0455 27.9029L124.288 27.8762C125.084 27.8756 125.789 28.3875 126.035 29.144L130.285 42.2104L114.954 42.2216C112.885 42.2231 111.419 44.243 112.059 46.2109L114.644 54.1584C115.03 55.3439 114.147 56.5607 112.9 56.5616L97.2375 56.5733C96.442 56.5738 95.7367 56.0619 95.4906 55.3055L91.9273 44.3501C91.518 43.092 90.3437 42.2418 89.0208 42.2457L56.4642 42.3423C56.2501 42.3425 56.0631 42.356 55.8936 42.3457C55.6612 42.3316 55.1529 42.3822 54.9276 42.3234C54.789 42.2872 54.6219 42.2643 54.5204 42.1632L46.7472 34.4242Z","fill":"url(#paint5_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M71.8646 117.623C72.1109 116.877 72.8045 116.37 73.59 116.363L84.8847 116.254C86.1427 116.242 87.0397 117.471 86.6453 118.665L81.6297 133.857C81.3834 134.603 80.6897 135.11 79.9042 135.117L66.0449 135.25L71.8646 117.623Z","fill":"url(#paint6_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M148.473 42.197C149.268 42.1964 149.973 42.7083 150.22 43.4648L153.688 54.1298C154.074 55.3153 153.191 56.5321 151.944 56.5331L136.282 56.5446C135.486 56.5452 134.781 56.0333 134.535 55.2768L130.285 42.2104L148.473 42.197Z","fill":"url(#paint7_linear_242_49)"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"filter0_ii_242_49","x":"0","y":"0","width":"260","height":"262","filterUnits":"userSpaceOnUse","colorInterpolationFilters":"sRGB"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"mode":"normal","in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","type":"matrix","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0","result":"hardAlpha"},"children":[]},{"type":"feOffset","props":{"dy":"2"},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"2"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","operator":"arithmetic","k2":"-1","k3":"1"},"children":[]},{"type":"feColorMatrix","props":{"type":"matrix","values":"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"},"children":[]},{"type":"feBlend","props":{"mode":"normal","in2":"shape","result":"effect1_innerShadow_242_49"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","type":"matrix","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0","result":"hardAlpha"},"children":[]},{"type":"feOffset","props":{"dy":"-3.1"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","operator":"arithmetic","k2":"-1","k3":"1"},"children":[]},{"type":"feColorMatrix","props":{"type":"matrix","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"},"children":[]},{"type":"feBlend","props":{"mode":"normal","in2":"effect1_innerShadow_242_49","result":"effect2_innerShadow_242_49"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint0_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint1_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint2_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint3_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint4_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint5_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint6_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint7_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"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 Flywheel = react_1.forwardRef(function Flywheel({ 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 Flywheel = react_1.forwardRef(function Flywheel({ variant = 'default', vie
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/flywheel.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 260 260","fill":"none","childNodes":[{"type":"g","props":{"filter":"url(#filter0_ii_242_49)"},"children":[{"type":"path","props":{"d":"M60.9869 225.79C62.0456 224.773 63.6785 224.661 64.8902 225.489C98.1372 248.214 140.618 251.635 176.646 235.754C179.512 234.491 178.543 230.57 175.411 230.574L138.08 230.62C137.283 230.621 136.577 230.108 136.331 229.35L132.095 216.29L147.401 216.272C149.468 216.269 150.933 214.252 150.295 212.285L147.716 204.335C147.332 203.15 148.214 201.934 149.46 201.933L165.093 201.914C165.89 201.913 166.596 202.425 166.842 203.183L170.394 214.133C170.801 215.391 171.974 216.242 173.296 216.24L190.569 216.219L205.881 216.273C206.175 216.274 206.68 216.328 206.68 216.328C206.68 216.328 207.344 216.491 207.541 216.697L214.848 224.316C216.037 225.556 215.963 227.542 214.66 228.663C169.242 267.719 103.245 270.268 55.1412 236.309C53.605 235.225 53.4664 233.012 54.8227 231.709L60.9869 225.79Z","fill":"url(#paint0_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M225.02 46.0924C226.259 44.8441 228.301 44.9035 229.436 46.2472C267.582 91.4328 270.021 156.495 236.755 204.223C235.688 205.754 233.499 205.918 232.182 204.596L226.167 198.557C225.12 197.507 224.988 195.854 225.818 194.626C250.234 158.512 251.995 111.649 231.103 73.984C229.857 71.7384 226.608 72.1081 225.789 74.542L221.307 87.8688L209.559 123.922C209.313 124.676 208.611 125.186 207.819 125.189L194.044 125.23L198.82 110.575C199.463 108.602 197.989 106.578 195.914 106.584L187.558 106.609C186.309 106.613 185.421 105.393 185.808 104.205L190.69 89.2213C190.936 88.4677 191.637 87.9569 192.43 87.9545L204 87.92C205.315 87.9161 206.48 87.0681 206.887 85.8172L212.284 69.2553L216.828 54.9123C216.903 54.6735 217.038 54.2668 217.074 54.112C217.082 54.078 217.162 53.9886 217.188 53.9654C217.27 53.8937 217.474 53.6974 217.55 53.6205L225.02 46.0924Z","fill":"url(#paint1_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M108.734 204.382C108.35 203.197 109.232 201.982 110.478 201.98L126.111 201.961C126.908 201.96 127.614 202.473 127.859 203.23L132.095 216.29L113.94 216.313C113.144 216.314 112.438 215.801 112.192 215.043L108.734 204.382Z","fill":"url(#paint2_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M178.53 126.537C178.776 125.784 179.477 125.273 180.27 125.271L194.044 125.23L188.376 142.625C188.13 143.379 187.429 143.889 186.636 143.892L175.398 143.925C174.148 143.929 173.26 142.709 173.648 141.521L178.53 126.537Z","fill":"url(#paint3_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M34.9958 59.7336C36.0647 60.7981 36.188 62.4849 35.3214 63.7197C9.79106 100.098 7.67865 147.903 28.984 186.172C30.2356 188.42 33.4918 188.038 34.2985 185.594L50.4602 136.642C50.7065 135.896 51.4001 135.39 52.1856 135.382L66.0449 135.25L61.148 150.082C60.4933 152.065 61.9823 154.104 64.0705 154.084L72.4215 154.004C73.6794 153.992 74.5764 155.22 74.182 156.415L69.1665 171.606C68.9202 172.352 68.2266 172.859 67.4411 172.866L55.8078 172.978C54.4819 172.99 53.3164 173.859 52.9255 175.126L47.7344 191.953L43.3569 205.815C43.3115 205.974 43.2418 206.04 43.1641 206.172C43.125 206.128 43.203 206.216 43.1641 206.172L35.1416 214.134C33.9016 215.365 31.8757 215.3 30.7459 213.967C-8.02707 168.239 -10.1282 102.035 24.4423 54.0874C25.5195 52.5934 27.6759 52.4442 28.9809 53.7438L34.9958 59.7336Z","fill":"url(#paint4_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M46.7472 34.4242C45.4968 33.1792 45.5647 31.1289 46.9207 29.9998C92.4034 -7.87635 157.666 -9.88716 205.249 23.9672C206.757 25.0399 206.912 27.2081 205.606 28.5181L199.602 34.536C198.543 35.5975 196.869 35.7253 195.636 34.8723C163.393 12.5712 122.336 8.53146 86.9002 22.753C83.9531 23.9358 84.8698 27.9053 88.0455 27.9029L124.288 27.8762C125.084 27.8756 125.789 28.3875 126.035 29.144L130.285 42.2104L114.954 42.2216C112.885 42.2231 111.419 44.243 112.059 46.2109L114.644 54.1584C115.03 55.3439 114.147 56.5607 112.9 56.5616L97.2375 56.5733C96.442 56.5738 95.7367 56.0619 95.4906 55.3055L91.9273 44.3501C91.518 43.092 90.3437 42.2418 89.0208 42.2457L56.4642 42.3423C56.2501 42.3425 56.0631 42.356 55.8936 42.3457C55.6612 42.3316 55.1529 42.3822 54.9276 42.3234C54.789 42.2872 54.6219 42.2643 54.5204 42.1632L46.7472 34.4242Z","fill":"url(#paint5_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M71.8646 117.623C72.1109 116.877 72.8045 116.37 73.59 116.363L84.8847 116.254C86.1427 116.242 87.0397 117.471 86.6453 118.665L81.6297 133.857C81.3834 134.603 80.6897 135.11 79.9042 135.117L66.0449 135.25L71.8646 117.623Z","fill":"url(#paint6_linear_242_49)"},"children":[]},{"type":"path","props":{"d":"M148.473 42.197C149.268 42.1964 149.973 42.7083 150.22 43.4648L153.688 54.1298C154.074 55.3153 153.191 56.5321 151.944 56.5331L136.282 56.5446C135.486 56.5452 134.781 56.0333 134.535 55.2768L130.285 42.2104L148.473 42.197Z","fill":"url(#paint7_linear_242_49)"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"filter0_ii_242_49","x":"0","y":"0","width":"260","height":"262","filterUnits":"userSpaceOnUse","colorInterpolationFilters":"sRGB"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"mode":"normal","in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","type":"matrix","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0","result":"hardAlpha"},"children":[]},{"type":"feOffset","props":{"dy":"2"},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"2"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","operator":"arithmetic","k2":"-1","k3":"1"},"children":[]},{"type":"feColorMatrix","props":{"type":"matrix","values":"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"},"children":[]},{"type":"feBlend","props":{"mode":"normal","in2":"shape","result":"effect1_innerShadow_242_49"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","type":"matrix","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0","result":"hardAlpha"},"children":[]},{"type":"feOffset","props":{"dy":"-3.1"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","operator":"arithmetic","k2":"-1","k3":"1"},"children":[]},{"type":"feColorMatrix","props":{"type":"matrix","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"},"children":[]},{"type":"feBlend","props":{"mode":"normal","in2":"effect1_innerShadow_242_49","result":"effect2_innerShadow_242_49"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint0_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint1_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint2_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint3_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint4_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint5_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint6_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint7_linear_242_49","x1":"130","y1":"260","x2":"130","y2":"0","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#D1F5E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CBFFE4"},"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 Flywheel = forwardRef(
   function Flywheel({ 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 Flywheel = 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/fontfolio.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_105)"},"children":[{"type":"path","props":{"d":"M32 0H0V31.2H32V0Z","fill":"#DBDCDD"},"children":[]},{"type":"path","props":{"d":"M17.28 10.88H16.1067C16.0534 10.8267 15.9467 10.6267 15.7867 10.2667C15.6267 9.92003 15.4534 9.52003 15.2534 9.08003H10.48V14.6667H14.3867C14.4267 14.4267 14.4934 14.12 14.5867 13.7467C14.68 13.3734 14.7734 13.0534 14.8534 12.7867H15.7334V17.5867H14.8534C14.7867 17.2934 14.7067 16.9467 14.6134 16.56C14.52 16.1734 14.44 15.8667 14.3867 15.64H10.48V21.1067C10.72 21.12 11.04 21.1334 11.4134 21.16C11.8 21.1867 12.2134 21.2267 12.6534 21.28V22.16H6.49338V21.28C6.77338 21.2534 7.10671 21.2134 7.46671 21.1867C7.82671 21.1467 8.12004 21.12 8.33338 21.0934V9.20003C8.16004 9.1867 7.89338 9.16003 7.50671 9.13336C7.13338 9.1067 6.78671 9.0667 6.49338 9.00003V8.13336H17.2934V10.88H17.28Z","fill":"#353535"},"children":[]},{"type":"path","props":{"d":"M18.1334 22.16V21.28C18.44 21.2267 18.72 21.1867 18.9467 21.16C19.1734 21.1334 19.36 21.12 19.52 21.1067V13.4667C19.4267 13.4667 19.2934 13.4534 19.1467 13.44C19 13.4267 18.84 13.4134 18.6934 13.4C18.5334 13.3867 18.3867 13.3734 18.2534 13.3467C18.12 13.32 18.0267 13.3067 17.96 13.2934V12.4134H19.52C19.52 11.76 19.5867 11.0934 19.72 10.4267C19.8534 9.76003 20.12 9.1467 20.52 8.5867C20.92 8.0267 21.4267 7.56003 22.0534 7.17337C22.68 6.7867 23.44 6.5867 24.3334 6.5867C24.5734 6.5867 24.8267 6.60003 25.08 6.61337C25.3334 6.6267 25.56 6.68003 25.76 6.7467V8.6267H24.2667C24.2267 8.5467 24.1467 8.40003 24.04 8.20003C23.9334 8.00003 23.84 7.8267 23.7734 7.6667H23.7334C23.4667 7.64003 23.1867 7.6667 22.92 7.7467C22.6534 7.8267 22.4134 7.9867 22.2 8.21337C21.9867 8.45337 21.8134 8.77337 21.68 9.1867C21.5467 9.60003 21.48 10.12 21.48 10.7467V12.4134H23.68V13.2934C23.56 13.3067 23.4267 13.32 23.24 13.3467C23.0667 13.3734 22.8667 13.3867 22.6667 13.4C22.4667 13.4134 22.2534 13.4267 22.0534 13.44C21.8534 13.4534 21.6534 13.4667 21.4934 13.4667V21.12C21.7334 21.1334 22.04 21.16 22.4 21.2C22.76 21.24 23.0534 21.2667 23.28 21.2934V22.1734H18.1334V22.16Z","fill":"#353535"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_105"},"children":[{"type":"rect","props":{"width":"32","height":"31.2","fill":"white"},"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 Fontfolio = react_1.forwardRef(function Fontfolio({ 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 Fontfolio = react_1.forwardRef(function Fontfolio({ variant = 'default', v
     ..._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));
       })
   );
 });