@thesvg/react 3.2.2 → 3.2.5

package/dist/adobe-sign.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_211)"},"children":[{"type":"path","props":{"d":"M26.3333 0H5.66667C2.53705 0 0 2.53705 0 5.66667V25.5333C0 28.6629 2.53705 31.2 5.66667 31.2H26.3333C29.4629 31.2 32 28.6629 32 25.5333V5.66667C32 2.53705 29.4629 0 26.3333 0Z","fill":"#584CCC"},"children":[]},{"type":"path","props":{"d":"M25.7303 18.0632C25.0947 17.3807 23.8785 17.0341 22.1161 17.0341C21.1381 17.0436 20.1622 17.1283 19.1972 17.2875C18.5791 16.6849 18.0163 16.0281 17.5155 15.3251C17.1353 14.7996 16.7841 14.2539 16.4632 13.6903C17.084 11.7365 17.3985 10.1505 17.3985 8.97479C17.3985 7.53133 16.8267 5.98813 15.2216 5.98813C14.9489 5.99604 14.6826 6.07291 14.4477 6.21157C14.2127 6.35023 14.0167 6.54615 13.878 6.78106C13.1933 7.9568 13.4676 10.3761 14.5604 12.838C14.1799 13.9691 13.7653 15.0703 13.2572 16.2905C12.8225 17.3365 12.3307 18.3579 11.7839 19.3499C10.1467 20.0084 6.66667 21.6072 6.33507 23.3733C6.28522 23.6291 6.30291 23.8934 6.38641 24.1402C6.46991 24.387 6.61632 24.6078 6.8112 24.7808C7.20385 25.121 7.70986 25.3015 8.2292 25.2867C10.3255 25.2867 12.4159 22.3847 13.8227 19.8867C14.6227 19.6144 15.4384 19.3679 16.2505 19.1533C17.1413 18.9175 18.0024 18.724 18.8145 18.58C21.034 20.5168 23.0069 20.8103 23.9955 20.8103C25.354 20.8103 25.8621 20.2212 26.0471 19.726C26.1481 19.4459 26.1721 19.1437 26.1163 18.8512C26.0606 18.5587 25.9273 18.2865 25.7303 18.0632ZM24.2847 19.0815C24.2103 19.4663 23.8127 19.7151 23.2684 19.7151C23.1136 19.7144 22.9594 19.6951 22.8092 19.6576C21.81 19.4195 20.8533 18.9369 19.8988 18.1843C20.6115 18.0754 21.3314 18.02 22.0524 18.0185C22.5332 18.0107 23.0136 18.0477 23.4875 18.1291C23.9189 18.2183 24.4059 18.4564 24.2847 19.0815ZM14.7389 7.2824C14.7831 7.19617 14.8492 7.12308 14.9305 7.07045C15.0119 7.01782 15.1056 6.9875 15.2024 6.98253C15.7105 6.98253 15.8211 7.5948 15.8211 8.1072C15.8253 8.9236 15.5788 10.2247 15.1557 11.664C14.3032 9.40613 14.4223 7.8244 14.7389 7.2824ZM17.7175 17.5615C17.1413 17.6827 16.546 17.8229 15.9423 17.9824C15.5087 18.0972 15.0685 18.2224 14.6284 18.3565C14.8623 17.8783 15.0771 17.4041 15.2641 16.9535C15.5108 16.358 15.7424 15.7628 15.9551 15.1801C16.1417 15.4735 16.3345 15.7577 16.5333 16.0328C16.9143 16.5618 17.3255 17.0685 17.7647 17.5503L17.7175 17.5615ZM11.2693 20.6505C9.92787 22.8105 8.60773 24.1753 7.836 24.1753C7.70948 24.1809 7.58583 24.1366 7.4916 24.052C7.41972 23.9939 7.36522 23.9171 7.33408 23.8301C7.30294 23.7431 7.29636 23.6492 7.31507 23.5587C7.46173 22.7849 8.9904 21.6688 11.2693 20.6505Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_211"},"children":[{"type":"rect","props":{"width":"32","height":"31.2","fill":"white"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const AdobeSign = react_1.forwardRef(function AdobeSign({ 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 AdobeSign = react_1.forwardRef(function AdobeSign({ 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/adobe-sign.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_211)"},"children":[{"type":"path","props":{"d":"M26.3333 0H5.66667C2.53705 0 0 2.53705 0 5.66667V25.5333C0 28.6629 2.53705 31.2 5.66667 31.2H26.3333C29.4629 31.2 32 28.6629 32 25.5333V5.66667C32 2.53705 29.4629 0 26.3333 0Z","fill":"#584CCC"},"children":[]},{"type":"path","props":{"d":"M25.7303 18.0632C25.0947 17.3807 23.8785 17.0341 22.1161 17.0341C21.1381 17.0436 20.1622 17.1283 19.1972 17.2875C18.5791 16.6849 18.0163 16.0281 17.5155 15.3251C17.1353 14.7996 16.7841 14.2539 16.4632 13.6903C17.084 11.7365 17.3985 10.1505 17.3985 8.97479C17.3985 7.53133 16.8267 5.98813 15.2216 5.98813C14.9489 5.99604 14.6826 6.07291 14.4477 6.21157C14.2127 6.35023 14.0167 6.54615 13.878 6.78106C13.1933 7.9568 13.4676 10.3761 14.5604 12.838C14.1799 13.9691 13.7653 15.0703 13.2572 16.2905C12.8225 17.3365 12.3307 18.3579 11.7839 19.3499C10.1467 20.0084 6.66667 21.6072 6.33507 23.3733C6.28522 23.6291 6.30291 23.8934 6.38641 24.1402C6.46991 24.387 6.61632 24.6078 6.8112 24.7808C7.20385 25.121 7.70986 25.3015 8.2292 25.2867C10.3255 25.2867 12.4159 22.3847 13.8227 19.8867C14.6227 19.6144 15.4384 19.3679 16.2505 19.1533C17.1413 18.9175 18.0024 18.724 18.8145 18.58C21.034 20.5168 23.0069 20.8103 23.9955 20.8103C25.354 20.8103 25.8621 20.2212 26.0471 19.726C26.1481 19.4459 26.1721 19.1437 26.1163 18.8512C26.0606 18.5587 25.9273 18.2865 25.7303 18.0632ZM24.2847 19.0815C24.2103 19.4663 23.8127 19.7151 23.2684 19.7151C23.1136 19.7144 22.9594 19.6951 22.8092 19.6576C21.81 19.4195 20.8533 18.9369 19.8988 18.1843C20.6115 18.0754 21.3314 18.02 22.0524 18.0185C22.5332 18.0107 23.0136 18.0477 23.4875 18.1291C23.9189 18.2183 24.4059 18.4564 24.2847 19.0815ZM14.7389 7.2824C14.7831 7.19617 14.8492 7.12308 14.9305 7.07045C15.0119 7.01782 15.1056 6.9875 15.2024 6.98253C15.7105 6.98253 15.8211 7.5948 15.8211 8.1072C15.8253 8.9236 15.5788 10.2247 15.1557 11.664C14.3032 9.40613 14.4223 7.8244 14.7389 7.2824ZM17.7175 17.5615C17.1413 17.6827 16.546 17.8229 15.9423 17.9824C15.5087 18.0972 15.0685 18.2224 14.6284 18.3565C14.8623 17.8783 15.0771 17.4041 15.2641 16.9535C15.5108 16.358 15.7424 15.7628 15.9551 15.1801C16.1417 15.4735 16.3345 15.7577 16.5333 16.0328C16.9143 16.5618 17.3255 17.0685 17.7647 17.5503L17.7175 17.5615ZM11.2693 20.6505C9.92787 22.8105 8.60773 24.1753 7.836 24.1753C7.70948 24.1809 7.58583 24.1366 7.4916 24.052C7.41972 23.9939 7.36522 23.9171 7.33408 23.8301C7.30294 23.7431 7.29636 23.6492 7.31507 23.5587C7.46173 22.7849 8.9904 21.6688 11.2693 20.6505Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_211"},"children":[{"type":"rect","props":{"width":"32","height":"31.2","fill":"white"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const AdobeSign = forwardRef(
   function AdobeSign({ 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 AdobeSign = 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/adobe-stock.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_424)"},"children":[{"type":"path","props":{"d":"M5.66667 0H26.3333C29.4667 0 32 2.53333 32 5.66667V25.5333C32 28.6667 29.4667 31.2 26.3333 31.2H5.66667C2.53333 31.2 0 28.6667 0 25.5333V5.66667C0 2.53333 2.53333 0 5.66667 0Z","fill":"#000B1D"},"children":[]},{"type":"path","props":{"d":"M11.8933 22.2667C11.16 22.28 10.4267 22.2 9.71999 22.0667C9.15999 21.96 8.59999 21.7867 8.07999 21.5467C7.95999 21.4934 7.90666 21.3734 7.90666 21.1867V18.6267C7.90666 18.5867 7.91999 18.5334 7.95999 18.5067C7.99999 18.48 8.05333 18.4934 8.09333 18.52C8.69333 18.8934 9.33333 19.1734 9.99999 19.36C10.64 19.5467 11.3067 19.64 11.9733 19.64C12.7867 19.64 13.3733 19.52 13.72 19.2667C14.04 19.0667 14.24 18.72 14.24 18.3334C14.24 18.1067 14.1867 17.88 14.0667 17.68C13.9067 17.4534 13.7067 17.2534 13.4667 17.1067C13.0933 16.88 12.6933 16.68 12.28 16.5334L11.2 16.08C10.3333 15.7067 9.63999 15.3067 9.14666 14.8934C8.69333 14.5334 8.34666 14.0667 8.13333 13.5334C7.94666 13.0267 7.85333 12.5067 7.85333 11.96C7.82666 10.4134 8.73333 8.98669 10.1467 8.36002C10.9067 8.00002 11.8533 7.81335 12.9867 7.81335C13.6267 7.81335 14.2667 7.85335 14.9067 7.94669C15.4 8.00002 15.88 8.14669 16.3333 8.36002C16.4267 8.41335 16.4933 8.52002 16.48 8.64002V11.0667C16.48 11.1067 16.4533 11.1334 16.4267 11.16C16.3867 11.2 16.3467 11.1867 16.2933 11.1467C15.8133 10.9067 15.3067 10.72 14.7867 10.6134C14.2 10.48 13.6 10.4134 13 10.4267C12.64 10.4267 12.2933 10.4534 11.9467 10.5334C11.7067 10.5867 11.4667 10.68 11.2533 10.8C11.08 10.8934 10.9467 11.04 10.8533 11.2134C10.7733 11.3734 10.72 11.5467 10.72 11.72C10.72 11.9334 10.7867 12.16 10.9067 12.3334C11.08 12.56 11.3067 12.7334 11.5467 12.8667C11.9467 13.0934 12.36 13.3067 12.7867 13.4934L13.5867 13.8C14.5333 14.1867 15.2667 14.6 15.8 15.04C16.28 15.4134 16.6667 15.9067 16.92 16.4534C17.1333 16.9734 17.24 17.5334 17.24 18.0934C17.2533 18.8934 17.0133 19.6667 16.56 20.32C16.08 20.9734 15.4267 21.48 14.68 21.7867C13.9333 22.0934 12.9867 22.2667 11.8933 22.2667Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M24.52 19.92V21.68C24.52 21.84 24.4667 21.9333 24.3467 21.96C24.0667 22.0533 23.7733 22.12 23.4933 22.1733C23.1467 22.24 22.8133 22.2667 22.4667 22.2533C21.5333 22.2533 20.8 22.0133 20.28 21.52C19.76 21.0267 19.48 20.2533 19.48 19.1867V13.84H18.1867C18.0667 13.84 18.0133 13.7733 18.0133 13.6533L18.0267 11.5333C18.0267 11.4133 18.0933 11.36 18.2133 11.36H19.5067C19.52 11.12 19.52 10.8533 19.5467 10.5333C19.5733 10.2133 19.6 9.89332 19.6267 9.57332C19.6533 9.25332 19.6933 8.98665 19.72 8.78665C19.7333 8.74665 19.76 8.70665 19.7867 8.66665C19.8133 8.62665 19.8533 8.59999 19.8933 8.58665L22.4533 8.26665C22.4933 8.25332 22.52 8.25332 22.56 8.26665C22.5867 8.27999 22.6 8.31999 22.6 8.39999C22.5733 8.73332 22.5467 9.17332 22.5333 9.74665C22.52 10.3067 22.52 10.84 22.5067 11.3733H24.4C24.48 11.3733 24.5333 11.4267 24.5333 11.5467L24.52 13.7067C24.5333 13.7733 24.48 13.84 24.4133 13.8533H22.52V18.48C22.52 18.96 22.5733 19.32 22.7333 19.52C22.8933 19.72 23.2 19.8267 23.64 19.8267C23.7733 19.8267 23.8933 19.8267 24 19.8133C24.1067 19.8 24.2267 19.8 24.3467 19.7867C24.3867 19.7733 24.4267 19.7733 24.4667 19.8C24.5067 19.8133 24.52 19.8533 24.52 19.92Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_424"},"children":[{"type":"rect","props":{"width":"32","height":"31.2","fill":"white"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const AdobeStock = react_1.forwardRef(function AdobeStock({ 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 AdobeStock = react_1.forwardRef(function AdobeStock({ 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/adobe-stock.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_424)"},"children":[{"type":"path","props":{"d":"M5.66667 0H26.3333C29.4667 0 32 2.53333 32 5.66667V25.5333C32 28.6667 29.4667 31.2 26.3333 31.2H5.66667C2.53333 31.2 0 28.6667 0 25.5333V5.66667C0 2.53333 2.53333 0 5.66667 0Z","fill":"#000B1D"},"children":[]},{"type":"path","props":{"d":"M11.8933 22.2667C11.16 22.28 10.4267 22.2 9.71999 22.0667C9.15999 21.96 8.59999 21.7867 8.07999 21.5467C7.95999 21.4934 7.90666 21.3734 7.90666 21.1867V18.6267C7.90666 18.5867 7.91999 18.5334 7.95999 18.5067C7.99999 18.48 8.05333 18.4934 8.09333 18.52C8.69333 18.8934 9.33333 19.1734 9.99999 19.36C10.64 19.5467 11.3067 19.64 11.9733 19.64C12.7867 19.64 13.3733 19.52 13.72 19.2667C14.04 19.0667 14.24 18.72 14.24 18.3334C14.24 18.1067 14.1867 17.88 14.0667 17.68C13.9067 17.4534 13.7067 17.2534 13.4667 17.1067C13.0933 16.88 12.6933 16.68 12.28 16.5334L11.2 16.08C10.3333 15.7067 9.63999 15.3067 9.14666 14.8934C8.69333 14.5334 8.34666 14.0667 8.13333 13.5334C7.94666 13.0267 7.85333 12.5067 7.85333 11.96C7.82666 10.4134 8.73333 8.98669 10.1467 8.36002C10.9067 8.00002 11.8533 7.81335 12.9867 7.81335C13.6267 7.81335 14.2667 7.85335 14.9067 7.94669C15.4 8.00002 15.88 8.14669 16.3333 8.36002C16.4267 8.41335 16.4933 8.52002 16.48 8.64002V11.0667C16.48 11.1067 16.4533 11.1334 16.4267 11.16C16.3867 11.2 16.3467 11.1867 16.2933 11.1467C15.8133 10.9067 15.3067 10.72 14.7867 10.6134C14.2 10.48 13.6 10.4134 13 10.4267C12.64 10.4267 12.2933 10.4534 11.9467 10.5334C11.7067 10.5867 11.4667 10.68 11.2533 10.8C11.08 10.8934 10.9467 11.04 10.8533 11.2134C10.7733 11.3734 10.72 11.5467 10.72 11.72C10.72 11.9334 10.7867 12.16 10.9067 12.3334C11.08 12.56 11.3067 12.7334 11.5467 12.8667C11.9467 13.0934 12.36 13.3067 12.7867 13.4934L13.5867 13.8C14.5333 14.1867 15.2667 14.6 15.8 15.04C16.28 15.4134 16.6667 15.9067 16.92 16.4534C17.1333 16.9734 17.24 17.5334 17.24 18.0934C17.2533 18.8934 17.0133 19.6667 16.56 20.32C16.08 20.9734 15.4267 21.48 14.68 21.7867C13.9333 22.0934 12.9867 22.2667 11.8933 22.2667Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M24.52 19.92V21.68C24.52 21.84 24.4667 21.9333 24.3467 21.96C24.0667 22.0533 23.7733 22.12 23.4933 22.1733C23.1467 22.24 22.8133 22.2667 22.4667 22.2533C21.5333 22.2533 20.8 22.0133 20.28 21.52C19.76 21.0267 19.48 20.2533 19.48 19.1867V13.84H18.1867C18.0667 13.84 18.0133 13.7733 18.0133 13.6533L18.0267 11.5333C18.0267 11.4133 18.0933 11.36 18.2133 11.36H19.5067C19.52 11.12 19.52 10.8533 19.5467 10.5333C19.5733 10.2133 19.6 9.89332 19.6267 9.57332C19.6533 9.25332 19.6933 8.98665 19.72 8.78665C19.7333 8.74665 19.76 8.70665 19.7867 8.66665C19.8133 8.62665 19.8533 8.59999 19.8933 8.58665L22.4533 8.26665C22.4933 8.25332 22.52 8.25332 22.56 8.26665C22.5867 8.27999 22.6 8.31999 22.6 8.39999C22.5733 8.73332 22.5467 9.17332 22.5333 9.74665C22.52 10.3067 22.52 10.84 22.5067 11.3733H24.4C24.48 11.3733 24.5333 11.4267 24.5333 11.5467L24.52 13.7067C24.5333 13.7733 24.48 13.84 24.4133 13.8533H22.52V18.48C22.52 18.96 22.5733 19.32 22.7333 19.52C22.8933 19.72 23.2 19.8267 23.64 19.8267C23.7733 19.8267 23.8933 19.8267 24 19.8133C24.1067 19.8 24.2267 19.8 24.3467 19.7867C24.3867 19.7733 24.4267 19.7733 24.4667 19.8C24.5067 19.8133 24.52 19.8533 24.52 19.92Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_424"},"children":[{"type":"rect","props":{"width":"32","height":"31.2","fill":"white"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const AdobeStock = forwardRef(
   function AdobeStock({ 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 AdobeStock = 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/adobe.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 91 80","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_906_1839)"},"children":[{"type":"path","props":{"d":"M56.9686 0H90.4318V80L56.9686 0Z","fill":"#EB1000"},"children":[]},{"type":"path","props":{"d":"M33.4632 0H0V80L33.4632 0Z","fill":"#EB1000"},"children":[]},{"type":"path","props":{"d":"M45.1821 29.4668L66.5199 80.0002H52.5657L46.1982 63.9461H30.6182L45.1821 29.4668Z","fill":"#EB1000"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_906_1839"},"children":[{"type":"rect","props":{"width":"90.4318","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 Adobe = react_1.forwardRef(function Adobe({ 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 Adobe = react_1.forwardRef(function Adobe({ 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/adobe.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 91 80","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_906_1839)"},"children":[{"type":"path","props":{"d":"M56.9686 0H90.4318V80L56.9686 0Z","fill":"#EB1000"},"children":[]},{"type":"path","props":{"d":"M33.4632 0H0V80L33.4632 0Z","fill":"#EB1000"},"children":[]},{"type":"path","props":{"d":"M45.1821 29.4668L66.5199 80.0002H52.5657L46.1982 63.9461H30.6182L45.1821 29.4668Z","fill":"#EB1000"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_906_1839"},"children":[{"type":"rect","props":{"width":"90.4318","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 Adobe = forwardRef(
   function Adobe({ 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 Adobe = 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/affinity-designer.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 1024 1024","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#134881","d":"M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M2477 909.311c-.17 21.934-18.03 39.689-40 39.689h-403.69l-172.55-298.876H2477v259.187ZM1603 909V733.513L1983.19 75h148.58l-321.19 556.33L1993.98 949H1643c-22.08 0-40-17.923-40-40Zm487.17-292.956h-150.22c-16.77 0-32.27-8.8-40.65-23.327-8.38-14.502-8.38-32.433 0-46.935l75.15-130.17 115.72 200.432ZM2437 75c21.97 0 39.83 17.755 40 39.689v501.355h-347.48l-135.41-234.495L2171.1 75H2437Z","transform":"translate(-1528)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"a","cx":"0","cy":"0","r":"1","gradientTransform":"translate(2271.03 -89.26) scale(1038.26)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#6be1fb"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#38bdfa"},"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 AffinityDesigner = react_1.forwardRef(function AffinityDesigner({ 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 AffinityDesigner = react_1.forwardRef(function AffinityDesigner({ variant
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/affinity-designer.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 1024 1024","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#134881","d":"M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M2477 909.311c-.17 21.934-18.03 39.689-40 39.689h-403.69l-172.55-298.876H2477v259.187ZM1603 909V733.513L1983.19 75h148.58l-321.19 556.33L1993.98 949H1643c-22.08 0-40-17.923-40-40Zm487.17-292.956h-150.22c-16.77 0-32.27-8.8-40.65-23.327-8.38-14.502-8.38-32.433 0-46.935l75.15-130.17 115.72 200.432ZM2437 75c21.97 0 39.83 17.755 40 39.689v501.355h-347.48l-135.41-234.495L2171.1 75H2437Z","transform":"translate(-1528)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"a","cx":"0","cy":"0","r":"1","gradientTransform":"translate(2271.03 -89.26) scale(1038.26)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#6be1fb"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#38bdfa"},"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 AffinityDesigner = forwardRef(
   function AffinityDesigner({ 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 AffinityDesigner = 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/affinity-photo.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 1024 1024","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#4e3188","d":"M1023.994 100c0-55.192-44.807-100-99.999-100H100.002C44.81 0 .002 44.808.002 100v824c0 55.192 44.808 100 100 100h823.993c55.192 0 100-44.808 100-100V100Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M3547 650.087V909c0 21.809-17.49 39.566-39.2 39.992l-264.42-.001-172.64-298.904H3547Zm-342.96 298.904h-467.78l234.02-404.714 233.76 404.714Zm-505.34-2.629c-14.15-5.425-24.44-18.652-25.59-34.397l-.11-178.463 190.17-329.251h148.64L2698.7 946.362Zm449.05-542.726c12.95.054 25.34 7.661 32.03 18.935.07.114.2.344.2.344l39.3 68.052.34.564c6.42 11.234 6.67 25.389.25 36.827-13.17 23.042-26.55 45.973-39.83 68.96-6.52 11.179-18.86 18.473-31.98 18.636-25.03.105-75.22.047-75.29.047-12.95-.054-25.54-6.959-32.24-18.233-.15-.244-.43-.743-.43-.743s-39.32-68.059-39.4-68.217c-6.43-11.234-6.42-25.747 0-37.185.09-.168.29-.504.29-.504s26.31-45.638 39.48-68.457c6.52-11.179 18.89-18.87 32-19.034.22-.001.66-.011.66-.011l74.17.019h.45Zm372.14-326.51-311.25 538.875H3547V115c0-17.566-11.35-32.503-27.11-37.874ZM3053.34 75h428.43l-231.7 401.157-214.21-370.881L3053.34 75Zm96.18 295.191h-266.68l133.34-230.855 133.34 230.855Z","transform":"matrix(1 0 0 1 -2597.98 0)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"a","cx":"0","cy":"0","r":"1","gradientTransform":"translate(3341.03 -89.259) scale(1038.25)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f9a6ff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ea73ff"},"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 AffinityPhoto = react_1.forwardRef(function AffinityPhoto({ 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 AffinityPhoto = react_1.forwardRef(function AffinityPhoto({ variant = 'def
     ..._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/affinity-photo.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 1024 1024","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#4e3188","d":"M1023.994 100c0-55.192-44.807-100-99.999-100H100.002C44.81 0 .002 44.808.002 100v824c0 55.192 44.808 100 100 100h823.993c55.192 0 100-44.808 100-100V100Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M3547 650.087V909c0 21.809-17.49 39.566-39.2 39.992l-264.42-.001-172.64-298.904H3547Zm-342.96 298.904h-467.78l234.02-404.714 233.76 404.714Zm-505.34-2.629c-14.15-5.425-24.44-18.652-25.59-34.397l-.11-178.463 190.17-329.251h148.64L2698.7 946.362Zm449.05-542.726c12.95.054 25.34 7.661 32.03 18.935.07.114.2.344.2.344l39.3 68.052.34.564c6.42 11.234 6.67 25.389.25 36.827-13.17 23.042-26.55 45.973-39.83 68.96-6.52 11.179-18.86 18.473-31.98 18.636-25.03.105-75.22.047-75.29.047-12.95-.054-25.54-6.959-32.24-18.233-.15-.244-.43-.743-.43-.743s-39.32-68.059-39.4-68.217c-6.43-11.234-6.42-25.747 0-37.185.09-.168.29-.504.29-.504s26.31-45.638 39.48-68.457c6.52-11.179 18.89-18.87 32-19.034.22-.001.66-.011.66-.011l74.17.019h.45Zm372.14-326.51-311.25 538.875H3547V115c0-17.566-11.35-32.503-27.11-37.874ZM3053.34 75h428.43l-231.7 401.157-214.21-370.881L3053.34 75Zm96.18 295.191h-266.68l133.34-230.855 133.34 230.855Z","transform":"matrix(1 0 0 1 -2597.98 0)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"a","cx":"0","cy":"0","r":"1","gradientTransform":"translate(3341.03 -89.259) scale(1038.25)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#f9a6ff"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ea73ff"},"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 AffinityPhoto = forwardRef(
   function AffinityPhoto({ 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 AffinityPhoto = 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/affinity-publisher.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 1024 1024","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#891b26","d":"M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"m4145.14 949-257.8-446.348L3754 733.508V909c0 22.077 17.92 40 40 40h351.14Zm187.99 0h-148.64s-192.55-333.487-257.06-445.057c-12.63-21.85-12.64-48.87-.01-70.724 23.33-40.368 53.92-93.31 53.92-93.31L4333.13 949Zm187.99 0h-148.64l-369.29-646.928 72.14-124.89L4521.12 949ZM4628 808.578V909c0 22.077-17.92 40-40 40h-27.53L4095 143.121 4134.35 75h69.95L4628 808.578ZM4588 75h-344.36L4628 740.456V115c0-22.077-17.92-40-40-40Z","transform":"translate(-3678.99)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"a","cx":"0","cy":"0","r":"1","gradientTransform":"translate(4421.95 -89.26) scale(1038.26)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ffae71"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ff9350"},"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 AffinityPublisher = react_1.forwardRef(function AffinityPublisher({ 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 AffinityPublisher = react_1.forwardRef(function AffinityPublisher({ varian
     ..._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/affinity-publisher.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 1024 1024","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#891b26","d":"M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"m4145.14 949-257.8-446.348L3754 733.508V909c0 22.077 17.92 40 40 40h351.14Zm187.99 0h-148.64s-192.55-333.487-257.06-445.057c-12.63-21.85-12.64-48.87-.01-70.724 23.33-40.368 53.92-93.31 53.92-93.31L4333.13 949Zm187.99 0h-148.64l-369.29-646.928 72.14-124.89L4521.12 949ZM4628 808.578V909c0 22.077-17.92 40-40 40h-27.53L4095 143.121 4134.35 75h69.95L4628 808.578ZM4588 75h-344.36L4628 740.456V115c0-22.077-17.92-40-40-40Z","transform":"translate(-3678.99)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"a","cx":"0","cy":"0","r":"1","gradientTransform":"translate(4421.95 -89.26) scale(1038.26)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#ffae71"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ff9350"},"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 AffinityPublisher = forwardRef(
   function AffinityPublisher({ 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 AffinityPublisher = 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/affirm.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 429 171","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2525_303)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M28.1 156.27C22.8 156.27 20.1 153.66 20.1 149.37C20.1 141.37 29.02 138.68 45.29 136.95C45.29 147.61 38.08 156.27 28.05 156.27H28.1ZM35.1 96.3198C23.47 96.3198 10.1 101.79 2.83998 107.58L9.46998 121.58C15.29 116.25 24.7 111.69 33.19 111.69C41.26 111.69 45.72 114.39 45.72 119.83C45.72 123.48 42.77 125.33 37.19 126.06C16.33 128.76 -0.0200195 134.52 -0.0200195 150.59C-0.0200195 163.33 9.04998 171.04 23.22 171.04C33.34 171.04 42.34 165.42 46.62 158.04V169.04H65.48V122.95C65.48 103.95 52.29 96.2798 35.11 96.2798L35.1 96.3198Z","fill":"black"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M224.39 98.3902V168.95H244.57V134.95C244.57 118.8 254.35 114.05 261.16 114.05C264.226 114.026 267.229 114.914 269.79 116.6L273.48 97.9502C270.62 96.8056 267.559 96.2511 264.48 96.3202C254.11 96.3202 247.59 100.91 243.29 110.25V98.3902H224.39Z","fill":"black"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M367 96.3198C356.33 96.3198 348.35 102.62 344.2 108.7C340.35 100.85 332.2 96.3198 322.4 96.3198C311.74 96.3198 304.35 102.24 300.94 109.06V98.3898H281.48V168.95H301.68V132.62C301.68 119.62 308.51 113.33 314.88 113.33C320.65 113.33 325.95 117.06 325.95 126.69V168.95H346.11V132.62C346.11 119.43 352.77 113.33 359.44 113.33C364.78 113.33 370.44 117.21 370.44 126.55V168.95H390.6V120.17C390.6 104.32 379.93 96.3198 367.04 96.3198","fill":"black"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M175.28 98.3901H157V91.2201C157 81.8801 162.33 79.2201 166.92 79.2201C170.054 79.261 173.135 80.0313 175.92 81.4701L182.14 67.2401C182.14 67.2401 175.83 63.1201 164.36 63.1201C151.47 63.1201 136.8 70.3901 136.8 93.2001V98.3901H106.25V91.2201C106.25 81.8801 111.57 79.2201 116.17 79.2201C119.309 79.2199 122.4 79.9926 125.17 81.4701L131.39 67.2401C127.68 65.0701 121.71 63.1201 113.62 63.1201C100.73 63.1201 86.0599 70.3901 86.0599 93.2001V98.3901H74.3799V113.95H86.0899V168.95H106.25V113.95H136.84V168.95H157V113.95H175.28V98.3901Z","fill":"black"},"children":[]},{"type":"path","props":{"d":"M207.46 98.3901H187.32V168.92H207.46V98.3901Z","fill":"black"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M188.06 86.4H207.79C219.3 50.21 258.35 18.4 304.79 18.4C361.27 18.4 410.08 61.4 410.08 128.34C410.252 142.08 408.364 155.769 404.48 168.95H423.63L423.82 168.29C427.047 155.241 428.639 141.842 428.56 128.4C428.56 53.75 374.16 0.0200195 304.83 0.0200195C250.37 0.0200195 201.83 37.82 188.07 86.42L188.06 86.4Z","fill":"#4A4AF4"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2525_303"},"children":[{"type":"rect","props":{"width":"428.55","height":"171","fill":"white"},"children":[]}]}]}]},"light":{"viewBox":"0 0 429 171","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2525_324)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M28.1 156.27C22.8 156.27 20.1 153.66 20.1 149.37C20.1 141.37 29.02 138.68 45.29 136.95C45.29 147.61 38.08 156.27 28.05 156.27H28.1ZM35.1 96.3198C23.47 96.3198 10.1 101.79 2.83998 107.58L9.46998 121.58C15.29 116.25 24.7 111.69 33.19 111.69C41.26 111.69 45.72 114.39 45.72 119.83C45.72 123.48 42.77 125.33 37.19 126.06C16.33 128.76 -0.0200195 134.52 -0.0200195 150.59C-0.0200195 163.33 9.04998 171.04 23.22 171.04C33.34 171.04 42.34 165.42 46.62 158.04V169.04H65.48V122.95C65.48 103.95 52.29 96.2798 35.11 96.2798L35.1 96.3198Z","fill":"white"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M224.39 98.3902V168.95H244.57V134.95C244.57 118.8 254.35 114.05 261.16 114.05C264.226 114.026 267.229 114.914 269.79 116.6L273.48 97.9502C270.62 96.8056 267.559 96.2511 264.48 96.3202C254.11 96.3202 247.59 100.91 243.29 110.25V98.3902H224.39Z","fill":"white"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M367 96.3198C356.33 96.3198 348.35 102.62 344.2 108.7C340.35 100.85 332.2 96.3198 322.4 96.3198C311.74 96.3198 304.35 102.24 300.94 109.06V98.3898H281.48V168.95H301.68V132.62C301.68 119.62 308.51 113.33 314.88 113.33C320.65 113.33 325.95 117.06 325.95 126.69V168.95H346.11V132.62C346.11 119.43 352.77 113.33 359.44 113.33C364.78 113.33 370.44 117.21 370.44 126.55V168.95H390.6V120.17C390.6 104.32 379.93 96.3198 367.04 96.3198","fill":"white"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M175.28 98.3901H157V91.2201C157 81.8801 162.33 79.2201 166.92 79.2201C170.054 79.261 173.135 80.0313 175.92 81.4701L182.14 67.2401C182.14 67.2401 175.83 63.1201 164.36 63.1201C151.47 63.1201 136.8 70.3901 136.8 93.2001V98.3901H106.25V91.2201C106.25 81.8801 111.57 79.2201 116.17 79.2201C119.309 79.2199 122.4 79.9926 125.17 81.4701L131.39 67.2401C127.68 65.0701 121.71 63.1201 113.62 63.1201C100.73 63.1201 86.0599 70.3901 86.0599 93.2001V98.3901H74.3799V113.95H86.0899V168.95H106.25V113.95H136.84V168.95H157V113.95H175.28V98.3901Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M207.46 98.3901H187.32V168.92H207.46V98.3901Z","fill":"white"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M188.06 86.4H207.79C219.3 50.21 258.35 18.4 304.79 18.4C361.27 18.4 410.08 61.4 410.08 128.34C410.252 142.08 408.364 155.769 404.48 168.95H423.63L423.82 168.29C427.047 155.241 428.639 141.842 428.56 128.4C428.56 53.75 374.16 0.0200195 304.83 0.0200195C250.37 0.0200195 201.83 37.82 188.07 86.42L188.06 86.4Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2525_324"},"children":[{"type":"rect","props":{"width":"428.55","height":"171","fill":"white"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 429 171","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2525_317)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M28.1 156.27C22.8 156.27 20.1 153.66 20.1 149.37C20.1 141.37 29.02 138.68 45.29 136.95C45.29 147.61 38.08 156.27 28.05 156.27H28.1ZM35.1 96.3198C23.47 96.3198 10.1 101.79 2.83998 107.58L9.46998 121.58C15.29 116.25 24.7 111.69 33.19 111.69C41.26 111.69 45.72 114.39 45.72 119.83C45.72 123.48 42.77 125.33 37.19 126.06C16.33 128.76 -0.0200195 134.52 -0.0200195 150.59C-0.0200195 163.33 9.04998 171.04 23.22 171.04C33.34 171.04 42.34 165.42 46.62 158.04V169.04H65.48V122.95C65.48 103.95 52.29 96.2798 35.11 96.2798L35.1 96.3198Z","fill":"black"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M224.39 98.3902V168.95H244.57V134.95C244.57 118.8 254.35 114.05 261.16 114.05C264.226 114.026 267.229 114.914 269.79 116.6L273.48 97.9502C270.62 96.8056 267.559 96.2511 264.48 96.3202C254.11 96.3202 247.59 100.91 243.29 110.25V98.3902H224.39Z","fill":"black"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M367 96.3198C356.33 96.3198 348.35 102.62 344.2 108.7C340.35 100.85 332.2 96.3198 322.4 96.3198C311.74 96.3198 304.35 102.24 300.94 109.06V98.3898H281.48V168.95H301.68V132.62C301.68 119.62 308.51 113.33 314.88 113.33C320.65 113.33 325.95 117.06 325.95 126.69V168.95H346.11V132.62C346.11 119.43 352.77 113.33 359.44 113.33C364.78 113.33 370.44 117.21 370.44 126.55V168.95H390.6V120.17C390.6 104.32 379.93 96.3198 367.04 96.3198","fill":"black"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M175.28 98.3901H157V91.2201C157 81.8801 162.33 79.2201 166.92 79.2201C170.054 79.261 173.135 80.0313 175.92 81.4701L182.14 67.2401C182.14 67.2401 175.83 63.1201 164.36 63.1201C151.47 63.1201 136.8 70.3901 136.8 93.2001V98.3901H106.25V91.2201C106.25 81.8801 111.57 79.2201 116.17 79.2201C119.309 79.2199 122.4 79.9926 125.17 81.4701L131.39 67.2401C127.68 65.0701 121.71 63.1201 113.62 63.1201C100.73 63.1201 86.0599 70.3901 86.0599 93.2001V98.3901H74.3799V113.95H86.0899V168.95H106.25V113.95H136.84V168.95H157V113.95H175.28V98.3901Z","fill":"black"},"children":[]},{"type":"path","props":{"d":"M207.46 98.3901H187.32V168.92H207.46V98.3901Z","fill":"black"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M188.06 86.4H207.79C219.3 50.21 258.35 18.4 304.79 18.4C361.27 18.4 410.08 61.4 410.08 128.34C410.252 142.08 408.364 155.769 404.48 168.95H423.63L423.82 168.29C427.047 155.241 428.639 141.842 428.56 128.4C428.56 53.75 374.16 0.0200195 304.83 0.0200195C250.37 0.0200195 201.83 37.82 188.07 86.42L188.06 86.4Z","fill":"black"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2525_317"},"children":[{"type":"rect","props":{"width":"428.55","height":"171","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 175 129","fill":"currentColor","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2525_331)"},"children":[{"type":"path","props":{"d":"M28.5299 125.9C21.2699 114.84 17.0399 101.64 17.0399 87.4498C17.0399 48.6898 48.5699 17.1598 87.3299 17.1598C126.09 17.1598 157.62 48.6898 157.62 87.4498C157.62 101.63 153.38 114.84 146.13 125.9H165.81C171.52 114.29 174.74 101.24 174.74 87.4498C174.74 39.2498 135.53 0.0498047 87.3399 0.0498047C39.1499 0.0498047 -0.0600586 39.2598 -0.0600586 87.4498C-0.0600586 101.24 3.15994 114.29 8.86994 125.9H28.5299Z","fill":"black"},"children":[]},{"type":"path","props":{"d":"M88.5098 45.9199C75.7098 45.9199 60.9798 51.9499 52.9798 58.3299L60.2798 73.6999C66.6898 67.8299 77.0598 62.8199 86.4098 62.8199C95.2998 62.8199 100.2 65.7899 100.2 71.7799C100.2 75.8099 96.9398 78.0799 90.7998 78.6399C67.7398 80.7599 49.8198 87.9599 49.8198 105.66C49.8198 119.7 59.9398 128.18 76.5898 128.18C87.7298 128.18 96.4798 121.99 101.2 113.82V125.89H121.96V75.2999C121.97 54.4099 107.44 45.9199 88.5098 45.9199ZM82.4498 111.96C75.7198 111.96 72.0298 109.08 72.0298 104.35C72.0298 94.4899 84.0798 92.1099 99.7698 92.1099C99.7698 102.43 92.8598 111.96 82.4498 111.96Z","fill":"black"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2525_331"},"children":[{"type":"rect","props":{"width":"174.82","height":"128.16","fill":"white"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 175 129","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2525_341)"},"children":[{"type":"path","props":{"d":"M28.5299 125.9C21.2699 114.84 17.0399 101.64 17.0399 87.4498C17.0399 48.6898 48.5699 17.1598 87.3299 17.1598C126.09 17.1598 157.62 48.6898 157.62 87.4498C157.62 101.63 153.38 114.84 146.13 125.9H165.81C171.52 114.29 174.74 101.24 174.74 87.4498C174.74 39.2498 135.53 0.0498047 87.3399 0.0498047C39.1499 0.0498047 -0.0600586 39.2598 -0.0600586 87.4498C-0.0600586 101.24 3.15994 114.29 8.86994 125.9H28.5299Z","fill":"#4A4AF4"},"children":[]},{"type":"path","props":{"d":"M88.5098 45.9199C75.7098 45.9199 60.9798 51.9499 52.9798 58.3299L60.2798 73.6999C66.6898 67.8299 77.0598 62.8199 86.4098 62.8199C95.2998 62.8199 100.2 65.7899 100.2 71.7799C100.2 75.8099 96.9398 78.0799 90.7998 78.6399C67.7398 80.7599 49.8198 87.9599 49.8198 105.66C49.8198 119.7 59.9398 128.18 76.5898 128.18C87.7298 128.18 96.4798 121.99 101.2 113.82V125.89H121.96V75.2999C121.97 54.4099 107.44 45.9199 88.5098 45.9199ZM82.4498 111.96C75.7198 111.96 72.0298 109.08 72.0298 104.35C72.0298 94.4899 84.0798 92.1099 99.7698 92.1099C99.7698 102.43 92.8598 111.96 82.4498 111.96Z","fill":"black"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2525_341"},"children":[{"type":"rect","props":{"width":"174.82","height":"128.16","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 Affirm = react_1.forwardRef(function Affirm({ 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 Affirm = react_1.forwardRef(function Affirm({ 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));
       })
   );
 });