@thesvg/react 3.2.2 → 3.2.4

package/dist/photoshop-grayscale-app-icon.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 32 31","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_243)"},"children":[{"type":"path","props":{"d":"M5.65714 0H26.3429C29.4857 0 32 2.51429 32 5.65714V25.2C32 28.3429 29.4857 30.8571 26.3429 30.8571H5.65714C2.51429 30.8571 0 28.3429 0 25.2V5.65714C0 2.51429 2.51429 0 5.65714 0Z","fill":"#808080"},"children":[]},{"type":"path","props":{"d":"M6.62856 21.5429V8.05717C6.62856 7.94289 6.6857 7.88574 6.74284 7.88574C6.97141 7.88574 7.25713 7.88574 7.54284 7.88574C7.82855 7.88574 8.17141 7.88574 8.57141 7.88574C8.91427 7.88574 9.31427 7.88574 9.71427 7.88574C10.1143 7.88574 10.5143 7.88574 10.9143 7.88574C11.8286 7.88574 12.7428 8.00003 13.6 8.28574C14.2857 8.51431 14.8571 8.85717 15.3714 9.37146C15.7714 9.77146 16.1143 10.2857 16.3428 10.8572C16.5143 11.4286 16.6286 12 16.6286 12.5715C16.6857 13.5429 16.4 14.5143 15.8286 15.3715C15.3143 16.1143 14.5714 16.6857 13.7143 16.9715C12.7428 17.3143 11.7714 17.4857 10.7428 17.4857C10.4571 17.4857 10.2286 17.4857 10.1143 17.4857C9.99998 17.4857 9.77141 17.4857 9.54284 17.4857V21.6572C9.54284 21.7715 9.4857 21.8286 9.37141 21.8286H9.31427H6.74284C6.6857 21.7143 6.62856 21.6572 6.62856 21.5429ZM9.54284 10.4V14.8C9.71427 14.8 9.8857 14.8 10.0571 14.8H10.7428C11.2571 14.8 11.7714 14.7429 12.2286 14.5715C12.6286 14.4572 13.0286 14.2286 13.3143 13.8857C13.6 13.4857 13.7714 13.0286 13.7143 12.5143C13.7143 12.1143 13.6 11.7143 13.4286 11.3715C13.2 11.0286 12.8571 10.7429 12.5143 10.6286C12 10.4572 11.4857 10.3429 10.9714 10.3429C10.6286 10.3429 10.3428 10.3429 10.0571 10.3429C9.82856 10.4 9.65713 10.4 9.54284 10.4Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M24.8571 13.9429C24.3428 13.7143 23.8286 13.6 23.3143 13.4857C22.8571 13.3714 22.3428 13.3143 21.8286 13.3143C21.5428 13.3143 21.3143 13.3143 21.0286 13.4286C20.8571 13.4857 20.7428 13.5429 20.6286 13.7143C20.5714 13.8286 20.5143 13.9429 20.5143 14.0572C20.5143 14.1714 20.5714 14.2857 20.6286 14.4C20.7428 14.5714 20.9143 14.6857 21.0857 14.7429C21.3714 14.9143 21.7143 15.0286 22 15.2C22.6857 15.4286 23.3714 15.7714 24 16.1714C24.4571 16.4572 24.8 16.8 25.0286 17.2572C25.2571 17.6572 25.3714 18.1143 25.3143 18.6286C25.3143 19.2572 25.1428 19.8286 24.8 20.4C24.4571 20.9143 23.9428 21.3143 23.3143 21.6C22.5714 21.8857 21.7714 22.0572 20.9143 22C20.3428 22 19.7143 21.9429 19.1428 21.8286C18.6286 21.7143 18.1714 21.6 17.7143 21.4286C17.6 21.3714 17.5428 21.2572 17.5428 21.2V18.9143C17.5428 18.8572 17.5428 18.8 17.6 18.8C17.6571 18.8 17.6571 18.8 17.7143 18.8C18.2286 19.0857 18.8 19.3143 19.4286 19.4286C19.9428 19.5429 20.4571 19.6 20.9714 19.6572C21.3714 19.6572 21.7143 19.6 22.0571 19.4857C22.2857 19.3714 22.4 19.2 22.4 18.9143C22.4 18.6857 22.2857 18.5143 22.0571 18.4C21.6571 18.1143 21.2 17.9429 20.7428 17.7714C20.0571 17.5429 19.4286 17.2 18.8571 16.8C18.4571 16.5143 18.1143 16.1143 17.8857 15.7143C17.6571 15.3143 17.6 14.8572 17.6 14.4C17.6 13.8286 17.7714 13.3143 18.0571 12.8C18.4 12.2857 18.8571 11.8286 19.4286 11.6C20.0571 11.2572 20.8 11.0857 21.5428 11.0857C22.1143 11.0286 22.7428 11.0857 23.3143 11.0857C23.7714 11.2 24.2857 11.3143 24.6857 11.5429C24.7428 11.5429 24.8 11.6 24.8 11.6572C24.8 11.7143 24.8 11.7714 24.8 11.8286V13.9429C24.8 14 24.8 14.0572 24.7428 14.0572C24.9714 14 24.9143 14 24.8571 13.9429Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_243"},"children":[{"type":"rect","props":{"width":"32","height":"30.8571","fill":"white"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const PhotoshopGrayscaleAppIcon = react_1.forwardRef(function PhotoshopGrayscaleAppIcon({ 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 PhotoshopGrayscaleAppIcon = react_1.forwardRef(function PhotoshopGrayscale
     ..._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/photoshop-grayscale-app-icon.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 32 31","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_243)"},"children":[{"type":"path","props":{"d":"M5.65714 0H26.3429C29.4857 0 32 2.51429 32 5.65714V25.2C32 28.3429 29.4857 30.8571 26.3429 30.8571H5.65714C2.51429 30.8571 0 28.3429 0 25.2V5.65714C0 2.51429 2.51429 0 5.65714 0Z","fill":"#808080"},"children":[]},{"type":"path","props":{"d":"M6.62856 21.5429V8.05717C6.62856 7.94289 6.6857 7.88574 6.74284 7.88574C6.97141 7.88574 7.25713 7.88574 7.54284 7.88574C7.82855 7.88574 8.17141 7.88574 8.57141 7.88574C8.91427 7.88574 9.31427 7.88574 9.71427 7.88574C10.1143 7.88574 10.5143 7.88574 10.9143 7.88574C11.8286 7.88574 12.7428 8.00003 13.6 8.28574C14.2857 8.51431 14.8571 8.85717 15.3714 9.37146C15.7714 9.77146 16.1143 10.2857 16.3428 10.8572C16.5143 11.4286 16.6286 12 16.6286 12.5715C16.6857 13.5429 16.4 14.5143 15.8286 15.3715C15.3143 16.1143 14.5714 16.6857 13.7143 16.9715C12.7428 17.3143 11.7714 17.4857 10.7428 17.4857C10.4571 17.4857 10.2286 17.4857 10.1143 17.4857C9.99998 17.4857 9.77141 17.4857 9.54284 17.4857V21.6572C9.54284 21.7715 9.4857 21.8286 9.37141 21.8286H9.31427H6.74284C6.6857 21.7143 6.62856 21.6572 6.62856 21.5429ZM9.54284 10.4V14.8C9.71427 14.8 9.8857 14.8 10.0571 14.8H10.7428C11.2571 14.8 11.7714 14.7429 12.2286 14.5715C12.6286 14.4572 13.0286 14.2286 13.3143 13.8857C13.6 13.4857 13.7714 13.0286 13.7143 12.5143C13.7143 12.1143 13.6 11.7143 13.4286 11.3715C13.2 11.0286 12.8571 10.7429 12.5143 10.6286C12 10.4572 11.4857 10.3429 10.9714 10.3429C10.6286 10.3429 10.3428 10.3429 10.0571 10.3429C9.82856 10.4 9.65713 10.4 9.54284 10.4Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M24.8571 13.9429C24.3428 13.7143 23.8286 13.6 23.3143 13.4857C22.8571 13.3714 22.3428 13.3143 21.8286 13.3143C21.5428 13.3143 21.3143 13.3143 21.0286 13.4286C20.8571 13.4857 20.7428 13.5429 20.6286 13.7143C20.5714 13.8286 20.5143 13.9429 20.5143 14.0572C20.5143 14.1714 20.5714 14.2857 20.6286 14.4C20.7428 14.5714 20.9143 14.6857 21.0857 14.7429C21.3714 14.9143 21.7143 15.0286 22 15.2C22.6857 15.4286 23.3714 15.7714 24 16.1714C24.4571 16.4572 24.8 16.8 25.0286 17.2572C25.2571 17.6572 25.3714 18.1143 25.3143 18.6286C25.3143 19.2572 25.1428 19.8286 24.8 20.4C24.4571 20.9143 23.9428 21.3143 23.3143 21.6C22.5714 21.8857 21.7714 22.0572 20.9143 22C20.3428 22 19.7143 21.9429 19.1428 21.8286C18.6286 21.7143 18.1714 21.6 17.7143 21.4286C17.6 21.3714 17.5428 21.2572 17.5428 21.2V18.9143C17.5428 18.8572 17.5428 18.8 17.6 18.8C17.6571 18.8 17.6571 18.8 17.7143 18.8C18.2286 19.0857 18.8 19.3143 19.4286 19.4286C19.9428 19.5429 20.4571 19.6 20.9714 19.6572C21.3714 19.6572 21.7143 19.6 22.0571 19.4857C22.2857 19.3714 22.4 19.2 22.4 18.9143C22.4 18.6857 22.2857 18.5143 22.0571 18.4C21.6571 18.1143 21.2 17.9429 20.7428 17.7714C20.0571 17.5429 19.4286 17.2 18.8571 16.8C18.4571 16.5143 18.1143 16.1143 17.8857 15.7143C17.6571 15.3143 17.6 14.8572 17.6 14.4C17.6 13.8286 17.7714 13.3143 18.0571 12.8C18.4 12.2857 18.8571 11.8286 19.4286 11.6C20.0571 11.2572 20.8 11.0857 21.5428 11.0857C22.1143 11.0286 22.7428 11.0857 23.3143 11.0857C23.7714 11.2 24.2857 11.3143 24.6857 11.5429C24.7428 11.5429 24.8 11.6 24.8 11.6572C24.8 11.7143 24.8 11.7714 24.8 11.8286V13.9429C24.8 14 24.8 14.0572 24.7428 14.0572C24.9714 14 24.9143 14 24.8571 13.9429Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_243"},"children":[{"type":"rect","props":{"width":"32","height":"30.8571","fill":"white"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const PhotoshopGrayscaleAppIcon = forwardRef(
   function PhotoshopGrayscaleAppIcon({ 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 PhotoshopGrayscaleAppIcon = 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/photoshop.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 83 80","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_906_1855)"},"children":[{"type":"path","props":{"d":"M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z","fill":"#001E36"},"children":[]},{"type":"path","props":{"d":"M18.4758 56.1007V20.9284C18.4758 20.6721 18.5859 20.5431 18.8061 20.5431C19.3926 20.5431 19.928 20.5345 20.7357 20.5156C21.5425 20.4975 22.414 20.4792 23.3502 20.4606C24.286 20.4424 25.2768 20.4241 26.3226 20.4055C27.3683 20.3874 28.4049 20.3783 29.4324 20.3779C32.2207 20.3779 34.5692 20.7265 36.4778 21.4238C38.1996 22.0062 39.7697 22.9651 41.074 24.2309C42.1797 25.3281 43.0341 26.6521 43.5784 28.1115C44.0933 29.5318 44.3542 31.0316 44.3491 32.5424C44.3491 35.4786 43.6702 37.9005 42.3125 39.808C40.9458 41.7235 39.0247 43.1739 36.8082 43.9638C34.4964 44.8264 31.9274 45.1189 29.1022 45.1189C28.2946 45.1189 27.7258 45.1098 27.3958 45.0914C27.0656 45.0733 26.5703 45.0641 25.9098 45.0639V56.0457C25.9194 56.113 25.9132 56.1816 25.8917 56.2461C25.8702 56.3106 25.834 56.3692 25.7859 56.4172C25.7378 56.4653 25.6792 56.5015 25.6147 56.523C25.5502 56.5445 25.4816 56.5507 25.4143 56.5411H18.8611C18.604 56.5411 18.4758 56.3948 18.4758 56.1007ZM25.9098 27.1482V38.62C26.3862 38.657 26.8265 38.6753 27.2307 38.675H29.0471C30.3836 38.6706 31.7113 38.4586 32.9828 38.0467C34.0732 37.7228 35.0476 37.0923 35.7899 36.2303C36.5054 35.3866 36.8632 34.2124 36.8633 32.7076C36.8923 31.6428 36.6153 30.5921 36.065 29.6802C35.4866 28.7983 34.6506 28.1161 33.6707 27.7262C32.3913 27.2289 31.0246 26.9949 29.6526 27.0382C28.7718 27.0382 27.9921 27.0473 27.3134 27.0656C26.6339 27.0846 26.1661 27.1121 25.9098 27.1482Z","fill":"#31A8FF"},"children":[]},{"type":"path","props":{"d":"M65.6311 36.534C64.5967 36.0025 63.495 35.6137 62.3561 35.3781C61.1011 35.0902 59.8181 34.9425 58.5306 34.9377C57.8342 34.9189 57.1387 35.0023 56.4665 35.1855C56.0386 35.2807 55.6583 35.5245 55.3931 35.8735C55.2137 36.1526 55.1182 36.4774 55.118 36.8092C55.128 37.1311 55.2441 37.4407 55.4482 37.6899C55.7697 38.066 56.1626 38.3747 56.604 38.5981C57.3888 39.0207 58.1975 39.3975 59.0259 39.7265C60.8732 40.3449 62.6384 41.1858 64.2825 42.2309C65.4025 42.9378 66.3293 43.9119 66.9796 45.0656C67.5265 46.1581 67.8003 47.3669 67.7778 48.5884C67.8107 50.2013 67.3498 51.7858 66.4568 53.1294C65.5007 54.4933 64.1728 55.5537 62.6312 56.1842C60.961 56.9179 58.8969 57.2849 56.439 57.2851C54.8775 57.3009 53.3186 57.1533 51.7878 56.8448C50.5818 56.6236 49.4077 56.2539 48.2926 55.7439C48.1722 55.6818 48.0721 55.5867 48.0039 55.4697C47.9356 55.3527 47.9021 55.2187 47.9073 55.0834V49.1388C47.9007 49.0806 47.91 49.0217 47.9342 48.9683C47.9585 48.915 47.9968 48.8693 48.045 48.836C48.0923 48.8093 48.1466 48.7976 48.2006 48.8026C48.2547 48.8075 48.306 48.8288 48.3477 48.8636C49.6646 49.6401 51.0945 50.2065 52.5859 50.5424C53.9005 50.8719 55.2489 51.0473 56.604 51.0653C57.8881 51.0653 58.833 50.9001 59.4387 50.5699C59.7123 50.4447 59.9437 50.2429 60.1049 49.9889C60.2661 49.7349 60.3502 49.4396 60.347 49.1388C60.347 48.6623 60.0718 48.2037 59.5214 47.7627C58.971 47.3224 57.8518 46.7903 56.1637 46.1664C54.4354 45.5649 52.7967 44.7317 51.2924 43.6896C50.2165 42.9413 49.3305 41.9516 48.7054 40.7998C48.1641 39.7152 47.8904 38.5167 47.9073 37.3046C47.9042 35.8482 48.3043 34.4194 49.0632 33.1764C49.9284 31.8076 51.1709 30.718 52.641 30.039C54.2553 29.2322 56.2735 28.8286 58.6958 28.828C60.1143 28.8166 61.5315 28.9178 62.934 29.1307C63.9497 29.2596 64.9426 29.5281 65.8847 29.9289C65.9594 29.9503 66.0281 29.9888 66.0854 30.0413C66.1427 30.0939 66.1871 30.159 66.2149 30.2316C66.2521 30.366 66.2706 30.5049 66.27 30.6444V36.2037C66.2738 36.2684 66.2605 36.333 66.2316 36.3909C66.2026 36.4489 66.1589 36.4982 66.1049 36.534C66.0313 36.5706 65.9502 36.5897 65.868 36.5897C65.7858 36.5897 65.7047 36.5706 65.6311 36.534Z","fill":"#31A8FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_906_1855"},"children":[{"type":"rect","props":{"width":"82.0513","height":"80","fill":"white"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Photoshop = react_1.forwardRef(function Photoshop({ 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 Photoshop = react_1.forwardRef(function Photoshop({ variant = 'default', v
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/photoshop.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 83 80","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_906_1855)"},"children":[{"type":"path","props":{"d":"M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z","fill":"#001E36"},"children":[]},{"type":"path","props":{"d":"M18.4758 56.1007V20.9284C18.4758 20.6721 18.5859 20.5431 18.8061 20.5431C19.3926 20.5431 19.928 20.5345 20.7357 20.5156C21.5425 20.4975 22.414 20.4792 23.3502 20.4606C24.286 20.4424 25.2768 20.4241 26.3226 20.4055C27.3683 20.3874 28.4049 20.3783 29.4324 20.3779C32.2207 20.3779 34.5692 20.7265 36.4778 21.4238C38.1996 22.0062 39.7697 22.9651 41.074 24.2309C42.1797 25.3281 43.0341 26.6521 43.5784 28.1115C44.0933 29.5318 44.3542 31.0316 44.3491 32.5424C44.3491 35.4786 43.6702 37.9005 42.3125 39.808C40.9458 41.7235 39.0247 43.1739 36.8082 43.9638C34.4964 44.8264 31.9274 45.1189 29.1022 45.1189C28.2946 45.1189 27.7258 45.1098 27.3958 45.0914C27.0656 45.0733 26.5703 45.0641 25.9098 45.0639V56.0457C25.9194 56.113 25.9132 56.1816 25.8917 56.2461C25.8702 56.3106 25.834 56.3692 25.7859 56.4172C25.7378 56.4653 25.6792 56.5015 25.6147 56.523C25.5502 56.5445 25.4816 56.5507 25.4143 56.5411H18.8611C18.604 56.5411 18.4758 56.3948 18.4758 56.1007ZM25.9098 27.1482V38.62C26.3862 38.657 26.8265 38.6753 27.2307 38.675H29.0471C30.3836 38.6706 31.7113 38.4586 32.9828 38.0467C34.0732 37.7228 35.0476 37.0923 35.7899 36.2303C36.5054 35.3866 36.8632 34.2124 36.8633 32.7076C36.8923 31.6428 36.6153 30.5921 36.065 29.6802C35.4866 28.7983 34.6506 28.1161 33.6707 27.7262C32.3913 27.2289 31.0246 26.9949 29.6526 27.0382C28.7718 27.0382 27.9921 27.0473 27.3134 27.0656C26.6339 27.0846 26.1661 27.1121 25.9098 27.1482Z","fill":"#31A8FF"},"children":[]},{"type":"path","props":{"d":"M65.6311 36.534C64.5967 36.0025 63.495 35.6137 62.3561 35.3781C61.1011 35.0902 59.8181 34.9425 58.5306 34.9377C57.8342 34.9189 57.1387 35.0023 56.4665 35.1855C56.0386 35.2807 55.6583 35.5245 55.3931 35.8735C55.2137 36.1526 55.1182 36.4774 55.118 36.8092C55.128 37.1311 55.2441 37.4407 55.4482 37.6899C55.7697 38.066 56.1626 38.3747 56.604 38.5981C57.3888 39.0207 58.1975 39.3975 59.0259 39.7265C60.8732 40.3449 62.6384 41.1858 64.2825 42.2309C65.4025 42.9378 66.3293 43.9119 66.9796 45.0656C67.5265 46.1581 67.8003 47.3669 67.7778 48.5884C67.8107 50.2013 67.3498 51.7858 66.4568 53.1294C65.5007 54.4933 64.1728 55.5537 62.6312 56.1842C60.961 56.9179 58.8969 57.2849 56.439 57.2851C54.8775 57.3009 53.3186 57.1533 51.7878 56.8448C50.5818 56.6236 49.4077 56.2539 48.2926 55.7439C48.1722 55.6818 48.0721 55.5867 48.0039 55.4697C47.9356 55.3527 47.9021 55.2187 47.9073 55.0834V49.1388C47.9007 49.0806 47.91 49.0217 47.9342 48.9683C47.9585 48.915 47.9968 48.8693 48.045 48.836C48.0923 48.8093 48.1466 48.7976 48.2006 48.8026C48.2547 48.8075 48.306 48.8288 48.3477 48.8636C49.6646 49.6401 51.0945 50.2065 52.5859 50.5424C53.9005 50.8719 55.2489 51.0473 56.604 51.0653C57.8881 51.0653 58.833 50.9001 59.4387 50.5699C59.7123 50.4447 59.9437 50.2429 60.1049 49.9889C60.2661 49.7349 60.3502 49.4396 60.347 49.1388C60.347 48.6623 60.0718 48.2037 59.5214 47.7627C58.971 47.3224 57.8518 46.7903 56.1637 46.1664C54.4354 45.5649 52.7967 44.7317 51.2924 43.6896C50.2165 42.9413 49.3305 41.9516 48.7054 40.7998C48.1641 39.7152 47.8904 38.5167 47.9073 37.3046C47.9042 35.8482 48.3043 34.4194 49.0632 33.1764C49.9284 31.8076 51.1709 30.718 52.641 30.039C54.2553 29.2322 56.2735 28.8286 58.6958 28.828C60.1143 28.8166 61.5315 28.9178 62.934 29.1307C63.9497 29.2596 64.9426 29.5281 65.8847 29.9289C65.9594 29.9503 66.0281 29.9888 66.0854 30.0413C66.1427 30.0939 66.1871 30.159 66.2149 30.2316C66.2521 30.366 66.2706 30.5049 66.27 30.6444V36.2037C66.2738 36.2684 66.2605 36.333 66.2316 36.3909C66.2026 36.4489 66.1589 36.4982 66.1049 36.534C66.0313 36.5706 65.9502 36.5897 65.868 36.5897C65.7858 36.5897 65.7047 36.5706 65.6311 36.534Z","fill":"#31A8FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_906_1855"},"children":[{"type":"rect","props":{"width":"82.0513","height":"80","fill":"white"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Photoshop = forwardRef(
   function Photoshop({ 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 Photoshop = 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/ping-identity.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 126 22","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"vlcna","fill":"none","fillRule":"evenodd"},"children":[{"type":"g","props":{"id":"vlcnb","transform":"translate(-120 -10)"},"children":[{"type":"g","props":{"id":"vlcnc","transform":"translate(0 -1)"},"children":[{"type":"g","props":{"id":"vlcnd","transform":"translate(120 8)"},"children":[{"type":"g","props":{"id":"vlcne","transform":"translate(-0 3)"},"children":[{"type":"polygon","props":{"points":"0 20.263 20.263 20.263 20.263 0 0 0","fill":"#B8232F"},"children":[]},{"type":"path","props":{"d":"m103.39 6.0589 1.6971-0.28391v11.567h-1.6971v-11.283zm6.657 1.3065v7.294c0 1.2502 0.3149 1.6824 1.3417 1.6824 0.46185 0 0.34001 0.0052575 0.63429-0.15435l0.2313 1.1367c-0.52558 0.29404-0.71901 0.37929-1.453 0.37929-0.54507 0-0.9638-0.11229-1.363-0.31695-0.73288-0.38605-1.0054-1.1131-1.0054-2.2502v-7.771h-1.363v-1.3403h1.363v-4.2882h1.6779v4.2882h2.6211l-0.50308 1.3403h-2.1818zm13.444 9.6374c-0.65191 0-1.1786-0.55917-1.1786-1.3324 0-0.77398 0.5267-1.3324 1.1786-1.3324 0.65228 0 1.1794 0.55842 1.1794 1.3324 0 0.77323-0.52708 1.3324-1.1794 1.3324zm0-2.9863c-0.85846 0-1.5591 0.74243-1.5591 1.6539 0 0.91067 0.70064 1.6524 1.5591 1.6524 0.85996 0 1.5591-0.74168 1.5591-1.6524 0-0.91143-0.69914-1.6539-1.5591-1.6539zm-0.27141 1.5119v-0.53627h0.29278c0.16907 0 0.35913 0.036051 0.35913 0.25612 0 0.25198-0.16832 0.28015-0.36288 0.28015h-0.28903zm0.9803-0.25161c0-0.39431-0.22942-0.55016-0.65303-0.55016h-0.65566v1.8743h0.32839v-0.80703h0.19793l0.45772 0.80703h0.33701l-0.47422-0.82017c0.28903-0.028916 0.46185-0.18401 0.46185-0.50397zm-1.4122-9.2517-3.5853 11.724c-0.71301 2.2739-1.5524 3.773-3.3758 4.2507l-0.48246-1.2043c1.0208-0.34662 1.5561-0.85059 2.0018-2.082-0.16757-0.89302-0.26241-1.2813-0.26241-1.2813-0.12483-0.72704-0.69164-2.9326-1.0478-4.0678l-2.2451-7.0894 1.6165-0.59222 2.139 7.3398c0.31377 1.0695 0.62792 2.818 0.62792 2.818h0.042735s0.39737-1.4537 0.65003-2.385l2.0539-7.4307h1.8669zm-50.497 8.43s-0.18931 0.47731-0.62942 0.81867c-0.67178 0.52162-1.1542 0.72666-2.012 0.72666-0.96493 0-1.6157-0.38605-2.0974-1.3181-0.33626-0.65831-0.41949-1.6362-0.41949-2.9543 0-1.5904 0.16682-2.4079 0.67065-3.2717 0.44048-0.77248 1.1321-1.1814 1.9512-1.1814 1.2352 0 2.0127 0.38718 2.5364 1.1814v5.9988zm1.6566-12.718h-1.636v3.7666c0 0.81679 0.020618 1.7489 0.020618 1.7489-0.62792-0.9088-1.6569-1.4312-2.8296-1.4312-0.75575 0-1.3424 0.20392-2.0138 0.70413-1.426 1.0669-2.1589 2.8398-2.1589 5.2481 0 3.6123 1.5516 5.7258 4.2548 5.7258 1.2168 0 2.0146-0.38492 2.7685-1.3163 0.020618 0.58884 0.23092 1.1589 0.23092 1.1589h1.6779c-0.23205-0.66019-0.31452-1.7053-0.31452-3.6577v-11.947zm24.965 4.3112h2.6972l-0.50233 1.3403h-2.2579v7.294c0 1.2505 0.31415 1.6832 1.3417 1.6832 0.46185 0 0.34001 0.0052575 0.63429-0.1551l0.2313 1.1371c-0.52558 0.29442-0.71901 0.37967-1.4534 0.37967-0.54469 0-0.96343-0.11266-1.3627-0.31695-0.73288-0.38643-1.0062-1.1138-1.0062-2.2506v-7.7713h-1.3623v-1.3403h1.3623v-4.2875h1.6779v4.2875zm-4.7602 1.3857c0.16757 0.40933 0.25192 0.86298 0.25192 1.3185v8.5904h-1.6573v-7.6591c0-1.2051-0.083972-1.4991-0.3775-1.8863-0.2298-0.2948-0.6714-0.47731-1.1531-0.47731-0.8401 0-2.1383 0.72891-2.8933 1.5911v8.4315h-1.5936v-8.7263c0-1.6141-0.39737-2.3865-0.39737-2.3865l1.5921-0.47768s0.379 0.83932 0.379 1.7729c1.0883-1.1814 2.178-1.75 3.2907-1.75 1.1325 0 2.1394 0.65982 2.5585 1.6587zm-16.193 3.2033c0.082473-2.3411 0.92182-3.5218 2.4101-3.5218 0.79773 0 1.5306 0.38718 1.8867 0.99968 0.3149 0.54528 0.46185 1.2956 0.48246 2.5221h-4.7793zm2.494-4.9083c-1.2588 0-2.2856 0.50096-3.1242 1.5682-0.88021 1.1382-1.257 2.3636-1.257 4.2728 0 3.7501 1.7387 6.0213 4.6331 6.0213 1.3424 0 2.6009-0.49946 3.522-1.4083l-0.62942-1.1379c-0.73288 0.72816-1.5501 1.068-2.5578 1.068-1.0489 0-2.0131-0.40821-2.5998-1.3854-0.35688-0.58922-0.48097-1.4086-0.48097-2.4759v-0.27377h6.5191v-0.25011c-0.040487-2.7027-0.2939-3.7711-1.1932-4.7723-0.71414-0.79388-1.6997-1.2269-2.8318-1.2269zm-19.087 11.613h1.6779v-15.589h-1.6779v15.589z","fill":"#263746"},"children":[]},{"type":"path","props":{"d":"m59.607 5.5181 1.1822 1.9011c-0.61318 0.60369-1.2033 0.85002-1.9843 0.85002-0.27472 0-0.57144-0.043739-0.74037-0.066064 0.4224 0.53489 0.63534 1.1169 0.63534 1.8773 0 1.9673-1.6907 3.3999-3.9922 3.3999-0.12719 0-0.21173 0-0.42225-0.022932-0.7173 0.35872-1.1185 0.62677-1.1185 0.93917 0 0.15658 0.16802 0.26896 0.46414 0.26896l1.5211 0.022325c1.646 0.022021 2.5115 0.29007 3.2723 1.0291 0.63276 0.62571 0.92949 1.4084 0.92949 2.4378 0 0.96149-0.27502 1.699-0.86711 2.3693-0.94922 1.0743-2.5766 1.4759-4.2654 1.4759-1.5401 0-3.1245-0.26775-4.0953-1.2298-0.59148-0.58075-0.88669-1.2531-0.88669-2.034 0-0.62631 0.14692-0.94053 0.25301-1.1633h2.6186c-0.10624 0.26866-0.12795 0.42402-0.12795 0.73672 0 0.91775 0.71958 1.4086 2.0287 1.4086 0.71746 0 1.3303-0.087781 1.7731-0.37952 0.4221-0.26805 0.69621-0.69238 0.69621-1.1624 0-1.0279-0.86483-1.3418-1.9853-1.3641l-1.2031-0.022629c-1.2664-0.023236-2.0894-0.13349-2.5969-0.35811-0.50755-0.20062-0.82324-0.7144-0.82324-1.4974 0-0.73748 0.21021-1.4321 1.9847-1.923-1.5629-0.42554-2.3225-1.4766-2.3225-3.1756 0-2.3482 1.7952-3.8686 4.5605-3.8686 0.61242 0 1.1613 0.0893 1.9432 0.28977 0.58996 0.15597 0.97077 0.24664 1.33 0.24664 0.78105 0 1.5835-0.35781 2.2386-0.98503zm-17.951 0.35887c0.25423 0.47004 0.40191 0.96119 0.40191 1.4306 0.42194-0.31376 0.7812-0.58212 1.2461-0.84987 0.56978-0.3124 1.3095-0.491 1.9422-0.491 1.2039 0 2.2597 0.66975 2.5972 1.6548 0.14768 0.42448 0.21143 0.91608 0.21143 1.6318v8.3641h-2.7882v-7.4473c0-1.2965-0.21036-1.6763-0.94983-1.6763-0.56886 0-1.3077 0.40276-1.9622 1.0276v8.0961h-2.8308v-8.2974c0-0.98397-0.12689-1.9231-0.3796-2.6836l2.5118-0.7595zm-4.4347 0.020806v11.72h-2.8287v-11.25l2.8287-0.46974zm-10.2-3.8227c2.4913 0 3.2518 0.26775 4.0765 0.76011 1.3709 0.80537 2.1091 2.2361 2.1091 4.0262 0 2.0566-0.92797 3.7117-2.5323 4.5165-0.67587 0.33548-1.31 0.51469-2.9352 0.51469h-1.6252v5.7249h-2.9563v-15.542zm27.053 6.0823c-1.0764 0-1.6891 0.62723-1.6891 1.7 0 1.1632 0.67587 1.632 1.6683 1.632 1.1197 0 1.7319-0.5809 1.7319-1.632 0-1.0728-0.63276-1.7-1.7111-1.7zm-26.082-3.556h-1.8776v4.7416h1.5412c1.2033 0 1.5627-0.15673 1.9626-0.80522 0.25484-0.42372 0.35911-0.87174 0.35911-1.6104 0-1.4534-0.73855-2.3259-1.9853-2.3259zm7.8574-3.4434c0.95028 0 1.7111 0.82769 1.7111 1.8559 0 1.0285-0.78226 1.8568-1.7536 1.8568-0.94937 0-1.731-0.8283-1.731-1.8568 0-1.0282 0.8026-1.8559 1.7735-1.8559z","fill":"#263746"},"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 PingIdentity = react_1.forwardRef(function PingIdentity({ 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 PingIdentity = react_1.forwardRef(function PingIdentity({ variant = 'defau
     ..._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/ping-identity.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 126 22","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"vlcna","fill":"none","fillRule":"evenodd"},"children":[{"type":"g","props":{"id":"vlcnb","transform":"translate(-120 -10)"},"children":[{"type":"g","props":{"id":"vlcnc","transform":"translate(0 -1)"},"children":[{"type":"g","props":{"id":"vlcnd","transform":"translate(120 8)"},"children":[{"type":"g","props":{"id":"vlcne","transform":"translate(-0 3)"},"children":[{"type":"polygon","props":{"points":"0 20.263 20.263 20.263 20.263 0 0 0","fill":"#B8232F"},"children":[]},{"type":"path","props":{"d":"m103.39 6.0589 1.6971-0.28391v11.567h-1.6971v-11.283zm6.657 1.3065v7.294c0 1.2502 0.3149 1.6824 1.3417 1.6824 0.46185 0 0.34001 0.0052575 0.63429-0.15435l0.2313 1.1367c-0.52558 0.29404-0.71901 0.37929-1.453 0.37929-0.54507 0-0.9638-0.11229-1.363-0.31695-0.73288-0.38605-1.0054-1.1131-1.0054-2.2502v-7.771h-1.363v-1.3403h1.363v-4.2882h1.6779v4.2882h2.6211l-0.50308 1.3403h-2.1818zm13.444 9.6374c-0.65191 0-1.1786-0.55917-1.1786-1.3324 0-0.77398 0.5267-1.3324 1.1786-1.3324 0.65228 0 1.1794 0.55842 1.1794 1.3324 0 0.77323-0.52708 1.3324-1.1794 1.3324zm0-2.9863c-0.85846 0-1.5591 0.74243-1.5591 1.6539 0 0.91067 0.70064 1.6524 1.5591 1.6524 0.85996 0 1.5591-0.74168 1.5591-1.6524 0-0.91143-0.69914-1.6539-1.5591-1.6539zm-0.27141 1.5119v-0.53627h0.29278c0.16907 0 0.35913 0.036051 0.35913 0.25612 0 0.25198-0.16832 0.28015-0.36288 0.28015h-0.28903zm0.9803-0.25161c0-0.39431-0.22942-0.55016-0.65303-0.55016h-0.65566v1.8743h0.32839v-0.80703h0.19793l0.45772 0.80703h0.33701l-0.47422-0.82017c0.28903-0.028916 0.46185-0.18401 0.46185-0.50397zm-1.4122-9.2517-3.5853 11.724c-0.71301 2.2739-1.5524 3.773-3.3758 4.2507l-0.48246-1.2043c1.0208-0.34662 1.5561-0.85059 2.0018-2.082-0.16757-0.89302-0.26241-1.2813-0.26241-1.2813-0.12483-0.72704-0.69164-2.9326-1.0478-4.0678l-2.2451-7.0894 1.6165-0.59222 2.139 7.3398c0.31377 1.0695 0.62792 2.818 0.62792 2.818h0.042735s0.39737-1.4537 0.65003-2.385l2.0539-7.4307h1.8669zm-50.497 8.43s-0.18931 0.47731-0.62942 0.81867c-0.67178 0.52162-1.1542 0.72666-2.012 0.72666-0.96493 0-1.6157-0.38605-2.0974-1.3181-0.33626-0.65831-0.41949-1.6362-0.41949-2.9543 0-1.5904 0.16682-2.4079 0.67065-3.2717 0.44048-0.77248 1.1321-1.1814 1.9512-1.1814 1.2352 0 2.0127 0.38718 2.5364 1.1814v5.9988zm1.6566-12.718h-1.636v3.7666c0 0.81679 0.020618 1.7489 0.020618 1.7489-0.62792-0.9088-1.6569-1.4312-2.8296-1.4312-0.75575 0-1.3424 0.20392-2.0138 0.70413-1.426 1.0669-2.1589 2.8398-2.1589 5.2481 0 3.6123 1.5516 5.7258 4.2548 5.7258 1.2168 0 2.0146-0.38492 2.7685-1.3163 0.020618 0.58884 0.23092 1.1589 0.23092 1.1589h1.6779c-0.23205-0.66019-0.31452-1.7053-0.31452-3.6577v-11.947zm24.965 4.3112h2.6972l-0.50233 1.3403h-2.2579v7.294c0 1.2505 0.31415 1.6832 1.3417 1.6832 0.46185 0 0.34001 0.0052575 0.63429-0.1551l0.2313 1.1371c-0.52558 0.29442-0.71901 0.37967-1.4534 0.37967-0.54469 0-0.96343-0.11266-1.3627-0.31695-0.73288-0.38643-1.0062-1.1138-1.0062-2.2506v-7.7713h-1.3623v-1.3403h1.3623v-4.2875h1.6779v4.2875zm-4.7602 1.3857c0.16757 0.40933 0.25192 0.86298 0.25192 1.3185v8.5904h-1.6573v-7.6591c0-1.2051-0.083972-1.4991-0.3775-1.8863-0.2298-0.2948-0.6714-0.47731-1.1531-0.47731-0.8401 0-2.1383 0.72891-2.8933 1.5911v8.4315h-1.5936v-8.7263c0-1.6141-0.39737-2.3865-0.39737-2.3865l1.5921-0.47768s0.379 0.83932 0.379 1.7729c1.0883-1.1814 2.178-1.75 3.2907-1.75 1.1325 0 2.1394 0.65982 2.5585 1.6587zm-16.193 3.2033c0.082473-2.3411 0.92182-3.5218 2.4101-3.5218 0.79773 0 1.5306 0.38718 1.8867 0.99968 0.3149 0.54528 0.46185 1.2956 0.48246 2.5221h-4.7793zm2.494-4.9083c-1.2588 0-2.2856 0.50096-3.1242 1.5682-0.88021 1.1382-1.257 2.3636-1.257 4.2728 0 3.7501 1.7387 6.0213 4.6331 6.0213 1.3424 0 2.6009-0.49946 3.522-1.4083l-0.62942-1.1379c-0.73288 0.72816-1.5501 1.068-2.5578 1.068-1.0489 0-2.0131-0.40821-2.5998-1.3854-0.35688-0.58922-0.48097-1.4086-0.48097-2.4759v-0.27377h6.5191v-0.25011c-0.040487-2.7027-0.2939-3.7711-1.1932-4.7723-0.71414-0.79388-1.6997-1.2269-2.8318-1.2269zm-19.087 11.613h1.6779v-15.589h-1.6779v15.589z","fill":"#263746"},"children":[]},{"type":"path","props":{"d":"m59.607 5.5181 1.1822 1.9011c-0.61318 0.60369-1.2033 0.85002-1.9843 0.85002-0.27472 0-0.57144-0.043739-0.74037-0.066064 0.4224 0.53489 0.63534 1.1169 0.63534 1.8773 0 1.9673-1.6907 3.3999-3.9922 3.3999-0.12719 0-0.21173 0-0.42225-0.022932-0.7173 0.35872-1.1185 0.62677-1.1185 0.93917 0 0.15658 0.16802 0.26896 0.46414 0.26896l1.5211 0.022325c1.646 0.022021 2.5115 0.29007 3.2723 1.0291 0.63276 0.62571 0.92949 1.4084 0.92949 2.4378 0 0.96149-0.27502 1.699-0.86711 2.3693-0.94922 1.0743-2.5766 1.4759-4.2654 1.4759-1.5401 0-3.1245-0.26775-4.0953-1.2298-0.59148-0.58075-0.88669-1.2531-0.88669-2.034 0-0.62631 0.14692-0.94053 0.25301-1.1633h2.6186c-0.10624 0.26866-0.12795 0.42402-0.12795 0.73672 0 0.91775 0.71958 1.4086 2.0287 1.4086 0.71746 0 1.3303-0.087781 1.7731-0.37952 0.4221-0.26805 0.69621-0.69238 0.69621-1.1624 0-1.0279-0.86483-1.3418-1.9853-1.3641l-1.2031-0.022629c-1.2664-0.023236-2.0894-0.13349-2.5969-0.35811-0.50755-0.20062-0.82324-0.7144-0.82324-1.4974 0-0.73748 0.21021-1.4321 1.9847-1.923-1.5629-0.42554-2.3225-1.4766-2.3225-3.1756 0-2.3482 1.7952-3.8686 4.5605-3.8686 0.61242 0 1.1613 0.0893 1.9432 0.28977 0.58996 0.15597 0.97077 0.24664 1.33 0.24664 0.78105 0 1.5835-0.35781 2.2386-0.98503zm-17.951 0.35887c0.25423 0.47004 0.40191 0.96119 0.40191 1.4306 0.42194-0.31376 0.7812-0.58212 1.2461-0.84987 0.56978-0.3124 1.3095-0.491 1.9422-0.491 1.2039 0 2.2597 0.66975 2.5972 1.6548 0.14768 0.42448 0.21143 0.91608 0.21143 1.6318v8.3641h-2.7882v-7.4473c0-1.2965-0.21036-1.6763-0.94983-1.6763-0.56886 0-1.3077 0.40276-1.9622 1.0276v8.0961h-2.8308v-8.2974c0-0.98397-0.12689-1.9231-0.3796-2.6836l2.5118-0.7595zm-4.4347 0.020806v11.72h-2.8287v-11.25l2.8287-0.46974zm-10.2-3.8227c2.4913 0 3.2518 0.26775 4.0765 0.76011 1.3709 0.80537 2.1091 2.2361 2.1091 4.0262 0 2.0566-0.92797 3.7117-2.5323 4.5165-0.67587 0.33548-1.31 0.51469-2.9352 0.51469h-1.6252v5.7249h-2.9563v-15.542zm27.053 6.0823c-1.0764 0-1.6891 0.62723-1.6891 1.7 0 1.1632 0.67587 1.632 1.6683 1.632 1.1197 0 1.7319-0.5809 1.7319-1.632 0-1.0728-0.63276-1.7-1.7111-1.7zm-26.082-3.556h-1.8776v4.7416h1.5412c1.2033 0 1.5627-0.15673 1.9626-0.80522 0.25484-0.42372 0.35911-0.87174 0.35911-1.6104 0-1.4534-0.73855-2.3259-1.9853-2.3259zm7.8574-3.4434c0.95028 0 1.7111 0.82769 1.7111 1.8559 0 1.0285-0.78226 1.8568-1.7536 1.8568-0.94937 0-1.731-0.8283-1.731-1.8568 0-1.0282 0.8026-1.8559 1.7735-1.8559z","fill":"#263746"},"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 PingIdentity = forwardRef(
   function PingIdentity({ 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 PingIdentity = 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/pinia.cjs

@@ -9,7 +9,24 @@ const react_1 = require("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 = react_1.forwardRef(function Pinia({ 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 Pinia = react_1.forwardRef(function Pinia({ 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/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/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));
       })
   );
 });