@thesvg/react 3.2.2 → 3.2.4

package/dist/relagit.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, light, dark, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 214 254","fill":"none","childNodes":[{"type":"mask","props":{"id":"a","width":"214","height":"254","x":"0","y":"0","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 .5h214v253H0V.5Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#a)"},"children":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M-.5.5h38v128.222c18.536-11.478 42.665-17.28 71-17.28 27.241 0 42.879-6.582 51.947-15.807 9.128-9.287 15.053-24.756 15.053-50.158V.5h38v44.977c0 30.568-7.075 57.577-25.947 76.775-18.932 19.261-46.294 27.171-79.053 27.171-27.227 0-45.08 6.481-55.707 14.889C42.628 172.355 37.5 183.34 37.5 196.898V253.5h-38V.5Z","clipRule":"evenodd"},"children":[]},{"type":"mask","props":{"id":"b","width":"168","height":"127","x":"45","y":"127","maskUnits":"userSpaceOnUse","style":{"maskType":"alpha"}},"children":[{"type":"path","props":{"fill":"#000","d":"M193 127.848c-21.526 21.282-51.515 29.485-85.5 29.485-25.981 0-41.758 6.191-50.431 13.054C49.063 176.723 45 185.191 45 196.312V253.5h168V127.641l-20 .207Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#b)"},"children":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M113.631 193.786c-9.102-7.888-19.154-22.171-19.631-38.866l38-.5c.023.796.346 5.316 6.525 10.671 4.962 4.3 11.089 8.268 18.779 13.248 2.208 1.43 4.544 2.943 7.019 4.572C183.619 195.609 213 216.211 213 253.5h-38c0-14.684-10.619-25.078-31.573-38.867-1.738-1.143-3.581-2.333-5.488-3.565-8.001-5.166-17.125-11.057-24.308-17.282Z","clipRule":"evenodd","opacity":".6"},"children":[]}]}]}]},"light":{"viewBox":"0 0 214 254","fill":"none","childNodes":[{"type":"mask","props":{"id":"a","width":"214","height":"254","x":"0","y":"0","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 .5h214v253H0V.5Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#a)"},"children":[{"type":"path","props":{"fill":"#000","fillRule":"evenodd","d":"M-.5.5h38v128.222c18.536-11.478 42.665-17.28 71-17.28 27.241 0 42.879-6.582 51.947-15.807 9.128-9.287 15.053-24.756 15.053-50.158V.5h38v44.977c0 30.568-7.075 57.577-25.947 76.775-18.932 19.261-46.294 27.171-79.053 27.171-27.227 0-45.08 6.481-55.707 14.889C42.628 172.355 37.5 183.34 37.5 196.898V253.5h-38V.5Z","clipRule":"evenodd"},"children":[]},{"type":"mask","props":{"id":"b","width":"168","height":"127","x":"45","y":"127","maskUnits":"userSpaceOnUse","style":{"maskType":"alpha"}},"children":[{"type":"path","props":{"fill":"#000","d":"M193 127.848c-21.526 21.282-51.515 29.485-85.5 29.485-25.981 0-41.758 6.191-50.431 13.054C49.063 176.723 45 185.191 45 196.312V253.5h168V127.641l-20 .207Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#b)"},"children":[{"type":"path","props":{"fill":"#000","fillRule":"evenodd","d":"M113.631 193.786c-9.102-7.888-19.154-22.171-19.631-38.866l38-.5c.023.796.346 5.316 6.525 10.671 4.962 4.3 11.089 8.268 18.779 13.248 2.208 1.43 4.544 2.943 7.019 4.572C183.619 195.609 213 216.211 213 253.5h-38c0-14.684-10.619-25.078-31.573-38.867-1.738-1.143-3.581-2.333-5.488-3.565-8.001-5.166-17.125-11.057-24.308-17.282Z","clipRule":"evenodd","opacity":".6"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 214 254","fill":"none","childNodes":[{"type":"mask","props":{"id":"a","width":"214","height":"254","x":"0","y":"0","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M0 .5h214v253H0V.5Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#a)"},"children":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M-.5.5h38v128.222c18.536-11.478 42.665-17.28 71-17.28 27.241 0 42.879-6.582 51.947-15.807 9.128-9.287 15.053-24.756 15.053-50.158V.5h38v44.977c0 30.568-7.075 57.577-25.947 76.775-18.932 19.261-46.294 27.171-79.053 27.171-27.227 0-45.08 6.481-55.707 14.889C42.628 172.355 37.5 183.34 37.5 196.898V253.5h-38V.5Z","clipRule":"evenodd"},"children":[]},{"type":"mask","props":{"id":"b","width":"168","height":"127","x":"45","y":"127","maskUnits":"userSpaceOnUse","style":{"maskType":"alpha"}},"children":[{"type":"path","props":{"fill":"#000","d":"M193 127.848c-21.526 21.282-51.515 29.485-85.5 29.485-25.981 0-41.758 6.191-50.431 13.054C49.063 176.723 45 185.191 45 196.312V253.5h168V127.641l-20 .207Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#b)"},"children":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M113.631 193.786c-9.102-7.888-19.154-22.171-19.631-38.866l38-.5c.023.796.346 5.316 6.525 10.671 4.962 4.3 11.089 8.268 18.779 13.248 2.208 1.43 4.544 2.943 7.019 4.572C183.619 195.609 213 216.211 213 253.5h-38c0-14.684-10.619-25.078-31.573-38.867-1.738-1.143-3.581-2.333-5.488-3.565-8.001-5.166-17.125-11.057-24.308-17.282Z","clipRule":"evenodd","opacity":".6"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 1959 512","fill":"none","childNodes":[{"type":"mask","props":{"id":"a","width":"347","height":"410","x":"0","y":"51","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M346.872 51.787H0v408.427h346.872V51.787Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#a)"},"children":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M-.81 51.363h61.594v206.994c30.045-18.53 69.156-27.896 115.084-27.896 44.155 0 69.502-10.626 84.2-25.518 14.797-14.992 24.4-39.964 24.4-80.973V51.363h61.595v72.607c0 49.348-11.47 92.949-42.057 123.942-30.688 31.093-75.039 43.862-128.138 43.862-44.132 0-73.07 10.462-90.294 24.036-16.477 12.984-24.79 30.718-24.79 52.605v91.374H-.81V51.363Z","clipRule":"evenodd"},"children":[]},{"type":"mask","props":{"id":"b","width":"274","height":"204","x":"72","y":"256","maskUnits":"userSpaceOnUse","style":{"maskType":"alpha"}},"children":[{"type":"path","props":{"fill":"#000","d":"M312.834 256.945c-34.892 34.356-83.501 47.598-138.587 47.598-42.113 0-67.685 9.996-81.743 21.074-12.978 10.228-19.563 23.901-19.563 41.854v92.318h272.312V256.611l-32.419.334Z"},"children":[]}]},{"type":"g","props":{"mask":"url(#b)"},"children":[{"type":"path","props":{"fill":"#fff","fillRule":"evenodd","d":"M184.185 363.391c-14.753-12.734-31.047-35.791-31.82-62.743l61.594-.806c.037 1.284.56 8.58 10.577 17.225 8.042 6.942 17.973 13.348 30.437 21.388 3.579 2.309 7.367 4.75 11.378 7.379 31.277 20.5 78.899 53.76 78.899 113.955h-61.593c0-23.704-17.212-40.484-51.176-62.742-2.817-1.846-5.805-3.768-8.896-5.757-12.969-8.341-27.758-17.851-39.4-27.899Z","clipRule":"evenodd","opacity":".6"},"children":[]}]}]},{"type":"path","props":{"fill":"#fff","d":"M639.043 409.6V107.036h117.643c20.548 0 38.374 3.774 53.471 11.322 15.1 7.549 26.703 18.242 34.809 32.081 8.249 13.838 12.372 30.263 12.372 49.274v.419c0 20.549-5.239 38.511-15.725 53.888-10.346 15.376-24.604 26.139-42.777 32.29l67.729 123.29h-54.31l-61.651-115.951h-64.588V409.6h-46.973Zm46.973-154.742h66.055c18.034 0 32.014-4.682 41.942-14.048 9.923-9.505 14.885-22.925 14.885-40.258v-.42c0-16.634-5.242-29.704-15.725-39.209-10.346-9.645-24.535-14.468-42.569-14.468h-64.588v108.403Zm304.693 159.145c-21.529 0-40.125-4.611-55.781-13.837-15.516-9.368-27.472-22.577-35.859-39.632-8.246-17.193-12.372-37.391-12.372-60.595v-.21c0-22.924 4.195-42.984 12.583-60.177 8.388-17.334 20.201-30.753 35.437-40.258 15.239-9.645 33.135-14.468 53.683-14.468 20.69 0 38.45 4.613 53.26 13.839 14.96 9.086 26.5 22.016 34.6 38.79 8.11 16.634 12.17 35.995 12.17 58.081v15.306H909.134v-32.081h157.276l-22.44 29.984v-17.613c0-15.516-2.38-28.376-7.13-38.58-4.61-10.344-11.11-18.032-19.5-23.065-8.25-5.032-17.824-7.548-28.729-7.548-10.766 0-20.413 2.656-28.939 7.968-8.527 5.312-15.239 13.14-20.132 23.484-4.892 10.204-7.337 22.784-7.337 37.741v17.613c0 14.258 2.375 26.49 7.129 36.693 4.893 10.065 11.814 17.824 20.759 23.275 8.946 5.311 19.501 7.967 31.665 7.967 8.944 0 16.844-1.328 23.694-3.983 6.85-2.795 12.51-6.429 16.99-10.904 4.61-4.612 7.83-9.715 9.64-15.304l.63-1.678h43.2l-.42 2.305c-1.82 8.668-5.24 16.986-10.27 24.953-5.04 7.967-11.61 15.165-19.72 21.596-7.96 6.29-17.4 11.251-28.3 14.888-10.91 3.634-23.07 5.45-36.491 5.45Zm134.411-4.403V107.036h45.51V409.6h-45.51Zm157.07 3.984c-14.68 0-27.54-2.795-38.59-8.387-11.04-5.592-19.64-13.421-25.79-23.483-6.15-10.065-9.23-21.669-9.23-34.806v-.419c0-12.863 3.22-23.905 9.65-33.131 6.43-9.365 15.73-16.774 27.89-22.226 12.3-5.451 27.12-8.666 44.45-9.645l83.47-5.032v31.871l-77.38 4.823c-13.56.838-24.05 4.123-31.46 9.854-7.27 5.592-10.9 13.071-10.9 22.435v.42c0 9.645 3.63 17.262 10.9 22.855 7.41 5.592 17.19 8.387 29.36 8.387 10.62 0 20.13-2.167 28.52-6.501 8.52-4.331 15.24-10.273 20.13-17.821 4.89-7.69 7.34-16.285 7.34-25.791v-65.629c0-12.161-3.78-21.667-11.32-28.516-7.56-6.989-18.39-10.484-32.51-10.484-13 0-23.49 2.796-31.45 8.387-7.83 5.592-12.73 12.791-14.68 21.597l-.42 1.887h-42.78l.21-2.306c1.12-12.721 5.38-24.113 12.79-34.178 7.41-10.204 17.68-18.242 30.83-24.113 13.14-5.871 28.73-8.806 46.76-8.806 18.03 0 33.62 3.005 46.76 9.016s23.35 14.468 30.62 25.371c7.27 10.903 10.9 23.693 10.9 38.371V409.6h-45.71v-34.806h-.84a73.062 73.062 0 0 1-16.78 20.758c-6.85 5.731-14.61 10.203-23.27 13.421-8.53 3.075-17.69 4.611-27.47 4.611Zm293.57 1.047c-21.67 0-41.24-3.634-58.71-10.901-17.34-7.27-32.15-17.755-44.46-31.453-12.16-13.698-21.53-30.264-28.1-49.693-6.57-19.43-9.85-41.307-9.85-65.629v-.21c0-31.871 5.73-59.338 17.19-82.403 11.47-23.064 27.75-40.887 48.86-53.468 21.11-12.58 45.99-18.871 74.65-18.871 23.49 0 44.04 4.194 61.65 12.581 17.62 8.247 32.02 19.57 43.2 33.968 11.19 14.398 18.87 30.753 23.07 49.064l.84 3.565h-48.44l-.84-2.307c-6.29-17.473-16.22-31.032-29.78-40.677-13.42-9.645-29.98-14.468-49.7-14.468-19.15 0-35.71 4.473-49.7 13.419-13.83 8.947-24.46 21.877-31.87 38.791-7.41 16.774-11.11 36.973-11.11 60.597v.209c0 18.033 2.17 34.248 6.5 48.645 4.33 14.259 10.55 26.419 18.66 36.484 8.25 10.065 18.11 17.752 29.57 23.063 11.46 5.315 24.39 7.971 38.79 7.971 16.36 0 30.76-3.217 43.2-9.646 12.58-6.431 22.37-15.376 29.36-26.838 7.13-11.603 10.76-25.023 10.9-40.259v-5.033h-79.26v-38.371h125.82v31.033c0 20.408-2.94 38.72-8.81 54.935-5.87 16.216-14.47 29.984-25.79 41.307-11.19 11.324-24.89 19.919-41.1 25.789-16.08 5.873-34.32 8.806-54.74 8.806Zm172.58-5.031V189.02h45.72V409.6h-45.72Zm22.86-254.548c-7.27 0-13.49-2.516-18.66-7.549-5.18-5.172-7.76-11.322-7.76-18.451 0-7.409 2.58-13.629 7.76-18.662 5.17-5.032 11.39-7.548 18.66-7.548 7.41 0 13.63 2.516 18.67 7.548 5.17 5.033 7.75 11.253 7.75 18.662 0 7.129-2.58 13.279-7.75 18.451-5.04 5.033-11.26 7.549-18.67 7.549Zm147 258.951c-21.81 0-38.1-4.892-48.86-14.676-10.63-9.926-15.94-25.93-15.94-48.016V225.084h-31.66V189.02h31.66v-57.452h46.56v57.452h41.31v36.064h-41.31v123.71c0 11.182 2.44 18.872 7.34 23.063 4.89 4.054 12.16 6.082 21.8 6.082 2.38 0 4.55-.07 6.5-.208 2.1-.281 3.99-.493 5.67-.631v35.017c-2.66.42-6.02.839-10.07 1.259-4.05.419-8.39.627-13 .627Z"},"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 Relagit = forwardRef(
   function Relagit({ 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 Relagit = 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/remix.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 297","fill":"currentColor","childNodes":[{"type":"path","props":{"d":"M141.675 0C218.047 0 256 36.35 256 94.414c0 43.43-26.707 71.753-62.785 76.474 30.455 6.137 48.259 23.604 51.54 58.065l.474 6.337.415 5.924.358 5.542.249 4.179.267 4.93.138 2.814.198 4.47.159 4.222.079 2.427.107 3.888.092 4.446.033 2.148.06 6.226.02 6.496v3.885h-78.758l.004-1.62.028-3.147.047-3.065.136-7.424.035-2.489.027-3.902-.004-2.496-.023-2.617-.032-2.054-.064-2.876-.094-3.05-.125-3.242-.16-3.455-.096-1.813-.16-2.833-.186-2.976-.287-4.204-.247-3.342a116.56 116.56 0 0 0-.247-3.02l-.202-1.934c-2.6-22.827-11.655-32.157-27.163-35.269l-1.307-.245a60.184 60.184 0 0 0-2.704-.408l-1.397-.164c-.236-.025-.472-.05-.71-.073l-1.442-.127-1.471-.103-1.502-.081-1.514-.058-1.544-.039-1.574-.018L0 198.74V136.9h127.62c2.086 0 4.108-.04 6.066-.12l1.936-.095 1.893-.122 1.85-.15c.305-.028.608-.056.909-.086l1.785-.193a86.3 86.3 0 0 0 3.442-.475l1.657-.28c20.709-3.755 31.063-14.749 31.063-36.2 0-24.075-16.867-38.666-50.602-38.666H0V0h141.675ZM83.276 250.785c10.333 0 14.657 5.738 16.197 11.23l.203.79.167.782.109.617.046.306.078.603.058.59.023.29.031.569.01.278.008.54v29.507H0v-46.102h83.276Z","fill":"#ffff","fillRule":"nonzero"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Remix"]},{"type":"path","props":{"d":"M21.511 18.508c.216 2.773.216 4.073.216 5.492H15.31c0-.309.006-.592.011-.878.018-.892.036-1.821-.109-3.698-.19-2.747-1.374-3.358-3.55-3.358H1.574v-5h10.396c2.748 0 4.122-.835 4.122-3.049 0-1.946-1.374-3.125-4.122-3.125H1.573V0h11.541c6.221 0 9.313 2.938 9.313 7.632 0 3.511-2.176 5.8-5.114 6.182 2.48.497 3.93 1.909 4.198 4.694ZM1.573 24v-3.727h6.784c1.133 0 1.379.84 1.379 1.342V24Z"},"children":[]}]},"light":{"viewBox":"0 0 256 297","fill":"currentColor","childNodes":[{"type":"path","props":{"d":"M141.675 0C218.047 0 256 36.35 256 94.414c0 43.43-26.707 71.753-62.785 76.474 30.455 6.137 48.259 23.604 51.54 58.065l.474 6.337.415 5.924.358 5.542.249 4.179.267 4.93.138 2.814.198 4.47.159 4.222.079 2.427.107 3.888.092 4.446.033 2.148.06 6.226.02 6.496v3.885h-78.758l.004-1.62.028-3.147.047-3.065.136-7.424.035-2.489.027-3.902-.004-2.496-.023-2.617-.032-2.054-.064-2.876-.094-3.05-.125-3.242-.16-3.455-.096-1.813-.16-2.833-.186-2.976-.287-4.204-.247-3.342a116.56 116.56 0 0 0-.247-3.02l-.202-1.934c-2.6-22.827-11.655-32.157-27.163-35.269l-1.307-.245a60.184 60.184 0 0 0-2.704-.408l-1.397-.164c-.236-.025-.472-.05-.71-.073l-1.442-.127-1.471-.103-1.502-.081-1.514-.058-1.544-.039-1.574-.018L0 198.74V136.9h127.62c2.086 0 4.108-.04 6.066-.12l1.936-.095 1.893-.122 1.85-.15c.305-.028.608-.056.909-.086l1.785-.193a86.3 86.3 0 0 0 3.442-.475l1.657-.28c20.709-3.755 31.063-14.749 31.063-36.2 0-24.075-16.867-38.666-50.602-38.666H0V0h141.675ZM83.276 250.785c10.333 0 14.657 5.738 16.197 11.23l.203.79.167.782.109.617.046.306.078.603.058.59.023.29.031.569.01.278.008.54v29.507H0v-46.102h83.276Z","fill":"#121212","fillRule":"nonzero"},"children":[]}]},"dark":{"viewBox":"0 0 256 297","fill":"currentColor","childNodes":[{"type":"path","props":{"d":"M141.675 0C218.047 0 256 36.35 256 94.414c0 43.43-26.707 71.753-62.785 76.474 30.455 6.137 48.259 23.604 51.54 58.065l.474 6.337.415 5.924.358 5.542.249 4.179.267 4.93.138 2.814.198 4.47.159 4.222.079 2.427.107 3.888.092 4.446.033 2.148.06 6.226.02 6.496v3.885h-78.758l.004-1.62.028-3.147.047-3.065.136-7.424.035-2.489.027-3.902-.004-2.496-.023-2.617-.032-2.054-.064-2.876-.094-3.05-.125-3.242-.16-3.455-.096-1.813-.16-2.833-.186-2.976-.287-4.204-.247-3.342a116.56 116.56 0 0 0-.247-3.02l-.202-1.934c-2.6-22.827-11.655-32.157-27.163-35.269l-1.307-.245a60.184 60.184 0 0 0-2.704-.408l-1.397-.164c-.236-.025-.472-.05-.71-.073l-1.442-.127-1.471-.103-1.502-.081-1.514-.058-1.544-.039-1.574-.018L0 198.74V136.9h127.62c2.086 0 4.108-.04 6.066-.12l1.936-.095 1.893-.122 1.85-.15c.305-.028.608-.056.909-.086l1.785-.193a86.3 86.3 0 0 0 3.442-.475l1.657-.28c20.709-3.755 31.063-14.749 31.063-36.2 0-24.075-16.867-38.666-50.602-38.666H0V0h141.675ZM83.276 250.785c10.333 0 14.657 5.738 16.197 11.23l.203.79.167.782.109.617.046.306.078.603.058.59.023.29.031.569.01.278.008.54v29.507H0v-46.102h83.276Z","fill":"#ffff","fillRule":"nonzero"},"children":[]}]},"wordmark":{"viewBox":"0 0 745 186","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_3_140)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M151.379 140.512C153.018 161.564 153.018 171.433 153.018 182.204H104.306C104.306 179.858 104.348 177.712 104.39 175.535C104.522 168.769 104.66 161.714 103.564 147.466C102.115 126.606 93.1311 121.971 76.6131 121.971H61.9787H0V84.0178H78.9314C99.7963 84.0178 110.229 77.6712 110.229 60.8676C110.229 46.0921 99.7963 37.138 78.9314 37.138H0V0H87.6251C134.861 0 158.334 22.3082 158.334 57.9433C158.334 84.5972 141.816 101.98 119.502 104.877C138.338 108.644 149.35 119.363 151.379 140.512Z","fill":"url(#paint0_linear_3_140)"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M151.379 140.512C153.018 161.564 153.018 171.433 153.018 182.204H104.306C104.306 179.858 104.348 177.712 104.39 175.535C104.522 168.769 104.66 161.714 103.564 147.466C102.115 126.606 93.1311 121.971 76.6131 121.971H61.9787H0V84.0178H78.9314C99.7963 84.0178 110.229 77.6712 110.229 60.8676C110.229 46.0921 99.7963 37.138 78.9314 37.138H0V0H87.6251C134.861 0 158.334 22.3082 158.334 57.9433C158.334 84.5972 141.816 101.98 119.502 104.877C138.338 108.644 149.35 119.363 151.379 140.512Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M0 182.204V153.912H51.5056C60.1087 153.912 61.9767 160.292 61.9767 164.097V182.204H0Z","fill":"url(#paint1_linear_3_140)"},"children":[]},{"type":"path","props":{"d":"M0 182.204V153.912H51.5056C60.1087 153.912 61.9767 160.292 61.9767 164.097V182.204H0Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M0 182.207V153.914H51.5062C60.1094 153.914 61.9774 160.294 61.9774 164.099V182.207H0Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M740.943 53.3079H692.548L670.523 84.0182L649.079 53.3079H597.206L643.862 116.757L593.148 182.523H641.544L667.335 147.467L693.127 182.523H745L693.996 114.728L740.943 53.3079Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M259.716 136.458C255.369 146.598 247.255 150.944 234.504 150.944C220.304 150.944 208.713 143.411 207.553 127.477H298.259V114.439C298.259 79.3831 275.365 49.8317 232.186 49.8317C191.905 49.8317 161.766 79.0934 161.766 119.944C161.766 161.084 191.325 186 232.765 186C266.961 186 290.724 169.486 297.389 139.935L259.716 136.458ZM208.133 104.878C209.872 92.7102 216.537 83.4392 231.606 83.4392C245.516 83.4392 253.051 93.2897 253.631 104.878H208.133Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M436.111 75.327C430.604 60.2616 418.723 49.8317 395.829 49.8317C376.413 49.8317 362.503 58.5233 355.548 72.7196V53.3083H308.602V182.523H355.548V119.075C355.548 99.6635 361.054 86.9158 376.413 86.9158C390.613 86.9158 394.091 96.1869 394.091 113.86V182.523H441.037V119.075C441.037 99.6635 446.253 86.9158 461.902 86.9158C476.102 86.9158 479.29 96.1869 479.29 113.86V182.523H526.236V101.402C526.236 74.4579 515.804 49.8317 480.159 49.8317C458.425 49.8317 443.066 60.841 436.111 75.327Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M541.591 53.3085V182.524H588.538V53.3085H541.591ZM541.301 41.1402H588.827V0H541.301V41.1402Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear_3_140","x1":"79.1669","y1":"0","x2":"79.1669","y2":"182.204","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint1_linear_3_140","x1":"30.9883","y1":"153.912","x2":"30.9883","y2":"182.204","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]},{"type":"clipPath","props":{"id":"clip0_3_140"},"children":[{"type":"rect","props":{"width":"745","height":"186","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 Remix = react_1.forwardRef(function Remix({ 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 Remix = react_1.forwardRef(function Remix({ 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/remix.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, light, dark, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 297","fill":"currentColor","childNodes":[{"type":"path","props":{"d":"M141.675 0C218.047 0 256 36.35 256 94.414c0 43.43-26.707 71.753-62.785 76.474 30.455 6.137 48.259 23.604 51.54 58.065l.474 6.337.415 5.924.358 5.542.249 4.179.267 4.93.138 2.814.198 4.47.159 4.222.079 2.427.107 3.888.092 4.446.033 2.148.06 6.226.02 6.496v3.885h-78.758l.004-1.62.028-3.147.047-3.065.136-7.424.035-2.489.027-3.902-.004-2.496-.023-2.617-.032-2.054-.064-2.876-.094-3.05-.125-3.242-.16-3.455-.096-1.813-.16-2.833-.186-2.976-.287-4.204-.247-3.342a116.56 116.56 0 0 0-.247-3.02l-.202-1.934c-2.6-22.827-11.655-32.157-27.163-35.269l-1.307-.245a60.184 60.184 0 0 0-2.704-.408l-1.397-.164c-.236-.025-.472-.05-.71-.073l-1.442-.127-1.471-.103-1.502-.081-1.514-.058-1.544-.039-1.574-.018L0 198.74V136.9h127.62c2.086 0 4.108-.04 6.066-.12l1.936-.095 1.893-.122 1.85-.15c.305-.028.608-.056.909-.086l1.785-.193a86.3 86.3 0 0 0 3.442-.475l1.657-.28c20.709-3.755 31.063-14.749 31.063-36.2 0-24.075-16.867-38.666-50.602-38.666H0V0h141.675ZM83.276 250.785c10.333 0 14.657 5.738 16.197 11.23l.203.79.167.782.109.617.046.306.078.603.058.59.023.29.031.569.01.278.008.54v29.507H0v-46.102h83.276Z","fill":"#ffff","fillRule":"nonzero"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Remix"]},{"type":"path","props":{"d":"M21.511 18.508c.216 2.773.216 4.073.216 5.492H15.31c0-.309.006-.592.011-.878.018-.892.036-1.821-.109-3.698-.19-2.747-1.374-3.358-3.55-3.358H1.574v-5h10.396c2.748 0 4.122-.835 4.122-3.049 0-1.946-1.374-3.125-4.122-3.125H1.573V0h11.541c6.221 0 9.313 2.938 9.313 7.632 0 3.511-2.176 5.8-5.114 6.182 2.48.497 3.93 1.909 4.198 4.694ZM1.573 24v-3.727h6.784c1.133 0 1.379.84 1.379 1.342V24Z"},"children":[]}]},"light":{"viewBox":"0 0 256 297","fill":"currentColor","childNodes":[{"type":"path","props":{"d":"M141.675 0C218.047 0 256 36.35 256 94.414c0 43.43-26.707 71.753-62.785 76.474 30.455 6.137 48.259 23.604 51.54 58.065l.474 6.337.415 5.924.358 5.542.249 4.179.267 4.93.138 2.814.198 4.47.159 4.222.079 2.427.107 3.888.092 4.446.033 2.148.06 6.226.02 6.496v3.885h-78.758l.004-1.62.028-3.147.047-3.065.136-7.424.035-2.489.027-3.902-.004-2.496-.023-2.617-.032-2.054-.064-2.876-.094-3.05-.125-3.242-.16-3.455-.096-1.813-.16-2.833-.186-2.976-.287-4.204-.247-3.342a116.56 116.56 0 0 0-.247-3.02l-.202-1.934c-2.6-22.827-11.655-32.157-27.163-35.269l-1.307-.245a60.184 60.184 0 0 0-2.704-.408l-1.397-.164c-.236-.025-.472-.05-.71-.073l-1.442-.127-1.471-.103-1.502-.081-1.514-.058-1.544-.039-1.574-.018L0 198.74V136.9h127.62c2.086 0 4.108-.04 6.066-.12l1.936-.095 1.893-.122 1.85-.15c.305-.028.608-.056.909-.086l1.785-.193a86.3 86.3 0 0 0 3.442-.475l1.657-.28c20.709-3.755 31.063-14.749 31.063-36.2 0-24.075-16.867-38.666-50.602-38.666H0V0h141.675ZM83.276 250.785c10.333 0 14.657 5.738 16.197 11.23l.203.79.167.782.109.617.046.306.078.603.058.59.023.29.031.569.01.278.008.54v29.507H0v-46.102h83.276Z","fill":"#121212","fillRule":"nonzero"},"children":[]}]},"dark":{"viewBox":"0 0 256 297","fill":"currentColor","childNodes":[{"type":"path","props":{"d":"M141.675 0C218.047 0 256 36.35 256 94.414c0 43.43-26.707 71.753-62.785 76.474 30.455 6.137 48.259 23.604 51.54 58.065l.474 6.337.415 5.924.358 5.542.249 4.179.267 4.93.138 2.814.198 4.47.159 4.222.079 2.427.107 3.888.092 4.446.033 2.148.06 6.226.02 6.496v3.885h-78.758l.004-1.62.028-3.147.047-3.065.136-7.424.035-2.489.027-3.902-.004-2.496-.023-2.617-.032-2.054-.064-2.876-.094-3.05-.125-3.242-.16-3.455-.096-1.813-.16-2.833-.186-2.976-.287-4.204-.247-3.342a116.56 116.56 0 0 0-.247-3.02l-.202-1.934c-2.6-22.827-11.655-32.157-27.163-35.269l-1.307-.245a60.184 60.184 0 0 0-2.704-.408l-1.397-.164c-.236-.025-.472-.05-.71-.073l-1.442-.127-1.471-.103-1.502-.081-1.514-.058-1.544-.039-1.574-.018L0 198.74V136.9h127.62c2.086 0 4.108-.04 6.066-.12l1.936-.095 1.893-.122 1.85-.15c.305-.028.608-.056.909-.086l1.785-.193a86.3 86.3 0 0 0 3.442-.475l1.657-.28c20.709-3.755 31.063-14.749 31.063-36.2 0-24.075-16.867-38.666-50.602-38.666H0V0h141.675ZM83.276 250.785c10.333 0 14.657 5.738 16.197 11.23l.203.79.167.782.109.617.046.306.078.603.058.59.023.29.031.569.01.278.008.54v29.507H0v-46.102h83.276Z","fill":"#ffff","fillRule":"nonzero"},"children":[]}]},"wordmark":{"viewBox":"0 0 745 186","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_3_140)"},"children":[{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M151.379 140.512C153.018 161.564 153.018 171.433 153.018 182.204H104.306C104.306 179.858 104.348 177.712 104.39 175.535C104.522 168.769 104.66 161.714 103.564 147.466C102.115 126.606 93.1311 121.971 76.6131 121.971H61.9787H0V84.0178H78.9314C99.7963 84.0178 110.229 77.6712 110.229 60.8676C110.229 46.0921 99.7963 37.138 78.9314 37.138H0V0H87.6251C134.861 0 158.334 22.3082 158.334 57.9433C158.334 84.5972 141.816 101.98 119.502 104.877C138.338 108.644 149.35 119.363 151.379 140.512Z","fill":"url(#paint0_linear_3_140)"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M151.379 140.512C153.018 161.564 153.018 171.433 153.018 182.204H104.306C104.306 179.858 104.348 177.712 104.39 175.535C104.522 168.769 104.66 161.714 103.564 147.466C102.115 126.606 93.1311 121.971 76.6131 121.971H61.9787H0V84.0178H78.9314C99.7963 84.0178 110.229 77.6712 110.229 60.8676C110.229 46.0921 99.7963 37.138 78.9314 37.138H0V0H87.6251C134.861 0 158.334 22.3082 158.334 57.9433C158.334 84.5972 141.816 101.98 119.502 104.877C138.338 108.644 149.35 119.363 151.379 140.512Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M0 182.204V153.912H51.5056C60.1087 153.912 61.9767 160.292 61.9767 164.097V182.204H0Z","fill":"url(#paint1_linear_3_140)"},"children":[]},{"type":"path","props":{"d":"M0 182.204V153.912H51.5056C60.1087 153.912 61.9767 160.292 61.9767 164.097V182.204H0Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M0 182.207V153.914H51.5062C60.1094 153.914 61.9774 160.294 61.9774 164.099V182.207H0Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M740.943 53.3079H692.548L670.523 84.0182L649.079 53.3079H597.206L643.862 116.757L593.148 182.523H641.544L667.335 147.467L693.127 182.523H745L693.996 114.728L740.943 53.3079Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M259.716 136.458C255.369 146.598 247.255 150.944 234.504 150.944C220.304 150.944 208.713 143.411 207.553 127.477H298.259V114.439C298.259 79.3831 275.365 49.8317 232.186 49.8317C191.905 49.8317 161.766 79.0934 161.766 119.944C161.766 161.084 191.325 186 232.765 186C266.961 186 290.724 169.486 297.389 139.935L259.716 136.458ZM208.133 104.878C209.872 92.7102 216.537 83.4392 231.606 83.4392C245.516 83.4392 253.051 93.2897 253.631 104.878H208.133Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M436.111 75.327C430.604 60.2616 418.723 49.8317 395.829 49.8317C376.413 49.8317 362.503 58.5233 355.548 72.7196V53.3083H308.602V182.523H355.548V119.075C355.548 99.6635 361.054 86.9158 376.413 86.9158C390.613 86.9158 394.091 96.1869 394.091 113.86V182.523H441.037V119.075C441.037 99.6635 446.253 86.9158 461.902 86.9158C476.102 86.9158 479.29 96.1869 479.29 113.86V182.523H526.236V101.402C526.236 74.4579 515.804 49.8317 480.159 49.8317C458.425 49.8317 443.066 60.841 436.111 75.327Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M541.591 53.3085V182.524H588.538V53.3085H541.591ZM541.301 41.1402H588.827V0H541.301V41.1402Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear_3_140","x1":"79.1669","y1":"0","x2":"79.1669","y2":"182.204","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint1_linear_3_140","x1":"30.9883","y1":"153.912","x2":"30.9883","y2":"182.204","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"white"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"white","stopOpacity":"0"},"children":[]}]},{"type":"clipPath","props":{"id":"clip0_3_140"},"children":[{"type":"rect","props":{"width":"745","height":"186","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 Remix = forwardRef(
   function Remix({ 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 Remix = 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/replicate.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 726 726","fill":"#ffff","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_1_3)"},"children":[{"type":"path","props":{"d":"M726 310.438V392.476H438.068V726H346.302V310.438H726Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M726 155.219V237.402H264.845V726H173.078V155.219H726Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M726 0V82.1832H91.7664V726H0V0H726Z","fill":"#ffff"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_1_3"},"children":[{"type":"rect","props":{"width":"726","height":"726","fill":"#ffff"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Replicate"]},{"type":"path","props":{"d":"M24 10.262v2.712h-9.518V24h-3.034V10.262zm0-5.131v2.717H8.755V24H5.722V5.131zM24 0v2.717H3.034V24H0V0z"},"children":[]}]},"light":{"viewBox":"0 0 726 726","fill":"#000","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_1_3)"},"children":[{"type":"path","props":{"d":"M726 310.438V392.476H438.068V726H346.302V310.438H726Z","fill":"#000"},"children":[]},{"type":"path","props":{"d":"M726 155.219V237.402H264.845V726H173.078V155.219H726Z","fill":"#000"},"children":[]},{"type":"path","props":{"d":"M726 0V82.1832H91.7664V726H0V0H726Z","fill":"#000"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_1_3"},"children":[{"type":"rect","props":{"width":"726","height":"726","fill":"#000"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 726 726","fill":"#ffff","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_1_3)"},"children":[{"type":"path","props":{"d":"M726 310.438V392.476H438.068V726H346.302V310.438H726Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M726 155.219V237.402H264.845V726H173.078V155.219H726Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M726 0V82.1832H91.7664V726H0V0H726Z","fill":"#ffff"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_1_3"},"children":[{"type":"rect","props":{"width":"726","height":"726","fill":"#ffff"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 831 192","fill":"#ffff","childNodes":[{"type":"path","props":{"d":"M197.3 64.2C220.5 64.2 240 79.6 240 108.2C240 110.1 240 111.7 239.8 114.6H170.1C171 129.1 182.7 138.7 197.4 138.7C209.8 138.7 218.1 133 222.7 125.2L237.6 135.8C229.6 148.4 215.8 156.4 197.2 156.4C170.3 156.4 150.9 137.3 150.9 110.3C151 84.2 170.4 64.2 197.3 64.2ZM171.1 100.3H220.4C218.3 87.5 208 80.6 196.6 80.6C185.2 80.6 173.7 87.2 171.1 100.3Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M259.8 65.9H279.3V77.8C284.3 70.7 295.1 64.2 307.8 64.2C332.1 64.2 350.5 84.9 350.5 110.3C350.5 135.6 332.1 156.4 307.8 156.4C295 156.4 284.2 149.8 279.3 142.7V191.6H259.8V65.9ZM304.3 81.9C288.5 81.9 277.7 94.3 277.7 110.3C277.7 126.3 288.5 138.7 304.3 138.7C319.9 138.7 330.7 126.3 330.7 110.3C330.7 94.3 319.9 81.9 304.3 81.9Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M389.9 21.6H370.4V154.5H389.9V21.6Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M425.9 46.6C418.8 46.6 412.8 40.8 412.8 33.5C412.8 26.4 418.8 20.6 425.9 20.6C433.2 20.6 438.8 26.5 438.8 33.5C438.8 40.8 433.2 46.6 425.9 46.6ZM416.2 65.9H435.7V154.5H416.2V65.9Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M502.3 156.3C475.7 156.3 455.5 136.4 455.5 110.2C455.5 84 475.7 64.1 502.3 64.1C520.6 64.1 536 73.9 543.6 88.6L526.6 97.8C522.3 88.8 513.7 82.2 502.3 82.2C486.5 82.2 475.4 94.4 475.4 110.2C475.4 126 486.6 138.2 502.3 138.2C513.6 138.2 522.3 131.6 526.6 122.6L543.6 131.8C536 146.6 520.5 156.3 502.3 156.3Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M597.8 64.2C610.6 64.2 621.2 70.8 626.2 77.8V65.9H645.7V154.5H626.2V142.6C621.2 149.7 610.6 156.3 597.8 156.3C573.5 156.3 555.1 135.6 555.1 110.2C555.1 84.9 573.5 64.2 597.8 64.2ZM601.4 81.9C585.6 81.9 575 94.3 575 110.3C575 126.3 585.6 138.7 601.4 138.7C617.2 138.7 627.8 126.3 627.8 110.3C627.8 94.3 617.1 81.9 601.4 81.9Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M679.1 154.6V83.3H660.6V65.9H679.1V41.3H698.6V65.9H732.2V83.3H698.6V137.1H732.2V154.6H679.1Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M141.8 65.9V83.4H94V154.6H74.5V65.9H141.8Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M141.8 33V50.4H57.2V154.6H37.7V33H141.8Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M141.8 0V17.4H20.4V154.6H0.899994V0H141.8Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M787.8 64.2C811 64.2 830.5 79.6 830.5 108.2C830.5 110.1 830.5 111.7 830.3 114.6H760.6C761.5 129.1 773.2 138.7 787.9 138.7C800.3 138.7 808.6 133 813.2 125.2L828.1 135.8C820.1 148.4 806.3 156.4 787.7 156.4C760.8 156.4 741.4 137.3 741.4 110.3C741.6 84.2 760.9 64.2 787.8 64.2ZM761.6 100.3H810.9C808.8 87.5 798.5 80.6 787.1 80.6C775.8 80.6 764.3 87.2 761.6 100.3Z","fill":"#ffff"},"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 Replicate = react_1.forwardRef(function Replicate({ 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 Replicate = react_1.forwardRef(function Replicate({ 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/replicate.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, light, dark, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 726 726","fill":"#ffff","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_1_3)"},"children":[{"type":"path","props":{"d":"M726 310.438V392.476H438.068V726H346.302V310.438H726Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M726 155.219V237.402H264.845V726H173.078V155.219H726Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M726 0V82.1832H91.7664V726H0V0H726Z","fill":"#ffff"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_1_3"},"children":[{"type":"rect","props":{"width":"726","height":"726","fill":"#ffff"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Replicate"]},{"type":"path","props":{"d":"M24 10.262v2.712h-9.518V24h-3.034V10.262zm0-5.131v2.717H8.755V24H5.722V5.131zM24 0v2.717H3.034V24H0V0z"},"children":[]}]},"light":{"viewBox":"0 0 726 726","fill":"#000","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_1_3)"},"children":[{"type":"path","props":{"d":"M726 310.438V392.476H438.068V726H346.302V310.438H726Z","fill":"#000"},"children":[]},{"type":"path","props":{"d":"M726 155.219V237.402H264.845V726H173.078V155.219H726Z","fill":"#000"},"children":[]},{"type":"path","props":{"d":"M726 0V82.1832H91.7664V726H0V0H726Z","fill":"#000"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_1_3"},"children":[{"type":"rect","props":{"width":"726","height":"726","fill":"#000"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 726 726","fill":"#ffff","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_1_3)"},"children":[{"type":"path","props":{"d":"M726 310.438V392.476H438.068V726H346.302V310.438H726Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M726 155.219V237.402H264.845V726H173.078V155.219H726Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M726 0V82.1832H91.7664V726H0V0H726Z","fill":"#ffff"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_1_3"},"children":[{"type":"rect","props":{"width":"726","height":"726","fill":"#ffff"},"children":[]}]}]}]},"wordmark":{"viewBox":"0 0 831 192","fill":"#ffff","childNodes":[{"type":"path","props":{"d":"M197.3 64.2C220.5 64.2 240 79.6 240 108.2C240 110.1 240 111.7 239.8 114.6H170.1C171 129.1 182.7 138.7 197.4 138.7C209.8 138.7 218.1 133 222.7 125.2L237.6 135.8C229.6 148.4 215.8 156.4 197.2 156.4C170.3 156.4 150.9 137.3 150.9 110.3C151 84.2 170.4 64.2 197.3 64.2ZM171.1 100.3H220.4C218.3 87.5 208 80.6 196.6 80.6C185.2 80.6 173.7 87.2 171.1 100.3Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M259.8 65.9H279.3V77.8C284.3 70.7 295.1 64.2 307.8 64.2C332.1 64.2 350.5 84.9 350.5 110.3C350.5 135.6 332.1 156.4 307.8 156.4C295 156.4 284.2 149.8 279.3 142.7V191.6H259.8V65.9ZM304.3 81.9C288.5 81.9 277.7 94.3 277.7 110.3C277.7 126.3 288.5 138.7 304.3 138.7C319.9 138.7 330.7 126.3 330.7 110.3C330.7 94.3 319.9 81.9 304.3 81.9Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M389.9 21.6H370.4V154.5H389.9V21.6Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M425.9 46.6C418.8 46.6 412.8 40.8 412.8 33.5C412.8 26.4 418.8 20.6 425.9 20.6C433.2 20.6 438.8 26.5 438.8 33.5C438.8 40.8 433.2 46.6 425.9 46.6ZM416.2 65.9H435.7V154.5H416.2V65.9Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M502.3 156.3C475.7 156.3 455.5 136.4 455.5 110.2C455.5 84 475.7 64.1 502.3 64.1C520.6 64.1 536 73.9 543.6 88.6L526.6 97.8C522.3 88.8 513.7 82.2 502.3 82.2C486.5 82.2 475.4 94.4 475.4 110.2C475.4 126 486.6 138.2 502.3 138.2C513.6 138.2 522.3 131.6 526.6 122.6L543.6 131.8C536 146.6 520.5 156.3 502.3 156.3Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M597.8 64.2C610.6 64.2 621.2 70.8 626.2 77.8V65.9H645.7V154.5H626.2V142.6C621.2 149.7 610.6 156.3 597.8 156.3C573.5 156.3 555.1 135.6 555.1 110.2C555.1 84.9 573.5 64.2 597.8 64.2ZM601.4 81.9C585.6 81.9 575 94.3 575 110.3C575 126.3 585.6 138.7 601.4 138.7C617.2 138.7 627.8 126.3 627.8 110.3C627.8 94.3 617.1 81.9 601.4 81.9Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M679.1 154.6V83.3H660.6V65.9H679.1V41.3H698.6V65.9H732.2V83.3H698.6V137.1H732.2V154.6H679.1Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M141.8 65.9V83.4H94V154.6H74.5V65.9H141.8Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M141.8 33V50.4H57.2V154.6H37.7V33H141.8Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M141.8 0V17.4H20.4V154.6H0.899994V0H141.8Z","fill":"#ffff"},"children":[]},{"type":"path","props":{"d":"M787.8 64.2C811 64.2 830.5 79.6 830.5 108.2C830.5 110.1 830.5 111.7 830.3 114.6H760.6C761.5 129.1 773.2 138.7 787.9 138.7C800.3 138.7 808.6 133 813.2 125.2L828.1 135.8C820.1 148.4 806.3 156.4 787.7 156.4C760.8 156.4 741.4 137.3 741.4 110.3C741.6 84.2 760.9 64.2 787.8 64.2ZM761.6 100.3H810.9C808.8 87.5 798.5 80.6 787.1 80.6C775.8 80.6 764.3 87.2 761.6 100.3Z","fill":"#ffff"},"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 Replicate = forwardRef(
   function Replicate({ 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 Replicate = 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/rexx.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"4.154","x2":"4.154","y1":"108.707","y2":"23.639","gradientTransform":"translate(-4.294 -1.099) scale(1.03354)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#a51415"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#d81511"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#bf100d"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"m128 16.744-24.67 42.729-6.715-11.642H84.682L95.35 66.324l-4.715 8.17L96.602 84.8l6.773-11.702 20.732 35.91 3.893 2.249v-16.18l-16.646-28.831L128 37.415zM0 23.334v61.465h10.336V33.668h3.209l5.37 9.303-7.522 4.34v14.65l13.185 22.838h11.938L19.172 54.757l13.861-8.003-13.521-23.42zm33.283 24.498-12.666 7.313 17.12 29.654h19.497l4.133-7.159V65.29l-10.336 5.966v3.589H43.17v-.826l22.549-12.986-7.614-13.203zm25.922 0 10.293 17.842-11.043 19.124h11.938l6.517-11.29 6.518 11.29h11.935L84.32 65.673l4.717-8.168-5.576-9.674-6.28 10.895-6.28-10.895zm-25.19 10.336H49.99L38.004 65.07z"},"children":[]},{"type":"path","props":{"d":"m32.744 46.254.29.5h77.64l.289-.5h-77.93z"},"children":[]}]},"mono":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#d81511","d":"m128 16.743-17.037 29.51H32.744l-13.232-22.92H0v61.465h10.336V33.667h3.209l5.37 9.303-7.522 4.342V61.96l13.185 22.838h11.938L19.172 54.757l13.861-8.004h77.64l-7.343 12.719-6.715-11.641H84.682L95.35 66.323l-4.715 8.17L96.602 84.8l6.773-11.701 20.732 35.91 3.893 2.248v-16.18l-16.646-28.832L128 37.415zM58.105 47.83l-24.822.002-12.666 7.313 17.12 29.654h19.497l4.133-7.158V65.288l-10.336 5.969v3.588H43.17v-.826l22.549-12.987zm1.1.002 10.293 17.842-11.043 19.125h11.938l6.517-11.29 6.518 11.29h11.935L84.32 65.673l4.717-8.168-5.576-9.674-6.28 10.895-6.28-10.895zm-25.19 10.336H49.99L38.004 65.07z"},"children":[]}]},"wordmark":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"4.154","x2":"4.154","y1":"108.707","y2":"23.639","gradientTransform":"translate(-4.294 -1.099) scale(1.03354)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#a51415"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#d81511"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#bf100d"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"m128 16.744-24.67 42.729-6.715-11.642H84.682L95.35 66.324l-4.715 8.17L96.602 84.8l6.773-11.702 20.732 35.91 3.893 2.249v-16.18l-16.646-28.831L128 37.415zM0 23.334v61.465h10.336V33.668h3.209l5.37 9.303-7.522 4.34v14.65l13.185 22.838h11.938L19.172 54.757l13.861-8.003-13.521-23.42zm33.283 24.498-12.666 7.313 17.12 29.654h19.497l4.133-7.159V65.29l-10.336 5.966v3.589H43.17v-.826l22.549-12.986-7.614-13.203zm25.922 0 10.293 17.842-11.043 19.124h11.938l6.517-11.29 6.518 11.29h11.935L84.32 65.673l4.717-8.168-5.576-9.674-6.28 10.895-6.28-10.895zm-25.19 10.336H49.99L38.004 65.07z","color":"#000","style":{"InkscapeStroke":"none"}},"children":[]},{"type":"path","props":{"d":"M60.777 87.098v.775h1.057v3.584c0 .554.817 1 1.83 1h3.645c1.013 0 1.83-.446 1.83-1v-3.584h1.056v-.775h-3.074v4.088c0 .277-.446.5-1 .5h-1.27c-.553 0-1-.223-1-.5v-4.088zm13.032 0-2.233 4.605h-.974v.754h2.71l.713-1.68h2.643l.799 1.68h2.578v-.754h-.93l-2.365-4.605zm1.462.738 1.04 2.187h-1.967zm-32.835-.738v.754h1.007v3.851h-1.007v.754h2.832v-3.775l4.468 3.775h1.596v-4.605h.938v-.754h-2.754v3.457l-4.092-3.457zm-7.002 0L33.2 91.703h-.974v.754h2.71l.713-1.68h2.643l.799 1.68h2.578v-.754h-.93l-2.365-4.605zm1.462.738 1.04 2.187h-1.967zM24.4 87.098v.754h.9v3.851h-.9v.754h7.29v-1.88h-1.917v1.126h-2.421v-3.851h.9v-.754zm30.498 0c-1.108 0-2 .446-2 1v3.359c0 .554.892 1 2 1h5.385v-3.102H56.5v.807h1.922v1.514h-2.637c-.554 0-1-.223-1-.5V88.38c0-.277.446-.5 1-.5h2.553v.898h1.834v-1.681zm27.75 0c-1.108 0-2 .446-2 1v3.359c0 .554.892 1 2 1h5.385v-3.102H84.25v.807h1.922v1.514h-2.637c-.554 0-1-.223-1-.5V88.38c0-.277.446-.5 1-.5h2.553v.898h1.834v-1.681zm5.95 0v.705h1.051v3.95H88.6v.705h8.005v-1.643h-1.816v.938H91.58v-1.7h3.426v-.742H91.58v-1.508h3.023v.938h1.817v-1.643zM18.563 16.561v.705h1.05v3.949h-1.05v.705h8.005v-1.643h-1.816v.938h-3.207v-1.7h3.426v-.742h-3.426v-1.507h3.023v.937h1.817v-1.642zm-9.672 0v.705h1.033v3.949H8.89v.705h2.96v-2.281h3.223v2.28l2.961.001v-.705h-1.033v-3.95h1.033v-.704h-2.96v2.28h-3.223v-2.28zM0 16.56v1.492h1.73v-.746h1.58v3.84H2.308v.773h3.896v-.774H5.2v-3.84h1.58v.747h1.73V16.56z"},"children":[]},{"type":"path","props":{"d":"m32.744 46.254.29.5h77.64l.289-.5H32.744z"},"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 Rexx = react_1.forwardRef(function Rexx({ 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 Rexx = react_1.forwardRef(function Rexx({ 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/rexx.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"4.154","x2":"4.154","y1":"108.707","y2":"23.639","gradientTransform":"translate(-4.294 -1.099) scale(1.03354)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#a51415"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#d81511"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#bf100d"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"m128 16.744-24.67 42.729-6.715-11.642H84.682L95.35 66.324l-4.715 8.17L96.602 84.8l6.773-11.702 20.732 35.91 3.893 2.249v-16.18l-16.646-28.831L128 37.415zM0 23.334v61.465h10.336V33.668h3.209l5.37 9.303-7.522 4.34v14.65l13.185 22.838h11.938L19.172 54.757l13.861-8.003-13.521-23.42zm33.283 24.498-12.666 7.313 17.12 29.654h19.497l4.133-7.159V65.29l-10.336 5.966v3.589H43.17v-.826l22.549-12.986-7.614-13.203zm25.922 0 10.293 17.842-11.043 19.124h11.938l6.517-11.29 6.518 11.29h11.935L84.32 65.673l4.717-8.168-5.576-9.674-6.28 10.895-6.28-10.895zm-25.19 10.336H49.99L38.004 65.07z"},"children":[]},{"type":"path","props":{"d":"m32.744 46.254.29.5h77.64l.289-.5h-77.93z"},"children":[]}]},"mono":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#d81511","d":"m128 16.743-17.037 29.51H32.744l-13.232-22.92H0v61.465h10.336V33.667h3.209l5.37 9.303-7.522 4.342V61.96l13.185 22.838h11.938L19.172 54.757l13.861-8.004h77.64l-7.343 12.719-6.715-11.641H84.682L95.35 66.323l-4.715 8.17L96.602 84.8l6.773-11.701 20.732 35.91 3.893 2.248v-16.18l-16.646-28.832L128 37.415zM58.105 47.83l-24.822.002-12.666 7.313 17.12 29.654h19.497l4.133-7.158V65.288l-10.336 5.969v3.588H43.17v-.826l22.549-12.987zm1.1.002 10.293 17.842-11.043 19.125h11.938l6.517-11.29 6.518 11.29h11.935L84.32 65.673l4.717-8.168-5.576-9.674-6.28 10.895-6.28-10.895zm-25.19 10.336H49.99L38.004 65.07z"},"children":[]}]},"wordmark":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"4.154","x2":"4.154","y1":"108.707","y2":"23.639","gradientTransform":"translate(-4.294 -1.099) scale(1.03354)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#a51415"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#d81511"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#bf100d"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"m128 16.744-24.67 42.729-6.715-11.642H84.682L95.35 66.324l-4.715 8.17L96.602 84.8l6.773-11.702 20.732 35.91 3.893 2.249v-16.18l-16.646-28.831L128 37.415zM0 23.334v61.465h10.336V33.668h3.209l5.37 9.303-7.522 4.34v14.65l13.185 22.838h11.938L19.172 54.757l13.861-8.003-13.521-23.42zm33.283 24.498-12.666 7.313 17.12 29.654h19.497l4.133-7.159V65.29l-10.336 5.966v3.589H43.17v-.826l22.549-12.986-7.614-13.203zm25.922 0 10.293 17.842-11.043 19.124h11.938l6.517-11.29 6.518 11.29h11.935L84.32 65.673l4.717-8.168-5.576-9.674-6.28 10.895-6.28-10.895zm-25.19 10.336H49.99L38.004 65.07z","color":"#000","style":{"InkscapeStroke":"none"}},"children":[]},{"type":"path","props":{"d":"M60.777 87.098v.775h1.057v3.584c0 .554.817 1 1.83 1h3.645c1.013 0 1.83-.446 1.83-1v-3.584h1.056v-.775h-3.074v4.088c0 .277-.446.5-1 .5h-1.27c-.553 0-1-.223-1-.5v-4.088zm13.032 0-2.233 4.605h-.974v.754h2.71l.713-1.68h2.643l.799 1.68h2.578v-.754h-.93l-2.365-4.605zm1.462.738 1.04 2.187h-1.967zm-32.835-.738v.754h1.007v3.851h-1.007v.754h2.832v-3.775l4.468 3.775h1.596v-4.605h.938v-.754h-2.754v3.457l-4.092-3.457zm-7.002 0L33.2 91.703h-.974v.754h2.71l.713-1.68h2.643l.799 1.68h2.578v-.754h-.93l-2.365-4.605zm1.462.738 1.04 2.187h-1.967zM24.4 87.098v.754h.9v3.851h-.9v.754h7.29v-1.88h-1.917v1.126h-2.421v-3.851h.9v-.754zm30.498 0c-1.108 0-2 .446-2 1v3.359c0 .554.892 1 2 1h5.385v-3.102H56.5v.807h1.922v1.514h-2.637c-.554 0-1-.223-1-.5V88.38c0-.277.446-.5 1-.5h2.553v.898h1.834v-1.681zm27.75 0c-1.108 0-2 .446-2 1v3.359c0 .554.892 1 2 1h5.385v-3.102H84.25v.807h1.922v1.514h-2.637c-.554 0-1-.223-1-.5V88.38c0-.277.446-.5 1-.5h2.553v.898h1.834v-1.681zm5.95 0v.705h1.051v3.95H88.6v.705h8.005v-1.643h-1.816v.938H91.58v-1.7h3.426v-.742H91.58v-1.508h3.023v.938h1.817v-1.643zM18.563 16.561v.705h1.05v3.949h-1.05v.705h8.005v-1.643h-1.816v.938h-3.207v-1.7h3.426v-.742h-3.426v-1.507h3.023v.937h1.817v-1.642zm-9.672 0v.705h1.033v3.949H8.89v.705h2.96v-2.281h3.223v2.28l2.961.001v-.705h-1.033v-3.95h1.033v-.704h-2.96v2.28h-3.223v-2.28zM0 16.56v1.492h1.73v-.746h1.58v3.84H2.308v.773h3.896v-.774H5.2v-3.84h1.58v.747h1.73V16.56z"},"children":[]},{"type":"path","props":{"d":"m32.744 46.254.29.5h77.64l.289-.5H32.744z"},"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 Rexx = forwardRef(
   function Rexx({ 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 Rexx = 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/rivian.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"-1.19742486 -1.19742486 202.39499972 42.30901172","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs68"},"children":[]},{"type":"path","props":{"style":{"fill":"#151515","fillOpacity":"1"},"id":"path28","d":"m 83.62124,9.84375 v 20.22461 h 4.33594 V 9.84375 Z m 13.81641,0 9.65039,20.22657 h 4.62305 l 9.65039,-20.22657 h -4.62305 L 109.40054,25.50391 102.0607,9.84375 Z m 33.48438,0 v 20.22461 h 4.33398 V 9.84375 Z m 23.7539,0 -9.93945,20.22461 h 4.62305 l 1.24414,-2.59961 c 0.519,-1.0976 1.32896,-1.58984 2.54296,-1.58984 h 7.51172 l -0.89453,-1.90625 c -0.549,-1.1854 -1.44544,-1.73437 -2.77344,-1.73437 h -3.84179 l 3.84179,-7.97461 7.62696,15.80468 h 4.62304 l -9.9414,-20.22461 z m 24.0586,0 v 20.22657 h 4.18945 V 15.04493 l 12.10547,15.02539 h 4.9707 V 9.84375 h -4.18945 v 15.0254 L 183.70327,9.84375 Z m -126.50196,0.002 v 20.22461 h 4.33398 V 13.48442 h 7.89063 c 2.428,0 3.58203,1.18685 3.58203,3.09375 0,1.9355 -1.15603,3.12109 -3.58203,3.12109 h -3.35742 c -1.5206,0 -2.375,0.85245 -2.375,2.37305 v 1.26758 h 2.4082 c 1.1262,0 1.96526,0.37638 2.66016,1.27148 l 4.27539,5.46094 h 5.31445 L 67.43179,22.502 c 3.1781,-0.7255 4.93945,-2.80493 4.93945,-5.92383 0,-3.4091 -2.31075,-6.73242 -7.28125,-6.73242 z"},"children":[]},{"type":"path","props":{"style":{"fill":"#151515","fillOpacity":"1"},"id":"path40","d":"m 20.58023,0 c -1.3326,0 -2.39325,0.48438 -3.21485,1.14454 -2.3607,1.87417 -14.9572503,14.86412 -17.28515033,17.26562 -0.19008,0.2187 -0.0186,0.5625 0.26757,0.5625 1.16294003,0 3.85955003,0.004 5.48438003,0.004 0.57227,0 0.74185,-0.10003 1.10156,-0.48633 0.35972,-0.3863 2.15039,-2.30664 2.15039,-2.30664 2.2767803,-2.4546 7.8298803,-7.87536 9.8593803,-9.58398 0.7623,-0.64176 1.62442,-0.6211 1.63672,-0.6211 0.0122,0 0.87432,-0.0207 1.63672,0.6211 2.0295,1.71067 7.58257,7.13138 9.85937,9.58398 0,0 1.79069,1.92034 2.15039,2.30664 0.3597,0.3863 0.52936,0.48633 1.10156,0.48633 1.6228,0 4.32148,-0.004 5.48438,-0.004 0.2861,0.002 0.45572,-0.3438 0.26562,-0.5625 C 38.75037,16.00866 26.15567,3.01871 23.79507,1.14454 22.97137,0.48438 21.91073,0 20.58023,0 Z m -1.29297,8.85938 c -0.0514,0.01 -0.1033,0.0346 -0.15235,0.0801 -2.3156,2.14395 -7.47402,7.25593 -9.2031203,9.23633 -0.82774,0.8768 -0.75,1.76953 -0.75,1.76953 0,0 -0.0757,0.89073 0.75,1.76953 1.7311003,1.9805 6.8895203,7.09243 9.2031203,9.23633 0.2064,0.1799 0.44922,0.068 0.44922,-0.1875 v -5.37696 c 0,-0.4905 -0.10224,-0.74026 -0.52734,-1.13476 -1.0382,-0.9483 -2.86628,-2.72258 -3.54688,-3.51758 -0.3107,-0.3515 -0.29101,-0.79102 -0.29101,-0.79102 0,0 -0.0197,-0.43951 0.29101,-0.79101 0.6806,-0.7951 2.50868,-2.56928 3.54688,-3.51758 0.4251,-0.3965 0.52734,-0.64641 0.52734,-1.13281 V 9.1094 c 0,-0.16248 -0.14283,-0.27864 -0.29687,-0.25 z m 2.58008,0 c -0.15552,-0.0323 -0.29297,0.0779 -0.29297,0.26953 v 5.37891 c 0,0.4865 0.10224,0.73436 0.52734,1.13086 1.0383,0.9483 2.86823,2.72257 3.54883,3.51757 0.3106,0.3515 0.29101,0.79102 0.29101,0.79102 0,0 0.0196,0.43952 -0.29101,0.79102 -0.6806,0.7951 -2.51053,2.56927 -3.54883,3.51757 -0.4251,0.3965 -0.52524,0.64432 -0.52734,1.13282 v 5.37695 c 0,0.2554 0.24467,0.3674 0.45117,0.1875 2.3135,-2.144 7.47202,-7.25583 9.20312,-9.23633 0.8257,-0.8788 0.75,-1.76953 0.75,-1.76953 0,0 0.0757,-0.89273 -0.75,-1.76953 -1.729,-1.9804 -6.88752,-7.09236 -9.20312,-9.23633 -0.0516,-0.045 -0.10636,-0.0713 -0.1582,-0.082 z M 5.8282697,20.9375 c -1.62279,0 -4.32144,0.004 -5.48437003,0.004 -0.28205,0 -0.45375,0.34185 -0.26367,0.56055 C 2.4081297,23.90355 15.00283,36.89553 17.36343,38.76963 c 0.8237,0.6602 1.88434,1.14453 3.21484,1.14453 1.3326,0 2.39315,-0.48433 3.21485,-1.14453 2.3606,-1.8741 14.95325,-14.86608 17.28125,-17.26758 0.19,-0.2187 0.0185,-0.56055 -0.26758,-0.56055 -1.1629,0 -3.85762,-0.004 -5.48242,-0.004 -0.5723,0 -0.74177,0.10003 -1.10157,0.48633 -0.3597,0.3863 -2.15039,2.30664 -2.15039,2.30664 -2.2769,2.4546 -7.82987,7.87539 -9.85937,9.58399 -0.7623,0.6418 -1.62442,0.62109 -1.63672,0.62109 -0.0123,0 -0.87442,0.0207 -1.63672,-0.62109 -2.0295,-1.7107 -7.58251,-7.13149 -9.8593703,-9.58399 0,0 -1.79068,-1.92034 -2.15039,-2.30664 -0.35971,-0.3863 -0.52931,-0.48633 -1.10157,-0.48633 z"},"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 Rivian = react_1.forwardRef(function Rivian({ 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 Rivian = react_1.forwardRef(function Rivian({ 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/rivian.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.19742486 -1.19742486 202.39499972 42.30901172","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs68"},"children":[]},{"type":"path","props":{"style":{"fill":"#151515","fillOpacity":"1"},"id":"path28","d":"m 83.62124,9.84375 v 20.22461 h 4.33594 V 9.84375 Z m 13.81641,0 9.65039,20.22657 h 4.62305 l 9.65039,-20.22657 h -4.62305 L 109.40054,25.50391 102.0607,9.84375 Z m 33.48438,0 v 20.22461 h 4.33398 V 9.84375 Z m 23.7539,0 -9.93945,20.22461 h 4.62305 l 1.24414,-2.59961 c 0.519,-1.0976 1.32896,-1.58984 2.54296,-1.58984 h 7.51172 l -0.89453,-1.90625 c -0.549,-1.1854 -1.44544,-1.73437 -2.77344,-1.73437 h -3.84179 l 3.84179,-7.97461 7.62696,15.80468 h 4.62304 l -9.9414,-20.22461 z m 24.0586,0 v 20.22657 h 4.18945 V 15.04493 l 12.10547,15.02539 h 4.9707 V 9.84375 h -4.18945 v 15.0254 L 183.70327,9.84375 Z m -126.50196,0.002 v 20.22461 h 4.33398 V 13.48442 h 7.89063 c 2.428,0 3.58203,1.18685 3.58203,3.09375 0,1.9355 -1.15603,3.12109 -3.58203,3.12109 h -3.35742 c -1.5206,0 -2.375,0.85245 -2.375,2.37305 v 1.26758 h 2.4082 c 1.1262,0 1.96526,0.37638 2.66016,1.27148 l 4.27539,5.46094 h 5.31445 L 67.43179,22.502 c 3.1781,-0.7255 4.93945,-2.80493 4.93945,-5.92383 0,-3.4091 -2.31075,-6.73242 -7.28125,-6.73242 z"},"children":[]},{"type":"path","props":{"style":{"fill":"#151515","fillOpacity":"1"},"id":"path40","d":"m 20.58023,0 c -1.3326,0 -2.39325,0.48438 -3.21485,1.14454 -2.3607,1.87417 -14.9572503,14.86412 -17.28515033,17.26562 -0.19008,0.2187 -0.0186,0.5625 0.26757,0.5625 1.16294003,0 3.85955003,0.004 5.48438003,0.004 0.57227,0 0.74185,-0.10003 1.10156,-0.48633 0.35972,-0.3863 2.15039,-2.30664 2.15039,-2.30664 2.2767803,-2.4546 7.8298803,-7.87536 9.8593803,-9.58398 0.7623,-0.64176 1.62442,-0.6211 1.63672,-0.6211 0.0122,0 0.87432,-0.0207 1.63672,0.6211 2.0295,1.71067 7.58257,7.13138 9.85937,9.58398 0,0 1.79069,1.92034 2.15039,2.30664 0.3597,0.3863 0.52936,0.48633 1.10156,0.48633 1.6228,0 4.32148,-0.004 5.48438,-0.004 0.2861,0.002 0.45572,-0.3438 0.26562,-0.5625 C 38.75037,16.00866 26.15567,3.01871 23.79507,1.14454 22.97137,0.48438 21.91073,0 20.58023,0 Z m -1.29297,8.85938 c -0.0514,0.01 -0.1033,0.0346 -0.15235,0.0801 -2.3156,2.14395 -7.47402,7.25593 -9.2031203,9.23633 -0.82774,0.8768 -0.75,1.76953 -0.75,1.76953 0,0 -0.0757,0.89073 0.75,1.76953 1.7311003,1.9805 6.8895203,7.09243 9.2031203,9.23633 0.2064,0.1799 0.44922,0.068 0.44922,-0.1875 v -5.37696 c 0,-0.4905 -0.10224,-0.74026 -0.52734,-1.13476 -1.0382,-0.9483 -2.86628,-2.72258 -3.54688,-3.51758 -0.3107,-0.3515 -0.29101,-0.79102 -0.29101,-0.79102 0,0 -0.0197,-0.43951 0.29101,-0.79101 0.6806,-0.7951 2.50868,-2.56928 3.54688,-3.51758 0.4251,-0.3965 0.52734,-0.64641 0.52734,-1.13281 V 9.1094 c 0,-0.16248 -0.14283,-0.27864 -0.29687,-0.25 z m 2.58008,0 c -0.15552,-0.0323 -0.29297,0.0779 -0.29297,0.26953 v 5.37891 c 0,0.4865 0.10224,0.73436 0.52734,1.13086 1.0383,0.9483 2.86823,2.72257 3.54883,3.51757 0.3106,0.3515 0.29101,0.79102 0.29101,0.79102 0,0 0.0196,0.43952 -0.29101,0.79102 -0.6806,0.7951 -2.51053,2.56927 -3.54883,3.51757 -0.4251,0.3965 -0.52524,0.64432 -0.52734,1.13282 v 5.37695 c 0,0.2554 0.24467,0.3674 0.45117,0.1875 2.3135,-2.144 7.47202,-7.25583 9.20312,-9.23633 0.8257,-0.8788 0.75,-1.76953 0.75,-1.76953 0,0 0.0757,-0.89273 -0.75,-1.76953 -1.729,-1.9804 -6.88752,-7.09236 -9.20312,-9.23633 -0.0516,-0.045 -0.10636,-0.0713 -0.1582,-0.082 z M 5.8282697,20.9375 c -1.62279,0 -4.32144,0.004 -5.48437003,0.004 -0.28205,0 -0.45375,0.34185 -0.26367,0.56055 C 2.4081297,23.90355 15.00283,36.89553 17.36343,38.76963 c 0.8237,0.6602 1.88434,1.14453 3.21484,1.14453 1.3326,0 2.39315,-0.48433 3.21485,-1.14453 2.3606,-1.8741 14.95325,-14.86608 17.28125,-17.26758 0.19,-0.2187 0.0185,-0.56055 -0.26758,-0.56055 -1.1629,0 -3.85762,-0.004 -5.48242,-0.004 -0.5723,0 -0.74177,0.10003 -1.10157,0.48633 -0.3597,0.3863 -2.15039,2.30664 -2.15039,2.30664 -2.2769,2.4546 -7.82987,7.87539 -9.85937,9.58399 -0.7623,0.6418 -1.62442,0.62109 -1.63672,0.62109 -0.0123,0 -0.87442,0.0207 -1.63672,-0.62109 -2.0295,-1.7107 -7.58251,-7.13149 -9.8593703,-9.58399 0,0 -1.79068,-1.92034 -2.15039,-2.30664 -0.35971,-0.3863 -0.52931,-0.48633 -1.10157,-0.48633 z"},"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 Rivian = forwardRef(
   function Rivian({ 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 Rivian = 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/roblox.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":["Roblox"]},{"type":"path","props":{"d":"M18.926 23.998 0 18.892 5.075.002 24 5.108ZM15.348 10.09l-5.282-1.453-1.414 5.273 5.282 1.453z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Roblox"]},{"type":"path","props":{"d":"M18.926 23.998 0 18.892 5.075.002 24 5.108ZM15.348 10.09l-5.282-1.453-1.414 5.273 5.282 1.453z"},"children":[]}]},"light":{"viewBox":"0 0 564 115","fill":"none","childNodes":[{"type":"mask","props":{"id":"prefix__a","width":"512","height":"95","x":"26","y":"10","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M26 10h512v94.72H26V10z"},"children":[]}]},{"type":"g","props":{"mask":"url(#prefix__a)"},"children":[{"type":"path","props":{"fill":"#000","d":"M87.73 71.45l14.73 26.97H75.13L62.68 75.37h-11.8v23.05H26V16.7h45.52c18.83 0 30.78 10.45 30.78 29.24 0 12.1-5.57 20.76-14.57 25.5zm-36.84-33.5v16.17h17.68c5.24 0 8.52-3.1 8.52-8.17 0-5.06-3.28-8-8.52-8H50.9zm130.66 66.51l-74.5-20.1L127.03 10l37.24 10.05 37.25 10.05-19.97 74.36zm-14.08-54.75L146.67 44l-5.56 20.76 20.79 5.72 5.57-20.76zm119.36 25.66c0 15.69-9.99 23.05-25.54 23.05h-48.8V16.7h47.16c15.56 0 25.54 8 25.54 22.06 0 8.83-3.27 14.71-9.5 18.8 7.05 3.1 11.14 9.3 11.14 17.8zm-50.1-39.05v12.1h16.2c4.42 0 7.04-1.97 7.04-6.22 0-3.92-2.62-5.88-7.04-5.88h-16.2zm0 42.49h18.17c4.26 0 6.72-2.29 6.72-6.21 0-4.25-2.45-6.21-6.72-6.21h-18.17V78.8zm62.38-62.1h24.88v57.52h35.7v24.19H299.1V16.71zm152.11 40.86a42.43 42.43 0 01-26.28 39.25 42.64 42.64 0 01-46.4-9.21 42.46 42.46 0 0130.1-72.53 42.56 42.56 0 0130.13 12.41 42.38 42.38 0 0112.45 30.07zm-24.89 0c0-10.14-8.02-18.15-17.68-18.15s-17.69 8.01-17.69 18.15c0 10.13 8.03 18.14 17.69 18.14 9.66 0 17.68-8.02 17.68-18.15zm84.82-1.31L538 98.42h-29.64l-14.73-24.03-15.23 24.03h-30.13l28-41.18-25.7-40.53h29.63l13.59 22.06 13.1-22.06h29.47l-25.21 39.55z"},"children":[]}]}]},"dark":{"viewBox":"0 0 564 115","fill":"none","childNodes":[{"type":"mask","props":{"id":"prefix__a","width":"512","height":"95","x":"26","y":"10","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M26 10h512v94.72H26V10z"},"children":[]}]},{"type":"g","props":{"mask":"url(#prefix__a)"},"children":[{"type":"path","props":{"fill":"#fff","d":"M87.73 71.45l14.73 26.97H75.13L62.68 75.37h-11.8v23.05H26V16.7h45.52c18.83 0 30.78 10.45 30.78 29.24 0 12.1-5.57 20.76-14.57 25.5zm-36.84-33.5v16.17h17.68c5.24 0 8.52-3.1 8.52-8.17 0-5.06-3.28-8-8.52-8H50.9zm130.66 66.51l-74.5-20.1L127.03 10l37.24 10.05 37.25 10.05-19.97 74.36zm-14.08-54.75L146.67 44l-5.56 20.76 20.79 5.72 5.57-20.76zm119.36 25.66c0 15.69-9.99 23.05-25.54 23.05h-48.8V16.7h47.16c15.56 0 25.54 8 25.54 22.06 0 8.83-3.27 14.71-9.5 18.8 7.05 3.1 11.14 9.3 11.14 17.8zm-50.1-39.05v12.1h16.2c4.42 0 7.04-1.97 7.04-6.22 0-3.92-2.62-5.88-7.04-5.88h-16.2zm0 42.49h18.17c4.26 0 6.72-2.29 6.72-6.21 0-4.25-2.45-6.21-6.72-6.21h-18.17V78.8zm62.38-62.1h24.88v57.52h35.7v24.19H299.1V16.71zm152.11 40.86a42.43 42.43 0 01-26.28 39.25 42.64 42.64 0 01-46.4-9.21 42.46 42.46 0 0130.1-72.53 42.56 42.56 0 0130.13 12.41 42.38 42.38 0 0112.45 30.07zm-24.89 0c0-10.14-8.02-18.15-17.68-18.15s-17.69 8.01-17.69 18.15c0 10.13 8.03 18.14 17.69 18.14 9.66 0 17.68-8.02 17.68-18.15zm84.82-1.31L538 98.42h-29.64l-14.73-24.03-15.23 24.03h-30.13l28-41.18-25.7-40.53h29.63l13.59 22.06 13.1-22.06h29.47l-25.21 39.55z"},"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 Roblox = react_1.forwardRef(function Roblox({ 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 Roblox = react_1.forwardRef(function Roblox({ 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/roblox.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, light, dark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Roblox"]},{"type":"path","props":{"d":"M18.926 23.998 0 18.892 5.075.002 24 5.108ZM15.348 10.09l-5.282-1.453-1.414 5.273 5.282 1.453z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Roblox"]},{"type":"path","props":{"d":"M18.926 23.998 0 18.892 5.075.002 24 5.108ZM15.348 10.09l-5.282-1.453-1.414 5.273 5.282 1.453z"},"children":[]}]},"light":{"viewBox":"0 0 564 115","fill":"none","childNodes":[{"type":"mask","props":{"id":"prefix__a","width":"512","height":"95","x":"26","y":"10","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M26 10h512v94.72H26V10z"},"children":[]}]},{"type":"g","props":{"mask":"url(#prefix__a)"},"children":[{"type":"path","props":{"fill":"#000","d":"M87.73 71.45l14.73 26.97H75.13L62.68 75.37h-11.8v23.05H26V16.7h45.52c18.83 0 30.78 10.45 30.78 29.24 0 12.1-5.57 20.76-14.57 25.5zm-36.84-33.5v16.17h17.68c5.24 0 8.52-3.1 8.52-8.17 0-5.06-3.28-8-8.52-8H50.9zm130.66 66.51l-74.5-20.1L127.03 10l37.24 10.05 37.25 10.05-19.97 74.36zm-14.08-54.75L146.67 44l-5.56 20.76 20.79 5.72 5.57-20.76zm119.36 25.66c0 15.69-9.99 23.05-25.54 23.05h-48.8V16.7h47.16c15.56 0 25.54 8 25.54 22.06 0 8.83-3.27 14.71-9.5 18.8 7.05 3.1 11.14 9.3 11.14 17.8zm-50.1-39.05v12.1h16.2c4.42 0 7.04-1.97 7.04-6.22 0-3.92-2.62-5.88-7.04-5.88h-16.2zm0 42.49h18.17c4.26 0 6.72-2.29 6.72-6.21 0-4.25-2.45-6.21-6.72-6.21h-18.17V78.8zm62.38-62.1h24.88v57.52h35.7v24.19H299.1V16.71zm152.11 40.86a42.43 42.43 0 01-26.28 39.25 42.64 42.64 0 01-46.4-9.21 42.46 42.46 0 0130.1-72.53 42.56 42.56 0 0130.13 12.41 42.38 42.38 0 0112.45 30.07zm-24.89 0c0-10.14-8.02-18.15-17.68-18.15s-17.69 8.01-17.69 18.15c0 10.13 8.03 18.14 17.69 18.14 9.66 0 17.68-8.02 17.68-18.15zm84.82-1.31L538 98.42h-29.64l-14.73-24.03-15.23 24.03h-30.13l28-41.18-25.7-40.53h29.63l13.59 22.06 13.1-22.06h29.47l-25.21 39.55z"},"children":[]}]}]},"dark":{"viewBox":"0 0 564 115","fill":"none","childNodes":[{"type":"mask","props":{"id":"prefix__a","width":"512","height":"95","x":"26","y":"10","maskUnits":"userSpaceOnUse","style":{"maskType":"luminance"}},"children":[{"type":"path","props":{"fill":"#fff","d":"M26 10h512v94.72H26V10z"},"children":[]}]},{"type":"g","props":{"mask":"url(#prefix__a)"},"children":[{"type":"path","props":{"fill":"#fff","d":"M87.73 71.45l14.73 26.97H75.13L62.68 75.37h-11.8v23.05H26V16.7h45.52c18.83 0 30.78 10.45 30.78 29.24 0 12.1-5.57 20.76-14.57 25.5zm-36.84-33.5v16.17h17.68c5.24 0 8.52-3.1 8.52-8.17 0-5.06-3.28-8-8.52-8H50.9zm130.66 66.51l-74.5-20.1L127.03 10l37.24 10.05 37.25 10.05-19.97 74.36zm-14.08-54.75L146.67 44l-5.56 20.76 20.79 5.72 5.57-20.76zm119.36 25.66c0 15.69-9.99 23.05-25.54 23.05h-48.8V16.7h47.16c15.56 0 25.54 8 25.54 22.06 0 8.83-3.27 14.71-9.5 18.8 7.05 3.1 11.14 9.3 11.14 17.8zm-50.1-39.05v12.1h16.2c4.42 0 7.04-1.97 7.04-6.22 0-3.92-2.62-5.88-7.04-5.88h-16.2zm0 42.49h18.17c4.26 0 6.72-2.29 6.72-6.21 0-4.25-2.45-6.21-6.72-6.21h-18.17V78.8zm62.38-62.1h24.88v57.52h35.7v24.19H299.1V16.71zm152.11 40.86a42.43 42.43 0 01-26.28 39.25 42.64 42.64 0 01-46.4-9.21 42.46 42.46 0 0130.1-72.53 42.56 42.56 0 0130.13 12.41 42.38 42.38 0 0112.45 30.07zm-24.89 0c0-10.14-8.02-18.15-17.68-18.15s-17.69 8.01-17.69 18.15c0 10.13 8.03 18.14 17.69 18.14 9.66 0 17.68-8.02 17.68-18.15zm84.82-1.31L538 98.42h-29.64l-14.73-24.03-15.23 24.03h-30.13l28-41.18-25.7-40.53h29.63l13.59 22.06 13.1-22.06h29.47l-25.21 39.55z"},"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 Roblox = forwardRef(
   function Roblox({ 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 Roblox = 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/robohelp-server.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_113)"},"children":[{"type":"path","props":{"d":"M30.6667 1.33334H1.33334V29.8667H30.6667V1.33334Z","fill":"#002623"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0V31.2H32V0H0ZM1.33333 1.33333H30.6667V29.8667H1.33333V1.33333Z","fill":"#B4F8F2"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M8.66666 21.7067C8.66666 21.8133 8.62666 21.8 8.51999 21.8H6.57333C6.43999 21.8 6.39999 21.76 6.39999 21.6267V7.62665C6.39999 7.51999 6.43999 7.42665 6.53333 7.42665C7.58666 7.38665 8.53333 7.35999 10.12 7.35999C13.1867 7.35999 15.04 8.82665 15.04 11.48C15.04 13.6667 13.5733 14.8933 12.36 15.3467C12.9867 16.4267 15.0933 20.3067 15.7733 21.6C15.84 21.7067 15.84 21.8 15.6933 21.8H13.4533C13.3067 21.8 13.24 21.8267 13.2 21.76C12.7067 20.9067 11.16 17.8667 10.1733 16.0667H8.66666V21.7067ZM9.97333 13.9333C11.5467 13.9333 12.6667 13.3067 12.6667 11.7067C12.6667 10.1333 11.6533 9.43999 10.0667 9.43999C9.50666 9.43999 8.97333 9.46665 8.66666 9.47999V13.9333H9.97333ZM20 21.6533C20 21.76 19.96 21.8 19.8667 21.8H17.7467C17.64 21.8 17.6 21.7333 17.6 21.6533V7.53332C17.6 7.43999 17.6267 7.39999 17.7467 7.39999H19.8667C19.96 7.39999 20 7.43999 20 7.53332V11.8267C20.6667 11.3067 21.4933 10.9867 22.52 10.9867C23.92 10.9867 25.6 11.6933 25.6 14.8267V21.6267C25.6 21.76 25.56 21.8 25.4533 21.8H23.36C23.2533 21.8 23.2133 21.7333 23.2133 21.6267V15.0533C23.2133 13.76 22.7067 13.0533 21.68 13.0533C21.0133 13.0533 20.48 13.2667 20.0133 13.6933V21.6533H20Z","fill":"#B4F8F2"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_113"},"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 RobohelpServer = react_1.forwardRef(function RobohelpServer({ 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 RobohelpServer = react_1.forwardRef(function RobohelpServer({ variant = 'd
     ..._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));
       })
   );
 });