@thesvg/react 3.2.2 → 3.2.5

package/dist/eclipse-ide.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 240","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"50%","x2":"50%","y1":"1089.396%","y2":"-159.5%"},"children":[{"type":"stop","props":{"offset":"30.33%","stopColor":"#473788"},"children":[]},{"type":"stop","props":{"offset":"87.2%","stopColor":"#2C2255"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"49.999%","x2":"49.999%","y1":"896.537%","y2":"-352.359%"},"children":[{"type":"stop","props":{"offset":"30.33%","stopColor":"#473788"},"children":[]},{"type":"stop","props":{"offset":"87.2%","stopColor":"#2C2255"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"49.999%","x2":"49.999%","y1":"215.17%","y2":"-166.715%"},"children":[{"type":"stop","props":{"offset":"30.33%","stopColor":"#473788"},"children":[]},{"type":"stop","props":{"offset":"86.31%","stopColor":"#2C2255"},"children":[]}]}]},{"type":"path","props":{"fill":"#2C2255","d":"M70.382 153.049H31.26c5.18 17.768 14.792 33.693 28.864 47.768 22.434 22.436 49.41 33.64 80.956 33.64 6.306 0 12.416-.47 18.35-1.365 23.761-3.587 44.565-14.33 62.39-32.275 14.162-14.07 23.842-30 29.062-47.768H70.382ZM48.81 99.915H28.373a119.493 119.493 0 0 0-1.488 13.775h228.399c-.233-4.7-.743-9.285-1.497-13.775M26.885 126.482c.231 4.703.738 9.287 1.488 13.775h225.418a118.86 118.86 0 0 0 1.5-13.775M250.887 87.12c-5.215-17.817-14.897-33.817-29.067-47.99-17.778-17.777-38.522-28.443-62.207-32.031a123.318 123.318 0 0 0-18.532-1.386c-31.546 0-58.524 11.143-80.956 33.418C46.048 53.303 36.43 69.303 31.254 87.12"},"children":[]},{"type":"path","props":{"fill":"#F7941E","d":"M20.093 120.09C20.093 59.753 65.407 9.621 124.357.803c-1.462-.053-2.932-.112-4.409-.112C53.796.692.164 54.15.164 120.09c0 65.943 53.63 119.397 119.784 119.397 1.482 0 2.951-.056 4.419-.11-58.96-8.817-104.274-58.95-104.274-119.287Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M155.728 14.226A77.824 77.824 0 0 0 153.364.451H2.642A77.753 77.753 0 0 0 .276 14.226h155.452Z","transform":"translate(63.083 99.461)"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M155.728 27.02H.278a77.611 77.611 0 0 0 2.364 13.776h150.724a77.821 77.821 0 0 0 2.362-13.776Z","transform":"translate(63.083 99.461)"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M78.003 98.636c31.3 0 58.282-18.441 70.706-45.048H7.297c12.425 26.607 39.405 45.048 70.706 45.048Z","transform":"translate(63.083 99.461)"},"children":[]},{"type":"g","props":{"fill":"#FFF"},"children":[{"type":"path","props":{"d":"M51.84 126.482h203.29c.108-2.035.168-4.084.168-6.147 0-2.232-.081-4.444-.208-6.647H26.885c-.126 2.2-.208 4.415-.208 6.647 0 2.063.06 4.112.168 6.147H51.84ZM69.924 87.12H31.252c-1.271 4.166-2.091 8.44-2.879 12.795H253.065a113.52 113.52 0 0 0-3.075-12.795M238.373 140.255H28.371c.766 4.352 1.638 8.623 2.888 12.794H250.738a113.252 113.252 0 0 0 3.023-12.794h-15.388Z"},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Eclipse IDE"]},{"type":"path","props":{"d":"M11.109.024a15.58 15.58 0 00-.737.023C6.728.361 3.469 2.517 1.579 5.86A12.53 12.53 0 00.021 11.11c-.04.517-.02 1.745.035 2.208.306 2.682 1.353 5.06 3.07 6.965 1.962 2.173 4.586 3.467 7.437 3.663.42.032 1.043.04 1.02.012a2.404 2.404 0 00-.338-.074c-1.674-.33-3.388-1.13-4.777-2.232a12.344 12.344 0 01-2.45-2.636A12.387 12.387 0 011.884 12.5a12.413 12.413 0 01.56-4.274c.785-2.522 2.37-4.726 4.475-6.228A11.073 11.073 0 0111.156.122l.443-.098zm1.474.51C10.646.65 8.807 1.299 7.301 2.4 5.426 3.77 3.995 5.644 3.22 7.746c-.145.397-.282.82-.282.879 0 .012 3.828.024 10.31.024 8.463 0 10.315-.008 10.315-.036 0-.047-.153-.525-.283-.878-.153-.42-.576-1.31-.82-1.722-.4-.683-.91-1.373-1.474-1.992-1.65-1.82-3.593-2.934-5.82-3.334-.785-.141-1.8-.2-2.585-.153zM23.83 9.97c-.02 0-4.792 0-10.609.004l-10.573.008-.011.059c-.036.16-.134 1.081-.134 1.242 0 .028 1.785.032 10.746.032H24v-.075c0-.102-.07-.791-.106-1.054-.02-.16-.04-.216-.063-.216zm-10.573 2.635c-9.37-.004-10.73 0-10.742.035-.02.04.024.557.075.973.02.157.035.298.035.314 0 .027 2.137.035 10.624.035h10.624l.024-.188c.043-.326.102-.97.094-1.067l-.008-.094zm.003 2.718c-8.882 0-10.321.004-10.321.035 0 .02.054.208.12.42a11.122 11.122 0 002.072 3.741c.282.342.945 1.036 1.228 1.287 1.568 1.4 3.247 2.216 5.18 2.53.605.094.886.113 1.75.11.91 0 1.297-.032 2.023-.177 2.11-.416 3.914-1.451 5.53-3.17 1.267-1.348 2.106-2.76 2.628-4.41l.117-.366z"},"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 EclipseIde = forwardRef(
   function EclipseIde({ 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 EclipseIde = 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/eclipse.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 240","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"SVGmzkBoeJm","x1":"50%","x2":"50%","y1":"1089.396%","y2":"-159.5%"},"children":[{"type":"stop","props":{"offset":"30.33%","stopColor":"#473788"},"children":[]},{"type":"stop","props":{"offset":"87.2%","stopColor":"#2c2255"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGc35JLeNZ","x1":"49.999%","x2":"49.999%","y1":"896.537%","y2":"-352.359%"},"children":[{"type":"stop","props":{"offset":"30.33%","stopColor":"#473788"},"children":[]},{"type":"stop","props":{"offset":"87.2%","stopColor":"#2c2255"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGZTlqhd2x","x1":"49.999%","x2":"49.999%","y1":"215.17%","y2":"-166.715%"},"children":[{"type":"stop","props":{"offset":"30.33%","stopColor":"#473788"},"children":[]},{"type":"stop","props":{"offset":"86.31%","stopColor":"#2c2255"},"children":[]}]}]},{"type":"path","props":{"fill":"#2c2255","d":"M251.481 152.82c-5.235 17.822-14.944 33.8-29.15 47.913l-.626.625c-17.739 17.625-38.397 28.192-61.953 31.748a123 123 0 0 1-18.406 1.368c-31.642 0-58.7-11.237-81.202-33.741c-14.115-14.118-23.756-30.091-28.952-47.913Zm4.422-26.648c-.21 4.245-.65 8.394-1.285 12.464l-.22 1.353H28.296a119 119 0 0 1-1.415-12.406l-.077-1.411zm-1.509-26.648a119 119 0 0 1 1.424 12.406l.078 1.411H26.803a119 119 0 0 1 1.275-12.463l.217-1.354zm-2.908-12.834c-5.23-17.87-14.942-33.919-29.156-48.135c-17.831-17.831-38.64-28.53-62.395-32.13a124 124 0 0 0-18.59-1.389c-31.641 0-58.701 11.176-81.201 33.52C46.024 52.77 36.378 68.818 31.185 86.69"},"children":[]},{"type":"path","props":{"fill":"#f7941e","d":"M19.99 119.76C19.99 59.24 65.442 8.957 124.571.112C123.104.06 121.63 0 120.15 0C53.795 0 0 53.62 0 119.76c0 66.143 53.793 119.76 120.149 119.76c1.486 0 2.96-.056 4.432-.11c-59.139-8.845-104.59-59.13-104.59-119.65"},"children":[]},{"type":"path","props":{"fill":"url(#SVGmzkBoeJm)","d":"M156.201 14.27A78 78 0 0 0 153.83.452H2.65A78 78 0 0 0 .277 14.27z","transform":"translate(63.11 99.07)"},"children":[]},{"type":"path","props":{"fill":"url(#SVGc35JLeNZ)","d":"M156.201 27.103H.28A78 78 0 0 0 2.65 40.92h151.182a78 78 0 0 0 2.37-13.817","transform":"translate(63.11 99.07)"},"children":[]},{"type":"path","props":{"fill":"url(#SVGZTlqhd2x)","d":"M78.24 98.936c31.396 0 58.459-18.498 70.921-45.185H7.32c12.46 26.687 39.524 45.185 70.92 45.185","transform":"translate(63.11 99.07)"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M254.368 139.987a114 114 0 0 1-3.032 12.833H31.19c-1.254-4.183-2.128-8.467-2.897-12.833Zm1.334-26.648c.126 2.21.208 4.429.208 6.667c0 2.07-.06 4.125-.168 6.166H26.762a117 117 0 0 1-.168-6.166c0-2.238.082-4.46.209-6.667Zm-5.116-26.648a114 114 0 0 1 3.084 12.833H28.295c.79-4.368 1.613-8.655 2.888-12.833Z"},"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 Eclipse = react_1.forwardRef(function Eclipse({ 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 Eclipse = react_1.forwardRef(function Eclipse({ 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/eclipse.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 256 240","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"SVGmzkBoeJm","x1":"50%","x2":"50%","y1":"1089.396%","y2":"-159.5%"},"children":[{"type":"stop","props":{"offset":"30.33%","stopColor":"#473788"},"children":[]},{"type":"stop","props":{"offset":"87.2%","stopColor":"#2c2255"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGc35JLeNZ","x1":"49.999%","x2":"49.999%","y1":"896.537%","y2":"-352.359%"},"children":[{"type":"stop","props":{"offset":"30.33%","stopColor":"#473788"},"children":[]},{"type":"stop","props":{"offset":"87.2%","stopColor":"#2c2255"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGZTlqhd2x","x1":"49.999%","x2":"49.999%","y1":"215.17%","y2":"-166.715%"},"children":[{"type":"stop","props":{"offset":"30.33%","stopColor":"#473788"},"children":[]},{"type":"stop","props":{"offset":"86.31%","stopColor":"#2c2255"},"children":[]}]}]},{"type":"path","props":{"fill":"#2c2255","d":"M251.481 152.82c-5.235 17.822-14.944 33.8-29.15 47.913l-.626.625c-17.739 17.625-38.397 28.192-61.953 31.748a123 123 0 0 1-18.406 1.368c-31.642 0-58.7-11.237-81.202-33.741c-14.115-14.118-23.756-30.091-28.952-47.913Zm4.422-26.648c-.21 4.245-.65 8.394-1.285 12.464l-.22 1.353H28.296a119 119 0 0 1-1.415-12.406l-.077-1.411zm-1.509-26.648a119 119 0 0 1 1.424 12.406l.078 1.411H26.803a119 119 0 0 1 1.275-12.463l.217-1.354zm-2.908-12.834c-5.23-17.87-14.942-33.919-29.156-48.135c-17.831-17.831-38.64-28.53-62.395-32.13a124 124 0 0 0-18.59-1.389c-31.641 0-58.701 11.176-81.201 33.52C46.024 52.77 36.378 68.818 31.185 86.69"},"children":[]},{"type":"path","props":{"fill":"#f7941e","d":"M19.99 119.76C19.99 59.24 65.442 8.957 124.571.112C123.104.06 121.63 0 120.15 0C53.795 0 0 53.62 0 119.76c0 66.143 53.793 119.76 120.149 119.76c1.486 0 2.96-.056 4.432-.11c-59.139-8.845-104.59-59.13-104.59-119.65"},"children":[]},{"type":"path","props":{"fill":"url(#SVGmzkBoeJm)","d":"M156.201 14.27A78 78 0 0 0 153.83.452H2.65A78 78 0 0 0 .277 14.27z","transform":"translate(63.11 99.07)"},"children":[]},{"type":"path","props":{"fill":"url(#SVGc35JLeNZ)","d":"M156.201 27.103H.28A78 78 0 0 0 2.65 40.92h151.182a78 78 0 0 0 2.37-13.817","transform":"translate(63.11 99.07)"},"children":[]},{"type":"path","props":{"fill":"url(#SVGZTlqhd2x)","d":"M78.24 98.936c31.396 0 58.459-18.498 70.921-45.185H7.32c12.46 26.687 39.524 45.185 70.92 45.185","transform":"translate(63.11 99.07)"},"children":[]},{"type":"path","props":{"fill":"#fff","d":"M254.368 139.987a114 114 0 0 1-3.032 12.833H31.19c-1.254-4.183-2.128-8.467-2.897-12.833Zm1.334-26.648c.126 2.21.208 4.429.208 6.667c0 2.07-.06 4.125-.168 6.166H26.762a117 117 0 0 1-.168-6.166c0-2.238.082-4.46.209-6.667Zm-5.116-26.648a114 114 0 0 1 3.084 12.833H28.295c.79-4.368 1.613-8.655 2.888-12.833Z"},"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 Eclipse = forwardRef(
   function Eclipse({ 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 Eclipse = 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/edge.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"b","cx":"161.8","cy":"68.9","r":"95.4","gradientTransform":"matrix(1 0 0 -.95 0 248.8)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".7","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".9","stopOpacity":".5"},"children":[]},{"type":"stop","props":{"offset":"1"},"children":[]}]},{"type":"radialGradient","props":{"id":"d","cx":"-340.3","cy":"63","r":"143.2","gradientTransform":"matrix(.15 -.99 -.8 -.12 176.6 -125.4)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".8","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".9","stopOpacity":".5"},"children":[]},{"type":"stop","props":{"offset":"1"},"children":[]}]},{"type":"radialGradient","props":{"id":"e","cx":"113.4","cy":"570.2","r":"202.4","gradientTransform":"matrix(-.04 1 2.13 .08 -1179.5 -106.7)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#35c1f1"},"children":[]},{"type":"stop","props":{"offset":".1","stopColor":"#34c1ed"},"children":[]},{"type":"stop","props":{"offset":".2","stopColor":"#2fc2df"},"children":[]},{"type":"stop","props":{"offset":".3","stopColor":"#2bc3d2"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#36c752"},"children":[]}]},{"type":"radialGradient","props":{"id":"f","cx":"376.5","cy":"568","r":"97.3","gradientTransform":"matrix(.28 .96 .78 -.23 -303.8 -148.5)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#66eb6e"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#66eb6e","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"a","x1":"63.3","x2":"241.7","y1":"84","y2":"84","gradientTransform":"matrix(1 0 0 -1 0 266)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0c59a4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#114a8b"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"157.3","x2":"46","y1":"161.4","y2":"40.1","gradientTransform":"matrix(1 0 0 -1 0 266)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#1b9de2"},"children":[]},{"type":"stop","props":{"offset":".2","stopColor":"#1595df"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#0680d7"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M235.7 195.5a93.7 93.7 0 0 1-10.6 4.7 101.9 101.9 0 0 1-35.9 6.4c-47.3 0-88.5-32.5-88.5-74.3a31.5 31.5 0 0 1 16.4-27.3c-42.8 1.8-53.8 46.4-53.8 72.5 0 74 68.1 81.4 82.8 81.4 7.9 0 19.8-2.3 27-4.6l1.3-.4a128.3 128.3 0 0 0 66.6-52.8 4 4 0 0 0-5.3-5.6Z","transform":"translate(-4.6 -5)"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M235.7 195.5a93.7 93.7 0 0 1-10.6 4.7 101.9 101.9 0 0 1-35.9 6.4c-47.3 0-88.5-32.5-88.5-74.3a31.5 31.5 0 0 1 16.4-27.3c-42.8 1.8-53.8 46.4-53.8 72.5 0 74 68.1 81.4 82.8 81.4 7.9 0 19.8-2.3 27-4.6l1.3-.4a128.3 128.3 0 0 0 66.6-52.8 4 4 0 0 0-5.3-5.6Z","opacity":".35","style":{"isolation":"isolate"},"transform":"translate(-4.6 -5)"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M110.3 246.3A79.2 79.2 0 0 1 87.6 225a80.7 80.7 0 0 1 29.5-120c3.2-1.5 8.5-4.1 15.6-4a32.4 32.4 0 0 1 25.7 13 31.9 31.9 0 0 1 6.3 18.7c0-.2 24.5-79.6-80-79.6-43.9 0-80 41.6-80 78.2a130.2 130.2 0 0 0 12.1 56 128 128 0 0 0 156.4 67 75.5 75.5 0 0 1-62.8-8Z","transform":"translate(-4.6 -5)"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M110.3 246.3A79.2 79.2 0 0 1 87.6 225a80.7 80.7 0 0 1 29.5-120c3.2-1.5 8.5-4.1 15.6-4a32.4 32.4 0 0 1 25.7 13 31.9 31.9 0 0 1 6.3 18.7c0-.2 24.5-79.6-80-79.6-43.9 0-80 41.6-80 78.2a130.2 130.2 0 0 0 12.1 56 128 128 0 0 0 156.4 67 75.5 75.5 0 0 1-62.8-8Z","opacity":".41","style":{"isolation":"isolate"},"transform":"translate(-4.6 -5)"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M157 153.8c-.9 1-3.4 2.5-3.4 5.6 0 2.6 1.7 5.2 4.8 7.3 14.3 10 41.4 8.6 41.5 8.6a59.6 59.6 0 0 0 30.3-8.3 61.4 61.4 0 0 0 30.4-52.9c.3-22.4-8-37.3-11.3-43.9C228 28.8 182.3 5 132.6 5a128 128 0 0 0-128 126.2c.5-36.5 36.8-66 80-66 3.5 0 23.5.3 42 10a72.6 72.6 0 0 1 30.9 29.3c6.1 10.6 7.2 24.1 7.2 29.5s-2.7 13.3-7.8 19.9Z","transform":"translate(-4.6 -5)"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M157 153.8c-.9 1-3.4 2.5-3.4 5.6 0 2.6 1.7 5.2 4.8 7.3 14.3 10 41.4 8.6 41.5 8.6a59.6 59.6 0 0 0 30.3-8.3 61.4 61.4 0 0 0 30.4-52.9c.3-22.4-8-37.3-11.3-43.9C228 28.8 182.3 5 132.6 5a128 128 0 0 0-128 126.2c.5-36.5 36.8-66 80-66 3.5 0 23.5.3 42 10a72.6 72.6 0 0 1 30.9 29.3c6.1 10.6 7.2 24.1 7.2 29.5s-2.7 13.3-7.8 19.9Z","transform":"translate(-4.6 -5)"},"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 Edge = react_1.forwardRef(function Edge({ 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 Edge = react_1.forwardRef(function Edge({ 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/edge.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 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"b","cx":"161.8","cy":"68.9","r":"95.4","gradientTransform":"matrix(1 0 0 -.95 0 248.8)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".7","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".9","stopOpacity":".5"},"children":[]},{"type":"stop","props":{"offset":"1"},"children":[]}]},{"type":"radialGradient","props":{"id":"d","cx":"-340.3","cy":"63","r":"143.2","gradientTransform":"matrix(.15 -.99 -.8 -.12 176.6 -125.4)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".8","stopOpacity":"0"},"children":[]},{"type":"stop","props":{"offset":".9","stopOpacity":".5"},"children":[]},{"type":"stop","props":{"offset":"1"},"children":[]}]},{"type":"radialGradient","props":{"id":"e","cx":"113.4","cy":"570.2","r":"202.4","gradientTransform":"matrix(-.04 1 2.13 .08 -1179.5 -106.7)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#35c1f1"},"children":[]},{"type":"stop","props":{"offset":".1","stopColor":"#34c1ed"},"children":[]},{"type":"stop","props":{"offset":".2","stopColor":"#2fc2df"},"children":[]},{"type":"stop","props":{"offset":".3","stopColor":"#2bc3d2"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#36c752"},"children":[]}]},{"type":"radialGradient","props":{"id":"f","cx":"376.5","cy":"568","r":"97.3","gradientTransform":"matrix(.28 .96 .78 -.23 -303.8 -148.5)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#66eb6e"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#66eb6e","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"a","x1":"63.3","x2":"241.7","y1":"84","y2":"84","gradientTransform":"matrix(1 0 0 -1 0 266)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0c59a4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#114a8b"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"157.3","x2":"46","y1":"161.4","y2":"40.1","gradientTransform":"matrix(1 0 0 -1 0 266)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#1b9de2"},"children":[]},{"type":"stop","props":{"offset":".2","stopColor":"#1595df"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#0680d7"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M235.7 195.5a93.7 93.7 0 0 1-10.6 4.7 101.9 101.9 0 0 1-35.9 6.4c-47.3 0-88.5-32.5-88.5-74.3a31.5 31.5 0 0 1 16.4-27.3c-42.8 1.8-53.8 46.4-53.8 72.5 0 74 68.1 81.4 82.8 81.4 7.9 0 19.8-2.3 27-4.6l1.3-.4a128.3 128.3 0 0 0 66.6-52.8 4 4 0 0 0-5.3-5.6Z","transform":"translate(-4.6 -5)"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M235.7 195.5a93.7 93.7 0 0 1-10.6 4.7 101.9 101.9 0 0 1-35.9 6.4c-47.3 0-88.5-32.5-88.5-74.3a31.5 31.5 0 0 1 16.4-27.3c-42.8 1.8-53.8 46.4-53.8 72.5 0 74 68.1 81.4 82.8 81.4 7.9 0 19.8-2.3 27-4.6l1.3-.4a128.3 128.3 0 0 0 66.6-52.8 4 4 0 0 0-5.3-5.6Z","opacity":".35","style":{"isolation":"isolate"},"transform":"translate(-4.6 -5)"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M110.3 246.3A79.2 79.2 0 0 1 87.6 225a80.7 80.7 0 0 1 29.5-120c3.2-1.5 8.5-4.1 15.6-4a32.4 32.4 0 0 1 25.7 13 31.9 31.9 0 0 1 6.3 18.7c0-.2 24.5-79.6-80-79.6-43.9 0-80 41.6-80 78.2a130.2 130.2 0 0 0 12.1 56 128 128 0 0 0 156.4 67 75.5 75.5 0 0 1-62.8-8Z","transform":"translate(-4.6 -5)"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M110.3 246.3A79.2 79.2 0 0 1 87.6 225a80.7 80.7 0 0 1 29.5-120c3.2-1.5 8.5-4.1 15.6-4a32.4 32.4 0 0 1 25.7 13 31.9 31.9 0 0 1 6.3 18.7c0-.2 24.5-79.6-80-79.6-43.9 0-80 41.6-80 78.2a130.2 130.2 0 0 0 12.1 56 128 128 0 0 0 156.4 67 75.5 75.5 0 0 1-62.8-8Z","opacity":".41","style":{"isolation":"isolate"},"transform":"translate(-4.6 -5)"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M157 153.8c-.9 1-3.4 2.5-3.4 5.6 0 2.6 1.7 5.2 4.8 7.3 14.3 10 41.4 8.6 41.5 8.6a59.6 59.6 0 0 0 30.3-8.3 61.4 61.4 0 0 0 30.4-52.9c.3-22.4-8-37.3-11.3-43.9C228 28.8 182.3 5 132.6 5a128 128 0 0 0-128 126.2c.5-36.5 36.8-66 80-66 3.5 0 23.5.3 42 10a72.6 72.6 0 0 1 30.9 29.3c6.1 10.6 7.2 24.1 7.2 29.5s-2.7 13.3-7.8 19.9Z","transform":"translate(-4.6 -5)"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M157 153.8c-.9 1-3.4 2.5-3.4 5.6 0 2.6 1.7 5.2 4.8 7.3 14.3 10 41.4 8.6 41.5 8.6a59.6 59.6 0 0 0 30.3-8.3 61.4 61.4 0 0 0 30.4-52.9c.3-22.4-8-37.3-11.3-43.9C228 28.8 182.3 5 132.6 5a128 128 0 0 0-128 126.2c.5-36.5 36.8-66 80-66 3.5 0 23.5.3 42 10a72.6 72.6 0 0 1 30.9 29.3c6.1 10.6 7.2 24.1 7.2 29.5s-2.7 13.3-7.8 19.9Z","transform":"translate(-4.6 -5)"},"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 Edge = forwardRef(
   function Edge({ 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 Edge = 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/elementor.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 400 400","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0)"},"children":[{"type":"path","props":{"d":"M200 0C89.5321 0 0 89.5321 0 200C0 310.431 89.5321 400 200 400C310.468 400 400 310.468 400 200C399.964 89.5321 310.431 0 200 0ZM150.009 283.306H116.694V116.658H150.009V283.306ZM283.306 283.306H183.324V249.991H283.306V283.306ZM283.306 216.639H183.324V183.324H283.306V216.639ZM283.306 149.973H183.324V116.658H283.306V149.973Z","fill":"#92003B"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0"},"children":[{"type":"rect","props":{"width":"400","height":"400","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Elementor"]},{"type":"path","props":{"d":"M12 0C5.372 0 0 5.372 0 12c0 6.626 5.372 12 12 12s12-5.372 12-12c0-6.626-5.372-12-12-12ZM9 17H7V7H9Zm8 0H11V15h6Zm0-4H11V11h6Zm0-4H11V7h6Z"},"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 Elementor = react_1.forwardRef(function Elementor({ 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 Elementor = react_1.forwardRef(function Elementor({ 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/elementor.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 400 400","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0)"},"children":[{"type":"path","props":{"d":"M200 0C89.5321 0 0 89.5321 0 200C0 310.431 89.5321 400 200 400C310.468 400 400 310.468 400 200C399.964 89.5321 310.431 0 200 0ZM150.009 283.306H116.694V116.658H150.009V283.306ZM283.306 283.306H183.324V249.991H283.306V283.306ZM283.306 216.639H183.324V183.324H283.306V216.639ZM283.306 149.973H183.324V116.658H283.306V149.973Z","fill":"#92003B"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0"},"children":[{"type":"rect","props":{"width":"400","height":"400","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Elementor"]},{"type":"path","props":{"d":"M12 0C5.372 0 0 5.372 0 12c0 6.626 5.372 12 12 12s12-5.372 12-12c0-6.626-5.372-12-12-12ZM9 17H7V7H9Zm8 0H11V15h6Zm0-4H11V11h6Zm0-4H11V7h6Z"},"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 Elementor = forwardRef(
   function Elementor({ 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 Elementor = 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/eli-lilly.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 631 344","fill":"currentColor","childNodes":[{"type":"g","props":{"className":"layer"},"children":[{"type":"path","props":{"d":"m435.53,200.79c3.65,-2.6 7.6,-5.64 11.29,-8.56c28.4,-22.72 50.1,-47.62 54.38,-61.4c0.16,-0.44 0.54,-1.71 0.54,-2.73c0,-1.42 -0.68,-2.42 -1.99,-2.42c-13.01,0 -54.86,41.65 -64.99,75.37l0,0.14l0.77,-0.4zm-104.88,-4.79c39.55,-29.87 81.08,-73.37 85.51,-91.23c0.15,-0.58 0.29,-1.15 0.27,-1.7c-0.05,-1.16 -0.69,-2.22 -2.18,-2.22c-12.51,0 -70.48,53.45 -83.6,95.15zm-242.82,26.26c-10.44,-7.24 -26.59,-13.57 -41,-13.57c-13.99,0 -22.95,5.49 -22.95,12.41c0,7.98 10.87,11.47 23.02,11.47c14.74,0 28.12,-3.99 40.93,-10.31zm121.15,-93.71c28.35,-9.1 55.24,-28.1 75.3,-47.94c18.55,-18.37 33.39,-40.18 33.39,-50.97c0,-2.47 -1.77,-3.95 -4,-3.95c-8.58,0 -24.88,11.41 -46.78,33.33c-17.07,17.12 -36.95,40.46 -57.91,69.53zm422.02,68.54c-24.34,24.23 -100.22,90.82 -120.3,146.87l-24.87,-6.41c8.12,-23.21 32.6,-59.3 59.89,-87.17c-5.8,2.2 -11.87,3.01 -16.72,3.01c-7.37,0 -13.11,-2.22 -16.55,-6.41c-2.49,-3 -3.74,-6.93 -3.74,-11.6c0,-1.01 0.07,-2.04 0.21,-3.17c-23.95,14.58 -43.23,21.18 -62.1,21.18c-14.68,0 -27.06,-6.41 -32.75,-17.63c-23.8,11.8 -46.59,17.63 -65.67,17.63c-17.75,0 -32.05,-7.02 -38.62,-19.85c-24.05,13.53 -44.49,19.85 -60.77,19.85c-9.37,0 -16.79,-2.6 -21.57,-7.51c-3.51,-3.61 -5.37,-8.5 -5.62,-14.13c-15.43,10.14 -37.93,21.64 -61.04,21.64c-23.61,0 -39.46,-8.12 -51.75,-16.14c-19.61,10.85 -41.17,16.14 -63.98,16.14c-17.24,0 -45.05,-7.19 -45.05,-31.9c0,-19.96 20.82,-33.46 48.66,-33.46c23.69,0 46.51,9.98 60.83,20.33c13.6,-10.82 27.86,-25.96 44.68,-47.35c-3.7,0.19 -7.31,0.3 -10.86,0.3c-32.23,0 -59.13,-9.49 -73.82,-26.12c-7.92,-8.98 -11.67,-19.52 -11.67,-30.85c0,-44.82 56.59,-79.59 106.1,-84.7c3.28,7.42 6.22,13.13 9.22,19.93c-48.92,5.68 -89.65,34.64 -89.65,62.93c0,18.59 20.91,37.27 65.27,37.27c7.6,0 15.24,-0.73 22.76,-1.78c39.15,-54.05 99.18,-137.99 150.81,-137.99c15.29,0 23.26,9.28 23.26,21.72c0,25.56 -21.96,53.08 -36.28,67.43c-22.51,22.61 -63.2,56.25 -120.05,67.39c-22.12,30.75 -40.3,51.16 -58.47,65.89c11.03,5.95 21.34,9.58 33.67,9.58c30.59,0 60.27,-28.01 83.46,-51.74l0.82,-0.79l18.08,14.13l-0.84,0.98c-10.26,11.76 -19.7,24.18 -19.7,31.13c0,5.3 4.45,6.34 8.3,6.34c11.73,0 29.77,-7.58 51.03,-20.65l0,-0.18c2.35,-52.53 74.02,-132.84 117.53,-132.84c12.28,0 19.35,6.1 19.35,16.83c0,26.33 -45.44,82.79 -111.5,125.98l0,0.03c3.42,7.35 11.29,10.9 24.64,10.9c10.43,0 30.8,-4.65 55.04,-17.31c2.82,-27.22 18.23,-56.43 37.78,-77.25c19.62,-20.86 41.61,-34.42 60.62,-34.42c11.72,0 18.64,6.47 18.64,16.59c0,22.96 -26.65,62.22 -90.86,103.33c2.83,5.51 8.36,8.99 16.93,8.99c19.12,0 52.82,-20.42 79.08,-45.52l18.84,14.65c-8.05,9.76 -16.19,20.51 -15.92,26.67c0.06,2 1.41,3.33 4.57,3.33c19.35,0 49.82,-25.53 72.65,-48.07l18,13.97zm-350.19,-52.68c8.54,0 15.44,6.95 15.44,15.46c0,8.56 -6.9,15.49 -15.44,15.49c-8.57,0 -15.49,-6.93 -15.49,-15.49c0,-8.51 6.92,-15.46 15.49,-15.46z","fill":"#d52b1e","id":"svg_1"},"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 EliLilly = react_1.forwardRef(function EliLilly({ 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 EliLilly = react_1.forwardRef(function EliLilly({ variant = 'default', vie
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/eli-lilly.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 631 344","fill":"currentColor","childNodes":[{"type":"g","props":{"className":"layer"},"children":[{"type":"path","props":{"d":"m435.53,200.79c3.65,-2.6 7.6,-5.64 11.29,-8.56c28.4,-22.72 50.1,-47.62 54.38,-61.4c0.16,-0.44 0.54,-1.71 0.54,-2.73c0,-1.42 -0.68,-2.42 -1.99,-2.42c-13.01,0 -54.86,41.65 -64.99,75.37l0,0.14l0.77,-0.4zm-104.88,-4.79c39.55,-29.87 81.08,-73.37 85.51,-91.23c0.15,-0.58 0.29,-1.15 0.27,-1.7c-0.05,-1.16 -0.69,-2.22 -2.18,-2.22c-12.51,0 -70.48,53.45 -83.6,95.15zm-242.82,26.26c-10.44,-7.24 -26.59,-13.57 -41,-13.57c-13.99,0 -22.95,5.49 -22.95,12.41c0,7.98 10.87,11.47 23.02,11.47c14.74,0 28.12,-3.99 40.93,-10.31zm121.15,-93.71c28.35,-9.1 55.24,-28.1 75.3,-47.94c18.55,-18.37 33.39,-40.18 33.39,-50.97c0,-2.47 -1.77,-3.95 -4,-3.95c-8.58,0 -24.88,11.41 -46.78,33.33c-17.07,17.12 -36.95,40.46 -57.91,69.53zm422.02,68.54c-24.34,24.23 -100.22,90.82 -120.3,146.87l-24.87,-6.41c8.12,-23.21 32.6,-59.3 59.89,-87.17c-5.8,2.2 -11.87,3.01 -16.72,3.01c-7.37,0 -13.11,-2.22 -16.55,-6.41c-2.49,-3 -3.74,-6.93 -3.74,-11.6c0,-1.01 0.07,-2.04 0.21,-3.17c-23.95,14.58 -43.23,21.18 -62.1,21.18c-14.68,0 -27.06,-6.41 -32.75,-17.63c-23.8,11.8 -46.59,17.63 -65.67,17.63c-17.75,0 -32.05,-7.02 -38.62,-19.85c-24.05,13.53 -44.49,19.85 -60.77,19.85c-9.37,0 -16.79,-2.6 -21.57,-7.51c-3.51,-3.61 -5.37,-8.5 -5.62,-14.13c-15.43,10.14 -37.93,21.64 -61.04,21.64c-23.61,0 -39.46,-8.12 -51.75,-16.14c-19.61,10.85 -41.17,16.14 -63.98,16.14c-17.24,0 -45.05,-7.19 -45.05,-31.9c0,-19.96 20.82,-33.46 48.66,-33.46c23.69,0 46.51,9.98 60.83,20.33c13.6,-10.82 27.86,-25.96 44.68,-47.35c-3.7,0.19 -7.31,0.3 -10.86,0.3c-32.23,0 -59.13,-9.49 -73.82,-26.12c-7.92,-8.98 -11.67,-19.52 -11.67,-30.85c0,-44.82 56.59,-79.59 106.1,-84.7c3.28,7.42 6.22,13.13 9.22,19.93c-48.92,5.68 -89.65,34.64 -89.65,62.93c0,18.59 20.91,37.27 65.27,37.27c7.6,0 15.24,-0.73 22.76,-1.78c39.15,-54.05 99.18,-137.99 150.81,-137.99c15.29,0 23.26,9.28 23.26,21.72c0,25.56 -21.96,53.08 -36.28,67.43c-22.51,22.61 -63.2,56.25 -120.05,67.39c-22.12,30.75 -40.3,51.16 -58.47,65.89c11.03,5.95 21.34,9.58 33.67,9.58c30.59,0 60.27,-28.01 83.46,-51.74l0.82,-0.79l18.08,14.13l-0.84,0.98c-10.26,11.76 -19.7,24.18 -19.7,31.13c0,5.3 4.45,6.34 8.3,6.34c11.73,0 29.77,-7.58 51.03,-20.65l0,-0.18c2.35,-52.53 74.02,-132.84 117.53,-132.84c12.28,0 19.35,6.1 19.35,16.83c0,26.33 -45.44,82.79 -111.5,125.98l0,0.03c3.42,7.35 11.29,10.9 24.64,10.9c10.43,0 30.8,-4.65 55.04,-17.31c2.82,-27.22 18.23,-56.43 37.78,-77.25c19.62,-20.86 41.61,-34.42 60.62,-34.42c11.72,0 18.64,6.47 18.64,16.59c0,22.96 -26.65,62.22 -90.86,103.33c2.83,5.51 8.36,8.99 16.93,8.99c19.12,0 52.82,-20.42 79.08,-45.52l18.84,14.65c-8.05,9.76 -16.19,20.51 -15.92,26.67c0.06,2 1.41,3.33 4.57,3.33c19.35,0 49.82,-25.53 72.65,-48.07l18,13.97zm-350.19,-52.68c8.54,0 15.44,6.95 15.44,15.46c0,8.56 -6.9,15.49 -15.44,15.49c-8.57,0 -15.49,-6.93 -15.49,-15.49c0,-8.51 6.92,-15.46 15.49,-15.46z","fill":"#d52b1e","id":"svg_1"},"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 EliLilly = forwardRef(
   function EliLilly({ 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 EliLilly = 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/elysiajs.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 4040 4040","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"75%","x2":"25%","y1":"45%","y2":"90%","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0%","style":{"stopColor":"#8d8e8d"}},"children":[]},{"type":"stop","props":{"offset":"1%","style":{"stopColor":"#8b8c8b"}},"children":[]},{"type":"stop","props":{"offset":"2%","style":{"stopColor":"#8a8c8a"}},"children":[]},{"type":"stop","props":{"offset":"3%","style":{"stopColor":"#8a8b8a"}},"children":[]},{"type":"stop","props":{"offset":"4%","style":{"stopColor":"#828382"}},"children":[]},{"type":"stop","props":{"offset":"5%","style":{"stopColor":"#878987"}},"children":[]},{"type":"stop","props":{"offset":"12%","style":{"stopColor":"#848584"}},"children":[]},{"type":"stop","props":{"offset":"13%","style":{"stopColor":"#838583"}},"children":[]},{"type":"stop","props":{"offset":"14%","style":{"stopColor":"#838483"}},"children":[]},{"type":"stop","props":{"offset":"24%","style":{"stopColor":"#7d7e7d"}},"children":[]},{"type":"stop","props":{"offset":"25%","style":{"stopColor":"#7c7e7c"}},"children":[]},{"type":"stop","props":{"offset":"26%","style":{"stopColor":"#7c7d7c"}},"children":[]},{"type":"stop","props":{"offset":"28%","style":{"stopColor":"#7b7c7b"}},"children":[]},{"type":"stop","props":{"offset":"29%","style":{"stopColor":"#7a7c7a"}},"children":[]},{"type":"stop","props":{"offset":"30%","style":{"stopColor":"#7a7b7a"}},"children":[]},{"type":"stop","props":{"offset":"31%","style":{"stopColor":"#797b79"}},"children":[]},{"type":"stop","props":{"offset":"37%","style":{"stopColor":"#777877"}},"children":[]},{"type":"stop","props":{"offset":"38%","style":{"stopColor":"#767876"}},"children":[]},{"type":"stop","props":{"offset":"92%","style":{"stopColor":"#616261"}},"children":[]},{"type":"stop","props":{"offset":"93%","style":{"stopColor":"#5f605e"}},"children":[]},{"type":"stop","props":{"offset":"94%","style":{"stopColor":"#5f5f5e"}},"children":[]},{"type":"stop","props":{"offset":"98%","style":{"stopColor":"#5d5e5c"}},"children":[]},{"type":"stop","props":{"offset":"100%","style":{"stopColor":"#5d5d5d"}},"children":[]}]}]},{"type":"g","props":{"fill":"#333","style":{"transform":"none"}},"children":[{"type":"path","props":{"d":"M3390 3118c1-24 5-88 10-143 24-264-44-534-188-747-49-73-49-73-215-128s-166-55-167-92c0-36-1-37-52-48-155-34-306-19-499 50-62 22-127 40-144 40-32 0-32 0-39-109-3-60-15-144-26-186-36-140-44-132 133-138 167-5 243-22 374-82 86-40 168-94 156-104-4-4-33-18-63-30-96-38-208-111-260-167-42-46-54-70-76-142-73-243-178-358-399-437-27-10-67-34-88-54-57-53-117-135-117-158 0-19 8-21 93-27 319-22 506-6 729 63 479 150 843 466 1053 915 147 314 191 715 119 1076-23 118-81 285-137 400-61 124-167 290-184 290-9 0-13-15-13-42zM321 2538c-28-146-35-229-35-433-1-188 3-236 21-330 67-328 222-622 452-854 110-112 185-181 195-181 2 0 12 24 22 53 22 69 64 150 108 212 24 33 36 61 36 82 0 30-5 35-58 62-118 60-213 144-301 269-51 72-51 72 19 72s70 0 70 34c0 30-6 37-45 60-25 15-72 50-106 77-196 164-338 527-339 867 0 47-3 62-14 62-10 0-18-18-25-52z"},"children":[]},{"type":"path","props":{"d":"M2180 1175c0-33 2-35 35-35s35 2 35 35-2 35-35 35-35-2-35-35zM1900 995c0-33 2-35 35-35s35 2 35 35-2 35-35 35-35-2-35-35z"},"children":[]}]},{"type":"g","props":{"fill":"#666","style":{"transform":"none"}},"children":[{"type":"path","props":{"fill":"url(#a)","d":"M2911 3730c85-125 134-292 110-378-16-59-67-107-130-122-101-24-216 12-581 184-207 98-372 157-505 182-103 19-368 16-465-6-232-51-457-150-545-240-50-51-50-51-50-248 0-155 4-213 18-274 18-78 18-78 53-78 26 0 34 4 34 18 1 14 5 12 23-9 142-169 182-215 187-219 3-3 42-48 85-100 77-93 78-95 52-98-23-3-27-8-27-38 0-24 5-34 15-34 8 0 15-4 15-9 0-11 98-54 181-79 82-25 249-45 306-36 40 6 43 8 42 38 0 26-8 36-46 61-26 17-58 46-72 65-29 39-23 36 60-32 73-59 257-179 343-223 78-40 78-40 73-145-3-58-13-130-22-160s-19-72-22-92c-5-38-5-38 30-38 22 0 37 6 41 15 4 10-1 15-15 15-16 0-19 4-14 18 18 48 35 148 41 245 4 59 8 107 9 107s52-18 114-40c182-65 359-86 507-59 78 14 254 71 254 82 0 6-25 7-58 3-116-13-94 5 75 62 166 57 166 57 215 130 150 222 215 497 189 800-6 68-9 127-6 132 3 4-3 18-13 31s-31 56-46 94c-68 172-199 348-336 450-33 25-143 85-155 85-3 0 13-27 36-60zm434-1211c-21-82-125-297-147-307-5-2-8-9-8-15 0-7-10-18-22-26-36-23-298-111-352-119-51-7-51-7-51-49s0-42-64-49c-91-10-223 1-311 26-93 26-231 80-226 89 8 12 208 105 275 128 25 8 96 37 156 65 141 63 143 64 320 138 83 34 168 70 190 80s76 32 120 50c44 17 91 37 105 44s26 12 28 10c2-1-4-30-13-65z"},"children":[]},{"type":"path","props":{"d":"M340 2611c-11-21-14-181-4-218 4-13 13-23 20-23 11 0 14 26 14 130 0 127-7 153-30 111zM345 2304c16-133 93-372 123-382 21-7 14 49-18 129-30 78-70 239-70 284 0 19-5 25-21 25-20 0-21-3-14-56zM490 1861c0-5 23-43 50-85 57-84 135-159 224-214 60-37 60-37 25-43-19-4-26-7-16-8 9 0 17-8 17-16 0-11 11-15 40-15 39 0 40 1 40 35 0 25-5 38-17 42-10 4-24 13-31 20s-20 13-28 13-14 5-14 10c0 6-6 10-14 10s-16 7-20 15c-3 8-15 15-26 15s-20 6-20 13c0 16-82 97-98 97-7 0-12 9-12 20s-4 20-10 20c-5 0-10 7-10 15s-4 15-9 15-12 11-15 25c-5 18-13 25-31 25-14 0-25-4-25-9zM2280 1634c0-16 12-22 68-31 86-15 194-45 208-58 6-5 35-21 65-35s56-28 57-32c2-5 8-8 13-8s17-8 27-18c15-15 16-21 6-30-7-7-22-12-34-12-11 0-20-4-20-10 0-5-9-10-19-10-30 0-51-11-51-26 0-8-10-14-24-14s-31-6-38-14c-8-7-24-17-36-20-12-4-22-14-22-22s-8-14-18-14c-20 0-72-49-72-68 0-7-4-12-10-12-5 0-10-13-10-30 0-18-5-30-13-30-12 0-57-130-57-165 0-8-4-15-9-15s-17-20-28-45c-10-25-21-45-25-45-5 0-8-9-8-20s-6-20-13-20c-16 0-67-52-67-68 0-7-9-12-20-12s-20-4-20-8-16-14-35-21-35-19-35-27c0-9-11-14-30-14-16 0-30-3-30-8 0-4-23-13-52-20-59-14-108-54-108-88 0-16-7-24-22-26s-24-11-26-25c-2-13-10-23-18-23s-14-7-14-15-4-15-10-15c-5 0-10-9-10-20 0-30 33-25 52 8 31 53 137 160 165 166 16 4 70 27 121 52 163 79 241 180 306 396 22 72 34 96 76 142 56 61 166 129 284 177 42 17 76 36 76 42 0 24-87 90-173 131-96 46-205 80-294 92-48 6-53 5-53-12zM640 1512c0-5 15-26 33-48 18-21 54-68 79-105 25-36 53-71 62-78 14-12 16-9 16 24 0 28-5 38-20 42-11 3-20 14-20 24 0 11-4 19-10 19-5 0-10 7-10 15s-4 15-10 15c-5 0-10 7-10 15s-9 15-20 15c-15 0-20 7-20 25 0 14-8 29-19 35-24 12-51 13-51 2zM870 1229c42-37 132-99 142-99 5 0 8 11 8 25 0 16-6 25-15 25-8 0-15 5-15 10 0 6-7 10-15 10s-15 5-15 10c0 6-11 10-25 10-18 0-25 5-25 20 0 17-7 20-37 20-38-1-38-1-3-31z"},"children":[]},{"type":"path","props":{"d":"M2034 1195c-109-55-168-152-138-229 10-27 68-21 84 8 17 32 77 74 178 125 82 41 82 41 82 81s0 40-78 40c-63 0-87-5-128-25zM1030 1130c0-5 14-17 30-25 33-17 34-15-16-85-39-56-71-118-95-187-18-53-18-53 6-53 19 0 25 8 36 50 7 28 16 50 20 50s15 20 26 45c10 25 21 45 26 45 4 0 7 7 7 15s5 15 10 15c6 0 10 9 10 20s7 20 15 20c10 0 15 11 15 35 0 19-4 35-10 35-5 0-10 7-10 15 0 10-11 15-35 15-19 0-35-4-35-10zM3275 918c-50-53-50-53 3-3 28 27 52 51 52 52 0 8-9-1-55-49z"},"children":[]}]},{"type":"g","props":{"fill":"#999","style":{"transform":"none"}},"children":[{"type":"path","props":{"fill":"url(#a)","d":"M766 3321c-37-41-48-272-21-439 69-426 448-742 891-742 94 0 94 0 94 35 0 24-7 41-22 53-59 48-98 85-98 95 0 6 7 1 16-11 8-12 21-22 27-22 7 0 18-9 25-20s16-20 22-20c5 0 21-11 36-25s33-25 40-25c8 0 14-4 14-9 0-16 295-191 322-191 4 0 8 7 8 15 0 20 7 19 86-13 156-64 224-77 409-77 169 1 171 1 275 37 105 36 105 36 2 37-106 1-130 14-45 24 27 3 116 29 198 59 150 53 150 53 188 108 63 92 125 229 152 339 14 57 24 111 22 120-4 13-5 13-6-2 0-10-6-15-12-12-5 4-33-4-62-18s-88-40-132-57-98-40-120-50-107-46-190-80c-177-74-179-75-320-138-60-28-131-57-156-65-44-15-115-47-243-109-32-15-65-28-73-28-9 0-13-6-10-14 4-10 1-13-8-9-8 3-12 10-8 16 3 6 1 7-6 3-24-15-271 147-450 297-45 37-83 67-86 67-6 0 4-54 16-97 15-49 65-111 115-142 44-29 44-29 15-33-84-12-337 41-327 69 3 7 2 13-3 13-4 0-28 28-52 62-39 56-183 235-199 248-3 3-32 37-65 75-189 226-223 259-226 218-1-10-7 11-15 47-17 82-17 263 0 358 7 39 9 72 6 72-4 0-14-8-24-19z"},"children":[]},{"type":"path","props":{"d":"M345 2328c14-105 47-234 85-333 41-104 122-245 160-280 21-19 21-19 18 20-2 33-7 41-25 43-18 3-23 10-23 33 0 19-5 29-15 29-8 0-15 9-15 20 0 24-41 110-52 110-4 0-8 11-8 25s-4 25-10 25c-5 0-10 7-10 15s-12 54-26 102c-14 49-30 123-37 166-9 65-14 77-30 77-17 0-18-5-12-52zM2080 1847c0-18-9-67-20-108s-20-86-20-101c0-28 0-28 75-28 68 0 75 2 75 20s-7 20-60 20c-58 0-60 1-50 20 12 22 40 158 40 191 0 12-7 19-20 19-16 0-20-7-20-33zM670 1635c7-8 45-36 84-62 39-25 74-49 78-52 4-4-23-5-61-3-61 4-70 2-74-14-4-17-5-17-6-1-1 11-9 17-26 17-30 0-29-3 25-73 19-26 39-47 44-47 4 0 6 18 4 40-4 40-4 40 69 40s73 0 73 35c0 24-5 35-15 35-8 0-15 5-15 10 0 6-11 10-25 10-16 0-25 6-25 15 0 8-7 15-15 15s-15 5-15 10c0 6-9 10-20 10s-20 7-20 15c0 11-11 15-36 15-31 0-35-2-24-15zM2240 1633c0-18 9-21 69-27 73-6 257-61 279-83 7-7 27-13 43-13 19 0 29-5 29-15 0-8 7-15 15-15s15-4 15-10c0-5 9-10 20-10s20-6 20-14-9-18-20-21-20-11-20-16-11-9-25-9c-16 0-25-6-25-15s-9-15-24-15c-35 0-56-10-56-26 0-8-10-14-25-14s-25-6-25-14c0-9-12-16-27-18-24-3-29-8-31-37-4-35-4-35 30-9 54 41 153 95 233 129 41 17 77 34 80 39 11 17-77 85-170 131-107 52-210 83-318 94-62 7-67 6-67-12zM762 1348c41-60 124-136 203-187 43-28 83-51 90-51s18-7 25-15c9-11 7-21-13-47-62-81-146-265-132-288 3-6 12-10 20-10 15 0 55 109 55 152 0 21 5 28 20 28 13 0 22 9 26 25 3 14 10 25 15 25s9 7 9 15 5 15 10 15c6 0 10 9 10 20s6 20 14 20c17 0 26 22 26 61 0 24-4 29-25 29-25 0-98 30-103 43-2 4-10 7-18 7s-14 5-14 10c0 6-6 10-14 10s-16 7-20 15c-3 8-15 15-26 15s-20 6-20 13c0 19-63 77-83 77-11 0-17 8-17 25 0 21-5 25-31 25-30 0-30 0-7-32zM2098 1223c-16-2-28-9-28-14s-11-9-25-9-25-4-25-10c0-5-7-10-15-10s-15-4-15-10c0-5-6-10-13-10-14 0-57-44-57-59 0-5-5-11-12-13-6-2-13-31-16-66-4-62-4-62 42-62 33 0 46 4 46 14 0 8 7 16 15 20 8 3 15 12 15 21 0 8 9 15 20 15s20 4 20 9 11 12 25 15c18 5 25 13 25 31 0 14-4 25-9 25-19 0-128-81-141-105-21-39-35-6-16 38 30 74 144 147 227 147 60 0 68-12 24-33-43-20-45-37-5-37 53 0 80 19 80 57 0 30-3 33-30 33-16 0-30 5-30 10 0 10-48 11-102 3zM2380 1209c0-6-7-17-15-25-8-9-15-26-15-39s-3-25-8-27c-11-5-52-140-52-172 0-55 25-19 61 86 19 59 47 125 62 147 27 41 27 41-3 41-16 0-30-5-30-11zM2240 876c0-8-5-16-11-18s-9-19-7-38c3-35 3-35 36 9 39 53 40 61 7 61-15 0-25-6-25-14zM2120 750c0-5-7-10-15-10s-15-9-15-20c0-15-7-20-27-20-14 0-59-12-99-27-61-23-74-32-74-50 0-23 0-23 73 3 76 28 195 93 217 118 11 14 8 16-24 16-20 0-36-4-36-10zM1342 584c-25-17-30-44-8-44 8 0 16-7 20-15 3-8 11-15 18-15s25-7 41-14c15-8 27-11 27-7 0 5 26 12 58 15 31 3 92 12 135 18 77 12 77 12 77 45s0 33-173 33c-140 0-177-3-195-16zM1807 573c-4-3-7-17-7-30 0-17-6-23-21-23-12 0-23-8-26-20-3-11-9-20-14-20s-9-13-9-30c0-16 4-30 8-30 5 0 31 28 58 62 83 106 79 98 46 98-16 0-32-3-35-7z"},"children":[]}]},{"type":"g","props":{"fill":"#CCC","style":{"transform":"none"}},"children":[{"type":"path","props":{"d":"M767 3320c-14-16-30-30-34-30-18 0-70-67-86-110-36-100-47-174-47-330 0-234 42-399 154-604 101-186 288-396 442-498 108-72 267-145 379-175 88-23 120-26 265-27 133 0 171 3 195 16 46 24 150 48 211 48 40 0 54 4 54 14 0 22-51 29-147 21-82-7-86-7-79 11 24 61 38 144 43 255 6 126 6 126-83 173-118 63-236 142-357 240-153 124-147 120-147 104 0-70 65-175 135-218 19-12 35-26 35-31 0-14-119-11-208 6-366 70-658 366-717 727-23 142-16 332 16 407 15 35 5 36-24 1zM350 2631c-16-31-12-51 10-51 16 0 20 7 20 35 0 39-14 46-30 16zM340 2403c0-51 29-208 55-296 30-103 79-217 94-217 20 0 11 52-24 139-42 105-73 231-82 329-5 61-9 72-24 72-14 0-19-7-19-27zM490 1874c0-14 62-112 94-149 35-40 35-40 36-2 0 30-3 37-20 37-15 0-20 7-20 25 0 16-6 25-15 25-8 0-15 9-15 19 0 35-12 51-36 51-13 0-24-3-24-6zM656 1649c10-12 59-48 108-80 73-48 85-59 63-59-15 0-27-4-27-9 0-12 26-21 61-21 26 0 29 3 29 34 0 35-13 46-51 46-10 0-19 7-19 15s-7 15-15 15-15 5-15 10c0 6-7 10-15 10s-15 5-15 10c0 6-8 10-19 10-10 0-21 9-24 20-4 16-14 20-43 20-37 0-37 0-18-21zM2320 1622c0-20 38-32 103-32 15 0 27-4 27-10 0-5 14-10 30-10 17 0 30-4 30-10 0-5 11-10 25-10s25-4 25-10c0-5 14-10 30-10 19 0 30-5 30-14 0-16 21-26 56-26 17 0 24-6 24-20 0-15 7-20 26-20 23 0 24-2 10-15-8-8-20-15-27-15-8 0-33-7-56-16-29-12-43-23-43-35 0-15-8-19-35-19-24 0-35-5-35-15 0-9-9-15-25-15-20 0-25-5-25-25 0-14 2-25 5-25s40 20 83 44c42 25 107 57 145 72 37 15 67 33 67 40 0 22-81 83-164 123s-188 74-263 86c-38 6-43 5-43-13zM650 1510c0-5 12-24 28-42 15-18 44-58 65-89s47-65 57-74c20-18 20-17 20 19 0 29-4 39-20 43-11 3-20 14-20 24 0 11-4 19-9 19s-12 11-15 25c-5 18-13 25-31 25-14 0-25 5-25 10 0 6 14 10 30 10 36 0 41 25 8 34-35 9-88 7-88-4zM860 1245c0-9 125-97 172-121 29-14 54-21 65-17 17 7 17 6 1-17-96-136-156-262-165-345-2-22-6-101-9-176-5-137-5-137 93-118 100 18 230 55 248 69 6 5 28 11 50 15s46 12 53 18c7 5 22 11 35 12 12 1 28 3 35 4 23 2 12 27-20 46-22 13-58 20-113 23-70 4-90 1-145-21-35-15-65-25-67-23-5 5 90 142 152 221 41 52 55 78 55 102 0 31-2 33-36 33-42 0-68 12-111 53-32 30-43 57-23 57 6 0 10 15 10 34 0 29-4 36-31 45-18 6-43 11-55 11-15 0-24 6-24 15 0 8-7 15-15 15s-15 5-15 10c0 6-7 10-15 10s-15 5-15 10c0 6-9 10-20 10s-20 7-20 15c0 10-11 15-35 15-19 0-35-2-35-5zM2073 1219c-18-5-33-14-33-19 0-6-9-10-20-10s-20-4-20-10c0-5-7-10-15-10-10 0-15-10-15-30 0-27-3-30-30-30-23 0-30-4-30-20 0-11-4-20-10-20-5 0-10-16-10-35s5-35 10-35c6 0 10-11 10-25 0-22 4-25 35-25s36 3 42 30c4 21 11 30 25 30 10 0 21 7 24 15 4 8 12 15 20 15s14 7 14 15 9 15 20 15c24 0 110 41 110 52 0 4 11 8 25 8 23 0 25 4 25 44 0 37-4 45-22 50-33 8-118 6-155-5zm136-34c20-6 8-15-80-58-69-34-120-67-151-98-50-50-64-49-53 3 13 58 114 138 200 159 30 7 41 6 84-6zM2370 1180c0-20-5-30-15-30s-15-10-15-30c0-16-4-30-8-30s-21-40-37-90c-17-49-33-90-37-90-5 0-8-7-8-15s-4-15-10-15c-5 0-10-7-10-15s-4-15-10-15c-5 0-10-16-10-36 0-23 4-33 11-28 30 18 92 137 124 238 20 61 47 128 61 149 24 37 24 37-6 37-27 0-30-3-30-30zM2130 760c0-5-7-10-15-10s-15-4-15-8-16-14-35-21-35-17-35-22-9-9-20-9-20-4-20-10c0-5-9-10-20-10s-43-9-72-20c-54-21-190-40-285-40-39 0-53-4-53-14 0-8-6-17-12-19-7-3 21-6 62-7 75-2 75-2 5-15-38-7-100-16-137-20-38-4-68-11-68-16s11-26 24-47c13-20 27-50 30-67 28-156 22-148 86-114 32 17 86 53 119 80 34 27 65 49 70 49 4 0 20 17 34 38 14 20 47 62 75 92 42 48 62 60 134 88 80 30 198 97 212 121 5 7-5 11-28 11-20 0-36-4-36-10z"},"children":[]}]},{"type":"path","props":{"fill":"#FFF","d":"M683 3248c-106-109-293-406-293-464 0-10-6-36-14-59-32-91-39-154-33-280 11-213 53-377 144-562 73-149 164-245 317-337 60-36 60-36-48-36-109 0-109 0-82-33 14-17 41-54 59-82 82-123 257-268 340-282 20-3 37-8 37-12 0-3-10-19-23-35-23-29-23-29 17-73 49-54 68-65 124-73 42-5 42-5-13-75-109-137-218-315-203-331 4-3 53 16 110 42 91 43 111 49 168 49 48 0 74-5 95-19 26-17 41-18 169-12 229 11 309 22 403 57 223 82 308 167 382 383 22 63 45 126 52 138 36 71 192 182 332 238 31 12 60 27 63 32 20 32-197 157-336 193-101 26-263 31-346 10-38-9-82-24-99-33-23-12-60-16-165-15-167 1-284 28-439 103-141 69-230 129-335 230-210 201-364 469-417 725-24 113-25 312-4 405 17 73 60 194 81 228 23 35 2 26-43-20zm1539-2066c5-5-24-25-78-51-101-48-180-103-189-131-8-24-23-26-31-5-22 55 67 152 175 192 38 14 107 11 123-5z","style":{"transform":"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 Elysiajs = react_1.forwardRef(function Elysiajs({ 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 Elysiajs = react_1.forwardRef(function Elysiajs({ variant = 'default', vie
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/elysiajs.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 4040 4040","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"75%","x2":"25%","y1":"45%","y2":"90%","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0%","style":{"stopColor":"#8d8e8d"}},"children":[]},{"type":"stop","props":{"offset":"1%","style":{"stopColor":"#8b8c8b"}},"children":[]},{"type":"stop","props":{"offset":"2%","style":{"stopColor":"#8a8c8a"}},"children":[]},{"type":"stop","props":{"offset":"3%","style":{"stopColor":"#8a8b8a"}},"children":[]},{"type":"stop","props":{"offset":"4%","style":{"stopColor":"#828382"}},"children":[]},{"type":"stop","props":{"offset":"5%","style":{"stopColor":"#878987"}},"children":[]},{"type":"stop","props":{"offset":"12%","style":{"stopColor":"#848584"}},"children":[]},{"type":"stop","props":{"offset":"13%","style":{"stopColor":"#838583"}},"children":[]},{"type":"stop","props":{"offset":"14%","style":{"stopColor":"#838483"}},"children":[]},{"type":"stop","props":{"offset":"24%","style":{"stopColor":"#7d7e7d"}},"children":[]},{"type":"stop","props":{"offset":"25%","style":{"stopColor":"#7c7e7c"}},"children":[]},{"type":"stop","props":{"offset":"26%","style":{"stopColor":"#7c7d7c"}},"children":[]},{"type":"stop","props":{"offset":"28%","style":{"stopColor":"#7b7c7b"}},"children":[]},{"type":"stop","props":{"offset":"29%","style":{"stopColor":"#7a7c7a"}},"children":[]},{"type":"stop","props":{"offset":"30%","style":{"stopColor":"#7a7b7a"}},"children":[]},{"type":"stop","props":{"offset":"31%","style":{"stopColor":"#797b79"}},"children":[]},{"type":"stop","props":{"offset":"37%","style":{"stopColor":"#777877"}},"children":[]},{"type":"stop","props":{"offset":"38%","style":{"stopColor":"#767876"}},"children":[]},{"type":"stop","props":{"offset":"92%","style":{"stopColor":"#616261"}},"children":[]},{"type":"stop","props":{"offset":"93%","style":{"stopColor":"#5f605e"}},"children":[]},{"type":"stop","props":{"offset":"94%","style":{"stopColor":"#5f5f5e"}},"children":[]},{"type":"stop","props":{"offset":"98%","style":{"stopColor":"#5d5e5c"}},"children":[]},{"type":"stop","props":{"offset":"100%","style":{"stopColor":"#5d5d5d"}},"children":[]}]}]},{"type":"g","props":{"fill":"#333","style":{"transform":"none"}},"children":[{"type":"path","props":{"d":"M3390 3118c1-24 5-88 10-143 24-264-44-534-188-747-49-73-49-73-215-128s-166-55-167-92c0-36-1-37-52-48-155-34-306-19-499 50-62 22-127 40-144 40-32 0-32 0-39-109-3-60-15-144-26-186-36-140-44-132 133-138 167-5 243-22 374-82 86-40 168-94 156-104-4-4-33-18-63-30-96-38-208-111-260-167-42-46-54-70-76-142-73-243-178-358-399-437-27-10-67-34-88-54-57-53-117-135-117-158 0-19 8-21 93-27 319-22 506-6 729 63 479 150 843 466 1053 915 147 314 191 715 119 1076-23 118-81 285-137 400-61 124-167 290-184 290-9 0-13-15-13-42zM321 2538c-28-146-35-229-35-433-1-188 3-236 21-330 67-328 222-622 452-854 110-112 185-181 195-181 2 0 12 24 22 53 22 69 64 150 108 212 24 33 36 61 36 82 0 30-5 35-58 62-118 60-213 144-301 269-51 72-51 72 19 72s70 0 70 34c0 30-6 37-45 60-25 15-72 50-106 77-196 164-338 527-339 867 0 47-3 62-14 62-10 0-18-18-25-52z"},"children":[]},{"type":"path","props":{"d":"M2180 1175c0-33 2-35 35-35s35 2 35 35-2 35-35 35-35-2-35-35zM1900 995c0-33 2-35 35-35s35 2 35 35-2 35-35 35-35-2-35-35z"},"children":[]}]},{"type":"g","props":{"fill":"#666","style":{"transform":"none"}},"children":[{"type":"path","props":{"fill":"url(#a)","d":"M2911 3730c85-125 134-292 110-378-16-59-67-107-130-122-101-24-216 12-581 184-207 98-372 157-505 182-103 19-368 16-465-6-232-51-457-150-545-240-50-51-50-51-50-248 0-155 4-213 18-274 18-78 18-78 53-78 26 0 34 4 34 18 1 14 5 12 23-9 142-169 182-215 187-219 3-3 42-48 85-100 77-93 78-95 52-98-23-3-27-8-27-38 0-24 5-34 15-34 8 0 15-4 15-9 0-11 98-54 181-79 82-25 249-45 306-36 40 6 43 8 42 38 0 26-8 36-46 61-26 17-58 46-72 65-29 39-23 36 60-32 73-59 257-179 343-223 78-40 78-40 73-145-3-58-13-130-22-160s-19-72-22-92c-5-38-5-38 30-38 22 0 37 6 41 15 4 10-1 15-15 15-16 0-19 4-14 18 18 48 35 148 41 245 4 59 8 107 9 107s52-18 114-40c182-65 359-86 507-59 78 14 254 71 254 82 0 6-25 7-58 3-116-13-94 5 75 62 166 57 166 57 215 130 150 222 215 497 189 800-6 68-9 127-6 132 3 4-3 18-13 31s-31 56-46 94c-68 172-199 348-336 450-33 25-143 85-155 85-3 0 13-27 36-60zm434-1211c-21-82-125-297-147-307-5-2-8-9-8-15 0-7-10-18-22-26-36-23-298-111-352-119-51-7-51-7-51-49s0-42-64-49c-91-10-223 1-311 26-93 26-231 80-226 89 8 12 208 105 275 128 25 8 96 37 156 65 141 63 143 64 320 138 83 34 168 70 190 80s76 32 120 50c44 17 91 37 105 44s26 12 28 10c2-1-4-30-13-65z"},"children":[]},{"type":"path","props":{"d":"M340 2611c-11-21-14-181-4-218 4-13 13-23 20-23 11 0 14 26 14 130 0 127-7 153-30 111zM345 2304c16-133 93-372 123-382 21-7 14 49-18 129-30 78-70 239-70 284 0 19-5 25-21 25-20 0-21-3-14-56zM490 1861c0-5 23-43 50-85 57-84 135-159 224-214 60-37 60-37 25-43-19-4-26-7-16-8 9 0 17-8 17-16 0-11 11-15 40-15 39 0 40 1 40 35 0 25-5 38-17 42-10 4-24 13-31 20s-20 13-28 13-14 5-14 10c0 6-6 10-14 10s-16 7-20 15c-3 8-15 15-26 15s-20 6-20 13c0 16-82 97-98 97-7 0-12 9-12 20s-4 20-10 20c-5 0-10 7-10 15s-4 15-9 15-12 11-15 25c-5 18-13 25-31 25-14 0-25-4-25-9zM2280 1634c0-16 12-22 68-31 86-15 194-45 208-58 6-5 35-21 65-35s56-28 57-32c2-5 8-8 13-8s17-8 27-18c15-15 16-21 6-30-7-7-22-12-34-12-11 0-20-4-20-10 0-5-9-10-19-10-30 0-51-11-51-26 0-8-10-14-24-14s-31-6-38-14c-8-7-24-17-36-20-12-4-22-14-22-22s-8-14-18-14c-20 0-72-49-72-68 0-7-4-12-10-12-5 0-10-13-10-30 0-18-5-30-13-30-12 0-57-130-57-165 0-8-4-15-9-15s-17-20-28-45c-10-25-21-45-25-45-5 0-8-9-8-20s-6-20-13-20c-16 0-67-52-67-68 0-7-9-12-20-12s-20-4-20-8-16-14-35-21-35-19-35-27c0-9-11-14-30-14-16 0-30-3-30-8 0-4-23-13-52-20-59-14-108-54-108-88 0-16-7-24-22-26s-24-11-26-25c-2-13-10-23-18-23s-14-7-14-15-4-15-10-15c-5 0-10-9-10-20 0-30 33-25 52 8 31 53 137 160 165 166 16 4 70 27 121 52 163 79 241 180 306 396 22 72 34 96 76 142 56 61 166 129 284 177 42 17 76 36 76 42 0 24-87 90-173 131-96 46-205 80-294 92-48 6-53 5-53-12zM640 1512c0-5 15-26 33-48 18-21 54-68 79-105 25-36 53-71 62-78 14-12 16-9 16 24 0 28-5 38-20 42-11 3-20 14-20 24 0 11-4 19-10 19-5 0-10 7-10 15s-4 15-10 15c-5 0-10 7-10 15s-9 15-20 15c-15 0-20 7-20 25 0 14-8 29-19 35-24 12-51 13-51 2zM870 1229c42-37 132-99 142-99 5 0 8 11 8 25 0 16-6 25-15 25-8 0-15 5-15 10 0 6-7 10-15 10s-15 5-15 10c0 6-11 10-25 10-18 0-25 5-25 20 0 17-7 20-37 20-38-1-38-1-3-31z"},"children":[]},{"type":"path","props":{"d":"M2034 1195c-109-55-168-152-138-229 10-27 68-21 84 8 17 32 77 74 178 125 82 41 82 41 82 81s0 40-78 40c-63 0-87-5-128-25zM1030 1130c0-5 14-17 30-25 33-17 34-15-16-85-39-56-71-118-95-187-18-53-18-53 6-53 19 0 25 8 36 50 7 28 16 50 20 50s15 20 26 45c10 25 21 45 26 45 4 0 7 7 7 15s5 15 10 15c6 0 10 9 10 20s7 20 15 20c10 0 15 11 15 35 0 19-4 35-10 35-5 0-10 7-10 15 0 10-11 15-35 15-19 0-35-4-35-10zM3275 918c-50-53-50-53 3-3 28 27 52 51 52 52 0 8-9-1-55-49z"},"children":[]}]},{"type":"g","props":{"fill":"#999","style":{"transform":"none"}},"children":[{"type":"path","props":{"fill":"url(#a)","d":"M766 3321c-37-41-48-272-21-439 69-426 448-742 891-742 94 0 94 0 94 35 0 24-7 41-22 53-59 48-98 85-98 95 0 6 7 1 16-11 8-12 21-22 27-22 7 0 18-9 25-20s16-20 22-20c5 0 21-11 36-25s33-25 40-25c8 0 14-4 14-9 0-16 295-191 322-191 4 0 8 7 8 15 0 20 7 19 86-13 156-64 224-77 409-77 169 1 171 1 275 37 105 36 105 36 2 37-106 1-130 14-45 24 27 3 116 29 198 59 150 53 150 53 188 108 63 92 125 229 152 339 14 57 24 111 22 120-4 13-5 13-6-2 0-10-6-15-12-12-5 4-33-4-62-18s-88-40-132-57-98-40-120-50-107-46-190-80c-177-74-179-75-320-138-60-28-131-57-156-65-44-15-115-47-243-109-32-15-65-28-73-28-9 0-13-6-10-14 4-10 1-13-8-9-8 3-12 10-8 16 3 6 1 7-6 3-24-15-271 147-450 297-45 37-83 67-86 67-6 0 4-54 16-97 15-49 65-111 115-142 44-29 44-29 15-33-84-12-337 41-327 69 3 7 2 13-3 13-4 0-28 28-52 62-39 56-183 235-199 248-3 3-32 37-65 75-189 226-223 259-226 218-1-10-7 11-15 47-17 82-17 263 0 358 7 39 9 72 6 72-4 0-14-8-24-19z"},"children":[]},{"type":"path","props":{"d":"M345 2328c14-105 47-234 85-333 41-104 122-245 160-280 21-19 21-19 18 20-2 33-7 41-25 43-18 3-23 10-23 33 0 19-5 29-15 29-8 0-15 9-15 20 0 24-41 110-52 110-4 0-8 11-8 25s-4 25-10 25c-5 0-10 7-10 15s-12 54-26 102c-14 49-30 123-37 166-9 65-14 77-30 77-17 0-18-5-12-52zM2080 1847c0-18-9-67-20-108s-20-86-20-101c0-28 0-28 75-28 68 0 75 2 75 20s-7 20-60 20c-58 0-60 1-50 20 12 22 40 158 40 191 0 12-7 19-20 19-16 0-20-7-20-33zM670 1635c7-8 45-36 84-62 39-25 74-49 78-52 4-4-23-5-61-3-61 4-70 2-74-14-4-17-5-17-6-1-1 11-9 17-26 17-30 0-29-3 25-73 19-26 39-47 44-47 4 0 6 18 4 40-4 40-4 40 69 40s73 0 73 35c0 24-5 35-15 35-8 0-15 5-15 10 0 6-11 10-25 10-16 0-25 6-25 15 0 8-7 15-15 15s-15 5-15 10c0 6-9 10-20 10s-20 7-20 15c0 11-11 15-36 15-31 0-35-2-24-15zM2240 1633c0-18 9-21 69-27 73-6 257-61 279-83 7-7 27-13 43-13 19 0 29-5 29-15 0-8 7-15 15-15s15-4 15-10c0-5 9-10 20-10s20-6 20-14-9-18-20-21-20-11-20-16-11-9-25-9c-16 0-25-6-25-15s-9-15-24-15c-35 0-56-10-56-26 0-8-10-14-25-14s-25-6-25-14c0-9-12-16-27-18-24-3-29-8-31-37-4-35-4-35 30-9 54 41 153 95 233 129 41 17 77 34 80 39 11 17-77 85-170 131-107 52-210 83-318 94-62 7-67 6-67-12zM762 1348c41-60 124-136 203-187 43-28 83-51 90-51s18-7 25-15c9-11 7-21-13-47-62-81-146-265-132-288 3-6 12-10 20-10 15 0 55 109 55 152 0 21 5 28 20 28 13 0 22 9 26 25 3 14 10 25 15 25s9 7 9 15 5 15 10 15c6 0 10 9 10 20s6 20 14 20c17 0 26 22 26 61 0 24-4 29-25 29-25 0-98 30-103 43-2 4-10 7-18 7s-14 5-14 10c0 6-6 10-14 10s-16 7-20 15c-3 8-15 15-26 15s-20 6-20 13c0 19-63 77-83 77-11 0-17 8-17 25 0 21-5 25-31 25-30 0-30 0-7-32zM2098 1223c-16-2-28-9-28-14s-11-9-25-9-25-4-25-10c0-5-7-10-15-10s-15-4-15-10c0-5-6-10-13-10-14 0-57-44-57-59 0-5-5-11-12-13-6-2-13-31-16-66-4-62-4-62 42-62 33 0 46 4 46 14 0 8 7 16 15 20 8 3 15 12 15 21 0 8 9 15 20 15s20 4 20 9 11 12 25 15c18 5 25 13 25 31 0 14-4 25-9 25-19 0-128-81-141-105-21-39-35-6-16 38 30 74 144 147 227 147 60 0 68-12 24-33-43-20-45-37-5-37 53 0 80 19 80 57 0 30-3 33-30 33-16 0-30 5-30 10 0 10-48 11-102 3zM2380 1209c0-6-7-17-15-25-8-9-15-26-15-39s-3-25-8-27c-11-5-52-140-52-172 0-55 25-19 61 86 19 59 47 125 62 147 27 41 27 41-3 41-16 0-30-5-30-11zM2240 876c0-8-5-16-11-18s-9-19-7-38c3-35 3-35 36 9 39 53 40 61 7 61-15 0-25-6-25-14zM2120 750c0-5-7-10-15-10s-15-9-15-20c0-15-7-20-27-20-14 0-59-12-99-27-61-23-74-32-74-50 0-23 0-23 73 3 76 28 195 93 217 118 11 14 8 16-24 16-20 0-36-4-36-10zM1342 584c-25-17-30-44-8-44 8 0 16-7 20-15 3-8 11-15 18-15s25-7 41-14c15-8 27-11 27-7 0 5 26 12 58 15 31 3 92 12 135 18 77 12 77 12 77 45s0 33-173 33c-140 0-177-3-195-16zM1807 573c-4-3-7-17-7-30 0-17-6-23-21-23-12 0-23-8-26-20-3-11-9-20-14-20s-9-13-9-30c0-16 4-30 8-30 5 0 31 28 58 62 83 106 79 98 46 98-16 0-32-3-35-7z"},"children":[]}]},{"type":"g","props":{"fill":"#CCC","style":{"transform":"none"}},"children":[{"type":"path","props":{"d":"M767 3320c-14-16-30-30-34-30-18 0-70-67-86-110-36-100-47-174-47-330 0-234 42-399 154-604 101-186 288-396 442-498 108-72 267-145 379-175 88-23 120-26 265-27 133 0 171 3 195 16 46 24 150 48 211 48 40 0 54 4 54 14 0 22-51 29-147 21-82-7-86-7-79 11 24 61 38 144 43 255 6 126 6 126-83 173-118 63-236 142-357 240-153 124-147 120-147 104 0-70 65-175 135-218 19-12 35-26 35-31 0-14-119-11-208 6-366 70-658 366-717 727-23 142-16 332 16 407 15 35 5 36-24 1zM350 2631c-16-31-12-51 10-51 16 0 20 7 20 35 0 39-14 46-30 16zM340 2403c0-51 29-208 55-296 30-103 79-217 94-217 20 0 11 52-24 139-42 105-73 231-82 329-5 61-9 72-24 72-14 0-19-7-19-27zM490 1874c0-14 62-112 94-149 35-40 35-40 36-2 0 30-3 37-20 37-15 0-20 7-20 25 0 16-6 25-15 25-8 0-15 9-15 19 0 35-12 51-36 51-13 0-24-3-24-6zM656 1649c10-12 59-48 108-80 73-48 85-59 63-59-15 0-27-4-27-9 0-12 26-21 61-21 26 0 29 3 29 34 0 35-13 46-51 46-10 0-19 7-19 15s-7 15-15 15-15 5-15 10c0 6-7 10-15 10s-15 5-15 10c0 6-8 10-19 10-10 0-21 9-24 20-4 16-14 20-43 20-37 0-37 0-18-21zM2320 1622c0-20 38-32 103-32 15 0 27-4 27-10 0-5 14-10 30-10 17 0 30-4 30-10 0-5 11-10 25-10s25-4 25-10c0-5 14-10 30-10 19 0 30-5 30-14 0-16 21-26 56-26 17 0 24-6 24-20 0-15 7-20 26-20 23 0 24-2 10-15-8-8-20-15-27-15-8 0-33-7-56-16-29-12-43-23-43-35 0-15-8-19-35-19-24 0-35-5-35-15 0-9-9-15-25-15-20 0-25-5-25-25 0-14 2-25 5-25s40 20 83 44c42 25 107 57 145 72 37 15 67 33 67 40 0 22-81 83-164 123s-188 74-263 86c-38 6-43 5-43-13zM650 1510c0-5 12-24 28-42 15-18 44-58 65-89s47-65 57-74c20-18 20-17 20 19 0 29-4 39-20 43-11 3-20 14-20 24 0 11-4 19-9 19s-12 11-15 25c-5 18-13 25-31 25-14 0-25 5-25 10 0 6 14 10 30 10 36 0 41 25 8 34-35 9-88 7-88-4zM860 1245c0-9 125-97 172-121 29-14 54-21 65-17 17 7 17 6 1-17-96-136-156-262-165-345-2-22-6-101-9-176-5-137-5-137 93-118 100 18 230 55 248 69 6 5 28 11 50 15s46 12 53 18c7 5 22 11 35 12 12 1 28 3 35 4 23 2 12 27-20 46-22 13-58 20-113 23-70 4-90 1-145-21-35-15-65-25-67-23-5 5 90 142 152 221 41 52 55 78 55 102 0 31-2 33-36 33-42 0-68 12-111 53-32 30-43 57-23 57 6 0 10 15 10 34 0 29-4 36-31 45-18 6-43 11-55 11-15 0-24 6-24 15 0 8-7 15-15 15s-15 5-15 10c0 6-7 10-15 10s-15 5-15 10c0 6-9 10-20 10s-20 7-20 15c0 10-11 15-35 15-19 0-35-2-35-5zM2073 1219c-18-5-33-14-33-19 0-6-9-10-20-10s-20-4-20-10c0-5-7-10-15-10-10 0-15-10-15-30 0-27-3-30-30-30-23 0-30-4-30-20 0-11-4-20-10-20-5 0-10-16-10-35s5-35 10-35c6 0 10-11 10-25 0-22 4-25 35-25s36 3 42 30c4 21 11 30 25 30 10 0 21 7 24 15 4 8 12 15 20 15s14 7 14 15 9 15 20 15c24 0 110 41 110 52 0 4 11 8 25 8 23 0 25 4 25 44 0 37-4 45-22 50-33 8-118 6-155-5zm136-34c20-6 8-15-80-58-69-34-120-67-151-98-50-50-64-49-53 3 13 58 114 138 200 159 30 7 41 6 84-6zM2370 1180c0-20-5-30-15-30s-15-10-15-30c0-16-4-30-8-30s-21-40-37-90c-17-49-33-90-37-90-5 0-8-7-8-15s-4-15-10-15c-5 0-10-7-10-15s-4-15-10-15c-5 0-10-16-10-36 0-23 4-33 11-28 30 18 92 137 124 238 20 61 47 128 61 149 24 37 24 37-6 37-27 0-30-3-30-30zM2130 760c0-5-7-10-15-10s-15-4-15-8-16-14-35-21-35-17-35-22-9-9-20-9-20-4-20-10c0-5-9-10-20-10s-43-9-72-20c-54-21-190-40-285-40-39 0-53-4-53-14 0-8-6-17-12-19-7-3 21-6 62-7 75-2 75-2 5-15-38-7-100-16-137-20-38-4-68-11-68-16s11-26 24-47c13-20 27-50 30-67 28-156 22-148 86-114 32 17 86 53 119 80 34 27 65 49 70 49 4 0 20 17 34 38 14 20 47 62 75 92 42 48 62 60 134 88 80 30 198 97 212 121 5 7-5 11-28 11-20 0-36-4-36-10z"},"children":[]}]},{"type":"path","props":{"fill":"#FFF","d":"M683 3248c-106-109-293-406-293-464 0-10-6-36-14-59-32-91-39-154-33-280 11-213 53-377 144-562 73-149 164-245 317-337 60-36 60-36-48-36-109 0-109 0-82-33 14-17 41-54 59-82 82-123 257-268 340-282 20-3 37-8 37-12 0-3-10-19-23-35-23-29-23-29 17-73 49-54 68-65 124-73 42-5 42-5-13-75-109-137-218-315-203-331 4-3 53 16 110 42 91 43 111 49 168 49 48 0 74-5 95-19 26-17 41-18 169-12 229 11 309 22 403 57 223 82 308 167 382 383 22 63 45 126 52 138 36 71 192 182 332 238 31 12 60 27 63 32 20 32-197 157-336 193-101 26-263 31-346 10-38-9-82-24-99-33-23-12-60-16-165-15-167 1-284 28-439 103-141 69-230 129-335 230-210 201-364 469-417 725-24 113-25 312-4 405 17 73 60 194 81 228 23 35 2 26-43-20zm1539-2066c5-5-24-25-78-51-101-48-180-103-189-131-8-24-23-26-31-5-22 55 67 152 175 192 38 14 107 11 123-5z","style":{"transform":"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 Elysiajs = forwardRef(
   function Elysiajs({ 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 Elysiajs = 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/emacs.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"g","props":{"fill":"none"},"children":[{"type":"rect","props":{"width":"256","height":"256","fill":"url(#skillIconsEmacs0)","rx":"60"},"children":[]},{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M86.53 227.747s11.67.822 26.684-.496c6.08-.533 29.165-2.791 46.424-6.561c0 0 21.043-4.484 32.301-8.616c11.779-4.322 18.189-7.991 21.074-13.19c-.126-1.065.888-4.842-4.544-7.111c-13.888-5.801-29.994-4.752-61.866-5.425c-35.343-1.209-47.101-7.1-53.364-11.845c-6.006-4.813-2.986-18.13 22.748-29.86c12.963-6.247 63.78-17.774 63.78-17.774c-17.114-8.424-49.027-23.233-55.587-26.431c-5.753-2.804-14.96-7.028-16.956-12.137c-2.263-4.905 5.344-9.13 9.593-10.34c13.684-3.931 33.003-6.374 50.585-6.648c8.838-.138 10.272-.704 10.272-.704c12.195-2.015 20.222-10.323 16.878-23.48c-3.003-13.431-18.839-21.323-33.888-18.59c-14.171 2.572-48.328 12.452-48.328 12.452c42.22-.364 49.287.338 52.443 4.732c1.864 2.595-.847 6.153-12.107 7.985c-12.259 1.993-37.741 4.394-37.741 4.394c-24.445 1.446-41.665 1.543-46.83 12.431c-3.373 7.114 3.599 13.403 6.654 17.34c12.914 14.301 31.567 22.014 43.573 27.694c4.518 2.137 17.773 6.173 17.773 6.173c-38.951-2.134-67.05 9.777-83.531 23.49c-18.642 17.171-10.396 37.637 27.796 50.239c22.558 7.443 33.745 10.944 67.393 7.927c19.819-1.064 22.943-.431 23.141 1.188c.278 2.28-22.014 7.944-28.099 9.692c-15.483 4.447-56.068 13.427-56.271 13.471","clipRule":"evenodd"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"skillIconsEmacs0","x1":"0","x2":"256","y1":"0","y2":"256","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#8381C5"},"children":[]},{"type":"stop","props":{"offset":".615","stopColor":"#7E55B3"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A52ECB"},"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 Emacs = react_1.forwardRef(function Emacs({ 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 Emacs = react_1.forwardRef(function Emacs({ 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));
       })
   );
 });