@thesvg/react 3.2.2 → 3.2.4

package/dist/heinz.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"-1.40619003 -1.40619003 110.91851006 49.68538106","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs5058"},"children":[]},{"type":"path","props":{"d":"m 54.061112,0 c 17.9875,0 32.02875,3.7375 41.83125,7.06875 7.292498,2.47875 6.229998,6.085 5.674998,8.00875 -0.5075,1.76625 -1.095,2.56125 1.0575,3.15 1.78875,0.49 1.55625,0.3975 2.545,0.68125 1.955,0.55875 3.8075,1.0325 2.49625,5.6425 -0.3925,1.38 -4.56,15.65625 -5.19125,17.5175 -1.32625,3.91375 -0.9825,4.80125 -6.679998,4.80125 -0.87,0 -82.61375,0.003 -83.48375,0.003 -5.6974998,0 -5.3549998,-0.8875 -6.6812498,-4.8025 -0.63,-1.86125 -4.79749996,-16.1375 -5.18999996,-17.5175 -1.31125,-4.60875 0.5425,-5.08 2.49624996,-5.6425 0.98875,-0.285 0.755,-0.19125 2.54625,-0.68 2.15,-0.58875 1.56375,-1.385 1.05625,-3.15 -0.555,-1.925 -1.6175,-5.53 5.6749998,-8.00875 9.80375,-3.3325 23.84375,-7.07 41.83125,-7.07 l 0.0163,-0.001","id":"path4069","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 95.086112,43.43625 c 2.51375,0 3.44125,-0.4 4.09875,-2.19875 0.585,-1.59875 4.091248,-13.98125 4.574998,-15.64625 0.695,-2.4025 0.4175,-3.35375 -1.88625,-3.92875 -0.89875,-0.225 -2.601248,-0.6375 -3.663748,-0.90375 -1.575,-0.39375 -1.41125,-2.115 -1.09625,-3.025 0.2025,-0.58375 0.8075,-2.7525 1.1425,-3.80125 0.54,-1.68375 -0.275,-2.2025 -1.26625,-2.595 -1.32375,-0.52625 -17.16875,-7.435 -42.93625,-7.78375 l -0.009,0 c -25.76625,0.34875 -41.6125,7.2575 -42.93625,7.78375 -0.99125,0.3925 -1.8049998,0.91125 -1.2662498,2.595 0.3362498,1.04875 0.9412498,3.2175 1.1424998,3.80125 0.31625,0.91 0.47625,2.625 -1.0962498,3.025 -1.125,0.28625 -2.765,0.67875 -3.66375,0.90375 -2.3025,0.575 -2.58125,1.52625 -1.885,3.92875 0.4825,1.665 3.99,14.0475 4.57375,15.64625 0.6575,1.79875 1.5849998,2.19875 4.0987498,2.19875 1.2425,0 80.83125,0 82.07375,0","id":"path4073","style":{"fill":"#ee2722","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 81.303612,23.97875 c 0.34625,-0.13875 1.3675,-0.3475 1.77,-0.3475 0,0 2.59625,-0.22375 3.43875,0.1725 0.66,0.3125 -1.77625,2.84125 -4.31875,5.67375 -1.4275,1.59125 -2.91875,3.2825 -3.8425,4.72375 -0.4575,0.71375 -0.20125,1.56625 0.9025,1.71375 3.31,0.43875 9.44875,0.18875 9.44875,0.18875 2.38375,-0.12 3.2625,-0.23625 4.53625,-1.97125 0,0 4.27125,-4.92125 3.59875,-7.4675 -0.43875,-1.71375 -3.205,-2.8375 -4.04,-1.32 -0.305,0.555 -1.285,1.76625 -0.7175,1.8875 2.18875,0.4625 2.68625,1.72375 2.24625,2.5225 -0.7325,1.33 -2.01375,1.27375 -2.70875,1.41375 -0.695,0.1375 -5.53375,0.36875 -6.71375,0.0925 -0.4925,-0.11625 0.0225,-1.205 0.71625,-2.08375 2.47375,-3.13 7.06125,-8.8225 7.04,-9.2275 -0.02,-0.34 0.1225,-0.8275 -0.90375,-0.9375 -3.61125,-0.3825 -7.4675,-0.17375 -7.4675,-0.17375 -0.755,0 -1.455,0.30125 -2.045,0.9875 -0.6175,0.72 -1.635,2.31125 -1.80875,3.84 0,0 -0.14625,0.71875 0.86875,0.3125 M 58.811112,16.825 c 0.67,0.42875 3.23375,-0.28625 4.0425,-0.9725 0.2075,-0.1775 0.64875,-0.71125 0.80625,-1.165 0.345,-0.985 0.4625,-1.40625 0.39125,-2.065 -0.0787,-0.73 -0.5525,-0.8675 -0.955,-0.93875 -0.7325,-0.1275 -3.40125,0.43375 -4.08875,1.645 -1.1575,2.0375 -0.6725,3.28625 -0.19625,3.49625 m -2.98875,3.53 c -0.64375,0.4 -0.67125,1.01875 -0.27625,1.34375 0.48125,0.3975 0.61375,0.82375 0.34625,1.7825 -0.47125,1.68625 -2.39875,7.28125 -2.80625,8.79875 -0.365,1.35375 -0.935,3.4625 0.2825,3.86625 1.0025,0.56125 4.87375,-0.7775 5.69625,-1.2975 0.86625,-0.54875 0.8575,-0.87375 0.63625,-1.215 -0.19125,-0.295 -0.65625,-0.71 -0.72875,-0.85 -0.29625,-0.57375 -0.11125,-1.39875 0.19125,-2.745 l 2.84125,-8.895 c 0.20875,-0.76625 0.5025,-1.82375 -0.185,-2.22375 -0.97375,-0.5675 -4.89625,0.7525 -5.9975,1.435 m 23.36125,2 c -0.1325,0.65 -2.56875,7.615 -2.68125,8.04875 -0.0962,0.36875 -0.6875,2.2925 0,2.82125 0.125,0.0975 0.4,0.2225 0.54625,0.33 0.42625,0.31375 0.63375,0.86875 -0.19875,1.51125 -0.86375,0.665 -4.55875,1.5275 -5.715,1.0425 -1.2175,-0.4025 -0.775,-2.745 -0.43375,-3.96125 0.18625,-0.65625 0.72125,-2.74 1.41625,-4.67875 0.6075,-1.69375 1.05375,-3.39125 1.1375,-3.86375 0.15625,-0.88625 0,-1.485 -0.92,-1.4575 -1.03375,0.2075 -2.035,1.10375 -2.805,3.09875 -0.95625,2.47375 -1.6075,5.2425 -1.615,5.27125 -0.72875,2.76 -0.55625,3.22 -0.73875,3.95875 -0.15875,0.64875 -0.43375,0.6425 -0.96375,0.8925 -0.37,0.1775 -2.96875,1.33875 -4.2275,0.705 -0.8425,-0.565 -0.13125,-2.82375 0.2075,-4.0375 0.305,-1.085 2.35,-7.42 2.5275,-8.7525 0.13875,-1.0425 -0.0438,-0.9625 -0.68625,-1.57 -0.70125,-0.66375 0.2175,-1.21375 0.4,-1.32875 1.08625,-0.6875 5.34875,-1.9275 5.9375,-1.52 0.78125,0.53875 -0.0775,1.815 0.6175,1.815 1.0675,0 3.20125,-1.7175 5.31375,-1.9625 3.7325,-0.435 3.1425,2.36 2.88125,3.6375 m -30.82125,2.44 c 0.9025,-0.81625 2.05,-3.7375 1.3025,-4.04625 -1.47625,-0.6075 -3.12625,4.3075 -2.88375,4.5675 0.14125,0.26375 0.99125,-0.0187 1.58125,-0.52125 z m -1.44125,7.6225 c 0.815,0.295 1.88875,0.2075 2.77875,-0.0688 0.81125,-0.2525 0.92,-0.29625 1.51,-0.45125 0,0 1.21,0.0725 0.46875,1.25 -0.885,1.405 -1.64875,1.66625 -3.02125,2.3275 -1.3525,0.65 -3.14625,0.89375 -4.65375,0.7975 -3.3175,-0.135 -3.87125,-2.65625 -3.68125,-5.4175 0.1425,-2.0525 0.7325,-4.00625 0.9025,-4.4625 0.705,-1.88875 1.38875,-3.64625 2.84875,-4.845 3.2275,-2.65125 7.5225,-2.835 7.9175,-2.8475 1.01625,-0.0312 1.8775,0.4025 2.2225,1.33625 0.55625,1.9975 -0.59,6.07875 -8.05625,7.45125 0,0 -1.5975,4.08 0.76375,4.93 m -22.05625,1.1625 c 1.97,-1.165 2.89125,-2.42875 3.875,-5.03375 0.37375,-0.99125 0.70125,-2.4025 1.025,-3.10875 0.19,-0.4175 0.40875,-0.38875 0.695,-0.4525 0.39875,-0.0863 2.65625,-0.0163 2.93375,0.0187 0.27875,0.035 0.45,0.23875 0.365,0.59 -0.41875,1.73 -1.285,4.68875 -1.7025,6.63375 -0.28375,1.33125 -0.74625,3.42 0.33125,3.90625 1.93625,0.875 5.9025,-0.9025 6.25,-1.5275 0.22125,-0.39875 0.59125,-0.8 -0.38125,-1.32 -0.7875,-0.42125 -0.435,-1.91 -0.26,-3.09125 0,0 0.885,-4.1675 3.1425,-10.97375 0,-0.008 0.45,-1.3425 1.02375,-2.76125 0.6775,-1.6725 1.49375,-3.47375 1.49375,-3.47375 0.295,-0.42875 -0.0175,-0.72875 -0.0175,-0.72875 -0.17375,-0.39875 -4.045,-0.26125 -4.045,-0.26125 -1.72,-0.0163 -2.31,1.56375 -2.97,3.63 0,0 -1.80625,6.46 -1.9625,6.63375 -0.2375,0.26375 -0.34625,0.365 -0.78125,0.41625 -0.92125,0.11 -2.21875,0.1575 -2.935,0.035 -0.45125,-0.035 -0.295,-0.50375 -0.2775,-0.79875 -0.0175,0 2.305,-8.10625 2.17125,-9.29 -0.0875,-0.76375 -0.73625,-0.8675 -1.52875,-0.8675 -4.4625,-0.2275 -9.0075,0.365 -10.575,0.9025 -1.27,0.50375 -3.05625,1.3725 -3.82,2.8825 -0.375,0.74125 -1.1575,2.16875 -0.22625,5.6775 0.22625,0.85125 0.8475,1.93625 0.97375,2.06625 1.1625,1.21625 3.89375,-0.2925 3.8375,-0.26 0.32875,-0.19125 0.44625,-0.64625 0.19,-1.16375 -0.36,-0.725 -0.92,-2.18125 -1.0425,-3.35125 -0.4675,-4.5325 2.835,-4.95 3.4575,-5.035 1.1325,-0.1575 1.335,-0.0775 1.92625,0.0175 0.43375,0.0688 0.81375,0.16625 0.99,0.485 0.365,0.66 -0.30125,3.1425 -0.57375,4.34125 -0.33,1.45875 -1.77,6.79 -2.69,9.27375 -1.06875,2.8825 -2.01,5.79 -3.8,6.455 -0.6075,0.225 -0.915,0.20125 -1.585,0.0438 -0.60625,-0.14125 -1.39125,-0.81625 -1.78625,-1.22875 -1.0725,-1.1175 -1.53,-2.7875 -1.66875,-4.645 -0.1575,-2.12125 0.39875,-3.38625 -0.39875,-3.49 -1.07625,-0.0538 -3.11875,0.85625 -4.00375,1.65875 -0.495,0.44625 -0.9262498,0.96875 -0.4425,3.15125 0.855,3.84 3.285,10.83875 14.7925,4.04375","id":"path4097","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"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 Heinz = react_1.forwardRef(function Heinz({ 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 Heinz = react_1.forwardRef(function Heinz({ 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/heinz.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":"-1.40619003 -1.40619003 110.91851006 49.68538106","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs5058"},"children":[]},{"type":"path","props":{"d":"m 54.061112,0 c 17.9875,0 32.02875,3.7375 41.83125,7.06875 7.292498,2.47875 6.229998,6.085 5.674998,8.00875 -0.5075,1.76625 -1.095,2.56125 1.0575,3.15 1.78875,0.49 1.55625,0.3975 2.545,0.68125 1.955,0.55875 3.8075,1.0325 2.49625,5.6425 -0.3925,1.38 -4.56,15.65625 -5.19125,17.5175 -1.32625,3.91375 -0.9825,4.80125 -6.679998,4.80125 -0.87,0 -82.61375,0.003 -83.48375,0.003 -5.6974998,0 -5.3549998,-0.8875 -6.6812498,-4.8025 -0.63,-1.86125 -4.79749996,-16.1375 -5.18999996,-17.5175 -1.31125,-4.60875 0.5425,-5.08 2.49624996,-5.6425 0.98875,-0.285 0.755,-0.19125 2.54625,-0.68 2.15,-0.58875 1.56375,-1.385 1.05625,-3.15 -0.555,-1.925 -1.6175,-5.53 5.6749998,-8.00875 9.80375,-3.3325 23.84375,-7.07 41.83125,-7.07 l 0.0163,-0.001","id":"path4069","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 95.086112,43.43625 c 2.51375,0 3.44125,-0.4 4.09875,-2.19875 0.585,-1.59875 4.091248,-13.98125 4.574998,-15.64625 0.695,-2.4025 0.4175,-3.35375 -1.88625,-3.92875 -0.89875,-0.225 -2.601248,-0.6375 -3.663748,-0.90375 -1.575,-0.39375 -1.41125,-2.115 -1.09625,-3.025 0.2025,-0.58375 0.8075,-2.7525 1.1425,-3.80125 0.54,-1.68375 -0.275,-2.2025 -1.26625,-2.595 -1.32375,-0.52625 -17.16875,-7.435 -42.93625,-7.78375 l -0.009,0 c -25.76625,0.34875 -41.6125,7.2575 -42.93625,7.78375 -0.99125,0.3925 -1.8049998,0.91125 -1.2662498,2.595 0.3362498,1.04875 0.9412498,3.2175 1.1424998,3.80125 0.31625,0.91 0.47625,2.625 -1.0962498,3.025 -1.125,0.28625 -2.765,0.67875 -3.66375,0.90375 -2.3025,0.575 -2.58125,1.52625 -1.885,3.92875 0.4825,1.665 3.99,14.0475 4.57375,15.64625 0.6575,1.79875 1.5849998,2.19875 4.0987498,2.19875 1.2425,0 80.83125,0 82.07375,0","id":"path4073","style":{"fill":"#ee2722","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 81.303612,23.97875 c 0.34625,-0.13875 1.3675,-0.3475 1.77,-0.3475 0,0 2.59625,-0.22375 3.43875,0.1725 0.66,0.3125 -1.77625,2.84125 -4.31875,5.67375 -1.4275,1.59125 -2.91875,3.2825 -3.8425,4.72375 -0.4575,0.71375 -0.20125,1.56625 0.9025,1.71375 3.31,0.43875 9.44875,0.18875 9.44875,0.18875 2.38375,-0.12 3.2625,-0.23625 4.53625,-1.97125 0,0 4.27125,-4.92125 3.59875,-7.4675 -0.43875,-1.71375 -3.205,-2.8375 -4.04,-1.32 -0.305,0.555 -1.285,1.76625 -0.7175,1.8875 2.18875,0.4625 2.68625,1.72375 2.24625,2.5225 -0.7325,1.33 -2.01375,1.27375 -2.70875,1.41375 -0.695,0.1375 -5.53375,0.36875 -6.71375,0.0925 -0.4925,-0.11625 0.0225,-1.205 0.71625,-2.08375 2.47375,-3.13 7.06125,-8.8225 7.04,-9.2275 -0.02,-0.34 0.1225,-0.8275 -0.90375,-0.9375 -3.61125,-0.3825 -7.4675,-0.17375 -7.4675,-0.17375 -0.755,0 -1.455,0.30125 -2.045,0.9875 -0.6175,0.72 -1.635,2.31125 -1.80875,3.84 0,0 -0.14625,0.71875 0.86875,0.3125 M 58.811112,16.825 c 0.67,0.42875 3.23375,-0.28625 4.0425,-0.9725 0.2075,-0.1775 0.64875,-0.71125 0.80625,-1.165 0.345,-0.985 0.4625,-1.40625 0.39125,-2.065 -0.0787,-0.73 -0.5525,-0.8675 -0.955,-0.93875 -0.7325,-0.1275 -3.40125,0.43375 -4.08875,1.645 -1.1575,2.0375 -0.6725,3.28625 -0.19625,3.49625 m -2.98875,3.53 c -0.64375,0.4 -0.67125,1.01875 -0.27625,1.34375 0.48125,0.3975 0.61375,0.82375 0.34625,1.7825 -0.47125,1.68625 -2.39875,7.28125 -2.80625,8.79875 -0.365,1.35375 -0.935,3.4625 0.2825,3.86625 1.0025,0.56125 4.87375,-0.7775 5.69625,-1.2975 0.86625,-0.54875 0.8575,-0.87375 0.63625,-1.215 -0.19125,-0.295 -0.65625,-0.71 -0.72875,-0.85 -0.29625,-0.57375 -0.11125,-1.39875 0.19125,-2.745 l 2.84125,-8.895 c 0.20875,-0.76625 0.5025,-1.82375 -0.185,-2.22375 -0.97375,-0.5675 -4.89625,0.7525 -5.9975,1.435 m 23.36125,2 c -0.1325,0.65 -2.56875,7.615 -2.68125,8.04875 -0.0962,0.36875 -0.6875,2.2925 0,2.82125 0.125,0.0975 0.4,0.2225 0.54625,0.33 0.42625,0.31375 0.63375,0.86875 -0.19875,1.51125 -0.86375,0.665 -4.55875,1.5275 -5.715,1.0425 -1.2175,-0.4025 -0.775,-2.745 -0.43375,-3.96125 0.18625,-0.65625 0.72125,-2.74 1.41625,-4.67875 0.6075,-1.69375 1.05375,-3.39125 1.1375,-3.86375 0.15625,-0.88625 0,-1.485 -0.92,-1.4575 -1.03375,0.2075 -2.035,1.10375 -2.805,3.09875 -0.95625,2.47375 -1.6075,5.2425 -1.615,5.27125 -0.72875,2.76 -0.55625,3.22 -0.73875,3.95875 -0.15875,0.64875 -0.43375,0.6425 -0.96375,0.8925 -0.37,0.1775 -2.96875,1.33875 -4.2275,0.705 -0.8425,-0.565 -0.13125,-2.82375 0.2075,-4.0375 0.305,-1.085 2.35,-7.42 2.5275,-8.7525 0.13875,-1.0425 -0.0438,-0.9625 -0.68625,-1.57 -0.70125,-0.66375 0.2175,-1.21375 0.4,-1.32875 1.08625,-0.6875 5.34875,-1.9275 5.9375,-1.52 0.78125,0.53875 -0.0775,1.815 0.6175,1.815 1.0675,0 3.20125,-1.7175 5.31375,-1.9625 3.7325,-0.435 3.1425,2.36 2.88125,3.6375 m -30.82125,2.44 c 0.9025,-0.81625 2.05,-3.7375 1.3025,-4.04625 -1.47625,-0.6075 -3.12625,4.3075 -2.88375,4.5675 0.14125,0.26375 0.99125,-0.0187 1.58125,-0.52125 z m -1.44125,7.6225 c 0.815,0.295 1.88875,0.2075 2.77875,-0.0688 0.81125,-0.2525 0.92,-0.29625 1.51,-0.45125 0,0 1.21,0.0725 0.46875,1.25 -0.885,1.405 -1.64875,1.66625 -3.02125,2.3275 -1.3525,0.65 -3.14625,0.89375 -4.65375,0.7975 -3.3175,-0.135 -3.87125,-2.65625 -3.68125,-5.4175 0.1425,-2.0525 0.7325,-4.00625 0.9025,-4.4625 0.705,-1.88875 1.38875,-3.64625 2.84875,-4.845 3.2275,-2.65125 7.5225,-2.835 7.9175,-2.8475 1.01625,-0.0312 1.8775,0.4025 2.2225,1.33625 0.55625,1.9975 -0.59,6.07875 -8.05625,7.45125 0,0 -1.5975,4.08 0.76375,4.93 m -22.05625,1.1625 c 1.97,-1.165 2.89125,-2.42875 3.875,-5.03375 0.37375,-0.99125 0.70125,-2.4025 1.025,-3.10875 0.19,-0.4175 0.40875,-0.38875 0.695,-0.4525 0.39875,-0.0863 2.65625,-0.0163 2.93375,0.0187 0.27875,0.035 0.45,0.23875 0.365,0.59 -0.41875,1.73 -1.285,4.68875 -1.7025,6.63375 -0.28375,1.33125 -0.74625,3.42 0.33125,3.90625 1.93625,0.875 5.9025,-0.9025 6.25,-1.5275 0.22125,-0.39875 0.59125,-0.8 -0.38125,-1.32 -0.7875,-0.42125 -0.435,-1.91 -0.26,-3.09125 0,0 0.885,-4.1675 3.1425,-10.97375 0,-0.008 0.45,-1.3425 1.02375,-2.76125 0.6775,-1.6725 1.49375,-3.47375 1.49375,-3.47375 0.295,-0.42875 -0.0175,-0.72875 -0.0175,-0.72875 -0.17375,-0.39875 -4.045,-0.26125 -4.045,-0.26125 -1.72,-0.0163 -2.31,1.56375 -2.97,3.63 0,0 -1.80625,6.46 -1.9625,6.63375 -0.2375,0.26375 -0.34625,0.365 -0.78125,0.41625 -0.92125,0.11 -2.21875,0.1575 -2.935,0.035 -0.45125,-0.035 -0.295,-0.50375 -0.2775,-0.79875 -0.0175,0 2.305,-8.10625 2.17125,-9.29 -0.0875,-0.76375 -0.73625,-0.8675 -1.52875,-0.8675 -4.4625,-0.2275 -9.0075,0.365 -10.575,0.9025 -1.27,0.50375 -3.05625,1.3725 -3.82,2.8825 -0.375,0.74125 -1.1575,2.16875 -0.22625,5.6775 0.22625,0.85125 0.8475,1.93625 0.97375,2.06625 1.1625,1.21625 3.89375,-0.2925 3.8375,-0.26 0.32875,-0.19125 0.44625,-0.64625 0.19,-1.16375 -0.36,-0.725 -0.92,-2.18125 -1.0425,-3.35125 -0.4675,-4.5325 2.835,-4.95 3.4575,-5.035 1.1325,-0.1575 1.335,-0.0775 1.92625,0.0175 0.43375,0.0688 0.81375,0.16625 0.99,0.485 0.365,0.66 -0.30125,3.1425 -0.57375,4.34125 -0.33,1.45875 -1.77,6.79 -2.69,9.27375 -1.06875,2.8825 -2.01,5.79 -3.8,6.455 -0.6075,0.225 -0.915,0.20125 -1.585,0.0438 -0.60625,-0.14125 -1.39125,-0.81625 -1.78625,-1.22875 -1.0725,-1.1175 -1.53,-2.7875 -1.66875,-4.645 -0.1575,-2.12125 0.39875,-3.38625 -0.39875,-3.49 -1.07625,-0.0538 -3.11875,0.85625 -4.00375,1.65875 -0.495,0.44625 -0.9262498,0.96875 -0.4425,3.15125 0.855,3.84 3.285,10.83875 14.7925,4.04375","id":"path4097","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"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 Heinz = forwardRef(
   function Heinz({ 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 Heinz = 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/hero-motocorp.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"-57.38 -64.6 151 170","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Layer_x0020_1"},"children":[{"type":"g","props":{"id":"_229987144"},"children":[{"type":"polygon","props":{"fill":"#D9241C","points":"-48.093,105.34 -57.38,105.34 -57.38,66.989 -48.093,66.989 -48.093,81.07 -29.519,81.07 -29.519,66.989 -20.232,66.989 -20.232,105.34 -29.519,105.34 -29.519,89.158 -48.093,89.158 "},"children":[]},{"type":"path","props":{"fill":"#D9241C","d":"M29.505,85.563v19.477H40.89V85.563c0-2.696,1.199-5.392,3.293-7.188c2.099-2.099,4.794-2.997,8.092-2.997 V64.891c-6.294,0-11.686,2.098-16.179,5.993S29.505,79.871,29.505,85.563z"},"children":[]},{"type":"path","props":{"fill":"#D9241C","d":"M83.735,85.563c0,2.7-0.898,5.091-2.696,6.893c-1.801,1.797-4.196,2.996-6.595,2.996 c-2.696,0-4.79-0.902-6.592-2.996c-1.797-1.802-2.695-4.192-2.695-6.893c0-2.696,0.898-5.091,2.695-6.888 c1.802-1.798,4.196-2.7,6.592-2.7c2.7,0,4.794,0.902,6.595,2.997c1.798,1.797,2.696,4.191,2.696,6.892V85.563z M74.444,66.086 c-5.392,0-9.885,1.801-13.479,5.692c-3.599,3.896-5.692,8.393-5.692,13.784s1.797,10.189,5.692,13.784 c3.595,3.896,8.088,5.692,13.479,5.692c5.396,0,9.889-1.797,13.483-5.692s5.692-8.393,5.692-13.784s-1.797-10.186-5.692-13.784 C84.333,67.887,79.84,66.086,74.444,66.086z"},"children":[]},{"type":"polygon","props":{"fill":"#D9241C","points":"-15.735,25.343 10.028,41.82 10.028,-32.182 -15.735,-49.859 "},"children":[]},{"type":"polygon","props":{"points":"25.911,-14.206 51.974,-29.486 51.974,-47.164 25.911,-64.541 "},"children":[]},{"type":"polygon","props":{"points":"27.708,7.066 27.708,10.063 52.576,26.539 52.576,-9.412 "},"children":[]},{"type":"path","props":{"fill":"#D9241C","d":"M23.215,87.36h-23.97v2.099c0,3.293,0.598,5.692,1.797,6.888c1.199,1.204,2.696,1.802,4.493,1.802 c3.895,0,5.993-2.099,6.591-6.592l11.385,0.598c-2.098,8.689-8.087,13.187-17.976,13.187c-6.291,0-10.784-1.801-14.081-5.099 c-3.298-3.595-4.794-8.088-4.794-13.78c0-6.591,1.797-11.385,5.095-14.979c3.293-3.298,8.087-5.095,13.78-5.095 c5.095,0,9.588,1.5,12.885,4.497c3.595,2.992,5.091,8.686,5.091,16.777L23.215,87.36z M11.228,81.367c0-0.598,0-0.895,0-0.895 c0-4.798-2.098-7.193-5.994-7.193c-3.891,0-5.989,2.696-5.989,8.389h11.682L11.228,81.367z"},"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 HeroMotocorp = react_1.forwardRef(function HeroMotocorp({ 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 HeroMotocorp = react_1.forwardRef(function HeroMotocorp({ 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/hero-motocorp.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":"-57.38 -64.6 151 170","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Layer_x0020_1"},"children":[{"type":"g","props":{"id":"_229987144"},"children":[{"type":"polygon","props":{"fill":"#D9241C","points":"-48.093,105.34 -57.38,105.34 -57.38,66.989 -48.093,66.989 -48.093,81.07 -29.519,81.07 -29.519,66.989 -20.232,66.989 -20.232,105.34 -29.519,105.34 -29.519,89.158 -48.093,89.158 "},"children":[]},{"type":"path","props":{"fill":"#D9241C","d":"M29.505,85.563v19.477H40.89V85.563c0-2.696,1.199-5.392,3.293-7.188c2.099-2.099,4.794-2.997,8.092-2.997 V64.891c-6.294,0-11.686,2.098-16.179,5.993S29.505,79.871,29.505,85.563z"},"children":[]},{"type":"path","props":{"fill":"#D9241C","d":"M83.735,85.563c0,2.7-0.898,5.091-2.696,6.893c-1.801,1.797-4.196,2.996-6.595,2.996 c-2.696,0-4.79-0.902-6.592-2.996c-1.797-1.802-2.695-4.192-2.695-6.893c0-2.696,0.898-5.091,2.695-6.888 c1.802-1.798,4.196-2.7,6.592-2.7c2.7,0,4.794,0.902,6.595,2.997c1.798,1.797,2.696,4.191,2.696,6.892V85.563z M74.444,66.086 c-5.392,0-9.885,1.801-13.479,5.692c-3.599,3.896-5.692,8.393-5.692,13.784s1.797,10.189,5.692,13.784 c3.595,3.896,8.088,5.692,13.479,5.692c5.396,0,9.889-1.797,13.483-5.692s5.692-8.393,5.692-13.784s-1.797-10.186-5.692-13.784 C84.333,67.887,79.84,66.086,74.444,66.086z"},"children":[]},{"type":"polygon","props":{"fill":"#D9241C","points":"-15.735,25.343 10.028,41.82 10.028,-32.182 -15.735,-49.859 "},"children":[]},{"type":"polygon","props":{"points":"25.911,-14.206 51.974,-29.486 51.974,-47.164 25.911,-64.541 "},"children":[]},{"type":"polygon","props":{"points":"27.708,7.066 27.708,10.063 52.576,26.539 52.576,-9.412 "},"children":[]},{"type":"path","props":{"fill":"#D9241C","d":"M23.215,87.36h-23.97v2.099c0,3.293,0.598,5.692,1.797,6.888c1.199,1.204,2.696,1.802,4.493,1.802 c3.895,0,5.993-2.099,6.591-6.592l11.385,0.598c-2.098,8.689-8.087,13.187-17.976,13.187c-6.291,0-10.784-1.801-14.081-5.099 c-3.298-3.595-4.794-8.088-4.794-13.78c0-6.591,1.797-11.385,5.095-14.979c3.293-3.298,8.087-5.095,13.78-5.095 c5.095,0,9.588,1.5,12.885,4.497c3.595,2.992,5.091,8.686,5.091,16.777L23.215,87.36z M11.228,81.367c0-0.598,0-0.895,0-0.895 c0-4.798-2.098-7.193-5.994-7.193c-3.891,0-5.989,2.696-5.989,8.389h11.682L11.228,81.367z"},"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 HeroMotocorp = forwardRef(
   function HeroMotocorp({ 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 HeroMotocorp = 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/hershey.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 188.086 50.041","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs31"},"children":[]},{"type":"g","props":{"id":"g862","transform":"matrix(1.0992327,0,0,1.0992327,-9.3974125,-8.2720866)"},"children":[{"type":"path","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"path7","d":"m 149.422,48.237 c 0,-2.13 1.727,-3.855 3.855,-3.855 2.13,0 3.855,1.726 3.855,3.855 0,2.129 -1.726,3.855 -3.855,3.855 -2.128,0 -3.855,-1.726 -3.855,-3.855 z m 3.856,4.414 c 2.438,0 4.415,-1.977 4.415,-4.414 0,-2.438 -1.977,-4.414 -4.415,-4.414 -2.438,0 -4.414,1.976 -4.414,4.414 0,2.437 1.976,4.414 4.414,4.414 z"},"children":[]},{"type":"path","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"path9","d":"m 152.246,46.236 h 1.399 v 0 c 0.632,0 1.298,0.102 1.298,0.853 0,0.837 -0.7,0.888 -1.366,0.888 v 0 h -1.331 z m 3.311,0.887 c 0,-0.973 -0.7,-1.314 -1.759,-1.314 v 0 h -2.133 v 4.916 h 0.58 v -2.271 h 1.126 l 1.4,2.271 h 0.717 l -1.502,-2.271 v 0 c 0.871,-0.034 1.571,-0.393 1.571,-1.331 z"},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon11","points":"158.783,8.599 156.427,18.345 151.871,18.345 154.293,8.599 "},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon13","points":"139.017,52.09 139.017,34.527 133.317,8.599 140.537,8.599 143.746,27.136 147.261,8.599 151.75,8.599 146.033,34.527 146.033,52.09 "},"children":[]},{"type":"path","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"path15","d":"m 171.925,38.999 v 4.762 0 c 0,3.056 -1.314,2.834 -2.406,2.834 -1.349,0 -2.458,0 -2.458,-2.783 v 0 l -0.051,-6.793 h -6.538 v 8.176 0 c 0,7.63 4.114,6.862 8.928,6.862 3.874,0 9.421,0.768 9.421,-7.033 v 0 -8.448 0 c 0,-2.39 -1.246,-4.147 -3.208,-6.11 0,0 -2.186,-1.861 -5.906,-5.582 -2.509,-2.475 -3.056,-4.301 -3.056,-5.991 v 0 -3.567 0 c 0,-3.038 1.298,-2.799 2.39,-2.799 1.332,0 2.476,0 2.476,2.782 v 0 l 0.034,5.462 h 6.554 v -6.008 0 c 0,-7.629 -4.113,-6.844 -8.943,-6.844 -3.857,0 -9.405,-0.785 -9.405,6.998 v 0 6.401 0 c 0,2.373 1.707,4.933 5.77,8.773 -0.002,-0.003 6.398,4.179 6.398,8.908 z"},"children":[]},{"type":"path","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"path17","d":"m 84.125,38.999 v 4.762 0 c 0,3.056 -1.297,2.834 -2.39,2.834 -1.331,0 -2.475,0 -2.475,-2.783 v 0 l -0.018,-6.793 h -6.554 v 8.176 0 c 0,7.63 4.097,6.862 8.944,6.862 3.858,0 9.422,0.768 9.422,-7.033 v 0 -8.448 0 c 0,-2.39 -1.263,-4.147 -3.208,-6.11 0,0 -2.185,-1.861 -5.923,-5.582 -2.526,-2.475 -3.039,-4.301 -3.039,-5.991 v 0 -3.567 0 c 0,-3.038 1.297,-2.799 2.39,-2.799 1.332,0 2.475,0 2.475,2.782 v 0 l 0.034,5.462 h 6.554 v -6.008 0 c 0,-7.629 -4.113,-6.844 -8.961,-6.844 -3.857,0 -9.405,-0.785 -9.405,6.998 v 0 6.401 0 c 0,2.373 1.707,4.933 5.786,8.773 0.002,-0.003 6.368,4.179 6.368,8.908 z"},"children":[]},{"type":"path","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"path19","d":"m 56.731,13.071 h 1.501 v 0 c 2.595,0 2.304,2.987 2.304,6.025 0,0 0.291,5.94 -2.304,5.94 v 0 H 56.731 Z M 49.442,52.09 h 7.289 V 30.856 h 1.297 v 0 c 2.338,0 2.492,1.11 2.492,3.603 v 0 9.404 0 c 0,2.901 0.188,6.811 0.973,8.228 v 0 h 7.22 v 0 c -0.802,-1.417 -0.717,-5.326 -0.717,-8.228 v 0 -7.681 0 c 0,-4.302 0.153,-7.579 -3.994,-8.33 v 0 0 0 c 3.141,-0.478 4.301,-1.877 4.301,-8.722 0,-9.166 -1.553,-10.531 -9.336,-10.531 v 0 H 49.443 V 52.09 Z"},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon21","points":"130.876,24.951 130.876,30.856 123.366,30.856 123.366,45.826 132.292,45.826 132.292,52.09 116.351,52.09 116.351,8.599 131.934,8.599 131.934,14.368 123.366,14.368 123.366,24.951 "},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon23","points":"45.192,24.951 45.192,30.856 37.682,30.856 37.682,45.826 46.592,45.826 46.592,52.09 30.65,52.09 30.65,8.599 46.268,8.599 46.268,14.368 37.682,14.368 37.682,24.951 "},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon25","points":"112.391,8.599 112.391,52.09 105.375,52.09 105.375,30.856 101.331,30.856 101.331,52.09 94.298,52.09 94.298,8.599 101.331,8.599 101.331,24.883 105.375,24.883 105.375,8.599 "},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon27","points":"27.543,8.599 27.543,52.09 20.528,52.09 20.528,30.856 16.483,30.856 16.483,52.09 9.485,52.09 9.485,8.599 16.483,8.599 16.483,24.883 20.528,24.883 20.528,8.599 "},"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 Hershey = react_1.forwardRef(function Hershey({ 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 Hershey = react_1.forwardRef(function Hershey({ variant = 'default', viewB
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/hershey.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 188.086 50.041","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs31"},"children":[]},{"type":"g","props":{"id":"g862","transform":"matrix(1.0992327,0,0,1.0992327,-9.3974125,-8.2720866)"},"children":[{"type":"path","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"path7","d":"m 149.422,48.237 c 0,-2.13 1.727,-3.855 3.855,-3.855 2.13,0 3.855,1.726 3.855,3.855 0,2.129 -1.726,3.855 -3.855,3.855 -2.128,0 -3.855,-1.726 -3.855,-3.855 z m 3.856,4.414 c 2.438,0 4.415,-1.977 4.415,-4.414 0,-2.438 -1.977,-4.414 -4.415,-4.414 -2.438,0 -4.414,1.976 -4.414,4.414 0,2.437 1.976,4.414 4.414,4.414 z"},"children":[]},{"type":"path","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"path9","d":"m 152.246,46.236 h 1.399 v 0 c 0.632,0 1.298,0.102 1.298,0.853 0,0.837 -0.7,0.888 -1.366,0.888 v 0 h -1.331 z m 3.311,0.887 c 0,-0.973 -0.7,-1.314 -1.759,-1.314 v 0 h -2.133 v 4.916 h 0.58 v -2.271 h 1.126 l 1.4,2.271 h 0.717 l -1.502,-2.271 v 0 c 0.871,-0.034 1.571,-0.393 1.571,-1.331 z"},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon11","points":"158.783,8.599 156.427,18.345 151.871,18.345 154.293,8.599 "},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon13","points":"139.017,52.09 139.017,34.527 133.317,8.599 140.537,8.599 143.746,27.136 147.261,8.599 151.75,8.599 146.033,34.527 146.033,52.09 "},"children":[]},{"type":"path","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"path15","d":"m 171.925,38.999 v 4.762 0 c 0,3.056 -1.314,2.834 -2.406,2.834 -1.349,0 -2.458,0 -2.458,-2.783 v 0 l -0.051,-6.793 h -6.538 v 8.176 0 c 0,7.63 4.114,6.862 8.928,6.862 3.874,0 9.421,0.768 9.421,-7.033 v 0 -8.448 0 c 0,-2.39 -1.246,-4.147 -3.208,-6.11 0,0 -2.186,-1.861 -5.906,-5.582 -2.509,-2.475 -3.056,-4.301 -3.056,-5.991 v 0 -3.567 0 c 0,-3.038 1.298,-2.799 2.39,-2.799 1.332,0 2.476,0 2.476,2.782 v 0 l 0.034,5.462 h 6.554 v -6.008 0 c 0,-7.629 -4.113,-6.844 -8.943,-6.844 -3.857,0 -9.405,-0.785 -9.405,6.998 v 0 6.401 0 c 0,2.373 1.707,4.933 5.77,8.773 -0.002,-0.003 6.398,4.179 6.398,8.908 z"},"children":[]},{"type":"path","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"path17","d":"m 84.125,38.999 v 4.762 0 c 0,3.056 -1.297,2.834 -2.39,2.834 -1.331,0 -2.475,0 -2.475,-2.783 v 0 l -0.018,-6.793 h -6.554 v 8.176 0 c 0,7.63 4.097,6.862 8.944,6.862 3.858,0 9.422,0.768 9.422,-7.033 v 0 -8.448 0 c 0,-2.39 -1.263,-4.147 -3.208,-6.11 0,0 -2.185,-1.861 -5.923,-5.582 -2.526,-2.475 -3.039,-4.301 -3.039,-5.991 v 0 -3.567 0 c 0,-3.038 1.297,-2.799 2.39,-2.799 1.332,0 2.475,0 2.475,2.782 v 0 l 0.034,5.462 h 6.554 v -6.008 0 c 0,-7.629 -4.113,-6.844 -8.961,-6.844 -3.857,0 -9.405,-0.785 -9.405,6.998 v 0 6.401 0 c 0,2.373 1.707,4.933 5.786,8.773 0.002,-0.003 6.368,4.179 6.368,8.908 z"},"children":[]},{"type":"path","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"path19","d":"m 56.731,13.071 h 1.501 v 0 c 2.595,0 2.304,2.987 2.304,6.025 0,0 0.291,5.94 -2.304,5.94 v 0 H 56.731 Z M 49.442,52.09 h 7.289 V 30.856 h 1.297 v 0 c 2.338,0 2.492,1.11 2.492,3.603 v 0 9.404 0 c 0,2.901 0.188,6.811 0.973,8.228 v 0 h 7.22 v 0 c -0.802,-1.417 -0.717,-5.326 -0.717,-8.228 v 0 -7.681 0 c 0,-4.302 0.153,-7.579 -3.994,-8.33 v 0 0 0 c 3.141,-0.478 4.301,-1.877 4.301,-8.722 0,-9.166 -1.553,-10.531 -9.336,-10.531 v 0 H 49.443 V 52.09 Z"},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon21","points":"130.876,24.951 130.876,30.856 123.366,30.856 123.366,45.826 132.292,45.826 132.292,52.09 116.351,52.09 116.351,8.599 131.934,8.599 131.934,14.368 123.366,14.368 123.366,24.951 "},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon23","points":"45.192,24.951 45.192,30.856 37.682,30.856 37.682,45.826 46.592,45.826 46.592,52.09 30.65,52.09 30.65,8.599 46.268,8.599 46.268,14.368 37.682,14.368 37.682,24.951 "},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon25","points":"112.391,8.599 112.391,52.09 105.375,52.09 105.375,30.856 101.331,30.856 101.331,52.09 94.298,52.09 94.298,8.599 101.331,8.599 101.331,24.883 105.375,24.883 105.375,8.599 "},"children":[]},{"type":"polygon","props":{"style":{"fill":"#43141a","fillOpacity":"1","fillRule":"evenodd"},"id":"polygon27","points":"27.543,8.599 27.543,52.09 20.528,52.09 20.528,30.856 16.483,30.856 16.483,52.09 9.485,52.09 9.485,8.599 16.483,8.599 16.483,24.883 20.528,24.883 20.528,8.599 "},"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 Hershey = forwardRef(
   function Hershey({ 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 Hershey = 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/higress.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Higress"]},{"type":"path","props":{"d":"M11.853 15.257c-.318.069-.648.101-.99.101H7.933a7.89 7.89 0 01-4.072-1.132 8.15 8.15 0 01-.616-.406 8.033 8.033 0 01-2.541-3.154c-.1-.23-.19-.46-.274-.7a8.007 8.007 0 01-.407-2.522V1H3.27v6.444c0 .153.004.298.025.443.016.214.048.415.1.616a4.681 4.681 0 002.223 2.985 4.667 4.667 0 002.296.616h.024a4.043 4.043 0 013.919 3.153h-.004z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M3.246 14.557v8.039H0v-12.24c.105.39.274.834.362 1.007a8.474 8.474 0 002.884 3.198v-.004z","fill":"#1E8CFE"},"children":[]},{"type":"path","props":{"d":"M15.824 16.151v6.445h-3.246V16.15a3.26 3.26 0 00-.024-.447 4.683 4.683 0 00-2.32-3.6 4.706 4.706 0 00-2.3-.616H7.91a4.047 4.047 0 01-3.919-3.146c.318-.068.649-.1.991-.1H7.91a7.89 7.89 0 014.072 1.131c.213.125.419.262.616.407a7.959 7.959 0 012.537 3.154 7.849 7.849 0 01.689 3.218z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M19.904 3.868c0-.552.201-1.027.6-1.426.399-.403.882-.6 1.442-.6.56 0 1.055.201 1.454.6.403.39.6.874.6 1.442s-.201 1.055-.6 1.454c-.39.402-.87.6-1.442.6a1.979 1.979 0 01-1.454-.6c-.403-.403-.6-.89-.6-1.47zm3.73 5.107v13.62h-3.36V8.972h3.36v.004z","fill":"#0418FF"},"children":[]},{"type":"path","props":{"d":"M12.578 9.039V1h3.246v12.24a6.393 6.393 0 00-.362-1.007 8.474 8.474 0 00-2.884-3.198v.004z","fill":"#1E8CFE"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":".024","x2":"11.853","y1":"8.177","y2":"8.177"},"children":[{"type":"stop","props":{"stopColor":"#0418FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1E8CFE"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"15.824","x2":"3.991","y1":"15.418","y2":"15.418"},"children":[{"type":"stop","props":{"stopColor":"#0418FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1E8CFE"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Higress"]},{"type":"path","props":{"d":"M11.853 15.257c-.318.069-.648.101-.99.101H7.933a7.89 7.89 0 01-4.072-1.132 8.15 8.15 0 01-.616-.406 8.033 8.033 0 01-2.541-3.154c-.1-.23-.19-.46-.274-.7a8.007 8.007 0 01-.407-2.522V1H3.27v6.444c0 .153.004.298.025.443.016.214.048.415.1.616a4.681 4.681 0 002.223 2.985 4.667 4.667 0 002.296.616h.024a4.043 4.043 0 013.919 3.153h-.004z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M3.246 14.557v8.039H0v-12.24c.105.39.274.834.362 1.007a8.474 8.474 0 002.884 3.198v-.004z","fill":"#1E8CFE"},"children":[]},{"type":"path","props":{"d":"M15.824 16.151v6.445h-3.246V16.15a3.26 3.26 0 00-.024-.447 4.683 4.683 0 00-2.32-3.6 4.706 4.706 0 00-2.3-.616H7.91a4.047 4.047 0 01-3.919-3.146c.318-.068.649-.1.991-.1H7.91a7.89 7.89 0 014.072 1.131c.213.125.419.262.616.407a7.959 7.959 0 012.537 3.154 7.849 7.849 0 01.689 3.218z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M19.904 3.868c0-.552.201-1.027.6-1.426.399-.403.882-.6 1.442-.6.56 0 1.055.201 1.454.6.403.39.6.874.6 1.442s-.201 1.055-.6 1.454c-.39.402-.87.6-1.442.6a1.979 1.979 0 01-1.454-.6c-.403-.403-.6-.89-.6-1.47zm3.73 5.107v13.62h-3.36V8.972h3.36v.004z","fill":"#0418FF"},"children":[]},{"type":"path","props":{"d":"M12.578 9.039V1h3.246v12.24a6.393 6.393 0 00-.362-1.007 8.474 8.474 0 00-2.884-3.198v.004z","fill":"#1E8CFE"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":".024","x2":"11.853","y1":"8.177","y2":"8.177"},"children":[{"type":"stop","props":{"stopColor":"#0418FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1E8CFE"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"15.824","x2":"3.991","y1":"15.418","y2":"15.418"},"children":[{"type":"stop","props":{"stopColor":"#0418FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1E8CFE"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Higress"]},{"type":"path","props":{"d":"M11.853 15.257c-.318.069-.648.101-.99.101H7.933a7.89 7.89 0 01-4.072-1.132 8.15 8.15 0 01-.616-.406 8.033 8.033 0 01-2.541-3.154c-.1-.23-.19-.46-.274-.7a8.007 8.007 0 01-.407-2.522V1H3.27v6.444c0 .153.004.298.025.443.016.214.048.415.1.616a4.681 4.681 0 002.223 2.985 4.667 4.667 0 002.296.616h.024a4.043 4.043 0 013.919 3.153h-.004z"},"children":[]},{"type":"path","props":{"d":"M3.246 14.557v8.039H0v-12.24c.105.39.274.834.362 1.007a8.474 8.474 0 002.884 3.198v-.004z"},"children":[]},{"type":"path","props":{"d":"M15.824 16.151v6.445h-3.246V16.15a3.26 3.26 0 00-.024-.447 4.683 4.683 0 00-2.32-3.6 4.706 4.706 0 00-2.3-.616H7.91a4.047 4.047 0 01-3.919-3.146c.318-.068.649-.1.991-.1H7.91a7.89 7.89 0 014.072 1.131c.213.125.419.262.616.407a7.959 7.959 0 012.537 3.154 7.849 7.849 0 01.689 3.218z"},"children":[]},{"type":"path","props":{"d":"M19.904 3.868c0-.552.201-1.027.6-1.426.399-.403.882-.6 1.442-.6.56 0 1.055.201 1.454.6.403.39.6.874.6 1.442s-.201 1.055-.6 1.454c-.39.402-.87.6-1.442.6a1.979 1.979 0 01-1.454-.6c-.403-.403-.6-.89-.6-1.47zm3.73 5.107v13.62h-3.36V8.972h3.36v.004z"},"children":[]},{"type":"path","props":{"d":"M12.578 9.039V1h3.246v12.24a6.393 6.393 0 00-.362-1.007 8.474 8.474 0 00-2.884-3.198v.004z"},"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 Higress = react_1.forwardRef(function Higress({ 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 Higress = react_1.forwardRef(function Higress({ variant = 'default', viewB
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/higress.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, color, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Higress"]},{"type":"path","props":{"d":"M11.853 15.257c-.318.069-.648.101-.99.101H7.933a7.89 7.89 0 01-4.072-1.132 8.15 8.15 0 01-.616-.406 8.033 8.033 0 01-2.541-3.154c-.1-.23-.19-.46-.274-.7a8.007 8.007 0 01-.407-2.522V1H3.27v6.444c0 .153.004.298.025.443.016.214.048.415.1.616a4.681 4.681 0 002.223 2.985 4.667 4.667 0 002.296.616h.024a4.043 4.043 0 013.919 3.153h-.004z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M3.246 14.557v8.039H0v-12.24c.105.39.274.834.362 1.007a8.474 8.474 0 002.884 3.198v-.004z","fill":"#1E8CFE"},"children":[]},{"type":"path","props":{"d":"M15.824 16.151v6.445h-3.246V16.15a3.26 3.26 0 00-.024-.447 4.683 4.683 0 00-2.32-3.6 4.706 4.706 0 00-2.3-.616H7.91a4.047 4.047 0 01-3.919-3.146c.318-.068.649-.1.991-.1H7.91a7.89 7.89 0 014.072 1.131c.213.125.419.262.616.407a7.959 7.959 0 012.537 3.154 7.849 7.849 0 01.689 3.218z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M19.904 3.868c0-.552.201-1.027.6-1.426.399-.403.882-.6 1.442-.6.56 0 1.055.201 1.454.6.403.39.6.874.6 1.442s-.201 1.055-.6 1.454c-.39.402-.87.6-1.442.6a1.979 1.979 0 01-1.454-.6c-.403-.403-.6-.89-.6-1.47zm3.73 5.107v13.62h-3.36V8.972h3.36v.004z","fill":"#0418FF"},"children":[]},{"type":"path","props":{"d":"M12.578 9.039V1h3.246v12.24a6.393 6.393 0 00-.362-1.007 8.474 8.474 0 00-2.884-3.198v.004z","fill":"#1E8CFE"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":".024","x2":"11.853","y1":"8.177","y2":"8.177"},"children":[{"type":"stop","props":{"stopColor":"#0418FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1E8CFE"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"15.824","x2":"3.991","y1":"15.418","y2":"15.418"},"children":[{"type":"stop","props":{"stopColor":"#0418FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1E8CFE"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Higress"]},{"type":"path","props":{"d":"M11.853 15.257c-.318.069-.648.101-.99.101H7.933a7.89 7.89 0 01-4.072-1.132 8.15 8.15 0 01-.616-.406 8.033 8.033 0 01-2.541-3.154c-.1-.23-.19-.46-.274-.7a8.007 8.007 0 01-.407-2.522V1H3.27v6.444c0 .153.004.298.025.443.016.214.048.415.1.616a4.681 4.681 0 002.223 2.985 4.667 4.667 0 002.296.616h.024a4.043 4.043 0 013.919 3.153h-.004z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M3.246 14.557v8.039H0v-12.24c.105.39.274.834.362 1.007a8.474 8.474 0 002.884 3.198v-.004z","fill":"#1E8CFE"},"children":[]},{"type":"path","props":{"d":"M15.824 16.151v6.445h-3.246V16.15a3.26 3.26 0 00-.024-.447 4.683 4.683 0 00-2.32-3.6 4.706 4.706 0 00-2.3-.616H7.91a4.047 4.047 0 01-3.919-3.146c.318-.068.649-.1.991-.1H7.91a7.89 7.89 0 014.072 1.131c.213.125.419.262.616.407a7.959 7.959 0 012.537 3.154 7.849 7.849 0 01.689 3.218z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M19.904 3.868c0-.552.201-1.027.6-1.426.399-.403.882-.6 1.442-.6.56 0 1.055.201 1.454.6.403.39.6.874.6 1.442s-.201 1.055-.6 1.454c-.39.402-.87.6-1.442.6a1.979 1.979 0 01-1.454-.6c-.403-.403-.6-.89-.6-1.47zm3.73 5.107v13.62h-3.36V8.972h3.36v.004z","fill":"#0418FF"},"children":[]},{"type":"path","props":{"d":"M12.578 9.039V1h3.246v12.24a6.393 6.393 0 00-.362-1.007 8.474 8.474 0 00-2.884-3.198v.004z","fill":"#1E8CFE"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":".024","x2":"11.853","y1":"8.177","y2":"8.177"},"children":[{"type":"stop","props":{"stopColor":"#0418FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1E8CFE"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"15.824","x2":"3.991","y1":"15.418","y2":"15.418"},"children":[{"type":"stop","props":{"stopColor":"#0418FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1E8CFE"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Higress"]},{"type":"path","props":{"d":"M11.853 15.257c-.318.069-.648.101-.99.101H7.933a7.89 7.89 0 01-4.072-1.132 8.15 8.15 0 01-.616-.406 8.033 8.033 0 01-2.541-3.154c-.1-.23-.19-.46-.274-.7a8.007 8.007 0 01-.407-2.522V1H3.27v6.444c0 .153.004.298.025.443.016.214.048.415.1.616a4.681 4.681 0 002.223 2.985 4.667 4.667 0 002.296.616h.024a4.043 4.043 0 013.919 3.153h-.004z"},"children":[]},{"type":"path","props":{"d":"M3.246 14.557v8.039H0v-12.24c.105.39.274.834.362 1.007a8.474 8.474 0 002.884 3.198v-.004z"},"children":[]},{"type":"path","props":{"d":"M15.824 16.151v6.445h-3.246V16.15a3.26 3.26 0 00-.024-.447 4.683 4.683 0 00-2.32-3.6 4.706 4.706 0 00-2.3-.616H7.91a4.047 4.047 0 01-3.919-3.146c.318-.068.649-.1.991-.1H7.91a7.89 7.89 0 014.072 1.131c.213.125.419.262.616.407a7.959 7.959 0 012.537 3.154 7.849 7.849 0 01.689 3.218z"},"children":[]},{"type":"path","props":{"d":"M19.904 3.868c0-.552.201-1.027.6-1.426.399-.403.882-.6 1.442-.6.56 0 1.055.201 1.454.6.403.39.6.874.6 1.442s-.201 1.055-.6 1.454c-.39.402-.87.6-1.442.6a1.979 1.979 0 01-1.454-.6c-.403-.403-.6-.89-.6-1.47zm3.73 5.107v13.62h-3.36V8.972h3.36v.004z"},"children":[]},{"type":"path","props":{"d":"M12.578 9.039V1h3.246v12.24a6.393 6.393 0 00-.362-1.007 8.474 8.474 0 00-2.884-3.198v.004z"},"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 Higress = forwardRef(
   function Higress({ 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 Higress = 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/hoppscotch.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 748 500","fill":"none","childNodes":[{"type":"path","props":{"opacity":"0.6","d":"M481.331 472.1C421.32 505.511 348.373 509.578 283.502 480.696C218.63 451.813 172.793 394.821 157.484 327.914C202.775 356.592 256.119 384.752 314.622 410.799C373.125 436.846 429.682 457.617 481.331 472.1Z","fill":"#00B381"},"children":[]},{"type":"path","props":{"d":"M403.097 313.899C395.621 330.69 372.61 336.755 351.7 327.446C330.791 318.136 319.9 296.977 327.376 280.185C334.852 263.394 357.864 257.329 378.773 266.638C399.683 275.948 410.573 297.107 403.097 313.899Z","fill":"url(#paint0_linear_193_425)"},"children":[]},{"type":"path","props":{"d":"M403.097 313.899C395.621 330.69 372.61 336.755 351.7 327.446C330.791 318.136 319.9 296.977 327.376 280.185C334.852 263.394 357.864 257.329 378.773 266.638C399.683 275.948 410.573 297.107 403.097 313.899Z","fill":"url(#paint1_radial_193_425)","style":{"mixBlendMode":"soft-light"}},"children":[]},{"type":"path","props":{"d":"M528.347 386.39C550.237 392.667 572.069 383.507 577.108 365.932C582.148 348.356 568.488 329.02 546.597 322.743C524.707 316.466 502.876 325.626 497.836 343.201C492.797 360.777 506.457 380.113 528.347 386.39Z","fill":"url(#paint2_linear_193_425)"},"children":[]},{"type":"path","props":{"d":"M528.347 386.39C550.237 392.667 572.069 383.507 577.108 365.932C582.148 348.356 568.488 329.02 546.597 322.743C524.707 316.466 502.876 325.626 497.836 343.201C492.797 360.777 506.457 380.113 528.347 386.39Z","fill":"url(#paint3_radial_193_425)","style":{"mixBlendMode":"soft-light"}},"children":[]},{"type":"path","props":{"d":"M224.775 179.46C244.087 191.528 251.889 213.88 242.2 229.386C232.511 244.892 209.001 247.678 189.689 235.611C170.376 223.543 162.575 201.191 172.264 185.685C181.953 170.18 205.463 167.393 224.775 179.46Z","fill":"url(#paint4_linear_193_425)"},"children":[]},{"type":"path","props":{"d":"M224.775 179.46C244.087 191.528 251.889 213.88 242.2 229.386C232.511 244.892 209.001 247.678 189.689 235.611C170.376 223.543 162.575 201.191 172.264 185.685C181.953 170.18 205.463 167.393 224.775 179.46Z","fill":"url(#paint5_radial_193_425)","style":{"mixBlendMode":"soft-light"}},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M486.721 24.1781C585.517 68.1648 648.954 164.093 651.512 271.264C709.675 317.023 767.481 381.07 740.621 441.397C697.062 539.232 492.036 489.748 314.607 410.752C137.178 331.755 -36.7846 212.503 6.77462 114.667C33.634 54.3402 119.909 54.4429 192.834 67.0469C274.189 -2.76312 387.925 -19.8085 486.721 24.1781ZM57.9807 137.466C43.3469 170.334 122.02 263.65 337.406 359.546C552.791 455.441 674.781 451.466 689.415 418.599C701.527 391.395 651.358 333.28 594.568 298.562C592.829 297.499 590.404 295.993 587.367 294.107C559.717 276.939 481.409 228.316 409.894 196.476C388.292 186.858 379.85 161.203 388.926 140.816C398.003 120.43 417.953 106.802 459.959 104.873C479.732 104.818 482.325 99.3385 483.228 94.6402C484.346 87.3918 474.068 79.9011 463.923 75.3842C381.481 38.6787 280.576 54.0359 210.65 127.631C142.309 112.312 70.0923 110.263 57.9807 137.466Z","fill":"url(#paint6_linear_193_425)"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M486.721 24.1781C585.517 68.1648 648.954 164.093 651.512 271.264C709.675 317.023 767.481 381.07 740.621 441.397C697.062 539.232 492.036 489.748 314.607 410.752C137.178 331.755 -36.7846 212.503 6.77462 114.667C33.634 54.3402 119.909 54.4429 192.834 67.0469C274.189 -2.76312 387.925 -19.8085 486.721 24.1781ZM57.9807 137.466C43.3469 170.334 122.02 263.65 337.406 359.546C552.791 455.441 674.781 451.466 689.415 418.599C701.527 391.395 651.358 333.28 594.568 298.562C592.829 297.499 590.404 295.993 587.367 294.107C559.717 276.939 481.409 228.316 409.894 196.476C388.292 186.858 379.85 161.203 388.926 140.816C398.003 120.43 417.953 106.802 459.959 104.873C479.732 104.818 482.325 99.3385 483.228 94.6402C484.346 87.3918 474.068 79.9011 463.923 75.3842C381.481 38.6787 280.576 54.0359 210.65 127.631C142.309 112.312 70.0923 110.263 57.9807 137.466Z","fill":"url(#paint7_radial_193_425)","style":{"mixBlendMode":"soft-light"}},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear_193_425","x1":"373.698","y1":"-1.11451e-06","x2":"373.698","y2":"495.636","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#00D196"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00B381"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint1_radial_193_425","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(721.311 275.952) rotate(-168.25) scale(778.304 379.214)"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint2_linear_193_425","x1":"373.698","y1":"-1.11451e-06","x2":"373.698","y2":"495.636","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#00D196"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00B381"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint3_radial_193_425","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(721.311 275.952) rotate(-168.25) scale(778.304 379.214)"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint4_linear_193_425","x1":"373.698","y1":"-1.11451e-06","x2":"373.698","y2":"495.636","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#00D196"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00B381"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint5_radial_193_425","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(721.311 275.952) rotate(-168.25) scale(778.304 379.214)"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint6_linear_193_425","x1":"373.698","y1":"-1.11451e-06","x2":"373.698","y2":"495.636","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#00D196"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00B381"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint7_radial_193_425","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(721.311 275.952) rotate(-168.25) scale(778.304 379.214)"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Hoppscotch"]},{"type":"path","props":{"d":"M15.632 4.746a8.894 8.894 0 0 1 5.29 7.938c1.867 1.47 3.723 3.527 2.86 5.465-.968 2.174-4.415 2.085-8.334.985A7.113 7.113 0 0 1 5.063 14.51C1.623 12.334-.75 9.832.218 7.658c.863-1.939 3.634-1.936 5.975-1.532a8.894 8.894 0 0 1 9.439-1.38ZM1.862 8.39c-.47 1.056 2.056 4.054 8.972 7.133 6.916 3.08 10.834 2.95 11.304 1.894.39-.874-1.212-2.554-3.046-3.856-1.426-1.02-3.38-2.143-5.929-3.278-.694-.309-.964-1.133-.673-1.788.292-.655.933-1.093 2.282-1.156.635-.002.718-.178.747-.329.036-.233-.287-.47-.62-.618-2.647-1.179-5.888-.685-8.134 1.68-2.195-.491-4.514-.556-4.903.318Zm11.083 5.666c-.24.54-.98.735-1.651.436s-1.02-.979-.78-1.518c.24-.54.979-.735 1.65-.436.671.299 1.021.979.78 1.518zm4.02 2.327c.703.202 1.404-.093 1.566-.658.162-.564-.276-1.186-.98-1.387-.702-.202-1.403.093-1.565.658-.162.564.276 1.186.98 1.387zM7.218 9.737c.62.388.87 1.106.559 1.604-.311.498-1.066.588-1.686.2-.62-.387-.87-1.105-.56-1.604.312-.498 1.067-.588 1.687-.2Z"},"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 Hoppscotch = react_1.forwardRef(function Hoppscotch({ 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 Hoppscotch = react_1.forwardRef(function Hoppscotch({ 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/hoppscotch.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 748 500","fill":"none","childNodes":[{"type":"path","props":{"opacity":"0.6","d":"M481.331 472.1C421.32 505.511 348.373 509.578 283.502 480.696C218.63 451.813 172.793 394.821 157.484 327.914C202.775 356.592 256.119 384.752 314.622 410.799C373.125 436.846 429.682 457.617 481.331 472.1Z","fill":"#00B381"},"children":[]},{"type":"path","props":{"d":"M403.097 313.899C395.621 330.69 372.61 336.755 351.7 327.446C330.791 318.136 319.9 296.977 327.376 280.185C334.852 263.394 357.864 257.329 378.773 266.638C399.683 275.948 410.573 297.107 403.097 313.899Z","fill":"url(#paint0_linear_193_425)"},"children":[]},{"type":"path","props":{"d":"M403.097 313.899C395.621 330.69 372.61 336.755 351.7 327.446C330.791 318.136 319.9 296.977 327.376 280.185C334.852 263.394 357.864 257.329 378.773 266.638C399.683 275.948 410.573 297.107 403.097 313.899Z","fill":"url(#paint1_radial_193_425)","style":{"mixBlendMode":"soft-light"}},"children":[]},{"type":"path","props":{"d":"M528.347 386.39C550.237 392.667 572.069 383.507 577.108 365.932C582.148 348.356 568.488 329.02 546.597 322.743C524.707 316.466 502.876 325.626 497.836 343.201C492.797 360.777 506.457 380.113 528.347 386.39Z","fill":"url(#paint2_linear_193_425)"},"children":[]},{"type":"path","props":{"d":"M528.347 386.39C550.237 392.667 572.069 383.507 577.108 365.932C582.148 348.356 568.488 329.02 546.597 322.743C524.707 316.466 502.876 325.626 497.836 343.201C492.797 360.777 506.457 380.113 528.347 386.39Z","fill":"url(#paint3_radial_193_425)","style":{"mixBlendMode":"soft-light"}},"children":[]},{"type":"path","props":{"d":"M224.775 179.46C244.087 191.528 251.889 213.88 242.2 229.386C232.511 244.892 209.001 247.678 189.689 235.611C170.376 223.543 162.575 201.191 172.264 185.685C181.953 170.18 205.463 167.393 224.775 179.46Z","fill":"url(#paint4_linear_193_425)"},"children":[]},{"type":"path","props":{"d":"M224.775 179.46C244.087 191.528 251.889 213.88 242.2 229.386C232.511 244.892 209.001 247.678 189.689 235.611C170.376 223.543 162.575 201.191 172.264 185.685C181.953 170.18 205.463 167.393 224.775 179.46Z","fill":"url(#paint5_radial_193_425)","style":{"mixBlendMode":"soft-light"}},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M486.721 24.1781C585.517 68.1648 648.954 164.093 651.512 271.264C709.675 317.023 767.481 381.07 740.621 441.397C697.062 539.232 492.036 489.748 314.607 410.752C137.178 331.755 -36.7846 212.503 6.77462 114.667C33.634 54.3402 119.909 54.4429 192.834 67.0469C274.189 -2.76312 387.925 -19.8085 486.721 24.1781ZM57.9807 137.466C43.3469 170.334 122.02 263.65 337.406 359.546C552.791 455.441 674.781 451.466 689.415 418.599C701.527 391.395 651.358 333.28 594.568 298.562C592.829 297.499 590.404 295.993 587.367 294.107C559.717 276.939 481.409 228.316 409.894 196.476C388.292 186.858 379.85 161.203 388.926 140.816C398.003 120.43 417.953 106.802 459.959 104.873C479.732 104.818 482.325 99.3385 483.228 94.6402C484.346 87.3918 474.068 79.9011 463.923 75.3842C381.481 38.6787 280.576 54.0359 210.65 127.631C142.309 112.312 70.0923 110.263 57.9807 137.466Z","fill":"url(#paint6_linear_193_425)"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M486.721 24.1781C585.517 68.1648 648.954 164.093 651.512 271.264C709.675 317.023 767.481 381.07 740.621 441.397C697.062 539.232 492.036 489.748 314.607 410.752C137.178 331.755 -36.7846 212.503 6.77462 114.667C33.634 54.3402 119.909 54.4429 192.834 67.0469C274.189 -2.76312 387.925 -19.8085 486.721 24.1781ZM57.9807 137.466C43.3469 170.334 122.02 263.65 337.406 359.546C552.791 455.441 674.781 451.466 689.415 418.599C701.527 391.395 651.358 333.28 594.568 298.562C592.829 297.499 590.404 295.993 587.367 294.107C559.717 276.939 481.409 228.316 409.894 196.476C388.292 186.858 379.85 161.203 388.926 140.816C398.003 120.43 417.953 106.802 459.959 104.873C479.732 104.818 482.325 99.3385 483.228 94.6402C484.346 87.3918 474.068 79.9011 463.923 75.3842C381.481 38.6787 280.576 54.0359 210.65 127.631C142.309 112.312 70.0923 110.263 57.9807 137.466Z","fill":"url(#paint7_radial_193_425)","style":{"mixBlendMode":"soft-light"}},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear_193_425","x1":"373.698","y1":"-1.11451e-06","x2":"373.698","y2":"495.636","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#00D196"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00B381"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint1_radial_193_425","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(721.311 275.952) rotate(-168.25) scale(778.304 379.214)"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint2_linear_193_425","x1":"373.698","y1":"-1.11451e-06","x2":"373.698","y2":"495.636","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#00D196"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00B381"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint3_radial_193_425","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(721.311 275.952) rotate(-168.25) scale(778.304 379.214)"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint4_linear_193_425","x1":"373.698","y1":"-1.11451e-06","x2":"373.698","y2":"495.636","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#00D196"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00B381"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint5_radial_193_425","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(721.311 275.952) rotate(-168.25) scale(778.304 379.214)"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint6_linear_193_425","x1":"373.698","y1":"-1.11451e-06","x2":"373.698","y2":"495.636","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#00D196"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00B381"},"children":[]}]},{"type":"radialGradient","props":{"id":"paint7_radial_193_425","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(721.311 275.952) rotate(-168.25) scale(778.304 379.214)"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Hoppscotch"]},{"type":"path","props":{"d":"M15.632 4.746a8.894 8.894 0 0 1 5.29 7.938c1.867 1.47 3.723 3.527 2.86 5.465-.968 2.174-4.415 2.085-8.334.985A7.113 7.113 0 0 1 5.063 14.51C1.623 12.334-.75 9.832.218 7.658c.863-1.939 3.634-1.936 5.975-1.532a8.894 8.894 0 0 1 9.439-1.38ZM1.862 8.39c-.47 1.056 2.056 4.054 8.972 7.133 6.916 3.08 10.834 2.95 11.304 1.894.39-.874-1.212-2.554-3.046-3.856-1.426-1.02-3.38-2.143-5.929-3.278-.694-.309-.964-1.133-.673-1.788.292-.655.933-1.093 2.282-1.156.635-.002.718-.178.747-.329.036-.233-.287-.47-.62-.618-2.647-1.179-5.888-.685-8.134 1.68-2.195-.491-4.514-.556-4.903.318Zm11.083 5.666c-.24.54-.98.735-1.651.436s-1.02-.979-.78-1.518c.24-.54.979-.735 1.65-.436.671.299 1.021.979.78 1.518zm4.02 2.327c.703.202 1.404-.093 1.566-.658.162-.564-.276-1.186-.98-1.387-.702-.202-1.403.093-1.565.658-.162.564.276 1.186.98 1.387zM7.218 9.737c.62.388.87 1.106.559 1.604-.311.498-1.066.588-1.686.2-.62-.387-.87-1.105-.56-1.604.312-.498 1.067-.588 1.687-.2Z"},"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 Hoppscotch = forwardRef(
   function Hoppscotch({ 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 Hoppscotch = 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/http-dynamic-streaming.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_110)"},"children":[{"type":"path","props":{"d":"M32 0H0V31.2H32V0Z","fill":"#DBDCDD"},"children":[]},{"type":"path","props":{"d":"M16.48 25.2933C17.0267 24.9333 17.4533 23.84 17.8267 22.2667H15.1333C15.5067 23.84 15.9333 24.9333 16.48 25.2933ZM13.7733 14C13.9333 15.0667 14.08 16.1333 14.24 17.2H18.4933C18.3333 16.1333 18.1867 15.0667 18.0267 14H13.7733ZM14.3733 18.1333C14.5467 19.28 14.7333 20.36 14.9333 21.3333H18.0267C18.2267 20.36 18.4133 19.28 18.5867 18.1333H14.3733ZM14.2933 9.86667C14.0933 10.84 13.9067 11.92 13.7333 13.0667H17.88C17.7067 11.92 17.52 10.84 17.32 9.86667H14.2933ZM15.8133 5.78667C15.28 6.17334 14.8533 7.38667 14.4933 8.93334H17.1333C16.7733 7.38667 16.3467 6.17334 15.8133 5.78667ZM13.96 21.3333C13.76 20.36 13.5733 19.28 13.4 18.1333H7.8C7.97333 19.28 8.16 20.36 8.36 21.3333H13.96ZM12.6533 13.0667C12.48 11.92 12.2933 10.84 12.0933 9.86667H6.49333C6.69333 10.84 6.88 11.92 7.05333 13.0667H12.6533ZM13.2667 17.2C13.1067 16.1333 12.96 15.0667 12.8 14H7.2C7.36 15.0667 7.50667 16.1333 7.66667 17.2H13.2667ZM10.2933 25.4667H15.8933C15.16 25.4667 14.6267 24.1867 14.1733 22.2667H8.57333C9.01333 24.1867 9.56 25.4667 10.2933 25.4667ZM10.1733 5.73334H4.57333C5.30667 5.73334 5.84 7.01334 6.29333 8.93334H11.8933C11.4533 7.01334 10.9067 5.73334 10.1733 5.73334ZM19 14C19.16 15.0667 19.3067 16.1333 19.4667 17.2H25.0667C24.9067 16.1333 24.76 15.0667 24.6 14H19ZM19.6133 18.1333C19.7867 19.28 19.9733 20.36 20.1733 21.3333H25.7733C25.5733 20.36 25.3867 19.28 25.2133 18.1333H19.6133ZM18.3067 9.86667C18.5067 10.84 18.68 11.92 18.8667 13.0667H24.4667C24.2933 11.92 24.1067 10.84 23.9067 9.86667H18.3067ZM22.0933 25.4667H27.68C26.9467 25.4667 26.4133 24.1867 25.96 22.2667H20.36C20.8133 24.1867 21.36 25.4667 22.0933 25.4667ZM18.1067 8.93334H23.7067C23.2533 7.01334 22.7067 5.73334 21.9867 5.73334H16.3867C17.1067 5.73334 17.6533 7.01334 18.1067 8.93334Z","fill":"#510F17"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_110"},"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 HttpDynamicStreaming = react_1.forwardRef(function HttpDynamicStreaming({ 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 HttpDynamicStreaming = react_1.forwardRef(function HttpDynamicStreaming({
     ..._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/http-dynamic-streaming.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_110)"},"children":[{"type":"path","props":{"d":"M32 0H0V31.2H32V0Z","fill":"#DBDCDD"},"children":[]},{"type":"path","props":{"d":"M16.48 25.2933C17.0267 24.9333 17.4533 23.84 17.8267 22.2667H15.1333C15.5067 23.84 15.9333 24.9333 16.48 25.2933ZM13.7733 14C13.9333 15.0667 14.08 16.1333 14.24 17.2H18.4933C18.3333 16.1333 18.1867 15.0667 18.0267 14H13.7733ZM14.3733 18.1333C14.5467 19.28 14.7333 20.36 14.9333 21.3333H18.0267C18.2267 20.36 18.4133 19.28 18.5867 18.1333H14.3733ZM14.2933 9.86667C14.0933 10.84 13.9067 11.92 13.7333 13.0667H17.88C17.7067 11.92 17.52 10.84 17.32 9.86667H14.2933ZM15.8133 5.78667C15.28 6.17334 14.8533 7.38667 14.4933 8.93334H17.1333C16.7733 7.38667 16.3467 6.17334 15.8133 5.78667ZM13.96 21.3333C13.76 20.36 13.5733 19.28 13.4 18.1333H7.8C7.97333 19.28 8.16 20.36 8.36 21.3333H13.96ZM12.6533 13.0667C12.48 11.92 12.2933 10.84 12.0933 9.86667H6.49333C6.69333 10.84 6.88 11.92 7.05333 13.0667H12.6533ZM13.2667 17.2C13.1067 16.1333 12.96 15.0667 12.8 14H7.2C7.36 15.0667 7.50667 16.1333 7.66667 17.2H13.2667ZM10.2933 25.4667H15.8933C15.16 25.4667 14.6267 24.1867 14.1733 22.2667H8.57333C9.01333 24.1867 9.56 25.4667 10.2933 25.4667ZM10.1733 5.73334H4.57333C5.30667 5.73334 5.84 7.01334 6.29333 8.93334H11.8933C11.4533 7.01334 10.9067 5.73334 10.1733 5.73334ZM19 14C19.16 15.0667 19.3067 16.1333 19.4667 17.2H25.0667C24.9067 16.1333 24.76 15.0667 24.6 14H19ZM19.6133 18.1333C19.7867 19.28 19.9733 20.36 20.1733 21.3333H25.7733C25.5733 20.36 25.3867 19.28 25.2133 18.1333H19.6133ZM18.3067 9.86667C18.5067 10.84 18.68 11.92 18.8667 13.0667H24.4667C24.2933 11.92 24.1067 10.84 23.9067 9.86667H18.3067ZM22.0933 25.4667H27.68C26.9467 25.4667 26.4133 24.1867 25.96 22.2667H20.36C20.8133 24.1867 21.36 25.4667 22.0933 25.4667ZM18.1067 8.93334H23.7067C23.2533 7.01334 22.7067 5.73334 21.9867 5.73334H16.3867C17.1067 5.73334 17.6533 7.01334 18.1067 8.93334Z","fill":"#510F17"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_110"},"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 HttpDynamicStreaming = forwardRef(
   function HttpDynamicStreaming({ 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 HttpDynamicStreaming = 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));
         })
     );
   }