@thesvg/react 3.2.0 → 3.2.4

package/dist/fastgpt.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["FastGPT"]},{"type":"path","props":{"d":"M15.766.004c.65.024 1.293.172 1.896.44a5.43 5.43 0 011.763 1.264 5.877 5.877 0 011.178 1.89c.273.708.413 1.466.413 2.231H8.56V24a6.817 6.817 0 01-2.32-.404 6.179 6.179 0 01-1.965-1.15 5.321 5.321 0 01-1.314-1.722 4.741 4.741 0 01-.461-2.03l.002-.058H2.5V5.598h.006c.012-.303.049-.606.111-.906.234-1.13.81-2.17 1.658-2.984A6.14 6.14 0 017.378.112c.368-.07.739-.108 1.11-.112h7.278v.004z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M15.766 10.222c.545.01 1.084.136 1.588.375.523.25 1 .614 1.4 1.074.401.46.72 1.006.937 1.607.217.6.328 1.244.328 1.894h-4.317v-.002H11.74v-4.949l4.025.001z","fill":"url(#grad-b)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"11.758","x2":"11.758","y1":"0","y2":"24"},"children":[{"type":"stop","props":{"stopColor":"#326DFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#8EAEFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"11.758","x2":"11.758","y1":"0","y2":"24"},"children":[{"type":"stop","props":{"stopColor":"#326DFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#8EAEFF"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["FastGPT"]},{"type":"path","props":{"d":"M15.766.004c.65.024 1.293.172 1.896.44a5.43 5.43 0 011.763 1.264 5.877 5.877 0 011.178 1.89c.273.708.413 1.466.413 2.231H8.56V24a6.817 6.817 0 01-2.32-.404 6.179 6.179 0 01-1.965-1.15 5.321 5.321 0 01-1.314-1.722 4.741 4.741 0 01-.461-2.03l.002-.058H2.5V5.598h.006c.012-.303.049-.606.111-.906.234-1.13.81-2.17 1.658-2.984A6.14 6.14 0 017.378.112c.368-.07.739-.108 1.11-.112h7.278v.004z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M15.766 10.222c.545.01 1.084.136 1.588.375.523.25 1 .614 1.4 1.074.401.46.72 1.006.937 1.607.217.6.328 1.244.328 1.894h-4.317v-.002H11.74v-4.949l4.025.001z","fill":"url(#grad-b)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"11.758","x2":"11.758","y1":"0","y2":"24"},"children":[{"type":"stop","props":{"stopColor":"#326DFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#8EAEFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"11.758","x2":"11.758","y1":"0","y2":"24"},"children":[{"type":"stop","props":{"stopColor":"#326DFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#8EAEFF"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["FastGPT"]},{"type":"path","props":{"d":"M15.766.004c.65.024 1.293.172 1.896.44a5.43 5.43 0 011.763 1.264 5.877 5.877 0 011.178 1.89c.273.708.413 1.466.413 2.231H8.56V24a6.817 6.817 0 01-2.32-.404 6.179 6.179 0 01-1.965-1.15 5.321 5.321 0 01-1.314-1.722 4.741 4.741 0 01-.461-2.03l.002-.058H2.5V5.598h.006c.012-.303.049-.606.111-.906.234-1.13.81-2.17 1.658-2.984A6.14 6.14 0 017.378.112c.368-.07.739-.108 1.11-.112h7.278v.004z"},"children":[]},{"type":"path","props":{"d":"M15.766 10.222c.545.01 1.084.136 1.588.375.523.25 1 .614 1.4 1.074.401.46.72 1.006.937 1.607.217.6.328 1.244.328 1.894h-4.317v-.002H11.74v-4.949l4.025.001z"},"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 Fastgpt = react_1.forwardRef(function Fastgpt({ 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 Fastgpt = react_1.forwardRef(function Fastgpt({ 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/fastgpt.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, color, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["FastGPT"]},{"type":"path","props":{"d":"M15.766.004c.65.024 1.293.172 1.896.44a5.43 5.43 0 011.763 1.264 5.877 5.877 0 011.178 1.89c.273.708.413 1.466.413 2.231H8.56V24a6.817 6.817 0 01-2.32-.404 6.179 6.179 0 01-1.965-1.15 5.321 5.321 0 01-1.314-1.722 4.741 4.741 0 01-.461-2.03l.002-.058H2.5V5.598h.006c.012-.303.049-.606.111-.906.234-1.13.81-2.17 1.658-2.984A6.14 6.14 0 017.378.112c.368-.07.739-.108 1.11-.112h7.278v.004z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M15.766 10.222c.545.01 1.084.136 1.588.375.523.25 1 .614 1.4 1.074.401.46.72 1.006.937 1.607.217.6.328 1.244.328 1.894h-4.317v-.002H11.74v-4.949l4.025.001z","fill":"url(#grad-b)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"11.758","x2":"11.758","y1":"0","y2":"24"},"children":[{"type":"stop","props":{"stopColor":"#326DFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#8EAEFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"11.758","x2":"11.758","y1":"0","y2":"24"},"children":[{"type":"stop","props":{"stopColor":"#326DFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#8EAEFF"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["FastGPT"]},{"type":"path","props":{"d":"M15.766.004c.65.024 1.293.172 1.896.44a5.43 5.43 0 011.763 1.264 5.877 5.877 0 011.178 1.89c.273.708.413 1.466.413 2.231H8.56V24a6.817 6.817 0 01-2.32-.404 6.179 6.179 0 01-1.965-1.15 5.321 5.321 0 01-1.314-1.722 4.741 4.741 0 01-.461-2.03l.002-.058H2.5V5.598h.006c.012-.303.049-.606.111-.906.234-1.13.81-2.17 1.658-2.984A6.14 6.14 0 017.378.112c.368-.07.739-.108 1.11-.112h7.278v.004z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M15.766 10.222c.545.01 1.084.136 1.588.375.523.25 1 .614 1.4 1.074.401.46.72 1.006.937 1.607.217.6.328 1.244.328 1.894h-4.317v-.002H11.74v-4.949l4.025.001z","fill":"url(#grad-b)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"11.758","x2":"11.758","y1":"0","y2":"24"},"children":[{"type":"stop","props":{"stopColor":"#326DFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#8EAEFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"11.758","x2":"11.758","y1":"0","y2":"24"},"children":[{"type":"stop","props":{"stopColor":"#326DFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#8EAEFF"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["FastGPT"]},{"type":"path","props":{"d":"M15.766.004c.65.024 1.293.172 1.896.44a5.43 5.43 0 011.763 1.264 5.877 5.877 0 011.178 1.89c.273.708.413 1.466.413 2.231H8.56V24a6.817 6.817 0 01-2.32-.404 6.179 6.179 0 01-1.965-1.15 5.321 5.321 0 01-1.314-1.722 4.741 4.741 0 01-.461-2.03l.002-.058H2.5V5.598h.006c.012-.303.049-.606.111-.906.234-1.13.81-2.17 1.658-2.984A6.14 6.14 0 017.378.112c.368-.07.739-.108 1.11-.112h7.278v.004z"},"children":[]},{"type":"path","props":{"d":"M15.766 10.222c.545.01 1.084.136 1.588.375.523.25 1 .614 1.4 1.074.401.46.72 1.006.937 1.607.217.6.328 1.244.328 1.894h-4.317v-.002H11.74v-4.949l4.025.001z"},"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 Fastgpt = forwardRef(
   function Fastgpt({ 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 Fastgpt = 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/figma.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 54 80","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_912_3)"},"children":[{"type":"path","props":{"d":"M13.3333 80.0002C20.6933 80.0002 26.6667 74.0268 26.6667 66.6668V53.3335H13.3333C5.97333 53.3335 0 59.3068 0 66.6668C0 74.0268 5.97333 80.0002 13.3333 80.0002Z","fill":"#0ACF83"},"children":[]},{"type":"path","props":{"d":"M0 39.9998C0 32.6398 5.97333 26.6665 13.3333 26.6665H26.6667V53.3332H13.3333C5.97333 53.3332 0 47.3598 0 39.9998Z","fill":"#A259FF"},"children":[]},{"type":"path","props":{"d":"M0 13.3333C0 5.97333 5.97333 0 13.3333 0H26.6667V26.6667H13.3333C5.97333 26.6667 0 20.6933 0 13.3333Z","fill":"#F24E1E"},"children":[]},{"type":"path","props":{"d":"M26.6667 0H40.0001C47.3601 0 53.3334 5.97333 53.3334 13.3333C53.3334 20.6933 47.3601 26.6667 40.0001 26.6667H26.6667V0Z","fill":"#FF7262"},"children":[]},{"type":"path","props":{"d":"M53.3334 39.9998C53.3334 47.3598 47.3601 53.3332 40.0001 53.3332C32.6401 53.3332 26.6667 47.3598 26.6667 39.9998C26.6667 32.6398 32.6401 26.6665 40.0001 26.6665C47.3601 26.6665 53.3334 32.6398 53.3334 39.9998Z","fill":"#1ABCFE"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_912_3"},"children":[{"type":"rect","props":{"width":"53.3333","height":"80","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Figma"]},{"type":"path","props":{"d":"M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z"},"children":[]}]},"wordmark":{"viewBox":"0 0 14.397 7.2","fill":"currentColor","childNodes":[{"type":"path","props":{"d":"M2.156 6.46c.526 0 .953-.427.953-.953v-.953h-.953c-.526 0-.953.427-.953.953s.427.953.953.953z","fill":"#0acf83"},"children":[]},{"type":"path","props":{"d":"M1.202 3.6c0-.526.427-.953.953-.953h.953v1.907h-.953c-.526 0-.953-.427-.953-.953z","fill":"#a259ff"},"children":[]},{"type":"path","props":{"d":"M1.202 1.693c0-.526.427-.953.953-.953h.953v1.907h-.953c-.526 0-.953-.427-.953-.953z","fill":"#f24e1e"},"children":[]},{"type":"path","props":{"d":"M3.1.74h.953c.526 0 .953.427.953.953s-.427.953-.953.953H3.1z","fill":"#ff7262"},"children":[]},{"type":"path","props":{"d":"M5.016 3.6c0 .526-.427.953-.953.953S3.1 4.126 3.1 3.6s.427-.953.953-.953.953.427.953.953z","fill":"#1abcfe"},"children":[]},{"type":"path","props":{"d":"M6.058 2.32v1.998h.257v-.954h.618v-.248h-.618V2.57h.803v-.25zm1.525.406c.093 0 .168-.075.168-.168S7.675 2.4 7.583 2.4s-.168.075-.168.168c0 .045.018.087.05.12s.074.05.12.05zm-.13.252v1.34H7.7v-1.34h-.255zm1.212-.04c-.342 0-.58.3-.58.632s.24.63.58.63a.51.51 0 0 0 .379-.159v.178a.42.42 0 0 1-.116.287.4.4 0 0 1-.286.12.42.42 0 0 1-.228-.076l-.13.223a.66.66 0 0 0 1.017-.557v-1.24h-.257v.12a.51.51 0 0 0-.379-.159zm-.322.632a.35.35 0 0 1 .166-.33c.114-.07.257-.07.37 0s.177.198.166.33a.35.35 0 0 1-.166.33c-.114.07-.257.07-.37 0s-.177-.198-.166-.33z"},"children":[]},{"type":"path","props":{"d":"M10.228 3.2a.28.28 0 0 0-.279.279v.848h-.257v-1.34h.257V3.1c.078-.104.202-.164.332-.162.164-.004.317.084.398.227.1-.14.244-.225.4-.227.293 0 .475.236.476.528v.853h-.257v-.85a.28.28 0 0 0-.427-.276.28.28 0 0 0-.124.276v.848H10.5V3.47a.28.28 0 0 0-.279-.279zm2.7-.07a.62.62 0 0 0-.453-.191c-.383 0-.65.324-.65.7s.27.7.65.7a.62.62 0 0 0 .453-.191V4.3h.257V2.96h-.257zm-.85.52c-.013-.16.065-.314.202-.398s.3-.084.446 0a.43.43 0 0 1 .202.398c.013.16-.065.314-.202.398s-.3.084-.446 0a.43.43 0 0 1-.202-.398z"},"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 Figma = react_1.forwardRef(function Figma({ 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 Figma = react_1.forwardRef(function Figma({ 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/figma.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 54 80","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_912_3)"},"children":[{"type":"path","props":{"d":"M13.3333 80.0002C20.6933 80.0002 26.6667 74.0268 26.6667 66.6668V53.3335H13.3333C5.97333 53.3335 0 59.3068 0 66.6668C0 74.0268 5.97333 80.0002 13.3333 80.0002Z","fill":"#0ACF83"},"children":[]},{"type":"path","props":{"d":"M0 39.9998C0 32.6398 5.97333 26.6665 13.3333 26.6665H26.6667V53.3332H13.3333C5.97333 53.3332 0 47.3598 0 39.9998Z","fill":"#A259FF"},"children":[]},{"type":"path","props":{"d":"M0 13.3333C0 5.97333 5.97333 0 13.3333 0H26.6667V26.6667H13.3333C5.97333 26.6667 0 20.6933 0 13.3333Z","fill":"#F24E1E"},"children":[]},{"type":"path","props":{"d":"M26.6667 0H40.0001C47.3601 0 53.3334 5.97333 53.3334 13.3333C53.3334 20.6933 47.3601 26.6667 40.0001 26.6667H26.6667V0Z","fill":"#FF7262"},"children":[]},{"type":"path","props":{"d":"M53.3334 39.9998C53.3334 47.3598 47.3601 53.3332 40.0001 53.3332C32.6401 53.3332 26.6667 47.3598 26.6667 39.9998C26.6667 32.6398 32.6401 26.6665 40.0001 26.6665C47.3601 26.6665 53.3334 32.6398 53.3334 39.9998Z","fill":"#1ABCFE"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_912_3"},"children":[{"type":"rect","props":{"width":"53.3333","height":"80","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Figma"]},{"type":"path","props":{"d":"M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z"},"children":[]}]},"wordmark":{"viewBox":"0 0 14.397 7.2","fill":"currentColor","childNodes":[{"type":"path","props":{"d":"M2.156 6.46c.526 0 .953-.427.953-.953v-.953h-.953c-.526 0-.953.427-.953.953s.427.953.953.953z","fill":"#0acf83"},"children":[]},{"type":"path","props":{"d":"M1.202 3.6c0-.526.427-.953.953-.953h.953v1.907h-.953c-.526 0-.953-.427-.953-.953z","fill":"#a259ff"},"children":[]},{"type":"path","props":{"d":"M1.202 1.693c0-.526.427-.953.953-.953h.953v1.907h-.953c-.526 0-.953-.427-.953-.953z","fill":"#f24e1e"},"children":[]},{"type":"path","props":{"d":"M3.1.74h.953c.526 0 .953.427.953.953s-.427.953-.953.953H3.1z","fill":"#ff7262"},"children":[]},{"type":"path","props":{"d":"M5.016 3.6c0 .526-.427.953-.953.953S3.1 4.126 3.1 3.6s.427-.953.953-.953.953.427.953.953z","fill":"#1abcfe"},"children":[]},{"type":"path","props":{"d":"M6.058 2.32v1.998h.257v-.954h.618v-.248h-.618V2.57h.803v-.25zm1.525.406c.093 0 .168-.075.168-.168S7.675 2.4 7.583 2.4s-.168.075-.168.168c0 .045.018.087.05.12s.074.05.12.05zm-.13.252v1.34H7.7v-1.34h-.255zm1.212-.04c-.342 0-.58.3-.58.632s.24.63.58.63a.51.51 0 0 0 .379-.159v.178a.42.42 0 0 1-.116.287.4.4 0 0 1-.286.12.42.42 0 0 1-.228-.076l-.13.223a.66.66 0 0 0 1.017-.557v-1.24h-.257v.12a.51.51 0 0 0-.379-.159zm-.322.632a.35.35 0 0 1 .166-.33c.114-.07.257-.07.37 0s.177.198.166.33a.35.35 0 0 1-.166.33c-.114.07-.257.07-.37 0s-.177-.198-.166-.33z"},"children":[]},{"type":"path","props":{"d":"M10.228 3.2a.28.28 0 0 0-.279.279v.848h-.257v-1.34h.257V3.1c.078-.104.202-.164.332-.162.164-.004.317.084.398.227.1-.14.244-.225.4-.227.293 0 .475.236.476.528v.853h-.257v-.85a.28.28 0 0 0-.427-.276.28.28 0 0 0-.124.276v.848H10.5V3.47a.28.28 0 0 0-.279-.279zm2.7-.07a.62.62 0 0 0-.453-.191c-.383 0-.65.324-.65.7s.27.7.65.7a.62.62 0 0 0 .453-.191V4.3h.257V2.96h-.257zm-.85.52c-.013-.16.065-.314.202-.398s.3-.084.446 0a.43.43 0 0 1 .202.398c.013.16-.065.314-.202.398s-.3.084-.446 0a.43.43 0 0 1-.202-.398z"},"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 Figma = forwardRef(
   function Figma({ 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 Figma = 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/filagram.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 120 120","fill":"none","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"bg","x1":"0","y1":"0","x2":"120","y2":"120","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00f0c0"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#008f6e"},"children":[]}]},{"type":"linearGradient","props":{"id":"highlight","x1":"60","y1":"0","x2":"60","y2":"120","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"white","stopOpacity":"0.2"},"children":[]},{"type":"stop","props":{"offset":"50%","stopColor":"white","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"black","stopOpacity":"0.15"},"children":[]}]},{"type":"filter","props":{"id":"shadow"},"children":[{"type":"feDropShadow","props":{"dx":"0","dy":"2","stdDeviation":"4","floodColor":"#000","floodOpacity":"0.3"},"children":[]}]}]},{"type":"rect","props":{"width":"120","height":"120","rx":"26","fill":"url(#bg)"},"children":[]},{"type":"rect","props":{"width":"120","height":"120","rx":"26","fill":"url(#highlight)"},"children":[]},{"type":"rect","props":{"x":"0.5","y":"0.5","width":"119","height":"119","rx":"25.5","fill":"none","stroke":"white","strokeOpacity":"0.18"},"children":[]},{"type":"g","props":{"filter":"url(#shadow)"},"children":[{"type":"rect","props":{"x":"24","y":"18","width":"72","height":"14","rx":"5","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"24","y":"18","width":"18","height":"84","rx":"5","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"46","y":"36","width":"50","height":"22","rx":"6","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"46","y":"62","width":"50","height":"40","rx":"6","fill":"#0a0e12"},"children":[]}]},{"type":"rect","props":{"x":"46","y":"33","width":"50","height":"2","rx":"1","fill":"white","opacity":"0.1"},"children":[]},{"type":"rect","props":{"x":"46","y":"59","width":"36","height":"2","rx":"1","fill":"white","opacity":"0.08"},"children":[]}]},"dark":{"viewBox":"0 0 120 120","fill":"none","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"bg","x1":"0","y1":"0","x2":"120","y2":"120","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00f0c0"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#008f6e"},"children":[]}]}]},{"type":"rect","props":{"width":"120","height":"120","rx":"26","fill":"url(#bg)"},"children":[]},{"type":"rect","props":{"x":"24","y":"18","width":"72","height":"14","rx":"5","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"24","y":"18","width":"18","height":"84","rx":"5","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"46","y":"36","width":"50","height":"22","rx":"6","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"46","y":"62","width":"50","height":"40","rx":"6","fill":"#0a0e12"},"children":[]}]},"wordmark":{"viewBox":"0 0 280 56","fill":"none","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"bg","x1":"0","y1":"0","x2":"48","y2":"48","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00f0c0"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#008f6e"},"children":[]}]}]},{"type":"rect","props":{"y":"4","width":"48","height":"48","rx":"10.5","fill":"url(#bg)"},"children":[]},{"type":"rect","props":{"x":"9.6","y":"11.2","width":"28.8","height":"5.6","rx":"2","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"9.6","y":"11.2","width":"7.2","height":"33.6","rx":"2","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"18.4","y":"18.4","width":"20","height":"8.8","rx":"2.4","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"18.4","y":"28.8","width":"20","height":"16","rx":"2.4","fill":"#0a0e12"},"children":[]},{"type":"text","props":{"x":"60","y":"37","fontFamily":"system-ui, -apple-system, sans-serif","fontWeight":"700","fontSize":"28","letterSpacing":"-0.5","fill":"currentColor"},"children":["Filagram"]}]}};
 
+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 Filagram = react_1.forwardRef(function Filagram({ 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 Filagram = react_1.forwardRef(function Filagram({ 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/filagram.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, dark, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 120 120","fill":"none","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"bg","x1":"0","y1":"0","x2":"120","y2":"120","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00f0c0"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#008f6e"},"children":[]}]},{"type":"linearGradient","props":{"id":"highlight","x1":"60","y1":"0","x2":"60","y2":"120","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"white","stopOpacity":"0.2"},"children":[]},{"type":"stop","props":{"offset":"50%","stopColor":"white","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"black","stopOpacity":"0.15"},"children":[]}]},{"type":"filter","props":{"id":"shadow"},"children":[{"type":"feDropShadow","props":{"dx":"0","dy":"2","stdDeviation":"4","floodColor":"#000","floodOpacity":"0.3"},"children":[]}]}]},{"type":"rect","props":{"width":"120","height":"120","rx":"26","fill":"url(#bg)"},"children":[]},{"type":"rect","props":{"width":"120","height":"120","rx":"26","fill":"url(#highlight)"},"children":[]},{"type":"rect","props":{"x":"0.5","y":"0.5","width":"119","height":"119","rx":"25.5","fill":"none","stroke":"white","strokeOpacity":"0.18"},"children":[]},{"type":"g","props":{"filter":"url(#shadow)"},"children":[{"type":"rect","props":{"x":"24","y":"18","width":"72","height":"14","rx":"5","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"24","y":"18","width":"18","height":"84","rx":"5","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"46","y":"36","width":"50","height":"22","rx":"6","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"46","y":"62","width":"50","height":"40","rx":"6","fill":"#0a0e12"},"children":[]}]},{"type":"rect","props":{"x":"46","y":"33","width":"50","height":"2","rx":"1","fill":"white","opacity":"0.1"},"children":[]},{"type":"rect","props":{"x":"46","y":"59","width":"36","height":"2","rx":"1","fill":"white","opacity":"0.08"},"children":[]}]},"dark":{"viewBox":"0 0 120 120","fill":"none","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"bg","x1":"0","y1":"0","x2":"120","y2":"120","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00f0c0"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#008f6e"},"children":[]}]}]},{"type":"rect","props":{"width":"120","height":"120","rx":"26","fill":"url(#bg)"},"children":[]},{"type":"rect","props":{"x":"24","y":"18","width":"72","height":"14","rx":"5","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"24","y":"18","width":"18","height":"84","rx":"5","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"46","y":"36","width":"50","height":"22","rx":"6","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"46","y":"62","width":"50","height":"40","rx":"6","fill":"#0a0e12"},"children":[]}]},"wordmark":{"viewBox":"0 0 280 56","fill":"none","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"bg","x1":"0","y1":"0","x2":"48","y2":"48","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00f0c0"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#008f6e"},"children":[]}]}]},{"type":"rect","props":{"y":"4","width":"48","height":"48","rx":"10.5","fill":"url(#bg)"},"children":[]},{"type":"rect","props":{"x":"9.6","y":"11.2","width":"28.8","height":"5.6","rx":"2","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"9.6","y":"11.2","width":"7.2","height":"33.6","rx":"2","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"18.4","y":"18.4","width":"20","height":"8.8","rx":"2.4","fill":"#0a0e12"},"children":[]},{"type":"rect","props":{"x":"18.4","y":"28.8","width":"20","height":"16","rx":"2.4","fill":"#0a0e12"},"children":[]},{"type":"text","props":{"x":"60","y":"37","fontFamily":"system-ui, -apple-system, sans-serif","fontWeight":"700","fontSize":"28","letterSpacing":"-0.5","fill":"currentColor"},"children":["Filagram"]}]}};
 
+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 Filagram = forwardRef(
   function Filagram({ 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 Filagram = 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/fill-and-sign.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_214)"},"children":[{"type":"path","props":{"d":"M30.76 1.25333H1.25333V29.9467H30.76V1.25333Z","fill":"url(#paint0_radial_2_214)"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 5.74667V25.5067C0 28.6533 2.42667 31.2 5.58667 31.2H26.2933C29.4533 31.2 32.0133 28.64 32.0133 25.4933V5.70667C32 2.56 29.44 0 26.28 0H5.58667C2.42667 0 0 2.56 0 5.70667V5.74667ZM25.8667 1.34667C28.4133 1.34667 30.6533 3.44 30.6533 5.98667V24.96C30.6533 27.5067 28.5867 29.8533 26.04 29.8533H5.96C3.41333 29.8533 1.34667 27.6933 1.34667 25.1467V6.25333C1.34667 3.72 3.41333 1.34667 5.94667 1.34667H25.8667Z","fill":"#AAA0FF"},"children":[]},{"type":"path","props":{"d":"M18.0933 7.38666L8.72 16.76L7.53333 21.5467L12.3067 20.3467L21.68 10.9733L18.0933 7.38666Z","fill":"#AAA0FF"},"children":[]},{"type":"path","props":{"d":"M18.76 23.9467C18.6667 23.9467 18.5733 23.9467 18.4667 23.9333C17.9333 23.8667 17.5467 23.48 17.36 22.8667C17.3467 22.8133 17.3333 22.7733 17.32 22.72C16.04 23.4 14.48 23.88 12.9067 23.88H8.06667C7.92 23.88 7.8 23.76 7.8 23.6133C7.8 23.4667 7.92 23.3467 8.06667 23.3467H12.9067C14.5067 23.3467 16.04 22.84 17.2533 22.1733C17.1867 20.9733 17.6533 19.5067 18.3867 18.88C18.84 18.4933 19.36 18.4267 19.88 18.6667C20.3067 18.8667 20.48 19.2667 20.3733 19.76C20.1867 20.5733 19.2133 21.6133 17.8267 22.4533C17.84 22.5467 17.8667 22.64 17.8933 22.72C18.0267 23.1467 18.24 23.3733 18.56 23.4133C19.7467 23.56 20.8 22.44 21.4267 21.7867C21.8133 21.3733 21.9867 21.1867 22.2133 21.2267C22.32 21.24 22.4 21.3067 22.4533 21.4C22.56 21.6 22.4533 21.8267 22.2667 22.2267C22.12 22.5467 21.84 23.1467 21.96 23.3333C22 23.4 22.12 23.4267 22.2933 23.4267C22.6533 23.4267 23.7467 22.6133 23.84 22.3333C23.88 22.1867 24.0267 22.12 24.1733 22.16C24.32 22.2 24.3867 22.3467 24.3467 22.4933C24.1867 23.0267 22.88 23.96 22.2933 23.96C21.92 23.96 21.6533 23.84 21.5067 23.6133C21.2933 23.2667 21.4267 22.8 21.6133 22.36C20.9467 23.0267 19.96 23.9467 18.76 23.9467ZM19.2667 19.04C19.08 19.04 18.8933 19.12 18.72 19.2667C18.1733 19.7333 17.7867 20.8667 17.76 21.84C18.92 21.0933 19.6933 20.2267 19.8267 19.6267C19.8933 19.3067 19.76 19.2 19.6267 19.1333C19.5067 19.08 19.3867 19.04 19.2667 19.04Z","fill":"#DDD8FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"paint0_radial_2_214","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(13.0108 10.8107) scale(19.2351 19.2351)"},"children":[{"type":"stop","props":{"stopColor":"#28254A","stopOpacity":"0.8833"},"children":[]},{"type":"stop","props":{"offset":"0.9833","stopColor":"#03042B"},"children":[]}]},{"type":"clipPath","props":{"id":"clip0_2_214"},"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 FillAndSign = react_1.forwardRef(function FillAndSign({ 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 FillAndSign = react_1.forwardRef(function FillAndSign({ 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/fill-and-sign.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_214)"},"children":[{"type":"path","props":{"d":"M30.76 1.25333H1.25333V29.9467H30.76V1.25333Z","fill":"url(#paint0_radial_2_214)"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 5.74667V25.5067C0 28.6533 2.42667 31.2 5.58667 31.2H26.2933C29.4533 31.2 32.0133 28.64 32.0133 25.4933V5.70667C32 2.56 29.44 0 26.28 0H5.58667C2.42667 0 0 2.56 0 5.70667V5.74667ZM25.8667 1.34667C28.4133 1.34667 30.6533 3.44 30.6533 5.98667V24.96C30.6533 27.5067 28.5867 29.8533 26.04 29.8533H5.96C3.41333 29.8533 1.34667 27.6933 1.34667 25.1467V6.25333C1.34667 3.72 3.41333 1.34667 5.94667 1.34667H25.8667Z","fill":"#AAA0FF"},"children":[]},{"type":"path","props":{"d":"M18.0933 7.38666L8.72 16.76L7.53333 21.5467L12.3067 20.3467L21.68 10.9733L18.0933 7.38666Z","fill":"#AAA0FF"},"children":[]},{"type":"path","props":{"d":"M18.76 23.9467C18.6667 23.9467 18.5733 23.9467 18.4667 23.9333C17.9333 23.8667 17.5467 23.48 17.36 22.8667C17.3467 22.8133 17.3333 22.7733 17.32 22.72C16.04 23.4 14.48 23.88 12.9067 23.88H8.06667C7.92 23.88 7.8 23.76 7.8 23.6133C7.8 23.4667 7.92 23.3467 8.06667 23.3467H12.9067C14.5067 23.3467 16.04 22.84 17.2533 22.1733C17.1867 20.9733 17.6533 19.5067 18.3867 18.88C18.84 18.4933 19.36 18.4267 19.88 18.6667C20.3067 18.8667 20.48 19.2667 20.3733 19.76C20.1867 20.5733 19.2133 21.6133 17.8267 22.4533C17.84 22.5467 17.8667 22.64 17.8933 22.72C18.0267 23.1467 18.24 23.3733 18.56 23.4133C19.7467 23.56 20.8 22.44 21.4267 21.7867C21.8133 21.3733 21.9867 21.1867 22.2133 21.2267C22.32 21.24 22.4 21.3067 22.4533 21.4C22.56 21.6 22.4533 21.8267 22.2667 22.2267C22.12 22.5467 21.84 23.1467 21.96 23.3333C22 23.4 22.12 23.4267 22.2933 23.4267C22.6533 23.4267 23.7467 22.6133 23.84 22.3333C23.88 22.1867 24.0267 22.12 24.1733 22.16C24.32 22.2 24.3867 22.3467 24.3467 22.4933C24.1867 23.0267 22.88 23.96 22.2933 23.96C21.92 23.96 21.6533 23.84 21.5067 23.6133C21.2933 23.2667 21.4267 22.8 21.6133 22.36C20.9467 23.0267 19.96 23.9467 18.76 23.9467ZM19.2667 19.04C19.08 19.04 18.8933 19.12 18.72 19.2667C18.1733 19.7333 17.7867 20.8667 17.76 21.84C18.92 21.0933 19.6933 20.2267 19.8267 19.6267C19.8933 19.3067 19.76 19.2 19.6267 19.1333C19.5067 19.08 19.3867 19.04 19.2667 19.04Z","fill":"#DDD8FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"paint0_radial_2_214","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(13.0108 10.8107) scale(19.2351 19.2351)"},"children":[{"type":"stop","props":{"stopColor":"#28254A","stopOpacity":"0.8833"},"children":[]},{"type":"stop","props":{"offset":"0.9833","stopColor":"#03042B"},"children":[]}]},{"type":"clipPath","props":{"id":"clip0_2_214"},"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 FillAndSign = forwardRef(
   function FillAndSign({ 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 FillAndSign = 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/firebase-studio.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 43.5 65","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"b","x1":"5.9","x2":"27.6","y1":"28","y2":"64.5","data-name":"Degradado sin nombre","gradientTransform":"matrix(1 0 0 -1 0 66)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f8682f"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#dd2c00"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"29","x2":"26.5","y1":"38.5","y2":"-5","data-name":"Degradado sin nombre 2","gradientTransform":"matrix(1 0 0 -1 0 66)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f8682f"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#e92a4e"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#c447ff"},"children":[]}]},{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"d":"M0 .1h44.8v64H0z","style":{"fill":"none"}},"children":[]}]}]},{"type":"g","props":{"style":{"clipPath":"url(#a)"}},"children":[{"type":"path","props":{"d":"M31.4 24.3c.4 0 .9.2 1.6.3l6.6 4.3-21.5 12.8c-.3.1-.7.2-1.1.4-.5.1-1.1.2-1.5.3h-1.4l-8.3-9.9 17.3-6.7c1.8-.7 3.3-1 4.5-1.2 1.3-.2 2.5-.4 3.9-.3Z","style":{"fill":"#ffc400"}},"children":[]},{"type":"path","props":{"d":"M31 7.9c-.1-.6-.3-1.2-.5-1.7-.3-1-1.1-3-3-4.9-.3-.3-.8-.8-1.4-1.2-2.3 2.8-4.4 4.8-5.8 6-3.6 3.3-9.5 7.8-13.3 11.3-.7.6-2 1.9-3.2 4-.2.4-.5.9-.8 1.4 0 0 0 .2-.1.3-.1.3-.2.5-.4.8-.5 1.1-1.1 2.6-1.2 4.5-.2 1.7 0 3 .1 3.6 0 .2 0 .4.1.6.2.7.4 1.4.7 2 1.3 3 3.4 4.7 3.8 5 2.3 1.8 4.6 2.3 5.3 2.5 1 .2 1.9.2 2.6.2-.1-.5-.3-1.2-.4-2-.3-2.9.7-5.1 1.1-6.3.4-.8 1.2-2.8 3.1-4.6.9-.8 1.8-1.5 2.7-2.1 1-.7 1.9-1.2 2.4-1.5 1.8-1.3 5.3-4.3 7.1-9 .2-.6.4-1.1.4-1.1.6-1.8 1.1-4.5.4-7.7Z","style":{"fill":"url(#b)"}},"children":[]},{"type":"path","props":{"d":"M14 42.3c-.6 0-1.5 0-2.6-.2-.7-.1-3-.7-5.3-2.5-.5-.4-3.7-3-4.6-7.7-.1-.6-.3-1.9-.1-3.6.2-1.9.8-3.3 1.2-4.5.4-1.1.9-1.9 1.2-2.5.1.4.4 1 .8 1.6.9 1.4 2 2.1 2.8 2.7.4.2 2.1 1.3 4.7 1.9 1.8.4 3.2.4 3.6.4 1.1 0 2.7-.2 4.7-.9 1.1-.4 2-1 2.6-1.3-.5.4-1.4.9-2.5 1.6-.9.6-1.9 1.3-2.7 2.1-1.9 1.8-2.7 3.8-3.1 4.6-.5 1.1-1.4 3.3-1.1 6.3 0 .9.2 1.6.4 2Z","style":{"fill":"#ff9100"}},"children":[]},{"type":"path","props":{"d":"M42 41.4c.8-1.6 1.1-3.3 1.1-3.3 0-.4.2-1.1.3-1.8 0-.7 0-1.8-.1-2.7-.5-2.9-2.7-5.2-3-5.5 0 0-1.5-1.5-3.7-2.6-.3-.2-.9-.4-1.7-.7-.8-.2-1.4-.3-2-.4-.7 0-1.2-.1-1.6-.2h.4c.4 0 .6.2.8.3.2 0 .5.2.8.5.1.1.3.2.4.4.1.2.3.4.4.8.3 1.1-.4 2.1-.6 2.5-1.7 2.6-11.1 8.1-16.6 13.8-1.4 1.5-2.4 2.8-3.2 4.4-1.7 3.8-1.1 7.4-.9 8.2 1 5.3 4.9 8.2 5.8 8.8 2.7-3 5.1-5.3 6.9-7 4.5-4.1 10.3-8.6 10.3-8.6s4.5-3.6 6.2-7.1Z","style":{"fill":"url(#c)"}},"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 FirebaseStudio = react_1.forwardRef(function FirebaseStudio({ 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 FirebaseStudio = react_1.forwardRef(function FirebaseStudio({ variant = 'd
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/firebase-studio.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 43.5 65","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"b","x1":"5.9","x2":"27.6","y1":"28","y2":"64.5","data-name":"Degradado sin nombre","gradientTransform":"matrix(1 0 0 -1 0 66)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f8682f"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#dd2c00"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"29","x2":"26.5","y1":"38.5","y2":"-5","data-name":"Degradado sin nombre 2","gradientTransform":"matrix(1 0 0 -1 0 66)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f8682f"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#e92a4e"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#c447ff"},"children":[]}]},{"type":"clipPath","props":{"id":"a"},"children":[{"type":"path","props":{"d":"M0 .1h44.8v64H0z","style":{"fill":"none"}},"children":[]}]}]},{"type":"g","props":{"style":{"clipPath":"url(#a)"}},"children":[{"type":"path","props":{"d":"M31.4 24.3c.4 0 .9.2 1.6.3l6.6 4.3-21.5 12.8c-.3.1-.7.2-1.1.4-.5.1-1.1.2-1.5.3h-1.4l-8.3-9.9 17.3-6.7c1.8-.7 3.3-1 4.5-1.2 1.3-.2 2.5-.4 3.9-.3Z","style":{"fill":"#ffc400"}},"children":[]},{"type":"path","props":{"d":"M31 7.9c-.1-.6-.3-1.2-.5-1.7-.3-1-1.1-3-3-4.9-.3-.3-.8-.8-1.4-1.2-2.3 2.8-4.4 4.8-5.8 6-3.6 3.3-9.5 7.8-13.3 11.3-.7.6-2 1.9-3.2 4-.2.4-.5.9-.8 1.4 0 0 0 .2-.1.3-.1.3-.2.5-.4.8-.5 1.1-1.1 2.6-1.2 4.5-.2 1.7 0 3 .1 3.6 0 .2 0 .4.1.6.2.7.4 1.4.7 2 1.3 3 3.4 4.7 3.8 5 2.3 1.8 4.6 2.3 5.3 2.5 1 .2 1.9.2 2.6.2-.1-.5-.3-1.2-.4-2-.3-2.9.7-5.1 1.1-6.3.4-.8 1.2-2.8 3.1-4.6.9-.8 1.8-1.5 2.7-2.1 1-.7 1.9-1.2 2.4-1.5 1.8-1.3 5.3-4.3 7.1-9 .2-.6.4-1.1.4-1.1.6-1.8 1.1-4.5.4-7.7Z","style":{"fill":"url(#b)"}},"children":[]},{"type":"path","props":{"d":"M14 42.3c-.6 0-1.5 0-2.6-.2-.7-.1-3-.7-5.3-2.5-.5-.4-3.7-3-4.6-7.7-.1-.6-.3-1.9-.1-3.6.2-1.9.8-3.3 1.2-4.5.4-1.1.9-1.9 1.2-2.5.1.4.4 1 .8 1.6.9 1.4 2 2.1 2.8 2.7.4.2 2.1 1.3 4.7 1.9 1.8.4 3.2.4 3.6.4 1.1 0 2.7-.2 4.7-.9 1.1-.4 2-1 2.6-1.3-.5.4-1.4.9-2.5 1.6-.9.6-1.9 1.3-2.7 2.1-1.9 1.8-2.7 3.8-3.1 4.6-.5 1.1-1.4 3.3-1.1 6.3 0 .9.2 1.6.4 2Z","style":{"fill":"#ff9100"}},"children":[]},{"type":"path","props":{"d":"M42 41.4c.8-1.6 1.1-3.3 1.1-3.3 0-.4.2-1.1.3-1.8 0-.7 0-1.8-.1-2.7-.5-2.9-2.7-5.2-3-5.5 0 0-1.5-1.5-3.7-2.6-.3-.2-.9-.4-1.7-.7-.8-.2-1.4-.3-2-.4-.7 0-1.2-.1-1.6-.2h.4c.4 0 .6.2.8.3.2 0 .5.2.8.5.1.1.3.2.4.4.1.2.3.4.4.8.3 1.1-.4 2.1-.6 2.5-1.7 2.6-11.1 8.1-16.6 13.8-1.4 1.5-2.4 2.8-3.2 4.4-1.7 3.8-1.1 7.4-.9 8.2 1 5.3 4.9 8.2 5.8 8.8 2.7-3 5.1-5.3 6.9-7 4.5-4.1 10.3-8.6 10.3-8.6s4.5-3.6 6.2-7.1Z","style":{"fill":"url(#c)"}},"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 FirebaseStudio = forwardRef(
   function FirebaseStudio({ 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 FirebaseStudio = 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/firebird.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"86.364","x2":"86.364","y1":"337.96","y2":"7.121","gradientTransform":"translate(-2.427 -1.8) scale(.37233)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f40a0b"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f5e710"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"216.108","x2":"216.108","y1":"348.988","y2":"7.277","gradientTransform":"translate(-2.427 -1.8) scale(.37233)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f40a0b"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f5e710"},"children":[]}]}]},{"type":"path","props":{"fill":"#111","fillRule":"evenodd","d":"M27.62 99.429c1.207 9.57 6.408 16.781 14.37 23.858l-2.869-1.447C16.496 112.109.68 89.617.68 63.453.68 30.212 26.334 2.573 59.522.107 26.334 2.574.679 30.212.679 63.453.68 30.212 26.334 2.573 59.522.107 21.509 7.613-14.923 51.524 27.62 99.43","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"#111","fillRule":"evenodd","d":"M114.397 43.214C111.528 22.652 95.739 8.257 66.974 0c33.938 1.501 60.719 29.488 60.719 63.453 0 35.091-26.432 62.22-60.772 63.775-3.244.161-6.488-.402-9.651-1.394V54.258q1.568-2.372 0-4.745V34.287h3.512c-1.368-.912-2.52-1.609-3.512-2.038v-4.396c18.417 7.023 26.968 7.828 25.681 2.332 1.609 4.53.215 6.595-4.182 6.14-5.066-.778-8.203-.43-9.436 1.071q13.632 6.756 14.557 13.11c.857 7.13-2.52 14.985-10.134 23.59-4.798 5.978-2.305 12.331 5.442 13.35 24.047-1.18 35.788-15.95 35.199-44.232m-57.127 82.62c-7.345-2.278-13.94-6.863-17.157-10.053-5.683-5.897-9.543-15.334-10.964-28.952 0-.08-.027-.16-.027-.241v-4.61c.885-10.938 8.176-18.632 21.929-23.055 3.11-1.528 5.2-3.083 6.219-4.665zm0-76.32c-.43-.698-1.1-1.395-1.93-2.118-.75-.751-2.36-1.502-4.799-2.225-5.576-.161-8.605 1.233-9.088 4.208-9.463-4.208-9.73-9.007-.83-14.368 1.742-.67 4.289-.912 7.666-.778-1.394-6.166.965-8.551 7.104-7.104.644.241 1.26.483 1.877.724v4.396c-2.815-1.313-3.914-.643-3.324 2.038h3.324z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M27.248 100.173c1.207 9.57 6.407 16.782 14.37 23.86l-2.87-1.449C16.124 112.854.308 90.362.308 64.198.308 30.957 25.963 3.318 59.15.852 25.962 3.318.307 30.957.307 64.198c0-33.241 25.655-60.88 58.842-63.346-38.013 7.506-74.444 51.417-31.9 99.321","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#b)","fillRule":"evenodd","d":"M114.024 43.958C111.156 23.397 95.366 9.001 66.602.745c33.938 1.5 60.719 29.488 60.719 63.453 0 35.09-26.432 62.22-60.773 63.775-3.244.16-6.487-.402-9.65-1.394V55.003q1.568-2.373 0-4.745V35.031h3.511c-1.367-.911-2.52-1.608-3.511-2.037v-4.396c18.416 7.023 26.968 7.827 25.681 2.332 1.608 4.53.215 6.594-4.182 6.139-5.067-.778-8.203-.43-9.436 1.072q13.631 6.756 14.556 13.109c.858 7.13-2.52 14.985-10.133 23.59-4.798 5.978-2.305 12.332 5.442 13.35 24.046-1.179 35.788-15.95 35.198-44.232m-57.126 82.62c-7.346-2.278-13.94-6.862-17.157-10.052-5.683-5.898-9.544-15.334-10.964-28.952 0-.08-.027-.16-.027-.241v-4.611c.884-10.938 8.176-18.631 21.928-23.055 3.11-1.528 5.2-3.082 6.22-4.664zm0-76.32c-.43-.697-1.1-1.394-1.93-2.118-.751-.75-2.36-1.501-4.8-2.225-5.575-.16-8.604 1.233-9.087 4.209-9.463-4.209-9.731-9.007-.83-14.369 1.742-.67 4.288-.911 7.666-.777-1.394-6.166.965-8.552 7.104-7.104.643.241 1.26.482 1.877.724v4.396c-2.815-1.314-3.914-.643-3.325 2.037h3.325z","clipRule":"evenodd"},"children":[]}]},"mono":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#f4790e","d":"M66.804 0c28.932 8.305 44.814 22.787 47.699 43.468.593 28.447-11.215 43.303-35.402 44.49-7.792-1.026-10.3-7.414-5.474-13.427 7.658-8.656 11.053-16.559 10.19-23.731-.62-4.26-5.5-8.654-14.64-13.184 1.24-1.51 4.395-1.861 9.491-1.08 4.422.46 5.825-1.616 4.208-6.172 1.294 5.527-7.308 4.718-25.832-2.347-.62-.243-1.24-.486-1.887-.728-6.175-1.456-8.547.943-7.145 7.144-3.397-.135-5.96.11-7.712.784-8.952 5.393-8.682 10.217.837 14.45.485-2.992 3.531-4.395 9.14-4.233 2.453.728 4.07 1.483 4.824 2.238.836.728 1.512 1.43 1.943 2.13 1.052 1.591 1.052 3.184 0 4.775-1.025 1.591-3.127 3.153-6.255 4.69-13.833 4.45-21.168 12.188-22.058 23.19v4.637c0 .08.027.162.027.243 1.429 13.697 5.314 23.188 11.03 29.12 3.236 3.209 9.868 7.82 17.256 10.111 3.182.998 6.445 1.566 9.708 1.405 34.54-1.564 61.125-28.852 61.125-64.148C127.877 29.662 100.94 1.51 66.804 0zM59.31.108a63.999 63.999 0 0 0-15.024 2.943A63.645 63.645 0 0 0 23.6 14.348a64.22 64.22 0 0 0-8.345 8.202A64.182 64.182 0 0 0 5.84 37.39a63.552 63.552 0 0 0-4.543 14.2A63.616 63.616 0 0 0 .123 63.826c0 26.317 15.91 48.938 38.667 58.726l2.885 1.457c-8.008-7.118-13.24-14.37-14.453-23.997C-15.57 51.827 21.074 7.658 59.309.108Zm-4.723 31.69c.578-.068 1.396.144 2.458.64.998.431 2.156 1.134 3.531 2.05H53.7c-.37-1.684-.077-2.579.886-2.69z"},"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 Firebird = react_1.forwardRef(function Firebird({ 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 Firebird = react_1.forwardRef(function Firebird({ 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/firebird.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 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"86.364","x2":"86.364","y1":"337.96","y2":"7.121","gradientTransform":"translate(-2.427 -1.8) scale(.37233)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f40a0b"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f5e710"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"216.108","x2":"216.108","y1":"348.988","y2":"7.277","gradientTransform":"translate(-2.427 -1.8) scale(.37233)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f40a0b"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#f5e710"},"children":[]}]}]},{"type":"path","props":{"fill":"#111","fillRule":"evenodd","d":"M27.62 99.429c1.207 9.57 6.408 16.781 14.37 23.858l-2.869-1.447C16.496 112.109.68 89.617.68 63.453.68 30.212 26.334 2.573 59.522.107 26.334 2.574.679 30.212.679 63.453.68 30.212 26.334 2.573 59.522.107 21.509 7.613-14.923 51.524 27.62 99.43","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"#111","fillRule":"evenodd","d":"M114.397 43.214C111.528 22.652 95.739 8.257 66.974 0c33.938 1.501 60.719 29.488 60.719 63.453 0 35.091-26.432 62.22-60.772 63.775-3.244.161-6.488-.402-9.651-1.394V54.258q1.568-2.372 0-4.745V34.287h3.512c-1.368-.912-2.52-1.609-3.512-2.038v-4.396c18.417 7.023 26.968 7.828 25.681 2.332 1.609 4.53.215 6.595-4.182 6.14-5.066-.778-8.203-.43-9.436 1.071q13.632 6.756 14.557 13.11c.857 7.13-2.52 14.985-10.134 23.59-4.798 5.978-2.305 12.331 5.442 13.35 24.047-1.18 35.788-15.95 35.199-44.232m-57.127 82.62c-7.345-2.278-13.94-6.863-17.157-10.053-5.683-5.897-9.543-15.334-10.964-28.952 0-.08-.027-.16-.027-.241v-4.61c.885-10.938 8.176-18.632 21.929-23.055 3.11-1.528 5.2-3.083 6.219-4.665zm0-76.32c-.43-.698-1.1-1.395-1.93-2.118-.75-.751-2.36-1.502-4.799-2.225-5.576-.161-8.605 1.233-9.088 4.208-9.463-4.208-9.73-9.007-.83-14.368 1.742-.67 4.289-.912 7.666-.778-1.394-6.166.965-8.551 7.104-7.104.644.241 1.26.483 1.877.724v4.396c-2.815-1.313-3.914-.643-3.324 2.038h3.324z","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M27.248 100.173c1.207 9.57 6.407 16.782 14.37 23.86l-2.87-1.449C16.124 112.854.308 90.362.308 64.198.308 30.957 25.963 3.318 59.15.852 25.962 3.318.307 30.957.307 64.198c0-33.241 25.655-60.88 58.842-63.346-38.013 7.506-74.444 51.417-31.9 99.321","clipRule":"evenodd"},"children":[]},{"type":"path","props":{"fill":"url(#b)","fillRule":"evenodd","d":"M114.024 43.958C111.156 23.397 95.366 9.001 66.602.745c33.938 1.5 60.719 29.488 60.719 63.453 0 35.09-26.432 62.22-60.773 63.775-3.244.16-6.487-.402-9.65-1.394V55.003q1.568-2.373 0-4.745V35.031h3.511c-1.367-.911-2.52-1.608-3.511-2.037v-4.396c18.416 7.023 26.968 7.827 25.681 2.332 1.608 4.53.215 6.594-4.182 6.139-5.067-.778-8.203-.43-9.436 1.072q13.631 6.756 14.556 13.109c.858 7.13-2.52 14.985-10.133 23.59-4.798 5.978-2.305 12.332 5.442 13.35 24.046-1.179 35.788-15.95 35.198-44.232m-57.126 82.62c-7.346-2.278-13.94-6.862-17.157-10.052-5.683-5.898-9.544-15.334-10.964-28.952 0-.08-.027-.16-.027-.241v-4.611c.884-10.938 8.176-18.631 21.928-23.055 3.11-1.528 5.2-3.082 6.22-4.664zm0-76.32c-.43-.697-1.1-1.394-1.93-2.118-.751-.75-2.36-1.501-4.8-2.225-5.575-.16-8.604 1.233-9.087 4.209-9.463-4.209-9.731-9.007-.83-14.369 1.742-.67 4.288-.911 7.666-.777-1.394-6.166.965-8.552 7.104-7.104.643.241 1.26.482 1.877.724v4.396c-2.815-1.314-3.914-.643-3.325 2.037h3.325z","clipRule":"evenodd"},"children":[]}]},"mono":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#f4790e","d":"M66.804 0c28.932 8.305 44.814 22.787 47.699 43.468.593 28.447-11.215 43.303-35.402 44.49-7.792-1.026-10.3-7.414-5.474-13.427 7.658-8.656 11.053-16.559 10.19-23.731-.62-4.26-5.5-8.654-14.64-13.184 1.24-1.51 4.395-1.861 9.491-1.08 4.422.46 5.825-1.616 4.208-6.172 1.294 5.527-7.308 4.718-25.832-2.347-.62-.243-1.24-.486-1.887-.728-6.175-1.456-8.547.943-7.145 7.144-3.397-.135-5.96.11-7.712.784-8.952 5.393-8.682 10.217.837 14.45.485-2.992 3.531-4.395 9.14-4.233 2.453.728 4.07 1.483 4.824 2.238.836.728 1.512 1.43 1.943 2.13 1.052 1.591 1.052 3.184 0 4.775-1.025 1.591-3.127 3.153-6.255 4.69-13.833 4.45-21.168 12.188-22.058 23.19v4.637c0 .08.027.162.027.243 1.429 13.697 5.314 23.188 11.03 29.12 3.236 3.209 9.868 7.82 17.256 10.111 3.182.998 6.445 1.566 9.708 1.405 34.54-1.564 61.125-28.852 61.125-64.148C127.877 29.662 100.94 1.51 66.804 0zM59.31.108a63.999 63.999 0 0 0-15.024 2.943A63.645 63.645 0 0 0 23.6 14.348a64.22 64.22 0 0 0-8.345 8.202A64.182 64.182 0 0 0 5.84 37.39a63.552 63.552 0 0 0-4.543 14.2A63.616 63.616 0 0 0 .123 63.826c0 26.317 15.91 48.938 38.667 58.726l2.885 1.457c-8.008-7.118-13.24-14.37-14.453-23.997C-15.57 51.827 21.074 7.658 59.309.108Zm-4.723 31.69c.578-.068 1.396.144 2.458.64.998.431 2.156 1.134 3.531 2.05H53.7c-.37-1.684-.077-2.579.886-2.69z"},"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 Firebird = forwardRef(
   function Firebird({ 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 Firebird = 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));
         })
     );
   }