@thesvg/react 3.2.0 → 3.2.4

package/dist/framemaker-server.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_137)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0V31.2H32V0H0ZM1.33333 1.33333H30.6667V29.8667H1.33333V1.33333Z","fill":"#FFEDCC"},"children":[]},{"type":"path","props":{"d":"M30.6667 1.33334H1.33334V29.8667H30.6667V1.33334Z","fill":"#261A00"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M7.06666 21.8133C7.06666 21.9467 7.02666 22 6.92 22H4.81333C4.70666 22 4.66666 21.96 4.66666 21.8267V7.88C4.66666 7.77334 4.70666 7.73334 4.81333 7.73334H11.9733C12.1067 7.73334 12.12 7.77334 12.1467 7.88L12.36 9.69334C12.3867 9.82667 12.32 9.86667 12.1867 9.86667H7.06666V13.8667H11.76C11.8667 13.8667 11.8667 13.8933 11.8667 14.0133V15.84C11.8667 15.9733 11.8267 15.9867 11.72 15.9867H7.06666V21.8133ZM23.6267 11.2667C25.2 11.2667 27.2 11.9733 27.2 15.1067V21.8133C27.2 21.9467 27.16 21.9867 27.0533 21.9867H25.0933C24.9867 21.9867 24.9467 21.92 24.9467 21.8133V15.2533C24.9467 13.9867 24.4667 13.2933 23.16 13.2933C22.52 13.2933 22 13.4267 21.5467 13.6C21.68 13.9867 21.7333 14.52 21.7333 15.08V21.8133C21.7333 21.9467 21.6933 21.9867 21.5867 21.9867H19.64C19.5067 21.9867 19.4667 21.92 19.4667 21.8133V15.2533C19.4667 13.9867 18.9333 13.2933 17.6667 13.2933C17.08 13.2933 16.6933 13.4267 16.2667 13.5733V21.8267C16.2667 21.92 16.24 21.9733 16.1333 21.9733H14.1467C14.04 21.9733 14 21.9333 14 21.8267V13.6133C14 13.48 14 13.0267 13.9333 12.3067C13.9333 12.2 13.9733 12.2 14.0667 12.16C15.12 11.7467 16.6 11.2533 18.0667 11.2533C19.0267 11.2533 19.8667 11.44 20.56 11.96C21.4133 11.6133 22.36 11.2667 23.6267 11.2667Z","fill":"#FFEDCC"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_137"},"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 FramemakerServer = react_1.forwardRef(function FramemakerServer({ 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 FramemakerServer = react_1.forwardRef(function FramemakerServer({ 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/framemaker-server.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 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_137)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0V31.2H32V0H0ZM1.33333 1.33333H30.6667V29.8667H1.33333V1.33333Z","fill":"#FFEDCC"},"children":[]},{"type":"path","props":{"d":"M30.6667 1.33334H1.33334V29.8667H30.6667V1.33334Z","fill":"#261A00"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M7.06666 21.8133C7.06666 21.9467 7.02666 22 6.92 22H4.81333C4.70666 22 4.66666 21.96 4.66666 21.8267V7.88C4.66666 7.77334 4.70666 7.73334 4.81333 7.73334H11.9733C12.1067 7.73334 12.12 7.77334 12.1467 7.88L12.36 9.69334C12.3867 9.82667 12.32 9.86667 12.1867 9.86667H7.06666V13.8667H11.76C11.8667 13.8667 11.8667 13.8933 11.8667 14.0133V15.84C11.8667 15.9733 11.8267 15.9867 11.72 15.9867H7.06666V21.8133ZM23.6267 11.2667C25.2 11.2667 27.2 11.9733 27.2 15.1067V21.8133C27.2 21.9467 27.16 21.9867 27.0533 21.9867H25.0933C24.9867 21.9867 24.9467 21.92 24.9467 21.8133V15.2533C24.9467 13.9867 24.4667 13.2933 23.16 13.2933C22.52 13.2933 22 13.4267 21.5467 13.6C21.68 13.9867 21.7333 14.52 21.7333 15.08V21.8133C21.7333 21.9467 21.6933 21.9867 21.5867 21.9867H19.64C19.5067 21.9867 19.4667 21.92 19.4667 21.8133V15.2533C19.4667 13.9867 18.9333 13.2933 17.6667 13.2933C17.08 13.2933 16.6933 13.4267 16.2667 13.5733V21.8267C16.2667 21.92 16.24 21.9733 16.1333 21.9733H14.1467C14.04 21.9733 14 21.9333 14 21.8267V13.6133C14 13.48 14 13.0267 13.9333 12.3067C13.9333 12.2 13.9733 12.2 14.0667 12.16C15.12 11.7467 16.6 11.2533 18.0667 11.2533C19.0267 11.2533 19.8667 11.44 20.56 11.96C21.4133 11.6133 22.36 11.2667 23.6267 11.2667Z","fill":"#FFEDCC"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_137"},"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 FramemakerServer = forwardRef(
   function FramemakerServer({ 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 FramemakerServer = 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/framemaker.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_143)"},"children":[{"type":"path","props":{"d":"M30.6667 1.33334H1.33333V29.8667H30.6667V1.33334Z","fill":"#261A00"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0V31.2H32V0H0ZM1.33333 1.33333H30.6667V29.8667H1.33333V1.33333Z","fill":"#FAAB18"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M7.06667 21.8133C7.06667 21.9467 7.02667 22 6.92001 22H4.81334C4.70667 22 4.66667 21.96 4.66667 21.8267V7.88C4.66667 7.77334 4.70667 7.73334 4.81334 7.73334H11.9733C12.1067 7.73334 12.12 7.77334 12.1467 7.88L12.36 9.69334C12.3867 9.82667 12.32 9.86667 12.1867 9.86667H7.06667V13.8667H11.76C11.8667 13.8667 11.8667 13.8933 11.8667 14.0133V15.84C11.8667 15.9733 11.8267 15.9867 11.72 15.9867H7.06667V21.8133ZM23.6267 11.2667C25.2 11.2667 27.2 11.9733 27.2 15.1067V21.8133C27.2 21.9467 27.16 21.9867 27.0533 21.9867H25.0933C24.9867 21.9867 24.9467 21.92 24.9467 21.8133V15.2533C24.9467 13.9867 24.4667 13.2933 23.16 13.2933C22.52 13.2933 22 13.4267 21.5467 13.6C21.68 13.9867 21.7333 14.52 21.7333 15.08V21.8133C21.7333 21.9467 21.6933 21.9867 21.5867 21.9867H19.64C19.5067 21.9867 19.4667 21.92 19.4667 21.8133V15.2533C19.4667 13.9867 18.9333 13.2933 17.6667 13.2933C17.08 13.2933 16.6933 13.4267 16.2667 13.5733V21.8267C16.2667 21.92 16.24 21.9733 16.1333 21.9733H14.1467C14.04 21.9733 14 21.9333 14 21.8267V13.6133C14 13.48 14 13.0267 13.9333 12.3067C13.9333 12.2 13.9733 12.2 14.0667 12.16C15.12 11.7467 16.6 11.2533 18.0667 11.2533C19.0267 11.2533 19.8667 11.44 20.56 11.96C21.4133 11.6133 22.36 11.2667 23.6267 11.2667Z","fill":"#FAAB18"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_143"},"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 Framemaker = react_1.forwardRef(function Framemaker({ 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 Framemaker = react_1.forwardRef(function Framemaker({ variant = 'default',
     ..._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/framemaker.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 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_143)"},"children":[{"type":"path","props":{"d":"M30.6667 1.33334H1.33333V29.8667H30.6667V1.33334Z","fill":"#261A00"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0V31.2H32V0H0ZM1.33333 1.33333H30.6667V29.8667H1.33333V1.33333Z","fill":"#FAAB18"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M7.06667 21.8133C7.06667 21.9467 7.02667 22 6.92001 22H4.81334C4.70667 22 4.66667 21.96 4.66667 21.8267V7.88C4.66667 7.77334 4.70667 7.73334 4.81334 7.73334H11.9733C12.1067 7.73334 12.12 7.77334 12.1467 7.88L12.36 9.69334C12.3867 9.82667 12.32 9.86667 12.1867 9.86667H7.06667V13.8667H11.76C11.8667 13.8667 11.8667 13.8933 11.8667 14.0133V15.84C11.8667 15.9733 11.8267 15.9867 11.72 15.9867H7.06667V21.8133ZM23.6267 11.2667C25.2 11.2667 27.2 11.9733 27.2 15.1067V21.8133C27.2 21.9467 27.16 21.9867 27.0533 21.9867H25.0933C24.9867 21.9867 24.9467 21.92 24.9467 21.8133V15.2533C24.9467 13.9867 24.4667 13.2933 23.16 13.2933C22.52 13.2933 22 13.4267 21.5467 13.6C21.68 13.9867 21.7333 14.52 21.7333 15.08V21.8133C21.7333 21.9467 21.6933 21.9867 21.5867 21.9867H19.64C19.5067 21.9867 19.4667 21.92 19.4667 21.8133V15.2533C19.4667 13.9867 18.9333 13.2933 17.6667 13.2933C17.08 13.2933 16.6933 13.4267 16.2667 13.5733V21.8267C16.2667 21.92 16.24 21.9733 16.1333 21.9733H14.1467C14.04 21.9733 14 21.9333 14 21.8267V13.6133C14 13.48 14 13.0267 13.9333 12.3067C13.9333 12.2 13.9733 12.2 14.0667 12.16C15.12 11.7467 16.6 11.2533 18.0667 11.2533C19.0267 11.2533 19.8667 11.44 20.56 11.96C21.4133 11.6133 22.36 11.2667 23.6267 11.2667Z","fill":"#FAAB18"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_143"},"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 Framemaker = forwardRef(
   function Framemaker({ 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 Framemaker = 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/frequencia-invisivel.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 719.14 165.69","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_1-2","data-name":"Layer 1"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"className":"cls-2","d":"M13.05,165.69c-3.58,0-6.65-1.28-9.21-3.84-2.56-2.56-3.84-5.63-3.84-9.21V50.29c0-3.58,1.28-6.65,3.84-9.21,2.56-2.56,5.63-3.84,9.21-3.84s6.65,1.28,9.21,3.84c2.56,2.56,3.84,5.63,3.84,9.21v102.35c0,3.58-1.28,6.65-3.84,9.21-2.56,2.56-5.63,3.84-9.21,3.84Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M116.42,37.75c17.99,1.02,32.79,7.34,44.39,18.93,12.28,12.28,18.51,27.12,18.68,44.52v49.38c0,4.95-1.28,8.7-3.84,11.26-2.56,2.56-5.63,3.84-9.21,3.84s-6.65-1.28-9.21-3.84c-2.56-2.56-3.84-6.22-3.84-11v-49.38c0-.77.04-1.53.13-2.3-.51-9.38-4.18-17.44-11-24.18-7.42-7.42-16.38-11.13-26.87-11.13h-.51c-10.49,0-19.45,3.71-26.87,11.13-6.82,6.74-10.49,14.8-11,24.18.08.77.13,1.53.13,2.3v49.38c0,4.78-1.28,8.44-3.84,11-2.56,2.56-5.63,3.84-9.21,3.84s-6.65-1.28-9.21-3.84c-2.56-2.56-3.84-6.31-3.84-11.26v-49.38c.17-17.4,6.4-32.24,18.68-44.52,11.6-11.6,26.4-17.91,44.39-18.93h2.05Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M372.94,37.75c3.58,0,6.61,1.24,9.08,3.71,2.47,2.48,3.71,5.5,3.71,9.08s-1.24,6.51-3.71,9.02c-2.47,2.52-5.5,3.77-9.08,3.77-1.79,0-3.31.62-4.54,1.86s-1.85,2.75-1.85,4.54.62,3.31,1.85,4.54c1.24,1.24,2.75,1.86,4.54,1.86,12.37,0,22.92,4.37,31.67,13.11,8.74,8.74,13.11,19.3,13.11,31.67s-4.37,22.92-13.11,31.66c-8.74,8.74-19.3,13.11-31.67,13.11s-22.92-4.37-31.66-13.11c-8.74-8.74-13.11-19.3-13.11-31.66,0-3.58,1.26-6.61,3.77-9.08,2.52-2.47,5.52-3.71,9.02-3.71s6.61,1.24,9.08,3.71c2.47,2.47,3.71,5.5,3.71,9.08,0,5.29,1.87,9.81,5.63,13.56,3.75,3.75,8.27,5.63,13.56,5.63s9.81-1.87,13.56-5.63c3.75-3.75,5.63-8.27,5.63-13.56s-1.88-9.81-5.63-13.56c-3.75-3.75-8.27-5.63-13.56-5.63-8.87,0-16.42-3.13-22.64-9.4-6.23-6.27-9.34-13.79-9.34-22.58s3.11-16.42,9.34-22.64c6.23-6.23,13.77-9.34,22.64-9.34Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M490.26,157.37c-.6,1.71-1.58,3.2-2.94,4.48-2.47,2.56-5.5,3.84-9.08,3.84s-6.48-1.28-8.96-3.84c-1.36-1.28-2.35-2.73-2.94-4.35l-49.77-99.66c-1.53-2.13-2.3-4.56-2.3-7.29,0-3.5,1.26-6.5,3.77-9.02,2.52-2.52,5.52-3.77,9.02-3.77s6.61,1.24,9.08,3.71c.85.85,1.54,1.75,2.05,2.69h.13l39.92,79.96,39.92-79.96.13.13c.6-1.02,1.32-1.96,2.18-2.81,2.47-2.47,5.46-3.71,8.96-3.71s6.61,1.26,9.08,3.77c2.47,2.52,3.71,5.52,3.71,9.02,0,2.82-.81,5.29-2.43,7.42l-49.51,99.41Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M265.07,157.12c-.6,1.71-1.58,3.2-2.94,4.48-2.47,2.56-5.5,3.84-9.08,3.84s-6.48-1.28-8.96-3.84c-1.36-1.28-2.35-2.73-2.94-4.35l-49.77-99.66c-1.53-2.13-2.3-4.56-2.3-7.29,0-3.5,1.26-6.5,3.77-9.02,2.52-2.52,5.52-3.77,9.02-3.77s6.61,1.24,9.08,3.71c.85.85,1.54,1.75,2.05,2.69h.13l39.92,79.96,39.92-79.96.13.13c.6-1.02,1.32-1.96,2.18-2.81,2.47-2.47,5.46-3.71,8.96-3.71s6.61,1.26,9.08,3.77c2.47,2.52,3.71,5.52,3.71,9.02,0,2.82-.81,5.29-2.43,7.42l-49.51,99.41Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M632.01,67.05c-4.69-2.13-9.85-3.2-15.48-3.2-10.49,0-19.45,3.69-26.87,11.07-7.42,7.38-11.13,16.31-11.13,26.8s3.71,19.45,11.13,26.87,16.38,11.13,26.87,11.13,19.32-3.67,26.74-11c.08-.08.17-.17.26-.26,2.47-2.47,5.5-3.71,9.08-3.71s6.65,1.26,9.21,3.77c2.56,2.52,3.84,5.57,3.84,9.15s-1.28,6.65-3.84,9.21c-.09.09-.17.17-.26.26-12.37,12.37-27.38,18.55-45.03,18.55s-32.71-6.23-45.16-18.68c-12.45-12.45-18.68-27.51-18.68-45.16s6.23-32.71,18.68-45.16c12.45-12.45,27.51-18.68,45.16-18.68s32.67,6.19,45.03,18.55l-.13.13c0,.09.04.13.13.13,2.47,2.48,3.71,5.5,3.71,9.08s-1.24,6.48-3.71,8.96l-36.59,36.33c-2.56,2.48-5.63,3.71-9.21,3.71s-6.78-1.24-9.34-3.71c-2.47-2.56-3.71-5.67-3.71-9.34s1.24-6.65,3.71-9.21l25.59-25.59Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M715.3,3.97c2.56,2.56,3.84,5.63,3.84,9.21v139.45c0,3.58-1.28,6.65-3.84,9.21-2.56,2.56-5.63,3.84-9.21,3.84s-6.65-1.28-9.21-3.84c-2.56-2.56-3.84-5.63-3.84-9.21V13.18c0-3.58,1.28-6.65,3.84-9.21,2.56-2.56,5.63-3.84,9.21-3.84s6.65,1.28,9.21,3.84Z"},"children":[]}]},{"type":"path","props":{"className":"cls-1","d":"M320.99,26.1c-3.58,0-6.65-1.28-9.21-3.84-2.56-2.56-3.84-5.63-3.84-9.21s1.28-6.65,3.84-9.21c2.56-2.56,5.63-3.84,9.21-3.84s6.65,1.28,9.21,3.84c2.56,2.56,3.84,5.63,3.84,9.21s-1.28,6.65-3.84,9.21c-2.56,2.56-5.63,3.84-9.21,3.84Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M413.57,26.1c-3.58,0-6.65-1.28-9.21-3.84-2.56-2.56-3.84-5.63-3.84-9.21s1.28-6.65,3.84-9.21c2.56-2.56,5.63-3.84,9.21-3.84s6.65,1.28,9.21,3.84c2.56,2.56,3.84,5.63,3.84,9.21s-1.28,6.65-3.84,9.21c-2.56,2.56-5.63,3.84-9.21,3.84Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M13.05,26.1c-3.58,0-6.65-1.28-9.21-3.84-2.56-2.56-3.84-5.63-3.84-9.21S1.28,6.4,3.84,3.84C6.4,1.28,9.47,0,13.05,0s6.65,1.28,9.21,3.84c2.56,2.56,3.84,5.63,3.84,9.21s-1.28,6.65-3.84,9.21c-2.56,2.56-5.63,3.84-9.21,3.84Z"},"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 FrequenciaInvisivel = react_1.forwardRef(function FrequenciaInvisivel({ 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 FrequenciaInvisivel = react_1.forwardRef(function FrequenciaInvisivel({ 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/frequencia-invisivel.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 719.14 165.69","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Layer_1-2","data-name":"Layer 1"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"className":"cls-2","d":"M13.05,165.69c-3.58,0-6.65-1.28-9.21-3.84-2.56-2.56-3.84-5.63-3.84-9.21V50.29c0-3.58,1.28-6.65,3.84-9.21,2.56-2.56,5.63-3.84,9.21-3.84s6.65,1.28,9.21,3.84c2.56,2.56,3.84,5.63,3.84,9.21v102.35c0,3.58-1.28,6.65-3.84,9.21-2.56,2.56-5.63,3.84-9.21,3.84Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M116.42,37.75c17.99,1.02,32.79,7.34,44.39,18.93,12.28,12.28,18.51,27.12,18.68,44.52v49.38c0,4.95-1.28,8.7-3.84,11.26-2.56,2.56-5.63,3.84-9.21,3.84s-6.65-1.28-9.21-3.84c-2.56-2.56-3.84-6.22-3.84-11v-49.38c0-.77.04-1.53.13-2.3-.51-9.38-4.18-17.44-11-24.18-7.42-7.42-16.38-11.13-26.87-11.13h-.51c-10.49,0-19.45,3.71-26.87,11.13-6.82,6.74-10.49,14.8-11,24.18.08.77.13,1.53.13,2.3v49.38c0,4.78-1.28,8.44-3.84,11-2.56,2.56-5.63,3.84-9.21,3.84s-6.65-1.28-9.21-3.84c-2.56-2.56-3.84-6.31-3.84-11.26v-49.38c.17-17.4,6.4-32.24,18.68-44.52,11.6-11.6,26.4-17.91,44.39-18.93h2.05Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M372.94,37.75c3.58,0,6.61,1.24,9.08,3.71,2.47,2.48,3.71,5.5,3.71,9.08s-1.24,6.51-3.71,9.02c-2.47,2.52-5.5,3.77-9.08,3.77-1.79,0-3.31.62-4.54,1.86s-1.85,2.75-1.85,4.54.62,3.31,1.85,4.54c1.24,1.24,2.75,1.86,4.54,1.86,12.37,0,22.92,4.37,31.67,13.11,8.74,8.74,13.11,19.3,13.11,31.67s-4.37,22.92-13.11,31.66c-8.74,8.74-19.3,13.11-31.67,13.11s-22.92-4.37-31.66-13.11c-8.74-8.74-13.11-19.3-13.11-31.66,0-3.58,1.26-6.61,3.77-9.08,2.52-2.47,5.52-3.71,9.02-3.71s6.61,1.24,9.08,3.71c2.47,2.47,3.71,5.5,3.71,9.08,0,5.29,1.87,9.81,5.63,13.56,3.75,3.75,8.27,5.63,13.56,5.63s9.81-1.87,13.56-5.63c3.75-3.75,5.63-8.27,5.63-13.56s-1.88-9.81-5.63-13.56c-3.75-3.75-8.27-5.63-13.56-5.63-8.87,0-16.42-3.13-22.64-9.4-6.23-6.27-9.34-13.79-9.34-22.58s3.11-16.42,9.34-22.64c6.23-6.23,13.77-9.34,22.64-9.34Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M490.26,157.37c-.6,1.71-1.58,3.2-2.94,4.48-2.47,2.56-5.5,3.84-9.08,3.84s-6.48-1.28-8.96-3.84c-1.36-1.28-2.35-2.73-2.94-4.35l-49.77-99.66c-1.53-2.13-2.3-4.56-2.3-7.29,0-3.5,1.26-6.5,3.77-9.02,2.52-2.52,5.52-3.77,9.02-3.77s6.61,1.24,9.08,3.71c.85.85,1.54,1.75,2.05,2.69h.13l39.92,79.96,39.92-79.96.13.13c.6-1.02,1.32-1.96,2.18-2.81,2.47-2.47,5.46-3.71,8.96-3.71s6.61,1.26,9.08,3.77c2.47,2.52,3.71,5.52,3.71,9.02,0,2.82-.81,5.29-2.43,7.42l-49.51,99.41Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M265.07,157.12c-.6,1.71-1.58,3.2-2.94,4.48-2.47,2.56-5.5,3.84-9.08,3.84s-6.48-1.28-8.96-3.84c-1.36-1.28-2.35-2.73-2.94-4.35l-49.77-99.66c-1.53-2.13-2.3-4.56-2.3-7.29,0-3.5,1.26-6.5,3.77-9.02,2.52-2.52,5.52-3.77,9.02-3.77s6.61,1.24,9.08,3.71c.85.85,1.54,1.75,2.05,2.69h.13l39.92,79.96,39.92-79.96.13.13c.6-1.02,1.32-1.96,2.18-2.81,2.47-2.47,5.46-3.71,8.96-3.71s6.61,1.26,9.08,3.77c2.47,2.52,3.71,5.52,3.71,9.02,0,2.82-.81,5.29-2.43,7.42l-49.51,99.41Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M632.01,67.05c-4.69-2.13-9.85-3.2-15.48-3.2-10.49,0-19.45,3.69-26.87,11.07-7.42,7.38-11.13,16.31-11.13,26.8s3.71,19.45,11.13,26.87,16.38,11.13,26.87,11.13,19.32-3.67,26.74-11c.08-.08.17-.17.26-.26,2.47-2.47,5.5-3.71,9.08-3.71s6.65,1.26,9.21,3.77c2.56,2.52,3.84,5.57,3.84,9.15s-1.28,6.65-3.84,9.21c-.09.09-.17.17-.26.26-12.37,12.37-27.38,18.55-45.03,18.55s-32.71-6.23-45.16-18.68c-12.45-12.45-18.68-27.51-18.68-45.16s6.23-32.71,18.68-45.16c12.45-12.45,27.51-18.68,45.16-18.68s32.67,6.19,45.03,18.55l-.13.13c0,.09.04.13.13.13,2.47,2.48,3.71,5.5,3.71,9.08s-1.24,6.48-3.71,8.96l-36.59,36.33c-2.56,2.48-5.63,3.71-9.21,3.71s-6.78-1.24-9.34-3.71c-2.47-2.56-3.71-5.67-3.71-9.34s1.24-6.65,3.71-9.21l25.59-25.59Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M715.3,3.97c2.56,2.56,3.84,5.63,3.84,9.21v139.45c0,3.58-1.28,6.65-3.84,9.21-2.56,2.56-5.63,3.84-9.21,3.84s-6.65-1.28-9.21-3.84c-2.56-2.56-3.84-5.63-3.84-9.21V13.18c0-3.58,1.28-6.65,3.84-9.21,2.56-2.56,5.63-3.84,9.21-3.84s6.65,1.28,9.21,3.84Z"},"children":[]}]},{"type":"path","props":{"className":"cls-1","d":"M320.99,26.1c-3.58,0-6.65-1.28-9.21-3.84-2.56-2.56-3.84-5.63-3.84-9.21s1.28-6.65,3.84-9.21c2.56-2.56,5.63-3.84,9.21-3.84s6.65,1.28,9.21,3.84c2.56,2.56,3.84,5.63,3.84,9.21s-1.28,6.65-3.84,9.21c-2.56,2.56-5.63,3.84-9.21,3.84Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M413.57,26.1c-3.58,0-6.65-1.28-9.21-3.84-2.56-2.56-3.84-5.63-3.84-9.21s1.28-6.65,3.84-9.21c2.56-2.56,5.63-3.84,9.21-3.84s6.65,1.28,9.21,3.84c2.56,2.56,3.84,5.63,3.84,9.21s-1.28,6.65-3.84,9.21c-2.56,2.56-5.63,3.84-9.21,3.84Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M13.05,26.1c-3.58,0-6.65-1.28-9.21-3.84-2.56-2.56-3.84-5.63-3.84-9.21S1.28,6.4,3.84,3.84C6.4,1.28,9.47,0,13.05,0s6.65,1.28,9.21,3.84c2.56,2.56,3.84,5.63,3.84,9.21s-1.28,6.65-3.84,9.21c-2.56,2.56-5.63,3.84-9.21,3.84Z"},"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 FrequenciaInvisivel = forwardRef(
   function FrequenciaInvisivel({ 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 FrequenciaInvisivel = 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/fresco.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_223)"},"children":[{"type":"path","props":{"d":"M26.3333 0H5.66667C2.53705 0 0 2.53705 0 5.66667V25.5333C0 28.6629 2.53705 31.2 5.66667 31.2H26.3333C29.4629 31.2 32 28.6629 32 25.5333V5.66667C32 2.53705 29.4629 0 26.3333 0Z","fill":"#001E36"},"children":[]},{"type":"path","props":{"d":"M11.2883 16.6201V21.8794C11.2917 21.9027 11.2895 21.9265 11.2821 21.9489C11.2747 21.9712 11.2621 21.9915 11.2454 22.0082C11.2288 22.0249 11.2084 22.0374 11.1861 22.0449C11.1637 22.0523 11.1399 22.0545 11.1166 22.0511H8.47617C8.45451 22.0538 8.43252 22.0513 8.41201 22.0438C8.39149 22.0364 8.37303 22.0241 8.35814 22.0082C8.33243 21.9625 8.32119 21.9101 8.32591 21.8579V8.14074C8.32591 7.94048 8.376 7.84029 8.47618 7.84019H16.977C17.0292 7.83557 17.0816 7.84679 17.1273 7.87238C17.1558 7.89386 17.1773 7.99047 17.1917 8.16219L17.4278 10.5021C17.4348 10.5227 17.4355 10.545 17.4297 10.566C17.424 10.5871 17.4121 10.6059 17.3956 10.6201C17.3772 10.6381 17.3553 10.6521 17.3314 10.6613C17.3074 10.6706 17.2817 10.6748 17.2561 10.6738H11.2883V13.9367H16.655C16.7838 13.9367 16.8482 13.987 16.8482 14.087V16.4483C16.8515 16.4717 16.8494 16.4955 16.8419 16.5178C16.8345 16.5402 16.8219 16.5605 16.8053 16.5772C16.7886 16.5938 16.7683 16.6064 16.7459 16.6138C16.7236 16.6213 16.6998 16.6234 16.6764 16.6201L11.2883 16.6201Z","fill":"#31A8FF"},"children":[]},{"type":"path","props":{"d":"M18.7373 11.3822H21.0772C21.1407 11.3828 21.2023 11.404 21.2527 11.4428C21.3031 11.4815 21.3394 11.5356 21.3562 11.5969C21.4073 11.691 21.4435 11.7923 21.4636 11.8974C21.4935 12.0355 21.515 12.1753 21.528 12.3161C21.542 12.4663 21.5492 12.6273 21.5495 12.799C21.9507 12.3318 22.4346 11.9425 22.9769 11.6506C23.5862 11.3212 24.2702 11.1548 24.9626 11.1676C24.9889 11.1638 25.0156 11.1662 25.0408 11.1746C25.0659 11.183 25.0888 11.1971 25.1075 11.2159C25.1263 11.2346 25.1404 11.2575 25.1488 11.2826C25.1572 11.3078 25.1596 11.3345 25.1558 11.3608V13.9583C25.1558 14.0585 25.084 14.1085 24.9412 14.1085C24.0765 14.055 23.2115 14.2096 22.4189 14.5593C22.1495 14.6758 21.9052 14.8435 21.6997 15.053V21.858C21.6997 21.9868 21.6425 22.0512 21.528 22.0512H18.9305C18.9013 22.0554 18.8716 22.0527 18.8436 22.0434C18.8157 22.0341 18.7903 22.0184 18.7694 21.9976C18.7486 21.9767 18.7329 21.9513 18.7236 21.9234C18.7143 21.8954 18.7116 21.8657 18.7158 21.8365V14.452C18.7158 14.1373 18.7122 13.8046 18.7051 13.4538C18.6977 13.1033 18.687 12.7562 18.6729 12.4126C18.6634 12.1177 18.6347 11.8237 18.587 11.5325C18.5817 11.5117 18.5818 11.4899 18.5875 11.4692C18.5931 11.4485 18.6041 11.4296 18.6192 11.4145C18.6344 11.3993 18.6533 11.3883 18.674 11.3827C18.6947 11.377 18.7165 11.3769 18.7373 11.3822H18.7373Z","fill":"#31A8FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_223"},"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 Fresco = react_1.forwardRef(function Fresco({ 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 Fresco = react_1.forwardRef(function Fresco({ 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/fresco.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 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_223)"},"children":[{"type":"path","props":{"d":"M26.3333 0H5.66667C2.53705 0 0 2.53705 0 5.66667V25.5333C0 28.6629 2.53705 31.2 5.66667 31.2H26.3333C29.4629 31.2 32 28.6629 32 25.5333V5.66667C32 2.53705 29.4629 0 26.3333 0Z","fill":"#001E36"},"children":[]},{"type":"path","props":{"d":"M11.2883 16.6201V21.8794C11.2917 21.9027 11.2895 21.9265 11.2821 21.9489C11.2747 21.9712 11.2621 21.9915 11.2454 22.0082C11.2288 22.0249 11.2084 22.0374 11.1861 22.0449C11.1637 22.0523 11.1399 22.0545 11.1166 22.0511H8.47617C8.45451 22.0538 8.43252 22.0513 8.41201 22.0438C8.39149 22.0364 8.37303 22.0241 8.35814 22.0082C8.33243 21.9625 8.32119 21.9101 8.32591 21.8579V8.14074C8.32591 7.94048 8.376 7.84029 8.47618 7.84019H16.977C17.0292 7.83557 17.0816 7.84679 17.1273 7.87238C17.1558 7.89386 17.1773 7.99047 17.1917 8.16219L17.4278 10.5021C17.4348 10.5227 17.4355 10.545 17.4297 10.566C17.424 10.5871 17.4121 10.6059 17.3956 10.6201C17.3772 10.6381 17.3553 10.6521 17.3314 10.6613C17.3074 10.6706 17.2817 10.6748 17.2561 10.6738H11.2883V13.9367H16.655C16.7838 13.9367 16.8482 13.987 16.8482 14.087V16.4483C16.8515 16.4717 16.8494 16.4955 16.8419 16.5178C16.8345 16.5402 16.8219 16.5605 16.8053 16.5772C16.7886 16.5938 16.7683 16.6064 16.7459 16.6138C16.7236 16.6213 16.6998 16.6234 16.6764 16.6201L11.2883 16.6201Z","fill":"#31A8FF"},"children":[]},{"type":"path","props":{"d":"M18.7373 11.3822H21.0772C21.1407 11.3828 21.2023 11.404 21.2527 11.4428C21.3031 11.4815 21.3394 11.5356 21.3562 11.5969C21.4073 11.691 21.4435 11.7923 21.4636 11.8974C21.4935 12.0355 21.515 12.1753 21.528 12.3161C21.542 12.4663 21.5492 12.6273 21.5495 12.799C21.9507 12.3318 22.4346 11.9425 22.9769 11.6506C23.5862 11.3212 24.2702 11.1548 24.9626 11.1676C24.9889 11.1638 25.0156 11.1662 25.0408 11.1746C25.0659 11.183 25.0888 11.1971 25.1075 11.2159C25.1263 11.2346 25.1404 11.2575 25.1488 11.2826C25.1572 11.3078 25.1596 11.3345 25.1558 11.3608V13.9583C25.1558 14.0585 25.084 14.1085 24.9412 14.1085C24.0765 14.055 23.2115 14.2096 22.4189 14.5593C22.1495 14.6758 21.9052 14.8435 21.6997 15.053V21.858C21.6997 21.9868 21.6425 22.0512 21.528 22.0512H18.9305C18.9013 22.0554 18.8716 22.0527 18.8436 22.0434C18.8157 22.0341 18.7903 22.0184 18.7694 21.9976C18.7486 21.9767 18.7329 21.9513 18.7236 21.9234C18.7143 21.8954 18.7116 21.8657 18.7158 21.8365V14.452C18.7158 14.1373 18.7122 13.8046 18.7051 13.4538C18.6977 13.1033 18.687 12.7562 18.6729 12.4126C18.6634 12.1177 18.6347 11.8237 18.587 11.5325C18.5817 11.5117 18.5818 11.4899 18.5875 11.4692C18.5931 11.4485 18.6041 11.4296 18.6192 11.4145C18.6344 11.3993 18.6533 11.3883 18.674 11.3827C18.6947 11.377 18.7165 11.3769 18.7373 11.3822H18.7373Z","fill":"#31A8FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_223"},"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 Fresco = forwardRef(
   function Fresco({ 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 Fresco = 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/front.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 950 950","fill":"none","childNodes":[{"type":"circle","props":{"cx":"475","cy":"475","r":"425","fill":"white"},"children":[]},{"type":"path","props":{"d":"M308 308.2C308 262.25 345.25 225 391.2 225H658V343.4C658 366.375 639.375 385 616.4 385H508C485.909 385 468 402.909 468 425V683.4C468 706.375 449.375 725 426.4 725H308V308.2Z","fill":"#001B38"},"children":[]},{"type":"circle","props":{"cx":"509","cy":"426","r":"108","transform":"rotate(90 509 426)","fill":"url(#paint0_linear)"},"children":[]},{"type":"circle","props":{"opacity":"0.5","cx":"509","cy":"426","r":"108","transform":"rotate(90 509 426)","fill":"url(#paint1_linear)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear","x1":"428.041","y1":"502.06","x2":"591.574","y2":"339.649","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FF0057","stopOpacity":"0.16"},"children":[]},{"type":"stop","props":{"offset":"0.861354","stopColor":"#FF0057"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint1_linear","x1":"428.041","y1":"502.06","x2":"591.574","y2":"339.649","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FF0057","stopOpacity":"0.16"},"children":[]},{"type":"stop","props":{"offset":"0.861354","stopColor":"#FF0057"},"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 Front = react_1.forwardRef(function Front({ 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 Front = react_1.forwardRef(function Front({ 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/front.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 950 950","fill":"none","childNodes":[{"type":"circle","props":{"cx":"475","cy":"475","r":"425","fill":"white"},"children":[]},{"type":"path","props":{"d":"M308 308.2C308 262.25 345.25 225 391.2 225H658V343.4C658 366.375 639.375 385 616.4 385H508C485.909 385 468 402.909 468 425V683.4C468 706.375 449.375 725 426.4 725H308V308.2Z","fill":"#001B38"},"children":[]},{"type":"circle","props":{"cx":"509","cy":"426","r":"108","transform":"rotate(90 509 426)","fill":"url(#paint0_linear)"},"children":[]},{"type":"circle","props":{"opacity":"0.5","cx":"509","cy":"426","r":"108","transform":"rotate(90 509 426)","fill":"url(#paint1_linear)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear","x1":"428.041","y1":"502.06","x2":"591.574","y2":"339.649","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FF0057","stopOpacity":"0.16"},"children":[]},{"type":"stop","props":{"offset":"0.861354","stopColor":"#FF0057"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint1_linear","x1":"428.041","y1":"502.06","x2":"591.574","y2":"339.649","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FF0057","stopOpacity":"0.16"},"children":[]},{"type":"stop","props":{"offset":"0.861354","stopColor":"#FF0057"},"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 Front = forwardRef(
   function Front({ 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 Front = 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/fullstory.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 64 64","fill":"currentColor","childNodes":[{"type":"g","props":{},"children":[{"type":"linearGradient","props":{"id":"SVGID_1_","gradientUnits":"userSpaceOnUse","x1":"76.224","y1":"-10.224","x2":"-9.888","y2":"75.888","gradientTransform":"matrix(1 0 0 -1 0 66)"},"children":[{"type":"stop","props":{"offset":"0","style":{"stopColor":"#D44B92"}},"children":[]},{"type":"stop","props":{"offset":"0.52","style":{"stopColor":"#F0617D"}},"children":[]},{"type":"stop","props":{"offset":"1","style":{"stopColor":"#F3874A"}},"children":[]}]},{"type":"rect","props":{"className":"st0","width":"64","height":"64"},"children":[]},{"type":"path","props":{"className":"st1","d":"M29.6,53.8c2.2,1.5,5.8,2.4,9.3,2.4c6.5,0,11.4-2.8,11.4-9.1c0-5.4-3-8-9.9-9.5c-3.5-0.9-4.8-2-4.8-3.9\n\t\ts1.6-3.4,4.5-3.4c3.2,0,5.8,1.1,8.4,3v-6.1C46,25.7,43.3,25,39.9,25c-6.1,0-10.8,3-10.8,9.1c0,5.2,2.7,7.7,8.9,9.1\n\t\tc3.9,1,5.7,1.9,5.7,4.3c0,2.4-2,3.4-5,3.4c-3.1,0-6.4-1.3-9.2-3.4L29.6,53.8z M28.2,31.3h-3.1v24.3h-6.7V31.3h-4.7v-5.6h4.7V20\n\t\tC18.4,12.6,22.5,9,28.9,9c2.4,0,4.2,0.5,5.9,1.5v6.1c-1.6-1.1-3.1-1.7-5.2-1.7c-2.9,0-4.5,1.4-4.5,5.1v5.7h7.3\n\t\tC30.2,26.8,28.7,28.8,28.2,31.3z"},"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 Fullstory = react_1.forwardRef(function Fullstory({ 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 Fullstory = react_1.forwardRef(function Fullstory({ 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));
       })
   );
 });

package/dist/fullstory.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 64 64","fill":"currentColor","childNodes":[{"type":"g","props":{},"children":[{"type":"linearGradient","props":{"id":"SVGID_1_","gradientUnits":"userSpaceOnUse","x1":"76.224","y1":"-10.224","x2":"-9.888","y2":"75.888","gradientTransform":"matrix(1 0 0 -1 0 66)"},"children":[{"type":"stop","props":{"offset":"0","style":{"stopColor":"#D44B92"}},"children":[]},{"type":"stop","props":{"offset":"0.52","style":{"stopColor":"#F0617D"}},"children":[]},{"type":"stop","props":{"offset":"1","style":{"stopColor":"#F3874A"}},"children":[]}]},{"type":"rect","props":{"className":"st0","width":"64","height":"64"},"children":[]},{"type":"path","props":{"className":"st1","d":"M29.6,53.8c2.2,1.5,5.8,2.4,9.3,2.4c6.5,0,11.4-2.8,11.4-9.1c0-5.4-3-8-9.9-9.5c-3.5-0.9-4.8-2-4.8-3.9\n\t\ts1.6-3.4,4.5-3.4c3.2,0,5.8,1.1,8.4,3v-6.1C46,25.7,43.3,25,39.9,25c-6.1,0-10.8,3-10.8,9.1c0,5.2,2.7,7.7,8.9,9.1\n\t\tc3.9,1,5.7,1.9,5.7,4.3c0,2.4-2,3.4-5,3.4c-3.1,0-6.4-1.3-9.2-3.4L29.6,53.8z M28.2,31.3h-3.1v24.3h-6.7V31.3h-4.7v-5.6h4.7V20\n\t\tC18.4,12.6,22.5,9,28.9,9c2.4,0,4.2,0.5,5.9,1.5v6.1c-1.6-1.1-3.1-1.7-5.2-1.7c-2.9,0-4.5,1.4-4.5,5.1v5.7h7.3\n\t\tC30.2,26.8,28.7,28.8,28.2,31.3z"},"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 Fullstory = forwardRef(
   function Fullstory({ 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 Fullstory = 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/fusion-360.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs7"},"children":[]},{"type":"g","props":{"id":"g8"},"children":[{"type":"path","props":{"style":{"fill":"#ff9548","strokeWidth":"0.75","fillOpacity":"1"},"d":"M 46.79097,-0.00247339 7.8151404,23.849982 8.0231482,23.990607 15.67377,23.310848 45.733663,5.9498164 Z","id":"path8"},"children":[]},{"type":"path","props":{"fill":"#ff9548","opacity":"1","d":"M 46.398594,0.36621094 46.78,0 C 46.69,59.94 46.65,119.88 46.8,179.82 40.173599,183.81384 12.241533,200.6415 7.83,203.25 7.82,143.45 7.84,83.65 7.82,23.85 16.708712,15.663236 38.795821,8.8363876 46.398594,0.36621094 Z","id":"path1"},"children":[]}]},{"type":"g","props":{"id":"#ff6b00ff","style":{"display":"inline"}},"children":[{"type":"path","props":{"fill":"#ff6b00","opacity":"1","d":"m 46.78,0 h 171.61 c 6.13,1.02 11.96,5.71 12.23,12.27 0.19,9.33 0.01,18.66 0.07,28 0.01,46.5 -0.01,93.01 0.01,139.51 -61.3,0.1 -122.6,0.02 -183.9,0.04 C 46.65,119.88 46.69,59.94 46.78,0 m 64.99,40.53 c 0.03,33.12 0,66.25 0.02,99.37 8.3,-0.02 16.6,0.05 24.9,-0.04 -0.06,-13.36 -0.02,-26.73 -0.03,-40.1 10.87,0.02 21.74,-0.07 32.62,0.04 0.1,-5.89 0.16,-11.8 -0.04,-17.69 -10.86,0.12 -21.71,0.03 -32.57,0.05 -0.06,-7.88 0.07,-15.76 -0.08,-23.65 12.91,-0.24 25.83,-0.03 38.74,-0.1 -0.01,-5.96 -0.01,-11.93 0,-17.89 -21.18,-0.01 -42.37,-0.02 -63.56,0.01 z","id":"path2"},"children":[]}]},{"type":"g","props":{"id":"#933c00ff"},"children":[{"type":"path","props":{"fill":"#933c00","opacity":"1.00","d":" M 230.69 40.27 C 236.63 40.33 242.56 40.12 248.50 40.40 C 248.26 112.26 248.46 184.13 248.40 256.00 L 40.90 256.00 C 35.09 254.75 29.45 250.32 29.18 243.98 C 29.00 226.15 29.15 208.31 29.11 190.47 C 35.01 186.93 40.91 183.37 46.80 179.82 C 108.10 179.80 169.40 179.88 230.70 179.78 C 230.68 133.28 230.70 86.77 230.69 40.27 M 163.04 199.06 C 157.06 202.24 156.37 212.16 162.15 215.83 C 166.41 218.38 171.48 218.99 175.96 221.04 C 178.76 222.05 179.00 226.25 176.91 228.06 C 172.76 230.53 165.86 228.94 165.73 223.33 C 162.83 223.33 159.94 223.34 157.04 223.33 C 157.25 226.60 158.35 229.96 160.90 232.17 C 164.97 235.91 170.93 236.24 176.16 235.69 C 181.07 235.18 186.33 232.16 187.38 226.99 C 187.94 223.28 187.75 218.80 184.56 216.28 C 180.18 212.67 174.15 212.48 169.26 209.85 C 167.07 208.83 166.95 205.27 168.99 204.06 C 172.69 201.92 178.42 203.55 178.83 208.32 C 181.69 208.34 184.56 208.34 187.42 208.32 C 187.18 204.06 184.77 199.89 180.69 198.28 C 175.11 196.05 168.36 196.14 163.04 199.06 M 92.12 197.62 C 92.29 210.14 92.16 222.67 92.19 235.19 C 95.27 235.19 98.35 235.19 101.43 235.28 C 101.77 230.14 101.46 225.00 101.60 219.86 C 105.70 219.87 109.80 219.87 113.90 219.86 C 113.90 217.65 113.90 215.45 113.89 213.25 C 109.78 213.26 105.68 213.26 101.57 213.26 C 101.60 210.33 101.59 207.39 101.49 204.47 C 106.40 204.20 111.32 204.41 116.24 204.34 C 116.24 202.07 116.24 199.80 116.25 197.54 C 108.20 197.58 100.16 197.42 92.12 197.62 M 121.04 197.58 C 121.38 207.36 120.57 217.21 121.49 226.96 C 123.25 236.40 136.36 238.70 142.71 232.48 C 142.97 233.38 143.24 234.28 143.53 235.18 C 146.16 235.19 148.79 235.19 151.42 235.30 C 151.84 222.72 151.56 210.10 151.55 197.51 C 148.42 197.54 145.29 197.53 142.16 197.62 C 142.32 206.42 142.16 215.22 142.25 224.03 C 143.08 230.29 130.91 231.38 130.55 224.88 C 130.27 215.78 130.50 206.66 130.44 197.56 C 127.31 197.53 124.18 197.53 121.04 197.58 Z","id":"path3"},"children":[]}]},{"type":"g","props":{"id":"#ffffffff"},"children":[{"type":"path","props":{"fill":"#ffffff","opacity":"1.00","d":" M 111.77 40.53 C 132.96 40.50 154.15 40.51 175.33 40.52 C 175.32 46.48 175.32 52.45 175.33 58.41 C 162.42 58.48 149.50 58.27 136.59 58.51 C 136.74 66.40 136.61 74.28 136.67 82.16 C 147.53 82.14 158.38 82.23 169.24 82.11 C 169.44 88.00 169.38 93.91 169.28 99.80 C 158.40 99.69 147.53 99.78 136.66 99.76 C 136.67 113.13 136.63 126.50 136.69 139.86 C 128.39 139.95 120.09 139.88 111.79 139.90 C 111.77 106.78 111.80 73.65 111.77 40.53 Z","id":"path4"},"children":[]},{"type":"path","props":{"fill":"#ffffff","opacity":"1.00","d":" M 163.04 199.06 C 168.36 196.14 175.11 196.05 180.69 198.28 C 184.77 199.89 187.18 204.06 187.42 208.32 C 184.56 208.34 181.69 208.34 178.83 208.32 C 178.42 203.55 172.69 201.92 168.99 204.06 C 166.95 205.27 167.07 208.83 169.26 209.85 C 174.15 212.48 180.18 212.67 184.56 216.28 C 187.75 218.80 187.94 223.28 187.38 226.99 C 186.33 232.16 181.07 235.18 176.16 235.69 C 170.93 236.24 164.97 235.91 160.90 232.17 C 158.35 229.96 157.25 226.60 157.04 223.33 C 159.94 223.34 162.83 223.33 165.73 223.33 C 165.86 228.94 172.76 230.53 176.91 228.06 C 179.00 226.25 178.76 222.05 175.96 221.04 C 171.48 218.99 166.41 218.38 162.15 215.83 C 156.37 212.16 157.06 202.24 163.04 199.06 Z","id":"path5"},"children":[]},{"type":"path","props":{"fill":"#ffffff","opacity":"1.00","d":" M 92.12 197.62 C 100.16 197.42 108.20 197.58 116.25 197.54 C 116.24 199.80 116.24 202.07 116.24 204.34 C 111.32 204.41 106.40 204.20 101.49 204.47 C 101.59 207.39 101.60 210.33 101.57 213.26 C 105.68 213.26 109.78 213.26 113.89 213.25 C 113.90 215.45 113.90 217.65 113.90 219.86 C 109.80 219.87 105.70 219.87 101.60 219.86 C 101.46 225.00 101.77 230.14 101.43 235.28 C 98.35 235.19 95.27 235.19 92.19 235.19 C 92.16 222.67 92.29 210.14 92.12 197.62 Z","id":"path6"},"children":[]},{"type":"path","props":{"fill":"#ffffff","opacity":"1.00","d":" M 121.04 197.58 C 124.18 197.53 127.31 197.53 130.44 197.56 C 130.50 206.66 130.27 215.78 130.55 224.88 C 130.91 231.38 143.08 230.29 142.25 224.03 C 142.16 215.22 142.32 206.42 142.16 197.62 C 145.29 197.53 148.42 197.54 151.55 197.51 C 151.56 210.10 151.84 222.72 151.42 235.30 C 148.79 235.19 146.16 235.19 143.53 235.18 C 143.24 234.28 142.97 233.38 142.71 232.48 C 136.36 238.70 123.25 236.40 121.49 226.96 C 120.57 217.21 121.38 207.36 121.04 197.58 Z","id":"path7"},"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 Fusion360 = react_1.forwardRef(function Fusion360({ 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 Fusion360 = react_1.forwardRef(function Fusion360({ 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));
       })
   );
 });

package/dist/fusion-360.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 256","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs7"},"children":[]},{"type":"g","props":{"id":"g8"},"children":[{"type":"path","props":{"style":{"fill":"#ff9548","strokeWidth":"0.75","fillOpacity":"1"},"d":"M 46.79097,-0.00247339 7.8151404,23.849982 8.0231482,23.990607 15.67377,23.310848 45.733663,5.9498164 Z","id":"path8"},"children":[]},{"type":"path","props":{"fill":"#ff9548","opacity":"1","d":"M 46.398594,0.36621094 46.78,0 C 46.69,59.94 46.65,119.88 46.8,179.82 40.173599,183.81384 12.241533,200.6415 7.83,203.25 7.82,143.45 7.84,83.65 7.82,23.85 16.708712,15.663236 38.795821,8.8363876 46.398594,0.36621094 Z","id":"path1"},"children":[]}]},{"type":"g","props":{"id":"#ff6b00ff","style":{"display":"inline"}},"children":[{"type":"path","props":{"fill":"#ff6b00","opacity":"1","d":"m 46.78,0 h 171.61 c 6.13,1.02 11.96,5.71 12.23,12.27 0.19,9.33 0.01,18.66 0.07,28 0.01,46.5 -0.01,93.01 0.01,139.51 -61.3,0.1 -122.6,0.02 -183.9,0.04 C 46.65,119.88 46.69,59.94 46.78,0 m 64.99,40.53 c 0.03,33.12 0,66.25 0.02,99.37 8.3,-0.02 16.6,0.05 24.9,-0.04 -0.06,-13.36 -0.02,-26.73 -0.03,-40.1 10.87,0.02 21.74,-0.07 32.62,0.04 0.1,-5.89 0.16,-11.8 -0.04,-17.69 -10.86,0.12 -21.71,0.03 -32.57,0.05 -0.06,-7.88 0.07,-15.76 -0.08,-23.65 12.91,-0.24 25.83,-0.03 38.74,-0.1 -0.01,-5.96 -0.01,-11.93 0,-17.89 -21.18,-0.01 -42.37,-0.02 -63.56,0.01 z","id":"path2"},"children":[]}]},{"type":"g","props":{"id":"#933c00ff"},"children":[{"type":"path","props":{"fill":"#933c00","opacity":"1.00","d":" M 230.69 40.27 C 236.63 40.33 242.56 40.12 248.50 40.40 C 248.26 112.26 248.46 184.13 248.40 256.00 L 40.90 256.00 C 35.09 254.75 29.45 250.32 29.18 243.98 C 29.00 226.15 29.15 208.31 29.11 190.47 C 35.01 186.93 40.91 183.37 46.80 179.82 C 108.10 179.80 169.40 179.88 230.70 179.78 C 230.68 133.28 230.70 86.77 230.69 40.27 M 163.04 199.06 C 157.06 202.24 156.37 212.16 162.15 215.83 C 166.41 218.38 171.48 218.99 175.96 221.04 C 178.76 222.05 179.00 226.25 176.91 228.06 C 172.76 230.53 165.86 228.94 165.73 223.33 C 162.83 223.33 159.94 223.34 157.04 223.33 C 157.25 226.60 158.35 229.96 160.90 232.17 C 164.97 235.91 170.93 236.24 176.16 235.69 C 181.07 235.18 186.33 232.16 187.38 226.99 C 187.94 223.28 187.75 218.80 184.56 216.28 C 180.18 212.67 174.15 212.48 169.26 209.85 C 167.07 208.83 166.95 205.27 168.99 204.06 C 172.69 201.92 178.42 203.55 178.83 208.32 C 181.69 208.34 184.56 208.34 187.42 208.32 C 187.18 204.06 184.77 199.89 180.69 198.28 C 175.11 196.05 168.36 196.14 163.04 199.06 M 92.12 197.62 C 92.29 210.14 92.16 222.67 92.19 235.19 C 95.27 235.19 98.35 235.19 101.43 235.28 C 101.77 230.14 101.46 225.00 101.60 219.86 C 105.70 219.87 109.80 219.87 113.90 219.86 C 113.90 217.65 113.90 215.45 113.89 213.25 C 109.78 213.26 105.68 213.26 101.57 213.26 C 101.60 210.33 101.59 207.39 101.49 204.47 C 106.40 204.20 111.32 204.41 116.24 204.34 C 116.24 202.07 116.24 199.80 116.25 197.54 C 108.20 197.58 100.16 197.42 92.12 197.62 M 121.04 197.58 C 121.38 207.36 120.57 217.21 121.49 226.96 C 123.25 236.40 136.36 238.70 142.71 232.48 C 142.97 233.38 143.24 234.28 143.53 235.18 C 146.16 235.19 148.79 235.19 151.42 235.30 C 151.84 222.72 151.56 210.10 151.55 197.51 C 148.42 197.54 145.29 197.53 142.16 197.62 C 142.32 206.42 142.16 215.22 142.25 224.03 C 143.08 230.29 130.91 231.38 130.55 224.88 C 130.27 215.78 130.50 206.66 130.44 197.56 C 127.31 197.53 124.18 197.53 121.04 197.58 Z","id":"path3"},"children":[]}]},{"type":"g","props":{"id":"#ffffffff"},"children":[{"type":"path","props":{"fill":"#ffffff","opacity":"1.00","d":" M 111.77 40.53 C 132.96 40.50 154.15 40.51 175.33 40.52 C 175.32 46.48 175.32 52.45 175.33 58.41 C 162.42 58.48 149.50 58.27 136.59 58.51 C 136.74 66.40 136.61 74.28 136.67 82.16 C 147.53 82.14 158.38 82.23 169.24 82.11 C 169.44 88.00 169.38 93.91 169.28 99.80 C 158.40 99.69 147.53 99.78 136.66 99.76 C 136.67 113.13 136.63 126.50 136.69 139.86 C 128.39 139.95 120.09 139.88 111.79 139.90 C 111.77 106.78 111.80 73.65 111.77 40.53 Z","id":"path4"},"children":[]},{"type":"path","props":{"fill":"#ffffff","opacity":"1.00","d":" M 163.04 199.06 C 168.36 196.14 175.11 196.05 180.69 198.28 C 184.77 199.89 187.18 204.06 187.42 208.32 C 184.56 208.34 181.69 208.34 178.83 208.32 C 178.42 203.55 172.69 201.92 168.99 204.06 C 166.95 205.27 167.07 208.83 169.26 209.85 C 174.15 212.48 180.18 212.67 184.56 216.28 C 187.75 218.80 187.94 223.28 187.38 226.99 C 186.33 232.16 181.07 235.18 176.16 235.69 C 170.93 236.24 164.97 235.91 160.90 232.17 C 158.35 229.96 157.25 226.60 157.04 223.33 C 159.94 223.34 162.83 223.33 165.73 223.33 C 165.86 228.94 172.76 230.53 176.91 228.06 C 179.00 226.25 178.76 222.05 175.96 221.04 C 171.48 218.99 166.41 218.38 162.15 215.83 C 156.37 212.16 157.06 202.24 163.04 199.06 Z","id":"path5"},"children":[]},{"type":"path","props":{"fill":"#ffffff","opacity":"1.00","d":" M 92.12 197.62 C 100.16 197.42 108.20 197.58 116.25 197.54 C 116.24 199.80 116.24 202.07 116.24 204.34 C 111.32 204.41 106.40 204.20 101.49 204.47 C 101.59 207.39 101.60 210.33 101.57 213.26 C 105.68 213.26 109.78 213.26 113.89 213.25 C 113.90 215.45 113.90 217.65 113.90 219.86 C 109.80 219.87 105.70 219.87 101.60 219.86 C 101.46 225.00 101.77 230.14 101.43 235.28 C 98.35 235.19 95.27 235.19 92.19 235.19 C 92.16 222.67 92.29 210.14 92.12 197.62 Z","id":"path6"},"children":[]},{"type":"path","props":{"fill":"#ffffff","opacity":"1.00","d":" M 121.04 197.58 C 124.18 197.53 127.31 197.53 130.44 197.56 C 130.50 206.66 130.27 215.78 130.55 224.88 C 130.91 231.38 143.08 230.29 142.25 224.03 C 142.16 215.22 142.32 206.42 142.16 197.62 C 145.29 197.53 148.42 197.54 151.55 197.51 C 151.56 210.10 151.84 222.72 151.42 235.30 C 148.79 235.19 146.16 235.19 143.53 235.18 C 143.24 234.28 142.97 233.38 142.71 232.48 C 136.36 238.70 123.25 236.40 121.49 226.96 C 120.57 217.21 121.38 207.36 121.04 197.58 Z","id":"path7"},"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 Fusion360 = forwardRef(
   function Fusion360({ 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 Fusion360 = 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));
         })
     );
   }