@thesvg/react 3.2.2 → 3.2.5

package/dist/pinia.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 331","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"55.342%","x2":"42.817%","y1":"0%","y2":"42.863%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#52CE63"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#51A256"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"55.349%","x2":"42.808%","y1":"0%","y2":"42.863%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#52CE63"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#51A256"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"50%","x2":"50%","y1":"0%","y2":"58.811%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#8AE99C"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#52CE63"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"51.378%","x2":"44.585%","y1":"17.473%","y2":"100%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#FFE56C"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#FFC63A"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M67.56 173.328c30.366-2.985 41.08-27.648 44.735-64.823 3.654-37.175-21.174-70.814-31.502-69.799-10.328 1.015-43.15 40.322-46.805 77.497-3.654 37.175 3.205 60.11 33.572 57.125Z","transform":"rotate(-38 72.877 106.136)"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M184.454 186.277c30.367 2.986 36.394-20.032 32.74-57.207-3.655-37.175-35.645-76.4-45.973-77.415-10.328-1.015-35.989 32.542-32.334 69.717 3.654 37.175 15.201 61.92 45.567 64.905Z","transform":"rotate(52 178.34 119.085)"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M129.232 151.601c27.341 0 34.878-26.184 34.878-67.013 0-40.83-25.579-80.843-34.878-80.843S93.605 43.758 93.605 84.588c0 40.829 8.286 67.013 35.627 67.013Z","transform":"rotate(7 128.858 77.673)"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M113.386 330.307c56.896 0 103.038-16.528 103.038-91.482 0-74.955-46.142-136.462-103.038-136.462-56.897 0-103.002 61.507-103.002 136.462 0 74.954 46.105 91.482 103.002 91.482Z"},"children":[]},{"type":"ellipse","props":{"cx":"165.427","cy":"216.677","fill":"#EAADCC","rx":"14.717","ry":"6.845"},"children":[]},{"type":"ellipse","props":{"cx":"57.273","cy":"212.57","fill":"#EAADCC","rx":"14.717","ry":"6.845","transform":"rotate(7 57.273 212.57)"},"children":[]},{"type":"path","props":{"d":"M96.266 210.285a2.054 2.054 0 1 0-3.406 2.295c3.151 4.676 7.997 7.39 14.373 8.119 6.348.725 12.016-.902 16.877-4.852a2.054 2.054 0 1 0-2.59-3.187c-3.999 3.249-8.563 4.559-13.82 3.958-5.23-.598-8.986-2.7-11.434-6.333ZM65.818 178.63a14.672 14.672 0 0 1 10.551 3.945 14.67 14.67 0 0 1 4.672 10.25 14.671 14.671 0 0 1-3.945 10.55 14.672 14.672 0 0 1-10.25 4.672 14.67 14.67 0 0 1-10.551-3.945 14.672 14.672 0 0 1-4.67-10.25 14.67 14.67 0 0 1 3.944-10.55 14.67 14.67 0 0 1 10.249-4.672Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M66.59 190.932a4.792 4.792 0 1 0-9.578.336 4.792 4.792 0 0 0 9.579-.336Z"},"children":[]},{"type":"path","props":{"d":"M154.99 182.366a14.671 14.671 0 0 1 10.552 3.944 14.67 14.67 0 0 1 4.67 10.25 14.672 14.672 0 0 1-3.944 10.551 14.67 14.67 0 0 1-10.25 4.671 14.671 14.671 0 0 1-10.55-3.945 14.671 14.671 0 0 1-4.672-10.25 14.67 14.67 0 0 1 3.945-10.55 14.671 14.671 0 0 1 10.25-4.671Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M65.71 175.552c9.824-.343 18.066 7.342 18.409 17.165.343 9.824-7.342 18.065-17.166 18.408-9.824.343-18.064-7.342-18.407-17.166-.343-9.823 7.341-18.064 17.164-18.407Zm12.252 17.38c-.224-6.423-5.613-11.448-12.037-11.223-6.422.224-11.447 5.612-11.222 12.035.224 6.424 5.612 11.448 12.035 11.224 6.423-.224 11.448-5.612 11.224-12.036ZM154.883 179.287c9.824-.343 18.065 7.342 18.408 17.165.343 9.824-7.342 18.065-17.165 18.408-9.824.343-18.065-7.342-18.408-17.165-.343-9.824 7.342-18.065 17.165-18.408Zm12.251 17.38c-.224-6.423-5.612-11.447-12.036-11.223-6.423.224-11.448 5.613-11.223 12.036.224 6.423 5.612 11.448 12.035 11.224 6.424-.225 11.448-5.613 11.224-12.037Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M155.763 194.668a4.792 4.792 0 1 0-9.578.335 4.792 4.792 0 0 0 9.578-.335Z"},"children":[]},{"type":"path","props":{"fill":"#ECB732","d":"m38.083 243.16 22.33 23.235 16.022-17.044a3.765 3.765 0 0 1 5.486 5.157l-16.283 17.324 23.1 24.036a3.765 3.765 0 1 1-5.43 5.218l-22.834-23.761-10.725 11.41a3.765 3.765 0 1 1-5.486-5.158l10.986-11.688-22.595-23.511a3.765 3.765 0 1 1 5.43-5.218ZM188.04 243.16a3.765 3.765 0 1 1 5.429 5.218l-22.596 23.511 10.988 11.688a3.765 3.765 0 0 1-.042 5.201l-.123.121a3.765 3.765 0 0 1-5.322-.165l-10.725-11.41-22.834 23.762a3.765 3.765 0 0 1-5.197.222l-.127-.116a3.765 3.765 0 0 1-.105-5.324l23.1-24.036-16.284-17.324a3.765 3.765 0 0 1 .042-5.2l.123-.121a3.765 3.765 0 0 1 5.321.164l16.021 17.044 22.331-23.235Z"},"children":[]},{"type":"path","props":{"fill":"#FFC73B","d":"M136.602 126.74a3.765 3.765 0 0 1 0 5.323l-17.53 17.531 10.684 10.686a3.765 3.765 0 0 1 .12 5.2l-.12.125a3.765 3.765 0 0 1-5.324 0l-10.686-10.686-10.686 10.686a3.765 3.765 0 1 1-5.324-5.325l10.685-10.686-17.53-17.53a3.765 3.765 0 0 1-.12-5.2l.12-.125a3.765 3.765 0 0 1 5.324 0l17.531 17.53 17.531-17.53a3.765 3.765 0 0 1 5.325 0Z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Pinia"]},{"type":"path","props":{"d":"M13.277.002c-.079-.01-.193.024-.31.09a2.346 2.346 0 0 0-.415.311c-.301.274-.65.68-.985 1.176-.672.99-1.31 2.356-1.485 3.785-.12.977-.154 1.849-.074 2.578a5.878 5.878 0 0 1 1.956-.338c.922 0 1.804.218 2.618.613.197-.637.34-1.395.445-2.246.175-1.429-.1-2.907-.499-4.028a6.695 6.695 0 0 0-.653-1.378 2.296 2.296 0 0 0-.321-.401c-.097-.092-.199-.153-.277-.162zm-6.81 2.965a.603.603 0 0 0-.288.117l-.013.011a.863.863 0 0 0-.177.327c-.051.15-.094.344-.126.565a8.205 8.205 0 0 0-.044 1.637c.08 1.222.397 2.665 1.079 3.769.093.15.193.296.294.442.726-.776 1.567-1.385 2.488-1.768-.1-.79-.06-1.714.066-2.744.038-.31.1-.616.176-.916a6.45 6.45 0 0 0-1.692-1.08 4.575 4.575 0 0 0-1.29-.366 1.805 1.805 0 0 0-.474.006zm11.751 1.789c-.21.003-.442.022-.687.06a5.974 5.974 0 0 0-2.132.76c-.009.146-.019.291-.036.437-.11.888-.258 1.684-.475 2.364.848.468 1.614 1.13 2.267 1.94.823-.85 1.43-2.05 1.787-3.13.187-.57.304-1.1.35-1.514.022-.207.027-.38.017-.51-.01-.133-.042-.206-.04-.202a.35.35 0 0 0-.114-.072 1.516 1.516 0 0 0-.375-.1 3.42 3.42 0 0 0-.562-.033zm-6.254 3.139c-2.014 0-3.83 1.087-5.147 2.834-1.316 1.748-2.131 4.16-2.131 6.807 0 2.65.806 4.258 2.131 5.218C8.132 23.707 9.96 24 11.964 24c2.004 0 3.831-.293 5.147-1.246 1.326-.96 2.133-2.568 2.133-5.218 0-2.647-.816-5.059-2.133-6.806-1.317-1.748-3.134-2.835-5.147-2.835Zm-3.297 5.209a1.282 1.282 0 0 1 .292 2.518c.115.094.177.201.164.307-.032.265-.521.424-1.09.354-.571-.07-1.007-.342-.974-.607.024-.198.302-.336.678-.364a1.282 1.282 0 0 1 .93-2.208zm6.284.22a1.282 1.282 0 0 1 .726 2.303c.437.058.757.244.757.466 0 .267-.466.483-1.04.483-.574 0-1.04-.216-1.04-.483 0-.098.063-.189.17-.265a1.282 1.282 0 0 1 .427-2.505zm-6.318.215a.822.822 0 1 0 .028 1.645.822.822 0 0 0-.028-1.645zm6.284.22a.822.822 0 1 0 .027 1.644.822.822 0 0 0-.027-1.644zm-6.543.109a.338.338 0 1 1-.023.677.338.338 0 0 1 .023-.677zm6.284.22a.339.339 0 1 1-.018 0h.018zm-3.91 1.179c.17.252.432.404.808.447.372.043.694-.05.976-.28a.145.145 0 1 1 .183.226c-.344.28-.745.394-1.192.343-.445-.051-.79-.24-1.016-.574a.145.145 0 1 1 .24-.162z"},"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 Pinia = forwardRef(
   function Pinia({ 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 Pinia = 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/pipedrive.cjs

@@ -0,0 +1,43 @@
+"use strict";
+// @thesvg/react — Pipedrive
+// Auto-generated. Do not edit.
+// Variants: default
+
+Object.defineProperty(exports, "__esModule", { value: true });
+
+const react_1 = require("react");
+
+const _variants = {"default":{"viewBox":"0 0 720 720","fill":"none","childNodes":[{"type":"rect","props":{"width":"720","height":"720","rx":"130","fill":"#027737"},"children":[]},{"type":"g","props":{"clipPath":"url(#clip0_304_932)"},"children":[{"type":"path","props":{"d":"M394.714 134.359C344.571 134.359 315.321 156.859 301.5 172.609C299.892 159.109 290.892 141.752 256.5 141.752H180.964V220.181H211.821C216.964 220.181 218.571 221.788 218.571 226.931V585.645H307.928V450.967C307.928 447.431 307.928 443.895 307.607 441.002C321.428 453.859 348.107 471.538 389.892 471.538C477.321 471.538 538.392 402.109 538.392 303.109C539.035 202.181 480.857 134.359 394.714 134.359ZM376.392 393.431C328.178 393.431 306.321 347.467 306.321 304.717C306.321 237.538 342.964 213.431 377.678 213.431C419.785 213.431 448.392 249.752 448.392 304.074C448.071 366.109 412.071 393.431 376.392 393.431Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_304_932"},"children":[{"type":"rect","props":{"width":"360","height":"450","fill":"white","transform":"translate(180 135)"},"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 Pipedrive = react_1.forwardRef(function Pipedrive({ 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',
+    Object.assign({ ref, viewBox: viewBox || _v.viewBox, fill: _v.fill, stroke: _v.stroke, xmlns: 'http://www.w3.org/2000/svg' }, props),
+    ..._v.childNodes
+      .map(function _c(el) {
+        if (typeof el === 'string') return el;
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
+      })
+  );
+});
+Pipedrive.displayName = 'Pipedrive';
+
+exports.default = Pipedrive;

package/dist/pipedrive.d.ts

@@ -0,0 +1,14 @@
+// @thesvg/react — Pipedrive
+// Auto-generated. Do not edit.
+
+import type { SVGProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export type PipedriveVariant = 'default';
+
+export interface PipedriveProps extends SVGProps<SVGSVGElement> {
+  /** Which icon variant to render. Defaults to "default". */
+  variant?: PipedriveVariant;
+}
+
+declare const Pipedrive: ForwardRefExoticComponent<PipedriveProps & RefAttributes<SVGSVGElement>>;
+export default Pipedrive;

package/dist/pipedrive.js

@@ -0,0 +1,42 @@
+// @thesvg/react — Pipedrive
+// Auto-generated. Do not edit.
+// Variants: default
+
+import { forwardRef, createElement, useId } from 'react';
+
+const _variants = {"default":{"viewBox":"0 0 720 720","fill":"none","childNodes":[{"type":"rect","props":{"width":"720","height":"720","rx":"130","fill":"#027737"},"children":[]},{"type":"g","props":{"clipPath":"url(#clip0_304_932)"},"children":[{"type":"path","props":{"d":"M394.714 134.359C344.571 134.359 315.321 156.859 301.5 172.609C299.892 159.109 290.892 141.752 256.5 141.752H180.964V220.181H211.821C216.964 220.181 218.571 221.788 218.571 226.931V585.645H307.928V450.967C307.928 447.431 307.928 443.895 307.607 441.002C321.428 453.859 348.107 471.538 389.892 471.538C477.321 471.538 538.392 402.109 538.392 303.109C539.035 202.181 480.857 134.359 394.714 134.359ZM376.392 393.431C328.178 393.431 306.321 347.467 306.321 304.717C306.321 237.538 342.964 213.431 377.678 213.431C419.785 213.431 448.392 249.752 448.392 304.074C448.071 366.109 412.071 393.431 376.392 393.431Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_304_932"},"children":[{"type":"rect","props":{"width":"360","height":"450","fill":"white","transform":"translate(180 135)"},"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 Pipedrive = forwardRef(
+  function Pipedrive({ variant = 'default', viewBox, ...props }, ref) {
+    const _p = 'tsvg' + useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
+    const _v = _variants[variant] || _variants.default;
+    return createElement(
+      'svg',
+      Object.assign({ ref, viewBox: viewBox || _v.viewBox, fill: _v.fill, stroke: _v.stroke, xmlns: 'http://www.w3.org/2000/svg' }, props),
+      ..._v.childNodes
+        .map(function _c(el) {
+          if (typeof el === 'string') return el;
+          return createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
+        })
+    );
+  }
+);
+Pipedrive.displayName = 'Pipedrive';
+
+export default Pipedrive;

package/dist/pitch.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 57.6 65","fill":"currentColor","childNodes":[{"type":"g","props":{},"children":[{"type":"linearGradient","props":{"id":"SVGID_1_","gradientUnits":"userSpaceOnUse","x1":"63.1868","y1":"171.8843","x2":"-8.4104","y2":"146.6892","gradientTransform":"matrix(1 0 0 -1 0 187.7893)"},"children":[{"type":"stop","props":{"offset":"0","style":{"stopColor":"#6B53FF"}},"children":[]},{"type":"stop","props":{"offset":"1","style":{"stopColor":"#8D49F7"}},"children":[]}]},{"type":"path","props":{"className":"st0","d":"M57.5,27.5c-0.6,8.7-7.6,16.6-16.4,16.9v-6.6c0-6-4.3-11.2-10.2-12.4l-22-4.3V6.4c0-4,3.6-7,7.6-6.2l22.7,4.4\n\t\tC51.6,7.3,58.3,16.9,57.5,27.5L57.5,27.5z M16.7,48.3l-13-2.5c-1.9-0.4-3.6,1.1-3.6,3v9C0,60,1.6,62,3.8,62.4l13,2.5\n\t\tc1.9,0.4,3.6-1.1,3.6-3v-9C20.5,50.7,18.9,48.8,16.7,48.3z M29.8,30.4L9.9,26.5c-2.9-0.6-5.5,1.6-5.5,4.6v9.8c0,0,0.1,0,0.1,0\n\t\tl13,2.5c4.5,0.9,7.8,4.9,7.8,9.5v2l5,1c2.9,0.6,5.5-1.6,5.5-4.6V37.9C36,34.2,33.4,31.1,29.8,30.4L29.8,30.4z"},"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 Pitch = react_1.forwardRef(function Pitch({ 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 Pitch = react_1.forwardRef(function Pitch({ 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/pitch.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 57.6 65","fill":"currentColor","childNodes":[{"type":"g","props":{},"children":[{"type":"linearGradient","props":{"id":"SVGID_1_","gradientUnits":"userSpaceOnUse","x1":"63.1868","y1":"171.8843","x2":"-8.4104","y2":"146.6892","gradientTransform":"matrix(1 0 0 -1 0 187.7893)"},"children":[{"type":"stop","props":{"offset":"0","style":{"stopColor":"#6B53FF"}},"children":[]},{"type":"stop","props":{"offset":"1","style":{"stopColor":"#8D49F7"}},"children":[]}]},{"type":"path","props":{"className":"st0","d":"M57.5,27.5c-0.6,8.7-7.6,16.6-16.4,16.9v-6.6c0-6-4.3-11.2-10.2-12.4l-22-4.3V6.4c0-4,3.6-7,7.6-6.2l22.7,4.4\n\t\tC51.6,7.3,58.3,16.9,57.5,27.5L57.5,27.5z M16.7,48.3l-13-2.5c-1.9-0.4-3.6,1.1-3.6,3v9C0,60,1.6,62,3.8,62.4l13,2.5\n\t\tc1.9,0.4,3.6-1.1,3.6-3v-9C20.5,50.7,18.9,48.8,16.7,48.3z M29.8,30.4L9.9,26.5c-2.9-0.6-5.5,1.6-5.5,4.6v9.8c0,0,0.1,0,0.1,0\n\t\tl13,2.5c4.5,0.9,7.8,4.9,7.8,9.5v2l5,1c2.9,0.6,5.5-1.6,5.5-4.6V37.9C36,34.2,33.4,31.1,29.8,30.4L29.8,30.4z"},"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 Pitch = forwardRef(
   function Pitch({ 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 Pitch = 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/pizza-hut.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 898 217","fill":"currentColor","childNodes":[{"type":"rect","props":{"id":"Artboard1","x":"0","y":"0","width":"897.426","height":"217","style":{"fill":"none"}},"children":[]},{"type":"clipPath","props":{"id":"_clip1"},"children":[{"type":"rect","props":{"x":"0","y":"0","width":"897.426","height":"217"},"children":[]}]},{"type":"g","props":{"clipPath":"url(#_clip1)"},"children":[{"type":"g","props":{"id":"Layer_1-2"},"children":[{"type":"path","props":{"d":"M882.212,217l-869.98,0c-13.74,0 -17.02,-19.17 -4.07,-23.74l236.2,-83.34c2.61,-0.92 4.81,-2.71 6.23,-5.08l55.19,-91.76c4.88,-8.12 13.66,-13.08 23.13,-13.08l322.54,0c11.53,0 21.4,8.28 23.41,19.63l16.27,83.39c0.78,4.04 3.57,7.4 7.39,8.93l189.35,75.76c15.52,6.23 11.06,29.29 -5.66,29.29Z","style":{"fill":"#e91b23","fillRule":"nonzero"}},"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 PizzaHut = react_1.forwardRef(function PizzaHut({ 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 PizzaHut = react_1.forwardRef(function PizzaHut({ 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/pizza-hut.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 898 217","fill":"currentColor","childNodes":[{"type":"rect","props":{"id":"Artboard1","x":"0","y":"0","width":"897.426","height":"217","style":{"fill":"none"}},"children":[]},{"type":"clipPath","props":{"id":"_clip1"},"children":[{"type":"rect","props":{"x":"0","y":"0","width":"897.426","height":"217"},"children":[]}]},{"type":"g","props":{"clipPath":"url(#_clip1)"},"children":[{"type":"g","props":{"id":"Layer_1-2"},"children":[{"type":"path","props":{"d":"M882.212,217l-869.98,0c-13.74,0 -17.02,-19.17 -4.07,-23.74l236.2,-83.34c2.61,-0.92 4.81,-2.71 6.23,-5.08l55.19,-91.76c4.88,-8.12 13.66,-13.08 23.13,-13.08l322.54,0c11.53,0 21.4,8.28 23.41,19.63l16.27,83.39c0.78,4.04 3.57,7.4 7.39,8.93l189.35,75.76c15.52,6.23 11.06,29.29 -5.66,29.29Z","style":{"fill":"#e91b23","fillRule":"nonzero"}},"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 PizzaHut = forwardRef(
   function PizzaHut({ 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 PizzaHut = 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/plaid.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 126 48","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Plaid logo"]},{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"a","d":"M0 47.473h126V0H0z"},"children":[]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd"},"children":[{"type":"path","props":{"d":"M66.248 16.268c-1.057-.889-2.861-1.333-5.413-1.333h-5.756v17.788h4.304v-5.575h1.928c2.34 0 4.056-.515 5.148-1.546 1.23-1.155 1.849-2.693 1.849-4.613 0-1.991-.687-3.565-2.06-4.721m-5.044 6.855h-1.821V18.96h1.636c1.99 0 2.985.698 2.985 2.094 0 1.378-.934 2.068-2.8 2.068M75.673 14.934h-4.488v17.788h9.69v-4.026h-5.202zM89.668 14.934l-7.05 17.788h4.832l.924-2.586H94.5l.845 2.586h4.886l-7-17.788h-3.563zm-.053 11.601l1.849-6.08 1.82 6.08h-3.67z","fill":"#111"},"children":[]},{"type":"mask","props":{"id":"b","fill":"#fff"},"children":[{"type":"use","props":{"href":"#a"},"children":[]}]},{"type":"path","props":{"fill":"#111","mask":"url(#b)","d":"M102.473 32.722h4.489V14.934h-4.489zM124.39 18.268a7.376 7.376 0 0 0-2.14-2.053c-1.355-.854-3.204-1.28-5.545-1.28h-5.914v17.787h6.918c2.5 0 4.506-.817 6.02-2.453 1.514-1.635 2.27-3.805 2.27-6.508 0-2.15-.537-3.981-1.61-5.493m-7.182 10.427h-1.927v-9.734h1.954c1.373 0 2.428.43 3.168 1.287.74.857 1.11 2.073 1.11 3.647 0 3.2-1.435 4.8-4.305 4.8M18.637 0L4.09 3.81.081 18.439l5.014 5.148L0 28.65l3.773 14.693 14.484 4.047 5.096-5.064 5.014 5.147 14.547-3.81 4.008-14.63-5.013-5.146 5.095-5.063L43.231 4.13 28.745.083l-5.094 5.063L18.637 0zM9.71 6.624l7.663-2.008 3.351 3.44-4.887 4.856L9.71 6.624zm16.822 1.478l3.405-3.383 7.63 2.132-6.227 6.187-4.808-4.936zM4.672 17.238l2.111-7.705 6.125 6.288-4.886 4.856-3.35-3.44zm29.547-1.243l6.227-6.189 1.986 7.74-3.404 3.384-4.809-4.935zm-15.502-.127l4.887-4.856 4.807 4.936-4.886 4.856-4.808-4.936zm-7.814 7.765l4.886-4.856 4.81 4.936-4.888 4.856-4.808-4.936zm15.503.127l4.886-4.856L36.1 23.84l-4.887 4.856-4.807-4.936zM4.57 29.927l3.406-3.385 4.807 4.937-6.225 6.186-1.988-7.738zm14.021 1.598l4.887-4.856 4.808 4.936-4.886 4.856-4.809-4.936zm15.502.128l4.887-4.856 3.351 3.439-2.11 7.705-6.128-6.288zm-24.656 8.97l6.226-6.189 4.81 4.936-3.406 3.385-7.63-2.133zm16.843-1.206l4.886-4.856 6.126 6.289-7.662 2.007-3.35-3.44z"},"children":[]}]}]},"light":{"viewBox":"0 0 126 48","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Plaid logo"]},{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"a","d":"M0 47.473h126V0H0z"},"children":[]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd"},"children":[{"type":"path","props":{"d":"M66.248 16.268c-1.057-.889-2.861-1.333-5.413-1.333h-5.756v17.788h4.304v-5.575h1.928c2.34 0 4.056-.515 5.148-1.546 1.23-1.155 1.849-2.693 1.849-4.613 0-1.991-.687-3.565-2.06-4.721m-5.044 6.855h-1.821V18.96h1.636c1.99 0 2.985.698 2.985 2.094 0 1.378-.934 2.068-2.8 2.068M75.673 14.934h-4.488v17.788h9.69v-4.026h-5.202zM89.668 14.934l-7.05 17.788h4.832l.924-2.586H94.5l.845 2.586h4.886l-7-17.788h-3.563zm-.053 11.601l1.849-6.08 1.82 6.08h-3.67z","fill":"#fff"},"children":[]},{"type":"mask","props":{"id":"b","fill":"#fff"},"children":[{"type":"use","props":{"href":"#a"},"children":[]}]},{"type":"path","props":{"fill":"#fff","mask":"url(#b)","d":"M102.473 32.722h4.489V14.934h-4.489zM124.39 18.268a7.376 7.376 0 0 0-2.14-2.053c-1.355-.854-3.204-1.28-5.545-1.28h-5.914v17.787h6.918c2.5 0 4.506-.817 6.02-2.453 1.514-1.635 2.27-3.805 2.27-6.508 0-2.15-.537-3.981-1.61-5.493m-7.182 10.427h-1.927v-9.734h1.954c1.373 0 2.428.43 3.168 1.287.74.857 1.11 2.073 1.11 3.647 0 3.2-1.435 4.8-4.305 4.8M18.637 0L4.09 3.81.081 18.439l5.014 5.148L0 28.65l3.773 14.693 14.484 4.047 5.096-5.064 5.014 5.147 14.547-3.81 4.008-14.63-5.013-5.146 5.095-5.063L43.231 4.13 28.745.083l-5.094 5.063L18.637 0zM9.71 6.624l7.663-2.008 3.351 3.44-4.887 4.856L9.71 6.624zm16.822 1.478l3.405-3.383 7.63 2.132-6.227 6.187-4.808-4.936zM4.672 17.238l2.111-7.705 6.125 6.288-4.886 4.856-3.35-3.44zm29.547-1.243l6.227-6.189 1.986 7.74-3.404 3.384-4.809-4.935zm-15.502-.127l4.887-4.856 4.807 4.936-4.886 4.856-4.808-4.936zm-7.814 7.765l4.886-4.856 4.81 4.936-4.888 4.856-4.808-4.936zm15.503.127l4.886-4.856L36.1 23.84l-4.887 4.856-4.807-4.936zM4.57 29.927l3.406-3.385 4.807 4.937-6.225 6.186-1.988-7.738zm14.021 1.598l4.887-4.856 4.808 4.936-4.886 4.856-4.809-4.936zm15.502.128l4.887-4.856 3.351 3.439-2.11 7.705-6.128-6.288zm-24.656 8.97l6.226-6.189 4.81 4.936-3.406 3.385-7.63-2.133zm16.843-1.206l4.886-4.856 6.126 6.289-7.662 2.007-3.35-3.44z"},"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 Plaid = react_1.forwardRef(function Plaid({ 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 Plaid = react_1.forwardRef(function Plaid({ 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/plaid.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, light
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 126 48","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Plaid logo"]},{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"a","d":"M0 47.473h126V0H0z"},"children":[]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd"},"children":[{"type":"path","props":{"d":"M66.248 16.268c-1.057-.889-2.861-1.333-5.413-1.333h-5.756v17.788h4.304v-5.575h1.928c2.34 0 4.056-.515 5.148-1.546 1.23-1.155 1.849-2.693 1.849-4.613 0-1.991-.687-3.565-2.06-4.721m-5.044 6.855h-1.821V18.96h1.636c1.99 0 2.985.698 2.985 2.094 0 1.378-.934 2.068-2.8 2.068M75.673 14.934h-4.488v17.788h9.69v-4.026h-5.202zM89.668 14.934l-7.05 17.788h4.832l.924-2.586H94.5l.845 2.586h4.886l-7-17.788h-3.563zm-.053 11.601l1.849-6.08 1.82 6.08h-3.67z","fill":"#111"},"children":[]},{"type":"mask","props":{"id":"b","fill":"#fff"},"children":[{"type":"use","props":{"href":"#a"},"children":[]}]},{"type":"path","props":{"fill":"#111","mask":"url(#b)","d":"M102.473 32.722h4.489V14.934h-4.489zM124.39 18.268a7.376 7.376 0 0 0-2.14-2.053c-1.355-.854-3.204-1.28-5.545-1.28h-5.914v17.787h6.918c2.5 0 4.506-.817 6.02-2.453 1.514-1.635 2.27-3.805 2.27-6.508 0-2.15-.537-3.981-1.61-5.493m-7.182 10.427h-1.927v-9.734h1.954c1.373 0 2.428.43 3.168 1.287.74.857 1.11 2.073 1.11 3.647 0 3.2-1.435 4.8-4.305 4.8M18.637 0L4.09 3.81.081 18.439l5.014 5.148L0 28.65l3.773 14.693 14.484 4.047 5.096-5.064 5.014 5.147 14.547-3.81 4.008-14.63-5.013-5.146 5.095-5.063L43.231 4.13 28.745.083l-5.094 5.063L18.637 0zM9.71 6.624l7.663-2.008 3.351 3.44-4.887 4.856L9.71 6.624zm16.822 1.478l3.405-3.383 7.63 2.132-6.227 6.187-4.808-4.936zM4.672 17.238l2.111-7.705 6.125 6.288-4.886 4.856-3.35-3.44zm29.547-1.243l6.227-6.189 1.986 7.74-3.404 3.384-4.809-4.935zm-15.502-.127l4.887-4.856 4.807 4.936-4.886 4.856-4.808-4.936zm-7.814 7.765l4.886-4.856 4.81 4.936-4.888 4.856-4.808-4.936zm15.503.127l4.886-4.856L36.1 23.84l-4.887 4.856-4.807-4.936zM4.57 29.927l3.406-3.385 4.807 4.937-6.225 6.186-1.988-7.738zm14.021 1.598l4.887-4.856 4.808 4.936-4.886 4.856-4.809-4.936zm15.502.128l4.887-4.856 3.351 3.439-2.11 7.705-6.128-6.288zm-24.656 8.97l6.226-6.189 4.81 4.936-3.406 3.385-7.63-2.133zm16.843-1.206l4.886-4.856 6.126 6.289-7.662 2.007-3.35-3.44z"},"children":[]}]}]},"light":{"viewBox":"0 0 126 48","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Plaid logo"]},{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"a","d":"M0 47.473h126V0H0z"},"children":[]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd"},"children":[{"type":"path","props":{"d":"M66.248 16.268c-1.057-.889-2.861-1.333-5.413-1.333h-5.756v17.788h4.304v-5.575h1.928c2.34 0 4.056-.515 5.148-1.546 1.23-1.155 1.849-2.693 1.849-4.613 0-1.991-.687-3.565-2.06-4.721m-5.044 6.855h-1.821V18.96h1.636c1.99 0 2.985.698 2.985 2.094 0 1.378-.934 2.068-2.8 2.068M75.673 14.934h-4.488v17.788h9.69v-4.026h-5.202zM89.668 14.934l-7.05 17.788h4.832l.924-2.586H94.5l.845 2.586h4.886l-7-17.788h-3.563zm-.053 11.601l1.849-6.08 1.82 6.08h-3.67z","fill":"#fff"},"children":[]},{"type":"mask","props":{"id":"b","fill":"#fff"},"children":[{"type":"use","props":{"href":"#a"},"children":[]}]},{"type":"path","props":{"fill":"#fff","mask":"url(#b)","d":"M102.473 32.722h4.489V14.934h-4.489zM124.39 18.268a7.376 7.376 0 0 0-2.14-2.053c-1.355-.854-3.204-1.28-5.545-1.28h-5.914v17.787h6.918c2.5 0 4.506-.817 6.02-2.453 1.514-1.635 2.27-3.805 2.27-6.508 0-2.15-.537-3.981-1.61-5.493m-7.182 10.427h-1.927v-9.734h1.954c1.373 0 2.428.43 3.168 1.287.74.857 1.11 2.073 1.11 3.647 0 3.2-1.435 4.8-4.305 4.8M18.637 0L4.09 3.81.081 18.439l5.014 5.148L0 28.65l3.773 14.693 14.484 4.047 5.096-5.064 5.014 5.147 14.547-3.81 4.008-14.63-5.013-5.146 5.095-5.063L43.231 4.13 28.745.083l-5.094 5.063L18.637 0zM9.71 6.624l7.663-2.008 3.351 3.44-4.887 4.856L9.71 6.624zm16.822 1.478l3.405-3.383 7.63 2.132-6.227 6.187-4.808-4.936zM4.672 17.238l2.111-7.705 6.125 6.288-4.886 4.856-3.35-3.44zm29.547-1.243l6.227-6.189 1.986 7.74-3.404 3.384-4.809-4.935zm-15.502-.127l4.887-4.856 4.807 4.936-4.886 4.856-4.808-4.936zm-7.814 7.765l4.886-4.856 4.81 4.936-4.888 4.856-4.808-4.936zm15.503.127l4.886-4.856L36.1 23.84l-4.887 4.856-4.807-4.936zM4.57 29.927l3.406-3.385 4.807 4.937-6.225 6.186-1.988-7.738zm14.021 1.598l4.887-4.856 4.808 4.936-4.886 4.856-4.809-4.936zm15.502.128l4.887-4.856 3.351 3.439-2.11 7.705-6.128-6.288zm-24.656 8.97l6.226-6.189 4.81 4.936-3.406 3.385-7.63-2.133zm16.843-1.206l4.886-4.856 6.126 6.289-7.662 2.007-3.35-3.44z"},"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 Plaid = forwardRef(
   function Plaid({ 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 Plaid = 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/plainsignal.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 64 64","fill":"currentColor","childNodes":[{"type":"g","props":{"stroke":"none","strokeWidth":"1","fill":"none","fillRule":"evenodd"},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"fill":"#FFFFFF","x":"0","y":"0","width":"64","height":"64","rx":"8"},"children":[]},{"type":"circle","props":{"fill":"#2463EB","fillRule":"nonzero","cx":"32","cy":"32","r":"24"},"children":[]},{"type":"path","props":{"d":"M45.8858843,20 C47.582957,20.33 47.582957,20.33 49.314314,20.6666667 C49.8714339,21.7604167 49.8714339,21.7604167 50,23.3333333 C48.9022022,24.7483774 47.847647,25.9212415 46.5715702,27.1666667 C45.8666766,27.8823859 45.162241,28.5985319 44.4582647,29.3151042 C44.1129944,29.6615397 43.767724,30.0079753 43.411991,30.3649089 C42.2096837,31.5847091 41.0643228,32.846188 39.9289876,34.125 C37.3690573,36.9945118 34.7715098,39.8309009 32.1721652,42.6666667 C29.6621376,42.2764216 28.3697955,41.2778407 26.5152561,39.625 C26.0308833,39.1978906 25.5465104,38.7707812 25.0474596,38.3307292 C24.6832961,38.0015885 24.3191326,37.6724479 23.9439338,37.3333333 C21.5822375,38.2985453 20.2677591,39.5179641 18.6298676,41.4166667 C18.209135,41.8996354 17.7884024,42.3826042 17.3549203,42.8802083 C16.882922,43.4345052 16.882922,43.4345052 16.4013883,44 C14.7010701,43.3600689 13.8426306,43.0251745 13.0131354,41.4088542 C12.9729585,40 12.9729585,40 13.8113167,38.7369792 C14.2276299,38.315026 14.6439431,37.8930729 15.0728718,37.4583333 C15.51305,37.0002865 15.9532282,36.5422396 16.4067452,36.0703125 C16.8575302,35.6071094 17.3083151,35.1439063 17.7727602,34.6666667 C18.5640149,33.782463 19.3502258,32.8939531 20.1298057,32 C20.7096388,31.34 21.289472,30.68 21.8868759,30 C24.3969035,30.390245 25.6892456,31.388826 27.543785,33.0416667 C28.2703443,33.6823307 28.2703443,33.6823307 29.0115815,34.3359375 C29.375745,34.6650781 29.7399086,34.9942187 30.1151074,35.3333333 C32.1134857,34.4624379 33.4565309,33.5615764 34.9309798,31.9921875 C35.30575,31.5964453 35.6805202,31.2007031 36.0666472,30.7929687 C36.4502563,30.3800391 36.8338655,29.9671094 37.2290991,29.5416667 C37.7965578,28.9416081 37.7965578,28.9416081 38.3754803,28.3294271 C40.9413088,25.6034563 43.4248698,22.81564 45.8858843,20 Z","id":"Shape","fill":"#FFFFFF","fillRule":"nonzero"},"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 Plainsignal = react_1.forwardRef(function Plainsignal({ 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 Plainsignal = react_1.forwardRef(function Plainsignal({ 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/plainsignal.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":{"stroke":"none","strokeWidth":"1","fill":"none","fillRule":"evenodd"},"children":[{"type":"g","props":{},"children":[{"type":"rect","props":{"fill":"#FFFFFF","x":"0","y":"0","width":"64","height":"64","rx":"8"},"children":[]},{"type":"circle","props":{"fill":"#2463EB","fillRule":"nonzero","cx":"32","cy":"32","r":"24"},"children":[]},{"type":"path","props":{"d":"M45.8858843,20 C47.582957,20.33 47.582957,20.33 49.314314,20.6666667 C49.8714339,21.7604167 49.8714339,21.7604167 50,23.3333333 C48.9022022,24.7483774 47.847647,25.9212415 46.5715702,27.1666667 C45.8666766,27.8823859 45.162241,28.5985319 44.4582647,29.3151042 C44.1129944,29.6615397 43.767724,30.0079753 43.411991,30.3649089 C42.2096837,31.5847091 41.0643228,32.846188 39.9289876,34.125 C37.3690573,36.9945118 34.7715098,39.8309009 32.1721652,42.6666667 C29.6621376,42.2764216 28.3697955,41.2778407 26.5152561,39.625 C26.0308833,39.1978906 25.5465104,38.7707812 25.0474596,38.3307292 C24.6832961,38.0015885 24.3191326,37.6724479 23.9439338,37.3333333 C21.5822375,38.2985453 20.2677591,39.5179641 18.6298676,41.4166667 C18.209135,41.8996354 17.7884024,42.3826042 17.3549203,42.8802083 C16.882922,43.4345052 16.882922,43.4345052 16.4013883,44 C14.7010701,43.3600689 13.8426306,43.0251745 13.0131354,41.4088542 C12.9729585,40 12.9729585,40 13.8113167,38.7369792 C14.2276299,38.315026 14.6439431,37.8930729 15.0728718,37.4583333 C15.51305,37.0002865 15.9532282,36.5422396 16.4067452,36.0703125 C16.8575302,35.6071094 17.3083151,35.1439063 17.7727602,34.6666667 C18.5640149,33.782463 19.3502258,32.8939531 20.1298057,32 C20.7096388,31.34 21.289472,30.68 21.8868759,30 C24.3969035,30.390245 25.6892456,31.388826 27.543785,33.0416667 C28.2703443,33.6823307 28.2703443,33.6823307 29.0115815,34.3359375 C29.375745,34.6650781 29.7399086,34.9942187 30.1151074,35.3333333 C32.1134857,34.4624379 33.4565309,33.5615764 34.9309798,31.9921875 C35.30575,31.5964453 35.6805202,31.2007031 36.0666472,30.7929687 C36.4502563,30.3800391 36.8338655,29.9671094 37.2290991,29.5416667 C37.7965578,28.9416081 37.7965578,28.9416081 38.3754803,28.3294271 C40.9413088,25.6034563 43.4248698,22.81564 45.8858843,20 Z","id":"Shape","fill":"#FFFFFF","fillRule":"nonzero"},"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 Plainsignal = forwardRef(
   function Plainsignal({ 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 Plainsignal = 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/pluto-tv.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 29.573625 7.9761421","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs18956"},"children":[]},{"type":"g","props":{"id":"layer1","transform":"translate(-88.910962,-172.68319)"},"children":[{"type":"g","props":{"id":"g19004","transform":"translate(0.13229242,-0.13228913)","style":{"fill":"#000000"}},"children":[{"type":"path","props":{"d":"m 91.900754,176.48452 c 0,0.45685 -0.367594,0.82832 -0.819856,0.82832 h -0.93098 v -1.59667 h 0.93098 c 0.452262,0 0.819856,0.34466 0.819856,0.76835 m -0.751064,-1.94733 h -2.013303 c -0.124177,0 -0.225425,0.10124 -0.225425,0.22542 v 5.67126 c 0,0.12417 0.101248,0.22542 0.225425,0.22542 h 0.788106 c 0.120297,0 0.225425,-0.10548 0.225425,-0.22542 v -1.95051 h 1.008239 c 1.087966,0 1.973086,-0.89288 1.973086,-1.99037 0,-1.07844 -0.889,-1.9558 -1.981553,-1.9558","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15381"},"children":[]},{"type":"path","props":{"d":"m 97.291439,179.50575 h -2.121958 v -4.7431 c 0,-0.11994 -0.105128,-0.22542 -0.225425,-0.22542 H 94.15595 c -0.124178,0 -0.225425,0.10125 -0.225425,0.22542 v 5.67091 c 0,0.12453 0.101247,0.22542 0.225425,0.22542 h 3.135489 c 0.124178,0 0.225425,-0.10089 0.225425,-0.22542 v -0.70239 c 0,-0.12417 -0.101247,-0.22542 -0.225425,-0.22542","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15385"},"children":[]},{"type":"path","props":{"d":"m 102.87632,174.53722 h -0.81386 c -0.12418,0 -0.22542,0.10125 -0.22542,0.22542 v 3.42654 c 0,0.71331 -0.49954,1.23084 -1.18816,1.23084 -0.683329,0 -1.179335,-0.52106 -1.179335,-1.23931 v -3.41807 c 0,-0.12417 -0.101247,-0.22542 -0.225425,-0.22542 h -0.813858 c -0.120297,0 -0.225425,0.10548 -0.225425,0.22542 v 3.47804 c 0,1.35608 1.073503,2.41865 2.444043,2.41865 1.37548,0 2.45286,-1.06257 2.45286,-2.41865 v -3.47804 c 0,-0.11994 -0.10512,-0.22542 -0.22542,-0.22542","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15389"},"children":[]},{"type":"path","props":{"d":"m 107.99547,174.53722 h -3.74368 c -0.12418,0 -0.22507,0.10125 -0.22507,0.22542 v 0.70239 c 0,0.12453 0.10089,0.22542 0.22507,0.22542 h 1.24813 v 4.74345 c 0,0.11994 0.10548,0.22543 0.22543,0.22543 h 0.79657 c 0.12029,0 0.22542,-0.10549 0.22542,-0.22543 v -4.74345 h 1.24813 c 0.12418,0 0.22542,-0.10089 0.22542,-0.22542 v -0.70239 c 0,-0.12417 -0.10124,-0.22542 -0.22542,-0.22542","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15393"},"children":[]},{"type":"path","props":{"d":"m 113.2964,177.60805 c 0,1.01635 -0.83079,1.84362 -1.85208,1.84362 -1.01636,0 -1.84327,-0.82727 -1.84327,-1.84362 0,-1.02588 0.82691,-1.8602 1.84327,-1.8602 1.004,0 1.85208,0.85196 1.85208,1.8602 m -1.85208,-3.06776 c -1.6824,0 -3.05118,1.37619 -3.05118,3.06776 0,1.71097 1.3402,3.05117 3.05118,3.05117 1.71556,0 3.05964,-1.3402 3.05964,-3.05117 0,-1.69157 -1.37266,-3.06776 -3.05964,-3.06776","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15397"},"children":[]},{"type":"path","props":{"d":"m 117.61956,174.25662 -0.5274,1.31198 c -0.0106,0.0265 -0.0356,0.043 -0.0639,0.043 h -0.248 c -0.0279,0 -0.0533,-0.0166 -0.0639,-0.043 l -0.4378,-1.08938 c -0.0127,0.0145 -0.0314,0.0233 -0.0519,0.0233 H 115.898 v 1.04034 c 0,0.0381 -0.031,0.0688 -0.0691,0.0688 h -0.22154 c -0.0378,0 -0.0688,-0.0307 -0.0688,-0.0688 v -1.04034 h -0.32878 c -0.0381,0 -0.0691,-0.0307 -0.0691,-0.0688 v -0.20284 c 0,-0.0378 0.031,-0.0688 0.0691,-0.0688 h 1.01705 0.0265 0.24765 c 0.0279,0 0.0529,0.0166 0.0635,0.0427 l 0.34008,0.8248 0.33972,-0.8248 c 0.0102,-0.0261 0.0353,-0.0427 0.0639,-0.0427 h 0.24729 c 0.0229,0 0.0444,0.0113 0.0571,0.0303 0.0131,0.0187 0.0155,0.0427 0.007,0.0642 m -1.23684,-1.30881 c -1.01494,0 -1.83762,0.82268 -1.83762,1.83762 0,1.01495 0.82268,1.83762 1.83762,1.83762 1.01459,0 1.83727,-0.82267 1.83727,-1.83762 0,-1.01494 -0.82268,-1.83762 -1.83727,-1.83762","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15401"},"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 PlutoTv = react_1.forwardRef(function PlutoTv({ 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 PlutoTv = react_1.forwardRef(function PlutoTv({ 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/pluto-tv.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 29.573625 7.9761421","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs18956"},"children":[]},{"type":"g","props":{"id":"layer1","transform":"translate(-88.910962,-172.68319)"},"children":[{"type":"g","props":{"id":"g19004","transform":"translate(0.13229242,-0.13228913)","style":{"fill":"#000000"}},"children":[{"type":"path","props":{"d":"m 91.900754,176.48452 c 0,0.45685 -0.367594,0.82832 -0.819856,0.82832 h -0.93098 v -1.59667 h 0.93098 c 0.452262,0 0.819856,0.34466 0.819856,0.76835 m -0.751064,-1.94733 h -2.013303 c -0.124177,0 -0.225425,0.10124 -0.225425,0.22542 v 5.67126 c 0,0.12417 0.101248,0.22542 0.225425,0.22542 h 0.788106 c 0.120297,0 0.225425,-0.10548 0.225425,-0.22542 v -1.95051 h 1.008239 c 1.087966,0 1.973086,-0.89288 1.973086,-1.99037 0,-1.07844 -0.889,-1.9558 -1.981553,-1.9558","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15381"},"children":[]},{"type":"path","props":{"d":"m 97.291439,179.50575 h -2.121958 v -4.7431 c 0,-0.11994 -0.105128,-0.22542 -0.225425,-0.22542 H 94.15595 c -0.124178,0 -0.225425,0.10125 -0.225425,0.22542 v 5.67091 c 0,0.12453 0.101247,0.22542 0.225425,0.22542 h 3.135489 c 0.124178,0 0.225425,-0.10089 0.225425,-0.22542 v -0.70239 c 0,-0.12417 -0.101247,-0.22542 -0.225425,-0.22542","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15385"},"children":[]},{"type":"path","props":{"d":"m 102.87632,174.53722 h -0.81386 c -0.12418,0 -0.22542,0.10125 -0.22542,0.22542 v 3.42654 c 0,0.71331 -0.49954,1.23084 -1.18816,1.23084 -0.683329,0 -1.179335,-0.52106 -1.179335,-1.23931 v -3.41807 c 0,-0.12417 -0.101247,-0.22542 -0.225425,-0.22542 h -0.813858 c -0.120297,0 -0.225425,0.10548 -0.225425,0.22542 v 3.47804 c 0,1.35608 1.073503,2.41865 2.444043,2.41865 1.37548,0 2.45286,-1.06257 2.45286,-2.41865 v -3.47804 c 0,-0.11994 -0.10512,-0.22542 -0.22542,-0.22542","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15389"},"children":[]},{"type":"path","props":{"d":"m 107.99547,174.53722 h -3.74368 c -0.12418,0 -0.22507,0.10125 -0.22507,0.22542 v 0.70239 c 0,0.12453 0.10089,0.22542 0.22507,0.22542 h 1.24813 v 4.74345 c 0,0.11994 0.10548,0.22543 0.22543,0.22543 h 0.79657 c 0.12029,0 0.22542,-0.10549 0.22542,-0.22543 v -4.74345 h 1.24813 c 0.12418,0 0.22542,-0.10089 0.22542,-0.22542 v -0.70239 c 0,-0.12417 -0.10124,-0.22542 -0.22542,-0.22542","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15393"},"children":[]},{"type":"path","props":{"d":"m 113.2964,177.60805 c 0,1.01635 -0.83079,1.84362 -1.85208,1.84362 -1.01636,0 -1.84327,-0.82727 -1.84327,-1.84362 0,-1.02588 0.82691,-1.8602 1.84327,-1.8602 1.004,0 1.85208,0.85196 1.85208,1.8602 m -1.85208,-3.06776 c -1.6824,0 -3.05118,1.37619 -3.05118,3.06776 0,1.71097 1.3402,3.05117 3.05118,3.05117 1.71556,0 3.05964,-1.3402 3.05964,-3.05117 0,-1.69157 -1.37266,-3.06776 -3.05964,-3.06776","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15397"},"children":[]},{"type":"path","props":{"d":"m 117.61956,174.25662 -0.5274,1.31198 c -0.0106,0.0265 -0.0356,0.043 -0.0639,0.043 h -0.248 c -0.0279,0 -0.0533,-0.0166 -0.0639,-0.043 l -0.4378,-1.08938 c -0.0127,0.0145 -0.0314,0.0233 -0.0519,0.0233 H 115.898 v 1.04034 c 0,0.0381 -0.031,0.0688 -0.0691,0.0688 h -0.22154 c -0.0378,0 -0.0688,-0.0307 -0.0688,-0.0688 v -1.04034 h -0.32878 c -0.0381,0 -0.0691,-0.0307 -0.0691,-0.0688 v -0.20284 c 0,-0.0378 0.031,-0.0688 0.0691,-0.0688 h 1.01705 0.0265 0.24765 c 0.0279,0 0.0529,0.0166 0.0635,0.0427 l 0.34008,0.8248 0.33972,-0.8248 c 0.0102,-0.0261 0.0353,-0.0427 0.0639,-0.0427 h 0.24729 c 0.0229,0 0.0444,0.0113 0.0571,0.0303 0.0131,0.0187 0.0155,0.0427 0.007,0.0642 m -1.23684,-1.30881 c -1.01494,0 -1.83762,0.82268 -1.83762,1.83762 0,1.01495 0.82268,1.83762 1.83762,1.83762 1.01459,0 1.83727,-0.82267 1.83727,-1.83762 0,-1.01494 -0.82268,-1.83762 -1.83727,-1.83762","style":{"fill":"#000000","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"0.35277778"},"id":"path15401"},"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 PlutoTv = forwardRef(
   function PlutoTv({ 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 PlutoTv = 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));
         })
     );
   }