@thesvg/react 3.2.2 → 3.2.4

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));
         })
     );
   }

package/dist/pm2.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 210","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"67.1%","y1":"64.7%","x2":"46.2%","y2":"45.8%","id":"a"},"children":[{"type":"stop","props":{"stopColor":"#520BF5","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#9D1FE0","offset":"100%"},"children":[]},{"type":"stop","props":{"stopColor":"#9D1FE0","offset":"100%"},"children":[]}]},{"type":"linearGradient","props":{"x1":"67.5%","y1":"35%","x2":"42.4%","y2":"56.9%","id":"b"},"children":[{"type":"stop","props":{"stopColor":"#9E1FA7","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#E540AE","offset":"100%"},"children":[]}]},{"type":"linearGradient","props":{"x1":"100%","y1":"50%","x2":"30%","y2":"50%","id":"c"},"children":[{"type":"stop","props":{"stopColor":"#4B6AF2","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#4CA7EB","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"d":"m175.3 0-9.4 16a5.7 5.7 0 1 1-10-5.8L162 0h-16.7c0 1-.3 2-.8 2.9l-25.8 44.6C112.2 58.5 98.6 65 88 65h-8.3a5.7 5.7 0 0 1 0-11.5H88A28 28 0 0 0 108.4 42c2.9-4 11-18 24.4-42.1h-15.3C93.5 52 79 41.9 36 41.9l-8.5 13h30a5.7 5.7 0 0 1 0 11.4H20l-7.2 11.5L107 77H103c5.7.1 15-3.2 19.4-10.3l22.3-35.2a5.7 5.7 0 1 1 9.7 6.2L132 73a35.6 35.6 0 0 1-29.3 15.6l-96.9.7a37 37 0 0 0-5.7 15.8h128.4L194 4.5C190 2.1 184 .2 176.4 0h-1.1Z","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M128.5 105.1H0a30 30 0 0 0 5 18h86c13.4-1.5 25.3 4.1 35.6 16.7l21.6 34.9a5.7 5.7 0 1 1-9.7 6 329 329 0 0 0-24.3-36.5 29 29 0 0 0-23.2-9.6H12.3l7.7 12.2h30.7a5.7 5.7 0 0 1 0 11.5H27.2l7.3 11.5c51.7 0 59 5.8 76.7 40h15c-12.8-23-21-36.5-24.4-40.6-5-6.2-12-10.9-20.8-10.9h-8a5.7 5.7 0 0 1 0-11.5h8c12.2 0 25.9 7.8 30.8 17.4l27.3 44.6.5 1H160l-6.6-11.2a5.7 5.7 0 1 1 10-5.8l10 17h5c4 0 7-.4 12.6-4L128.5 105Z","fill":"url(#b)"},"children":[]},{"type":"path","props":{"d":"m194 4.5-8 12.2 10 14.8a5.7 5.7 0 0 1-9.6 6.4L179.2 27l-8 12 28.4 46.5a33.4 33.4 0 0 1-.4 35.5l-3.4 4.7a5.7 5.7 0 1 1-9.3-6.9l3.3-4.4a22 22 0 0 0 0-23l-25.5-41.7-36.4 55.3 28.6-43 14.1 21.7a33.7 33.7 0 0 1 0 36.8l-16.8 25.7-25.9-41.2 33.3 53 15.3-20.5a5.8 5.8 0 0 1 9.2 7l-18 23.9 8.8 13.9 42.3-67c4.8-7.5 4.9-17.4.2-25.1L198.5 57a5.7 5.7 0 0 1 9.8-6l20.4 33.1c7 11.4 7 26.1-.2 37.4l-44.7 70.7-.6.8 8 12.6c3.4-2.7 5.9-5 7.3-6.9 17-21.3 34.5-47 52.7-77a32 32 0 0 0 .3-33.2c-23.6-39-49.7-80.2-57.5-84Z","fill":"url(#c)"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["PM2"]},{"type":"path","props":{"d":"M10.43 3.223c-.83 1.386-.906 1.499-1.21 1.81-.633.654-1.417 1.003-2.415 1.074-.187.013-1.265.033-2.702.05-.638.008-.75.011-.766.028-.01.011-.185.274-.39.586l-.37.565.104.005c.056.003.443-.003.858-.011a93.159 93.163 0 011.335-.019c.572 0 .58 0 .667.03.246.084.393.306.355.533a.504.504 0 01-.394.42c-.104.027-.375.034-2.821.075-.426.007-.78.015-.784.02a30.5 30.5 0 00-.747 1.145c.004.004.405 0 .893-.007 3.13-.051 5.844-.092 6.6-.1.727-.008.995-.02 1.19-.054.54-.092.954-.297 1.31-.65.253-.252.475-.572.852-1.23.125-.217.262-.45.307-.52l.138-.223c.033-.054.07-.11.082-.125.033-.038.1-.146.14-.23.034-.07.534-.906.75-1.257.15-.242.232-.312.42-.355.26-.06.58.102.653.332.06.188.033.305-.136.59-1.21 2.035-1.65 2.764-1.887 3.123-.672 1.018-1.684 1.564-2.991 1.613-.105.003-.773.015-1.486.026l-2.052.031-1.591.027a1166.545 1166.596 0 01-3.102.048c-.502.005-.761.013-.78.022a.723.723 0 00-.12.186 2.87 2.87 0 00-.285.793.427.427 0 01-.039.132c-.024.007-.02.787.003.81a.41.41 0 01.04.135c.057.285.197.616.395.932l.092.147 1.316.008c.724.004 2.597.015 4.164.021 1.692.008 2.914.019 3.01.027.318.026.488.052.75.118a3.374 3.374 0 011.652.95c.255.264.38.44.941 1.339.366.584 1.455 2.363 1.494 2.44.142.28.05.571-.223.7a.588.588 0 01-.518.01c-.145-.072-.152-.08-.9-1.29a85.42 85.42 0 00-.512-.822 26.09 26.091 0 01-.344-.565c-.37-.62-.588-.93-.82-1.162a2.367 2.367 0 00-1.164-.627c-.286-.064-.338-.066-2.328-.077a590.763 590.789 0 00-3.215-.014c-.738 0-1.634-.005-1.99-.008-.517-.008-.647-.007-.647.007 0 .008.156.27.348.578l.348.56.332.003c2.407.019 2.53.02 2.619.037.194.04.309.123.386.28a.35.35 0 01.05.212.43.43 0 01-.143.342.568.568 0 01-.251.142c-.075.022-.142.024-1.214.02-.92-.003-1.134 0-1.126.013.04.072.695 1.125.704 1.135.008.007.592.016 1.508.021 1.23.008 1.527.013 1.673.03 1.105.13 1.942.603 2.573 1.457.117.158.248.366.912 1.44l.466.754h.714c.392 0 .714-.003.714-.007s-.257-.42-.57-.924a493.191 493.213 0 01-1.49-2.407 12.643 12.644 0 00-.274-.43 2.395 2.395 0 00-1.434-.97c-.252-.061-.428-.077-.874-.083-.446-.006-.522-.016-.646-.08a.552.552 0 01-.231-.227c-.033-.065-.037-.088-.037-.211 0-.127.003-.145.037-.208a.557.557 0 01.357-.275c.07-.021.13-.024.52-.024.345 0 .48.005.625.024.937.12 1.64.445 2.224 1.027.276.276.397.443.758 1.042.127.209.412.672.636 1.028l1.05 1.686.644 1.04h.905c.722 0 .905-.005.9-.018a23.922 23.923 0 00-.24-.39c-.46-.737-.493-.796-.513-.943-.027-.206.118-.419.345-.5a.548.548 0 01.6.134c.064.063.414.61.936 1.465l.156.255.178-.009a3.32 3.32 0 001.31-.325c.065-.03.125-.056.134-.059a3.149 3.149 0 001.078-.886 541.326 541.35 0 002.393-3.65c2.484-3.806 2.433-3.724 2.554-4.086a2.682 2.682 0 00-.115-2.016c-.048-.103-.838-1.387-2.263-3.683a536.842 536.866 0 00-2.253-3.617 2.936 2.936 0 00-1.1-.915 3.19 3.191 0 00-.902-.316c-.18-.033-.193-.036-.183-.052.004-.008-.106-.01-.292-.01l-.298.005-.265.44c-.588.98-.643 1.068-.726 1.151a.568.568 0 01-.309.169c-.222.04-.496-.093-.59-.287-.03-.057-.033-.084-.033-.204 0-.187-.009-.167.504-1.01a3.41 3.41 0 00.147-.254c0-.007-.29-.012-.71-.012h-.71l-.019.03a441.636 441.636 0 01-1.829 3.028c-.21.347-.468.776-.57.953-.231.396-.326.54-.49.744a4.123 4.123 0 01-.563.56c-.53.411-1.17.66-1.92.747-.361.042-.884.048-1.072.013a.576.576 0 01-.384-.276c-.033-.065-.037-.083-.037-.21 0-.12.004-.147.034-.21a.542.542 0 01.352-.279c.073-.02.16-.027.515-.037.264-.007.485-.02.578-.033a3.15 3.15 0 00.599-.15c.164-.065.396-.19.532-.288a2.87 2.87 0 00.53-.526c.056-.074.325-.509.599-.966.273-.458.8-1.334 1.171-1.947.37-.614.677-1.124.68-1.135.006-.016-.098-.018-.703-.018h-.708l-.622 1.035zm7.036.536c0 .01.005.02.012.022.005.001.101.149.212.327.506.81.692 1.117.72 1.194.036.1.04.231.008.323a.646.646 0 01-.24.262.543.543 0 01-.657-.088c-.08-.075-.165-.201-.46-.685-.11-.182-.214-.346-.229-.366-.016-.024-.022-.046-.016-.066.01-.031.56-.88.601-.925.027-.03.05-.03.05.003zM16.08 5.896c-.004.007 0 .013.005.016.012.004 1.003 1.593 1.574 2.523.48.778.696 1.127.88 1.413.301.469.413.687.526 1.026.115.342.16.653.147 1.005-.007.24-.03.39-.088.624-.102.4-.325.866-.61 1.278-.09.128-.273.322-.304.322-.01 0-.02.005-.02.012 0 .006-.039.025-.086.04a.633.633 0 01-.39-.012.661.661 0 01-.294-.283c-.032-.067-.034-.087-.029-.19.007-.14.036-.202.231-.503.25-.385.352-.596.424-.885.124-.49.063-.976-.184-1.46-.049-.095-.36-.606-.692-1.138a342.675 342.69 0 01-1.16-1.867c-.308-.496-.569-.918-.584-.938-.014-.021-.024-.045-.02-.054.01-.027.59-.907.62-.938.02-.022.03-.026.043-.016.01.008.015.02.01.026zm3.142.909a.59.59 0 01.26.188c.095.117 1.425 2.23 1.911 3.04.28.462.41.75.5 1.103.062.243.086.431.086.689 0 .343-.037.57-.145.897-.126.382-.217.553-.658 1.236-.16.25-.998 1.548-1.858 2.887l-1.862 2.89c-.163.253-.303.47-.31.485-.008.013-.019.023-.027.02a20.635 20.636 0 01-.625-1.006c0-.009.012-.033.025-.052a8337.117 8337.482 0 013.846-5.967c.205-.318.266-.429.343-.62a1.95 1.95 0 00.15-.84c-.014-.316-.077-.54-.254-.894-.13-.266-.255-.476-.562-.95-.125-.193-.269-.42-.319-.504a76.564 76.567 0 00-.486-.789c-.764-1.226-.755-1.21-.757-1.35 0-.118.04-.212.128-.307a.67.67 0 01.32-.184.633.633 0 01.294.027zm-4.54 1.215l.2.325c1.091 1.747 1.137 1.824 1.247 2.043.461.919.465 1.832.014 2.735-.096.19-.135.255-.767 1.236-.848 1.32-.947 1.47-.974 1.5-.022.022-.025.024-.025.003 0-.012-.533-.881-1.184-1.93a193.219 193.227 0 01-1.184-1.918c0-.007.554-.858 1.233-1.892a612.753 612.78 0 001.314-2.007.706.706 0 01.096-.127c.007 0 .02.014.03.033zm2.437 6.843a.675.675 0 01.277.26.469.469 0 01.041.153c.01.133-.024.21-.264.588a820.264 820.3 0 01-1.25 1.954l-.125.194c-.022.04-.026.042-.048.026a29.746 29.747 0 01-.605-.97c-.012-.03 1.237-1.975 1.327-2.068a.55.55 0 01.446-.182.436.436 0 01.201.045z"},"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 Pm2 = react_1.forwardRef(function Pm2({ 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 Pm2 = react_1.forwardRef(function Pm2({ variant = 'default', viewBox, ...p
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/pm2.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 210","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"67.1%","y1":"64.7%","x2":"46.2%","y2":"45.8%","id":"a"},"children":[{"type":"stop","props":{"stopColor":"#520BF5","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#9D1FE0","offset":"100%"},"children":[]},{"type":"stop","props":{"stopColor":"#9D1FE0","offset":"100%"},"children":[]}]},{"type":"linearGradient","props":{"x1":"67.5%","y1":"35%","x2":"42.4%","y2":"56.9%","id":"b"},"children":[{"type":"stop","props":{"stopColor":"#9E1FA7","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#E540AE","offset":"100%"},"children":[]}]},{"type":"linearGradient","props":{"x1":"100%","y1":"50%","x2":"30%","y2":"50%","id":"c"},"children":[{"type":"stop","props":{"stopColor":"#4B6AF2","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#4CA7EB","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"d":"m175.3 0-9.4 16a5.7 5.7 0 1 1-10-5.8L162 0h-16.7c0 1-.3 2-.8 2.9l-25.8 44.6C112.2 58.5 98.6 65 88 65h-8.3a5.7 5.7 0 0 1 0-11.5H88A28 28 0 0 0 108.4 42c2.9-4 11-18 24.4-42.1h-15.3C93.5 52 79 41.9 36 41.9l-8.5 13h30a5.7 5.7 0 0 1 0 11.4H20l-7.2 11.5L107 77H103c5.7.1 15-3.2 19.4-10.3l22.3-35.2a5.7 5.7 0 1 1 9.7 6.2L132 73a35.6 35.6 0 0 1-29.3 15.6l-96.9.7a37 37 0 0 0-5.7 15.8h128.4L194 4.5C190 2.1 184 .2 176.4 0h-1.1Z","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M128.5 105.1H0a30 30 0 0 0 5 18h86c13.4-1.5 25.3 4.1 35.6 16.7l21.6 34.9a5.7 5.7 0 1 1-9.7 6 329 329 0 0 0-24.3-36.5 29 29 0 0 0-23.2-9.6H12.3l7.7 12.2h30.7a5.7 5.7 0 0 1 0 11.5H27.2l7.3 11.5c51.7 0 59 5.8 76.7 40h15c-12.8-23-21-36.5-24.4-40.6-5-6.2-12-10.9-20.8-10.9h-8a5.7 5.7 0 0 1 0-11.5h8c12.2 0 25.9 7.8 30.8 17.4l27.3 44.6.5 1H160l-6.6-11.2a5.7 5.7 0 1 1 10-5.8l10 17h5c4 0 7-.4 12.6-4L128.5 105Z","fill":"url(#b)"},"children":[]},{"type":"path","props":{"d":"m194 4.5-8 12.2 10 14.8a5.7 5.7 0 0 1-9.6 6.4L179.2 27l-8 12 28.4 46.5a33.4 33.4 0 0 1-.4 35.5l-3.4 4.7a5.7 5.7 0 1 1-9.3-6.9l3.3-4.4a22 22 0 0 0 0-23l-25.5-41.7-36.4 55.3 28.6-43 14.1 21.7a33.7 33.7 0 0 1 0 36.8l-16.8 25.7-25.9-41.2 33.3 53 15.3-20.5a5.8 5.8 0 0 1 9.2 7l-18 23.9 8.8 13.9 42.3-67c4.8-7.5 4.9-17.4.2-25.1L198.5 57a5.7 5.7 0 0 1 9.8-6l20.4 33.1c7 11.4 7 26.1-.2 37.4l-44.7 70.7-.6.8 8 12.6c3.4-2.7 5.9-5 7.3-6.9 17-21.3 34.5-47 52.7-77a32 32 0 0 0 .3-33.2c-23.6-39-49.7-80.2-57.5-84Z","fill":"url(#c)"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["PM2"]},{"type":"path","props":{"d":"M10.43 3.223c-.83 1.386-.906 1.499-1.21 1.81-.633.654-1.417 1.003-2.415 1.074-.187.013-1.265.033-2.702.05-.638.008-.75.011-.766.028-.01.011-.185.274-.39.586l-.37.565.104.005c.056.003.443-.003.858-.011a93.159 93.163 0 011.335-.019c.572 0 .58 0 .667.03.246.084.393.306.355.533a.504.504 0 01-.394.42c-.104.027-.375.034-2.821.075-.426.007-.78.015-.784.02a30.5 30.5 0 00-.747 1.145c.004.004.405 0 .893-.007 3.13-.051 5.844-.092 6.6-.1.727-.008.995-.02 1.19-.054.54-.092.954-.297 1.31-.65.253-.252.475-.572.852-1.23.125-.217.262-.45.307-.52l.138-.223c.033-.054.07-.11.082-.125.033-.038.1-.146.14-.23.034-.07.534-.906.75-1.257.15-.242.232-.312.42-.355.26-.06.58.102.653.332.06.188.033.305-.136.59-1.21 2.035-1.65 2.764-1.887 3.123-.672 1.018-1.684 1.564-2.991 1.613-.105.003-.773.015-1.486.026l-2.052.031-1.591.027a1166.545 1166.596 0 01-3.102.048c-.502.005-.761.013-.78.022a.723.723 0 00-.12.186 2.87 2.87 0 00-.285.793.427.427 0 01-.039.132c-.024.007-.02.787.003.81a.41.41 0 01.04.135c.057.285.197.616.395.932l.092.147 1.316.008c.724.004 2.597.015 4.164.021 1.692.008 2.914.019 3.01.027.318.026.488.052.75.118a3.374 3.374 0 011.652.95c.255.264.38.44.941 1.339.366.584 1.455 2.363 1.494 2.44.142.28.05.571-.223.7a.588.588 0 01-.518.01c-.145-.072-.152-.08-.9-1.29a85.42 85.42 0 00-.512-.822 26.09 26.091 0 01-.344-.565c-.37-.62-.588-.93-.82-1.162a2.367 2.367 0 00-1.164-.627c-.286-.064-.338-.066-2.328-.077a590.763 590.789 0 00-3.215-.014c-.738 0-1.634-.005-1.99-.008-.517-.008-.647-.007-.647.007 0 .008.156.27.348.578l.348.56.332.003c2.407.019 2.53.02 2.619.037.194.04.309.123.386.28a.35.35 0 01.05.212.43.43 0 01-.143.342.568.568 0 01-.251.142c-.075.022-.142.024-1.214.02-.92-.003-1.134 0-1.126.013.04.072.695 1.125.704 1.135.008.007.592.016 1.508.021 1.23.008 1.527.013 1.673.03 1.105.13 1.942.603 2.573 1.457.117.158.248.366.912 1.44l.466.754h.714c.392 0 .714-.003.714-.007s-.257-.42-.57-.924a493.191 493.213 0 01-1.49-2.407 12.643 12.644 0 00-.274-.43 2.395 2.395 0 00-1.434-.97c-.252-.061-.428-.077-.874-.083-.446-.006-.522-.016-.646-.08a.552.552 0 01-.231-.227c-.033-.065-.037-.088-.037-.211 0-.127.003-.145.037-.208a.557.557 0 01.357-.275c.07-.021.13-.024.52-.024.345 0 .48.005.625.024.937.12 1.64.445 2.224 1.027.276.276.397.443.758 1.042.127.209.412.672.636 1.028l1.05 1.686.644 1.04h.905c.722 0 .905-.005.9-.018a23.922 23.923 0 00-.24-.39c-.46-.737-.493-.796-.513-.943-.027-.206.118-.419.345-.5a.548.548 0 01.6.134c.064.063.414.61.936 1.465l.156.255.178-.009a3.32 3.32 0 001.31-.325c.065-.03.125-.056.134-.059a3.149 3.149 0 001.078-.886 541.326 541.35 0 002.393-3.65c2.484-3.806 2.433-3.724 2.554-4.086a2.682 2.682 0 00-.115-2.016c-.048-.103-.838-1.387-2.263-3.683a536.842 536.866 0 00-2.253-3.617 2.936 2.936 0 00-1.1-.915 3.19 3.191 0 00-.902-.316c-.18-.033-.193-.036-.183-.052.004-.008-.106-.01-.292-.01l-.298.005-.265.44c-.588.98-.643 1.068-.726 1.151a.568.568 0 01-.309.169c-.222.04-.496-.093-.59-.287-.03-.057-.033-.084-.033-.204 0-.187-.009-.167.504-1.01a3.41 3.41 0 00.147-.254c0-.007-.29-.012-.71-.012h-.71l-.019.03a441.636 441.636 0 01-1.829 3.028c-.21.347-.468.776-.57.953-.231.396-.326.54-.49.744a4.123 4.123 0 01-.563.56c-.53.411-1.17.66-1.92.747-.361.042-.884.048-1.072.013a.576.576 0 01-.384-.276c-.033-.065-.037-.083-.037-.21 0-.12.004-.147.034-.21a.542.542 0 01.352-.279c.073-.02.16-.027.515-.037.264-.007.485-.02.578-.033a3.15 3.15 0 00.599-.15c.164-.065.396-.19.532-.288a2.87 2.87 0 00.53-.526c.056-.074.325-.509.599-.966.273-.458.8-1.334 1.171-1.947.37-.614.677-1.124.68-1.135.006-.016-.098-.018-.703-.018h-.708l-.622 1.035zm7.036.536c0 .01.005.02.012.022.005.001.101.149.212.327.506.81.692 1.117.72 1.194.036.1.04.231.008.323a.646.646 0 01-.24.262.543.543 0 01-.657-.088c-.08-.075-.165-.201-.46-.685-.11-.182-.214-.346-.229-.366-.016-.024-.022-.046-.016-.066.01-.031.56-.88.601-.925.027-.03.05-.03.05.003zM16.08 5.896c-.004.007 0 .013.005.016.012.004 1.003 1.593 1.574 2.523.48.778.696 1.127.88 1.413.301.469.413.687.526 1.026.115.342.16.653.147 1.005-.007.24-.03.39-.088.624-.102.4-.325.866-.61 1.278-.09.128-.273.322-.304.322-.01 0-.02.005-.02.012 0 .006-.039.025-.086.04a.633.633 0 01-.39-.012.661.661 0 01-.294-.283c-.032-.067-.034-.087-.029-.19.007-.14.036-.202.231-.503.25-.385.352-.596.424-.885.124-.49.063-.976-.184-1.46-.049-.095-.36-.606-.692-1.138a342.675 342.69 0 01-1.16-1.867c-.308-.496-.569-.918-.584-.938-.014-.021-.024-.045-.02-.054.01-.027.59-.907.62-.938.02-.022.03-.026.043-.016.01.008.015.02.01.026zm3.142.909a.59.59 0 01.26.188c.095.117 1.425 2.23 1.911 3.04.28.462.41.75.5 1.103.062.243.086.431.086.689 0 .343-.037.57-.145.897-.126.382-.217.553-.658 1.236-.16.25-.998 1.548-1.858 2.887l-1.862 2.89c-.163.253-.303.47-.31.485-.008.013-.019.023-.027.02a20.635 20.636 0 01-.625-1.006c0-.009.012-.033.025-.052a8337.117 8337.482 0 013.846-5.967c.205-.318.266-.429.343-.62a1.95 1.95 0 00.15-.84c-.014-.316-.077-.54-.254-.894-.13-.266-.255-.476-.562-.95-.125-.193-.269-.42-.319-.504a76.564 76.567 0 00-.486-.789c-.764-1.226-.755-1.21-.757-1.35 0-.118.04-.212.128-.307a.67.67 0 01.32-.184.633.633 0 01.294.027zm-4.54 1.215l.2.325c1.091 1.747 1.137 1.824 1.247 2.043.461.919.465 1.832.014 2.735-.096.19-.135.255-.767 1.236-.848 1.32-.947 1.47-.974 1.5-.022.022-.025.024-.025.003 0-.012-.533-.881-1.184-1.93a193.219 193.227 0 01-1.184-1.918c0-.007.554-.858 1.233-1.892a612.753 612.78 0 001.314-2.007.706.706 0 01.096-.127c.007 0 .02.014.03.033zm2.437 6.843a.675.675 0 01.277.26.469.469 0 01.041.153c.01.133-.024.21-.264.588a820.264 820.3 0 01-1.25 1.954l-.125.194c-.022.04-.026.042-.048.026a29.746 29.747 0 01-.605-.97c-.012-.03 1.237-1.975 1.327-2.068a.55.55 0 01.446-.182.436.436 0 01.201.045z"},"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 Pm2 = forwardRef(
   function Pm2({ 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 Pm2 = 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/pnj.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 1510 1515","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["PNJ"]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x2":"1","gradientTransform":"rotate(-12 3591 85)scale(1416.009 450.763)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#e7d1a2"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#d8b273"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4d3d21"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x2":"1","gradientTransform":"matrix(937.185 0 0 382.541 169 400)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#e7d1a2"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#d8b273"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4d3d21"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x2":"1","gradientTransform":"matrix(1348.662 0 0 465.997 1 901)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#e7d1a2"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#d8b273"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4d3d21"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x2":"1","gradientTransform":"matrix(907.401 0 0 703.752 101 1162)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#e7d1a2"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#d8b273"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4d3d21"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x2":"1","gradientTransform":"matrix(536.189 0 0 381.551 377 192)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#e7d1a2"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#d8b273"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4d3d21"},"children":[]}]}]},{"type":"path","props":{"d":"M52 708c821-230 1355-5 1458 47l-230-229-63-62q-112-29-232-28C534 436 54 705 52 708","style":{"fill":"url(#a)"}},"children":[]},{"type":"path","props":{"d":"M169 592c538-286 849-257 938-242L977 221l-10-8q-27-3-53-3c-318 0-745 382-745 382","style":{"fill":"url(#b)"}},"children":[]},{"type":"path","props":{"d":"M0 758s874-76 1135 377l215-214c-44-55-231-253-714-253-173 0-381 24-636 90","style":{"fill":"url(#c)"}},"children":[]},{"type":"path","props":{"d":"M101 812c2 0 531 87 656 702l252-253c-27-49-261-450-835-450z","style":{"fill":"url(#d)"}},"children":[]},{"type":"path","props":{"d":"m408 350-32 32s343-258 536-225L757 1z","style":{"fill":"url(#e)"}},"children":[]}]},"mono":{"viewBox":"0 0 1510 1515","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["PNJ mono"]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x2":"1","gradientTransform":"rotate(-12 4465 426)scale(1466.69 1469.872)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"currentColor"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"currentColor"},"children":[]}]}]},{"type":"path","props":{"d":"M52 708c821-230 1355-5 1458 47l-230-229-63-62q-112-29-232-28C534 436 54 705 52 708m117-116c538-286 849-257 938-242L977 221l-10-8q-27-3-53-3c-318 0-745 382-745 382M0 758s874-76 1135 377l215-214c-44-55-231-253-714-253-173 0-381 24-636 90m101 54c2 0 531 87 656 702l252-253c-27-49-261-450-835-450zm307-462-32 32s343-258 536-225L757 1z","style":{"fill":"url(#a)"}},"children":[]}]},"light":{"viewBox":"0 0 1510 1515","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["PNJ Light"]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x2":"1","gradientTransform":"rotate(-12 4465 426)scale(1466.69 1469.872)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff"},"children":[]}]}]},{"type":"path","props":{"d":"M52 708c821-230 1355-5 1458 47l-230-229-63-62q-112-29-232-28C534 436 54 705 52 708m117-116c538-286 849-257 938-242L977 221l-10-8q-27-3-53-3c-318 0-745 382-745 382M0 758s874-76 1135 377l215-214c-44-55-231-253-714-253-173 0-381 24-636 90m101 54c2 0 531 87 656 702l252-253c-27-49-261-450-835-450zm307-462-32 32s343-258 536-225L757 1z","style":{"fill":"url(#a)"}},"children":[]}]},"dark":{"viewBox":"0 0 1510 1515","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["PNJ Dark"]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x2":"1","gradientTransform":"rotate(-12 4465 426)scale(1466.69 1469.872)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#000000"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#000000"},"children":[]}]}]},{"type":"path","props":{"d":"M52 708c821-230 1355-5 1458 47l-230-229-63-62q-112-29-232-28C534 436 54 705 52 708m117-116c538-286 849-257 938-242L977 221l-10-8q-27-3-53-3c-318 0-745 382-745 382M0 758s874-76 1135 377l215-214c-44-55-231-253-714-253-173 0-381 24-636 90m101 54c2 0 531 87 656 702l252-253c-27-49-261-450-835-450zm307-462-32 32s343-258 536-225L757 1z","style":{"fill":"url(#a)"}},"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 Pnj = react_1.forwardRef(function Pnj({ 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 Pnj = react_1.forwardRef(function Pnj({ variant = 'default', viewBox, ...p
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/pnj.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, light, dark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 1510 1515","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["PNJ"]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x2":"1","gradientTransform":"rotate(-12 3591 85)scale(1416.009 450.763)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#e7d1a2"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#d8b273"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4d3d21"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x2":"1","gradientTransform":"matrix(937.185 0 0 382.541 169 400)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#e7d1a2"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#d8b273"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4d3d21"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x2":"1","gradientTransform":"matrix(1348.662 0 0 465.997 1 901)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#e7d1a2"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#d8b273"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4d3d21"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x2":"1","gradientTransform":"matrix(907.401 0 0 703.752 101 1162)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#e7d1a2"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#d8b273"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4d3d21"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x2":"1","gradientTransform":"matrix(536.189 0 0 381.551 377 192)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#e7d1a2"},"children":[]},{"type":"stop","props":{"offset":".6","stopColor":"#d8b273"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4d3d21"},"children":[]}]}]},{"type":"path","props":{"d":"M52 708c821-230 1355-5 1458 47l-230-229-63-62q-112-29-232-28C534 436 54 705 52 708","style":{"fill":"url(#a)"}},"children":[]},{"type":"path","props":{"d":"M169 592c538-286 849-257 938-242L977 221l-10-8q-27-3-53-3c-318 0-745 382-745 382","style":{"fill":"url(#b)"}},"children":[]},{"type":"path","props":{"d":"M0 758s874-76 1135 377l215-214c-44-55-231-253-714-253-173 0-381 24-636 90","style":{"fill":"url(#c)"}},"children":[]},{"type":"path","props":{"d":"M101 812c2 0 531 87 656 702l252-253c-27-49-261-450-835-450z","style":{"fill":"url(#d)"}},"children":[]},{"type":"path","props":{"d":"m408 350-32 32s343-258 536-225L757 1z","style":{"fill":"url(#e)"}},"children":[]}]},"mono":{"viewBox":"0 0 1510 1515","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["PNJ mono"]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x2":"1","gradientTransform":"rotate(-12 4465 426)scale(1466.69 1469.872)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"currentColor"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"currentColor"},"children":[]}]}]},{"type":"path","props":{"d":"M52 708c821-230 1355-5 1458 47l-230-229-63-62q-112-29-232-28C534 436 54 705 52 708m117-116c538-286 849-257 938-242L977 221l-10-8q-27-3-53-3c-318 0-745 382-745 382M0 758s874-76 1135 377l215-214c-44-55-231-253-714-253-173 0-381 24-636 90m101 54c2 0 531 87 656 702l252-253c-27-49-261-450-835-450zm307-462-32 32s343-258 536-225L757 1z","style":{"fill":"url(#a)"}},"children":[]}]},"light":{"viewBox":"0 0 1510 1515","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["PNJ Light"]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x2":"1","gradientTransform":"rotate(-12 4465 426)scale(1466.69 1469.872)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff"},"children":[]}]}]},{"type":"path","props":{"d":"M52 708c821-230 1355-5 1458 47l-230-229-63-62q-112-29-232-28C534 436 54 705 52 708m117-116c538-286 849-257 938-242L977 221l-10-8q-27-3-53-3c-318 0-745 382-745 382M0 758s874-76 1135 377l215-214c-44-55-231-253-714-253-173 0-381 24-636 90m101 54c2 0 531 87 656 702l252-253c-27-49-261-450-835-450zm307-462-32 32s343-258 536-225L757 1z","style":{"fill":"url(#a)"}},"children":[]}]},"dark":{"viewBox":"0 0 1510 1515","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["PNJ Dark"]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x2":"1","gradientTransform":"rotate(-12 4465 426)scale(1466.69 1469.872)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#000000"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#000000"},"children":[]}]}]},{"type":"path","props":{"d":"M52 708c821-230 1355-5 1458 47l-230-229-63-62q-112-29-232-28C534 436 54 705 52 708m117-116c538-286 849-257 938-242L977 221l-10-8q-27-3-53-3c-318 0-745 382-745 382M0 758s874-76 1135 377l215-214c-44-55-231-253-714-253-173 0-381 24-636 90m101 54c2 0 531 87 656 702l252-253c-27-49-261-450-835-450zm307-462-32 32s343-258 536-225L757 1z","style":{"fill":"url(#a)"}},"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 Pnj = forwardRef(
   function Pnj({ 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 Pnj = 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/pnpm.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"76.58987244897958 44 164.00775510204068 164","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"d":"M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z","id":"b45vdTD8hs"},"children":[]},{"type":"path","props":{"d":"M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z","id":"a40WtxIl8d"},"children":[]},{"type":"path","props":{"d":"M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z","id":"h2CN9AEEpe"},"children":[]},{"type":"path","props":{"d":"M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z","id":"dqv5133G8"},"children":[]},{"type":"path","props":{"d":"M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z","id":"b1Lv79ypvm"},"children":[]},{"type":"path","props":{"d":"M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z","id":"hy1IZWwLX"},"children":[]},{"type":"path","props":{"d":"M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z","id":"akQfjxQes"},"children":[]},{"type":"path","props":{"d":"M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z","id":"bdSrwE5pk"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#b45vdTD8hs","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#a40WtxIl8d","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#h2CN9AEEpe","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#dqv5133G8","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#b1Lv79ypvm","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#hy1IZWwLX","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#akQfjxQes","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#bdSrwE5pk","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["pnpm"]},{"type":"path","props":{"d":"M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM2 2h3.5v3.5H2zm8.25 0h3.498v3.5H10.25zm8.25 0H22v3.5h-3.5zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zm2 2H22v3.5h-3.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z"},"children":[]}]},"light":{"viewBox":"76.58987244897958 44 164.00775510204068 164","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"d":"M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z","id":"arNRoK435"},"children":[]},{"type":"path","props":{"d":"M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z","id":"a3H2WU7Px"},"children":[]},{"type":"path","props":{"d":"M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z","id":"b1DInM56vl"},"children":[]},{"type":"path","props":{"d":"M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z","id":"a7LFlgQIwu"},"children":[]},{"type":"path","props":{"d":"M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z","id":"amwLiZcuo"},"children":[]},{"type":"path","props":{"d":"M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z","id":"f3Peu5RWan"},"children":[]},{"type":"path","props":{"d":"M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z","id":"a6DXBfqPa"},"children":[]},{"type":"path","props":{"d":"M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z","id":"c1GWSTH1z7"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#arNRoK435","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#a3H2WU7Px","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#b1DInM56vl","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#a7LFlgQIwu","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#amwLiZcuo","opacity":"1","fill":"#4e4e4e","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#f3Peu5RWan","opacity":"1","fill":"#4e4e4e","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#a6DXBfqPa","opacity":"1","fill":"#4e4e4e","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#c1GWSTH1z7","opacity":"1","fill":"#4e4e4e","fillOpacity":"1"},"children":[]}]}]}]},"dark":{"viewBox":"76.58987244897958 44 164.00775510204068 164","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"d":"M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z","id":"b45vdTD8hs"},"children":[]},{"type":"path","props":{"d":"M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z","id":"a40WtxIl8d"},"children":[]},{"type":"path","props":{"d":"M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z","id":"h2CN9AEEpe"},"children":[]},{"type":"path","props":{"d":"M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z","id":"dqv5133G8"},"children":[]},{"type":"path","props":{"d":"M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z","id":"b1Lv79ypvm"},"children":[]},{"type":"path","props":{"d":"M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z","id":"hy1IZWwLX"},"children":[]},{"type":"path","props":{"d":"M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z","id":"akQfjxQes"},"children":[]},{"type":"path","props":{"d":"M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z","id":"bdSrwE5pk"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#b45vdTD8hs","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#a40WtxIl8d","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#h2CN9AEEpe","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#dqv5133G8","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#b1Lv79ypvm","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#hy1IZWwLX","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#akQfjxQes","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#bdSrwE5pk","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 226 160","fill":"none","childNodes":[{"type":"path","props":{"fill":"#F9AD00","d":"M221.478 49.756h-48.78V.976h48.78v48.78ZM167.81 49.756h-48.781V.976h48.781v48.78ZM114.151 49.756h-48.78V.976h48.78v48.78ZM221.478 103.415h-48.78V54.634h48.78v48.781Z"},"children":[]},{"type":"path","props":{"fill":"white","d":"M167.81 103.415h-48.781V54.634h48.781v48.781ZM167.81 157.073h-48.781v-48.78h48.781v48.78ZM221.478 157.073h-48.78v-48.78h48.78v48.78ZM114.151 157.073h-48.78v-48.78h48.78v48.78ZM13.041 68.35c1.64 0 3.155.218 4.549.655 1.42.41 2.636 1.052 3.646 1.926 1.011.874 1.803 1.98 2.377 3.319.574 1.31.86 2.882.86 4.712 0 1.748-.245 3.278-.737 4.59-.492 1.31-1.188 2.417-2.09 3.318-.901.874-1.994 1.53-3.278 1.967-1.256.437-2.663.656-4.22.656-1.175 0-2.268-.178-3.278-.533v6.802c-.274.082-.71.164-1.312.246-.6.109-1.215.164-1.844.164-.6 0-1.147-.041-1.639-.123a2.742 2.742 0 0 1-1.188-.492c-.328-.246-.574-.587-.737-1.024-.164-.41-.246-.957-.246-1.64V73.226c0-.737.15-1.338.45-1.803.328-.464.765-.888 1.312-1.27.846-.546 1.898-.983 3.155-1.311 1.256-.328 2.663-.492 4.22-.492Zm.082 15.652c2.814 0 4.22-1.68 4.22-5.04 0-1.749-.354-3.046-1.065-3.893-.683-.847-1.68-1.27-2.99-1.27-.52 0-.984.068-1.394.205-.41.11-.765.246-1.065.41v9.014c.327.164.682.3 1.065.41.382.11.792.164 1.23.164Zm27.37-7.745c0-.846-.246-1.461-.737-1.844-.465-.41-1.107-.614-1.926-.614-.547 0-1.093.068-1.64.205-.518.136-.969.341-1.351.614v14.219c-.273.082-.71.164-1.312.246-.573.082-1.174.123-1.803.123-.6 0-1.147-.041-1.639-.123a2.74 2.74 0 0 1-1.188-.492 2.55 2.55 0 0 1-.778-.983c-.164-.437-.246-.997-.246-1.68V73.635c0-.738.15-1.339.45-1.803.328-.464.765-.888 1.312-1.27.928-.656 2.09-1.188 3.483-1.598 1.42-.41 2.99-.615 4.712-.615 3.087 0 5.463.683 7.13 2.049 1.666 1.339 2.5 3.21 2.5 5.614v12.825c-.274.082-.711.164-1.312.246-.574.082-1.175.123-1.803.123-.601 0-1.147-.041-1.639-.123a2.74 2.74 0 0 1-1.188-.492 2.55 2.55 0 0 1-.779-.983c-.164-.437-.246-.997-.246-1.68v-9.67ZM60.9 68.35c1.639 0 3.155.219 4.548.656 1.42.41 2.636 1.052 3.647 1.926 1.01.874 1.802 1.98 2.376 3.319.574 1.31.86 2.882.86 4.712 0 1.748-.245 3.278-.737 4.59-.492 1.31-1.188 2.417-2.09 3.318-.901.874-1.994 1.53-3.278 1.967-1.256.437-2.663.656-4.22.656-1.175 0-2.267-.178-3.278-.533v6.802c-.273.082-.71.164-1.312.246-.6.109-1.215.164-1.843.164-.601 0-1.148-.041-1.64-.123a2.742 2.742 0 0 1-1.188-.492c-.328-.246-.573-.587-.737-1.024-.164-.41-.246-.957-.246-1.64V73.226c0-.737.15-1.338.45-1.803.328-.464.765-.888 1.312-1.27.847-.546 1.898-.983 3.155-1.311 1.257-.328 2.663-.492 4.22-.492Zm.081 15.653c2.814 0 4.22-1.68 4.22-5.04 0-1.749-.354-3.046-1.064-3.893-.683-.847-1.68-1.27-2.992-1.27-.519 0-.983.068-1.393.205-.41.11-.765.246-1.065.41v9.014c.328.164.683.3 1.065.41.383.11.792.164 1.23.164Zm24.297-15.653c1.12 0 2.213.164 3.278.492 1.093.3 2.035.765 2.828 1.393.82-.546 1.734-.997 2.745-1.352 1.038-.355 2.281-.533 3.729-.533 1.038 0 2.049.137 3.032.41 1.011.273 1.899.71 2.663 1.311.793.574 1.421 1.352 1.885 2.336.465.956.697 2.13.697 3.524v12.907c-.273.082-.71.164-1.311.246-.574.082-1.175.123-1.803.123a10 10 0 0 1-1.639-.123 2.74 2.74 0 0 1-1.189-.492 2.554 2.554 0 0 1-.778-.983c-.164-.437-.246-.997-.246-1.68v-9.793c0-.82-.232-1.407-.697-1.762-.464-.383-1.092-.574-1.884-.574-.383 0-.793.095-1.23.287-.437.164-.764.341-.983.532.027.11.04.219.04.328v13.891c-.3.082-.75.164-1.351.246-.574.082-1.161.123-1.762.123s-1.148-.041-1.64-.123a2.74 2.74 0 0 1-1.188-.492 2.55 2.55 0 0 1-.778-.983c-.164-.437-.246-.997-.246-1.68v-9.793c0-.82-.26-1.407-.779-1.762-.491-.383-1.092-.574-1.802-.574-.492 0-.915.082-1.27.246a7.18 7.18 0 0 0-.902.41v14.382c-.273.082-.71.164-1.311.246a12.74 12.74 0 0 1-1.803.123c-.601 0-1.148-.041-1.64-.123a2.74 2.74 0 0 1-1.188-.492 2.55 2.55 0 0 1-.778-.983c-.164-.437-.246-.997-.246-1.68V73.553c0-.737.15-1.325.45-1.762.329-.437.766-.847 1.312-1.23.929-.655 2.076-1.188 3.442-1.597a15.312 15.312 0 0 1 4.343-.615Z"},"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 Pnpm = react_1.forwardRef(function Pnpm({ 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 Pnpm = react_1.forwardRef(function Pnpm({ 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/pnpm.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, light, dark, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"76.58987244897958 44 164.00775510204068 164","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"d":"M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z","id":"b45vdTD8hs"},"children":[]},{"type":"path","props":{"d":"M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z","id":"a40WtxIl8d"},"children":[]},{"type":"path","props":{"d":"M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z","id":"h2CN9AEEpe"},"children":[]},{"type":"path","props":{"d":"M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z","id":"dqv5133G8"},"children":[]},{"type":"path","props":{"d":"M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z","id":"b1Lv79ypvm"},"children":[]},{"type":"path","props":{"d":"M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z","id":"hy1IZWwLX"},"children":[]},{"type":"path","props":{"d":"M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z","id":"akQfjxQes"},"children":[]},{"type":"path","props":{"d":"M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z","id":"bdSrwE5pk"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#b45vdTD8hs","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#a40WtxIl8d","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#h2CN9AEEpe","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#dqv5133G8","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#b1Lv79ypvm","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#hy1IZWwLX","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#akQfjxQes","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#bdSrwE5pk","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["pnpm"]},{"type":"path","props":{"d":"M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM2 2h3.5v3.5H2zm8.25 0h3.498v3.5H10.25zm8.25 0H22v3.5h-3.5zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zm2 2H22v3.5h-3.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z"},"children":[]}]},"light":{"viewBox":"76.58987244897958 44 164.00775510204068 164","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"d":"M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z","id":"arNRoK435"},"children":[]},{"type":"path","props":{"d":"M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z","id":"a3H2WU7Px"},"children":[]},{"type":"path","props":{"d":"M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z","id":"b1DInM56vl"},"children":[]},{"type":"path","props":{"d":"M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z","id":"a7LFlgQIwu"},"children":[]},{"type":"path","props":{"d":"M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z","id":"amwLiZcuo"},"children":[]},{"type":"path","props":{"d":"M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z","id":"f3Peu5RWan"},"children":[]},{"type":"path","props":{"d":"M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z","id":"a6DXBfqPa"},"children":[]},{"type":"path","props":{"d":"M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z","id":"c1GWSTH1z7"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#arNRoK435","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#a3H2WU7Px","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#b1DInM56vl","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#a7LFlgQIwu","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#amwLiZcuo","opacity":"1","fill":"#4e4e4e","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#f3Peu5RWan","opacity":"1","fill":"#4e4e4e","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#a6DXBfqPa","opacity":"1","fill":"#4e4e4e","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#c1GWSTH1z7","opacity":"1","fill":"#4e4e4e","fillOpacity":"1"},"children":[]}]}]}]},"dark":{"viewBox":"76.58987244897958 44 164.00775510204068 164","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"d":"M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z","id":"b45vdTD8hs"},"children":[]},{"type":"path","props":{"d":"M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z","id":"a40WtxIl8d"},"children":[]},{"type":"path","props":{"d":"M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z","id":"h2CN9AEEpe"},"children":[]},{"type":"path","props":{"d":"M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z","id":"dqv5133G8"},"children":[]},{"type":"path","props":{"d":"M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z","id":"b1Lv79ypvm"},"children":[]},{"type":"path","props":{"d":"M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z","id":"hy1IZWwLX"},"children":[]},{"type":"path","props":{"d":"M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z","id":"akQfjxQes"},"children":[]},{"type":"path","props":{"d":"M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z","id":"bdSrwE5pk"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#b45vdTD8hs","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#a40WtxIl8d","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#h2CN9AEEpe","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#dqv5133G8","opacity":"1","fill":"#f9ad00","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#b1Lv79ypvm","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#hy1IZWwLX","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#akQfjxQes","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]},{"type":"g","props":{},"children":[{"type":"use","props":{"href":"#bdSrwE5pk","opacity":"1","fill":"#ffffff","fillOpacity":"1"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 226 160","fill":"none","childNodes":[{"type":"path","props":{"fill":"#F9AD00","d":"M221.478 49.756h-48.78V.976h48.78v48.78ZM167.81 49.756h-48.781V.976h48.781v48.78ZM114.151 49.756h-48.78V.976h48.78v48.78ZM221.478 103.415h-48.78V54.634h48.78v48.781Z"},"children":[]},{"type":"path","props":{"fill":"white","d":"M167.81 103.415h-48.781V54.634h48.781v48.781ZM167.81 157.073h-48.781v-48.78h48.781v48.78ZM221.478 157.073h-48.78v-48.78h48.78v48.78ZM114.151 157.073h-48.78v-48.78h48.78v48.78ZM13.041 68.35c1.64 0 3.155.218 4.549.655 1.42.41 2.636 1.052 3.646 1.926 1.011.874 1.803 1.98 2.377 3.319.574 1.31.86 2.882.86 4.712 0 1.748-.245 3.278-.737 4.59-.492 1.31-1.188 2.417-2.09 3.318-.901.874-1.994 1.53-3.278 1.967-1.256.437-2.663.656-4.22.656-1.175 0-2.268-.178-3.278-.533v6.802c-.274.082-.71.164-1.312.246-.6.109-1.215.164-1.844.164-.6 0-1.147-.041-1.639-.123a2.742 2.742 0 0 1-1.188-.492c-.328-.246-.574-.587-.737-1.024-.164-.41-.246-.957-.246-1.64V73.226c0-.737.15-1.338.45-1.803.328-.464.765-.888 1.312-1.27.846-.546 1.898-.983 3.155-1.311 1.256-.328 2.663-.492 4.22-.492Zm.082 15.652c2.814 0 4.22-1.68 4.22-5.04 0-1.749-.354-3.046-1.065-3.893-.683-.847-1.68-1.27-2.99-1.27-.52 0-.984.068-1.394.205-.41.11-.765.246-1.065.41v9.014c.327.164.682.3 1.065.41.382.11.792.164 1.23.164Zm27.37-7.745c0-.846-.246-1.461-.737-1.844-.465-.41-1.107-.614-1.926-.614-.547 0-1.093.068-1.64.205-.518.136-.969.341-1.351.614v14.219c-.273.082-.71.164-1.312.246-.573.082-1.174.123-1.803.123-.6 0-1.147-.041-1.639-.123a2.74 2.74 0 0 1-1.188-.492 2.55 2.55 0 0 1-.778-.983c-.164-.437-.246-.997-.246-1.68V73.635c0-.738.15-1.339.45-1.803.328-.464.765-.888 1.312-1.27.928-.656 2.09-1.188 3.483-1.598 1.42-.41 2.99-.615 4.712-.615 3.087 0 5.463.683 7.13 2.049 1.666 1.339 2.5 3.21 2.5 5.614v12.825c-.274.082-.711.164-1.312.246-.574.082-1.175.123-1.803.123-.601 0-1.147-.041-1.639-.123a2.74 2.74 0 0 1-1.188-.492 2.55 2.55 0 0 1-.779-.983c-.164-.437-.246-.997-.246-1.68v-9.67ZM60.9 68.35c1.639 0 3.155.219 4.548.656 1.42.41 2.636 1.052 3.647 1.926 1.01.874 1.802 1.98 2.376 3.319.574 1.31.86 2.882.86 4.712 0 1.748-.245 3.278-.737 4.59-.492 1.31-1.188 2.417-2.09 3.318-.901.874-1.994 1.53-3.278 1.967-1.256.437-2.663.656-4.22.656-1.175 0-2.267-.178-3.278-.533v6.802c-.273.082-.71.164-1.312.246-.6.109-1.215.164-1.843.164-.601 0-1.148-.041-1.64-.123a2.742 2.742 0 0 1-1.188-.492c-.328-.246-.573-.587-.737-1.024-.164-.41-.246-.957-.246-1.64V73.226c0-.737.15-1.338.45-1.803.328-.464.765-.888 1.312-1.27.847-.546 1.898-.983 3.155-1.311 1.257-.328 2.663-.492 4.22-.492Zm.081 15.653c2.814 0 4.22-1.68 4.22-5.04 0-1.749-.354-3.046-1.064-3.893-.683-.847-1.68-1.27-2.992-1.27-.519 0-.983.068-1.393.205-.41.11-.765.246-1.065.41v9.014c.328.164.683.3 1.065.41.383.11.792.164 1.23.164Zm24.297-15.653c1.12 0 2.213.164 3.278.492 1.093.3 2.035.765 2.828 1.393.82-.546 1.734-.997 2.745-1.352 1.038-.355 2.281-.533 3.729-.533 1.038 0 2.049.137 3.032.41 1.011.273 1.899.71 2.663 1.311.793.574 1.421 1.352 1.885 2.336.465.956.697 2.13.697 3.524v12.907c-.273.082-.71.164-1.311.246-.574.082-1.175.123-1.803.123a10 10 0 0 1-1.639-.123 2.74 2.74 0 0 1-1.189-.492 2.554 2.554 0 0 1-.778-.983c-.164-.437-.246-.997-.246-1.68v-9.793c0-.82-.232-1.407-.697-1.762-.464-.383-1.092-.574-1.884-.574-.383 0-.793.095-1.23.287-.437.164-.764.341-.983.532.027.11.04.219.04.328v13.891c-.3.082-.75.164-1.351.246-.574.082-1.161.123-1.762.123s-1.148-.041-1.64-.123a2.74 2.74 0 0 1-1.188-.492 2.55 2.55 0 0 1-.778-.983c-.164-.437-.246-.997-.246-1.68v-9.793c0-.82-.26-1.407-.779-1.762-.491-.383-1.092-.574-1.802-.574-.492 0-.915.082-1.27.246a7.18 7.18 0 0 0-.902.41v14.382c-.273.082-.71.164-1.311.246a12.74 12.74 0 0 1-1.803.123c-.601 0-1.148-.041-1.64-.123a2.74 2.74 0 0 1-1.188-.492 2.55 2.55 0 0 1-.778-.983c-.164-.437-.246-.997-.246-1.68V73.553c0-.737.15-1.325.45-1.762.329-.437.766-.847 1.312-1.23.929-.655 2.076-1.188 3.442-1.597a15.312 15.312 0 0 1 4.343-.615Z"},"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 Pnpm = forwardRef(
   function Pnpm({ 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 Pnpm = 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));
         })
     );
   }