@thesvg/react 3.2.0 → 3.2.4

package/dist/upleveled.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 154 154","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","y2":"99.879%","x2":"100%","y1":".121%","x1":"0%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#FF3367"},"children":[]},{"type":"stop","props":{"offset":"26.795%","stopColor":"#FF3393"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#844FFF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","y2":"99.875%","x2":"100%","y1":".125%","x1":"0%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#FF3367"},"children":[]},{"type":"stop","props":{"offset":"26.795%","stopColor":"#FF3393"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#844FFF"},"children":[]}]}]},{"type":"path","props":{"fill":"none","d":"M-1-1h156v156H-1z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M8.545 145.455h130.169v9.09H-.545V15.455h9.09z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M17.653 0h136.535v136.364H17.653z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M81.005 49.09v43.82c0 .635-.273.908-.91.908h-9.102c-.637 0-.91-.273-.91-.909v-3.273c-3.732 3.091-7.92 5.091-13.745 5.091-9.921 0-15.929-5.909-15.929-15.363V49.09c0-.636.273-.91.91-.91h9.103c.637 0 .91.274.91.91v26.364c0 6.818 2.822 9.454 7.828 9.454 5.734 0 10.923-4.364 10.923-15.182V49.091c0-.636.273-.91.91-.91h9.102c.637 0 .91.274.91.91zm5.644 61.82V49.09c0-.635.273-.908.91-.908h9.102c.638 0 .91.273.91.909v2.818c3.46-2.818 7.647-4.636 13.108-4.636 12.288 0 20.753 9.09 20.753 23.727 0 14.636-8.465 23.727-20.753 23.727-5.006 0-9.193-1.454-13.107-4.545v20.727c0 .636-.273.91-.91.91h-9.103c-.637 0-.91-.274-.91-.91zM97.025 71c0 7.818 4.279 13.91 11.47 13.91 7.19 0 11.468-6.092 11.468-13.91 0-7.818-4.278-13.91-11.469-13.91-7.19 0-11.469 6.092-11.469 13.91z"},"children":[]}]},"wordmark":{"viewBox":"0 0 476 155","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"0%","y1":".121%","x2":"100%","y2":"99.879%","id":"a"},"children":[{"type":"stop","props":{"stopColor":"#FF3367","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#FF3393","offset":"26.795%"},"children":[]},{"type":"stop","props":{"stopColor":"#844FFF","offset":"100%"},"children":[]}]},{"type":"linearGradient","props":{"x1":"0%","y1":".125%","x2":"100%","y2":"99.875%","id":"b"},"children":[{"type":"stop","props":{"stopColor":"#FF3367","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#FF3393","offset":"26.795%"},"children":[]},{"type":"stop","props":{"stopColor":"#844FFF","offset":"100%"},"children":[]}]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd"},"children":[{"type":"path","props":{"d":"M-41-47h557v249H-41z"},"children":[]},{"type":"g","props":{"fillRule":"nonzero"},"children":[{"type":"path","props":{"fill":"url(#a)","d":"M9.545 145.455h130.169v9.09H.455V15.455h9.09z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M18.653 0h136.535v136.364H18.653z"},"children":[]},{"type":"path","props":{"d":"M82.005 49.09v43.82c0 .635-.273.908-.91.908h-9.102c-.637 0-.91-.273-.91-.909v-3.273c-3.732 3.091-7.92 5.091-13.745 5.091-9.921 0-15.929-5.909-15.929-15.363V49.09c0-.636.273-.91.91-.91h9.103c.637 0 .91.274.91.91v26.364c0 6.818 2.822 9.454 7.828 9.454 5.734 0 10.923-4.364 10.923-15.182V49.091c0-.636.273-.91.91-.91h9.102c.637 0 .91.274.91.91Zm5.644 61.82V49.09c0-.635.273-.908.91-.908h9.102c.638 0 .91.273.91.909v2.818c3.46-2.818 7.647-4.636 13.108-4.636 12.288 0 20.753 9.09 20.753 23.727 0 14.636-8.465 23.727-20.753 23.727-5.006 0-9.193-1.454-13.107-4.545v20.727c0 .636-.273.91-.91.91h-9.103c-.637 0-.91-.274-.91-.91ZM98.025 71c0 7.818 4.279 13.91 11.47 13.91 7.19 0 11.468-6.092 11.468-13.91 0-7.818-4.278-13.91-11.469-13.91-7.19 0-11.469 6.092-11.469 13.91Z","fill":"#FFF"},"children":[]},{"type":"path","props":{"d":"M181.22 50.48V46.7c0-.49.21-.7.7-.7h13.51c.49 0 .7.21.7.7v43.12h10.22c.49 0 .7.21.7.7v3.78c0 .49-.21.7-.7.7h-25.83c-.49 0-.7-.21-.7-.7v-3.78c0-.49.21-.7.7-.7h10.15V51.18h-8.75c-.49 0-.7-.21-.7-.7Zm70.41 28.63h-26.32c.56 6.58 4.06 11.41 10.85 11.41 5.04 0 7.91-2.03 9.59-6.44.21-.56.49-.63.98-.63h4.55c.35 0 .49.21.49.49 0 .14 0 .28-.14.7-2.52 7.35-7.7 11.06-15.47 11.06-10.92 0-16.73-7.98-16.73-18.27s6.65-18.27 16.73-18.27c10.64 0 16.17 8.54 16.17 18.27v.98c0 .49-.21.7-.7.7Zm-15.47-14.77c-5.25 0-9.45 3.64-10.57 9.59h20.86c-1.12-5.74-5.25-9.59-10.29-9.59Zm59.91-3.36L283.82 94.3c-.21.49-.42.7-.84.7h-4.9c-.42 0-.63-.21-.84-.7l-12.25-33.32c-.07-.21-.07-.35-.07-.49 0-.42.28-.63.63-.63h4.76c.56 0 .84.21.98.7l9.24 27.02 9.24-27.02c.14-.49.42-.7.98-.7h4.76c.35 0 .63.21.63.63 0 .14 0 .28-.07.49Zm44.79 18.13h-26.32c.56 6.58 4.06 11.41 10.85 11.41 5.04 0 7.91-2.03 9.59-6.44.21-.56.49-.63.98-.63h4.55c.35 0 .49.21.49.49 0 .14 0 .28-.14.7-2.52 7.35-7.7 11.06-15.47 11.06-10.92 0-16.73-7.98-16.73-18.27s6.65-18.27 16.73-18.27c10.64 0 16.17 8.54 16.17 18.27v.98c0 .49-.21.7-.7.7Zm-15.47-14.77c-5.25 0-9.45 3.64-10.57 9.59h20.86c-1.12-5.74-5.25-9.59-10.29-9.59Zm31-13.86V46.7c0-.49.21-.7.7-.7h13.51c.49 0 .7.21.7.7v43.12h10.22c.49 0 .7.21.7.7v3.78c0 .49-.21.7-.7.7h-25.83c-.49 0-.7-.21-.7-.7v-3.78c0-.49.21-.7.7-.7h10.15V51.18h-8.75c-.49 0-.7-.21-.7-.7Zm70.41 28.63h-26.32c.56 6.58 4.06 11.41 10.85 11.41 5.04 0 7.91-2.03 9.59-6.44.21-.56.49-.63.98-.63h4.55c.35 0 .49.21.49.49 0 .14 0 .28-.14.7-2.52 7.35-7.7 11.06-15.47 11.06-10.92 0-16.73-7.98-16.73-18.27s6.65-18.27 16.73-18.27c10.64 0 16.17 8.54 16.17 18.27v.98c0 .49-.21.7-.7.7Zm-15.47-14.77c-5.25 0-9.45 3.64-10.57 9.59h20.86c-1.12-5.74-5.25-9.59-10.29-9.59Zm63.34-17.64v47.6c0 .49-.21.7-.7.7h-4.06c-.49 0-.7-.21-.7-.7v-3.29c-2.17 2.8-6.09 4.69-10.85 4.69-9.1 0-15.05-7.07-15.05-18.27s5.95-18.27 15.05-18.27c4.41 0 8.47 2.03 10.85 4.69V46.7c0-.49.21-.7.7-.7h4.06c.49 0 .7.21.7.7Zm-4.9 30.73c0-7.35-3.64-13.09-10.29-13.09-6.65 0-10.43 5.74-10.43 13.09s3.78 13.09 10.43 13.09 10.29-5.74 10.29-13.09Z","stroke":"#000","strokeWidth":"1.2","fill":"#000"},"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 Upleveled = react_1.forwardRef(function Upleveled({ 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 Upleveled = react_1.forwardRef(function Upleveled({ 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/upleveled.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 154 154","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","y2":"99.879%","x2":"100%","y1":".121%","x1":"0%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#FF3367"},"children":[]},{"type":"stop","props":{"offset":"26.795%","stopColor":"#FF3393"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#844FFF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","y2":"99.875%","x2":"100%","y1":".125%","x1":"0%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#FF3367"},"children":[]},{"type":"stop","props":{"offset":"26.795%","stopColor":"#FF3393"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#844FFF"},"children":[]}]}]},{"type":"path","props":{"fill":"none","d":"M-1-1h156v156H-1z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M8.545 145.455h130.169v9.09H-.545V15.455h9.09z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M17.653 0h136.535v136.364H17.653z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M81.005 49.09v43.82c0 .635-.273.908-.91.908h-9.102c-.637 0-.91-.273-.91-.909v-3.273c-3.732 3.091-7.92 5.091-13.745 5.091-9.921 0-15.929-5.909-15.929-15.363V49.09c0-.636.273-.91.91-.91h9.103c.637 0 .91.274.91.91v26.364c0 6.818 2.822 9.454 7.828 9.454 5.734 0 10.923-4.364 10.923-15.182V49.091c0-.636.273-.91.91-.91h9.102c.637 0 .91.274.91.91zm5.644 61.82V49.09c0-.635.273-.908.91-.908h9.102c.638 0 .91.273.91.909v2.818c3.46-2.818 7.647-4.636 13.108-4.636 12.288 0 20.753 9.09 20.753 23.727 0 14.636-8.465 23.727-20.753 23.727-5.006 0-9.193-1.454-13.107-4.545v20.727c0 .636-.273.91-.91.91h-9.103c-.637 0-.91-.274-.91-.91zM97.025 71c0 7.818 4.279 13.91 11.47 13.91 7.19 0 11.468-6.092 11.468-13.91 0-7.818-4.278-13.91-11.469-13.91-7.19 0-11.469 6.092-11.469 13.91z"},"children":[]}]},"wordmark":{"viewBox":"0 0 476 155","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"0%","y1":".121%","x2":"100%","y2":"99.879%","id":"a"},"children":[{"type":"stop","props":{"stopColor":"#FF3367","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#FF3393","offset":"26.795%"},"children":[]},{"type":"stop","props":{"stopColor":"#844FFF","offset":"100%"},"children":[]}]},{"type":"linearGradient","props":{"x1":"0%","y1":".125%","x2":"100%","y2":"99.875%","id":"b"},"children":[{"type":"stop","props":{"stopColor":"#FF3367","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#FF3393","offset":"26.795%"},"children":[]},{"type":"stop","props":{"stopColor":"#844FFF","offset":"100%"},"children":[]}]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd"},"children":[{"type":"path","props":{"d":"M-41-47h557v249H-41z"},"children":[]},{"type":"g","props":{"fillRule":"nonzero"},"children":[{"type":"path","props":{"fill":"url(#a)","d":"M9.545 145.455h130.169v9.09H.455V15.455h9.09z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M18.653 0h136.535v136.364H18.653z"},"children":[]},{"type":"path","props":{"d":"M82.005 49.09v43.82c0 .635-.273.908-.91.908h-9.102c-.637 0-.91-.273-.91-.909v-3.273c-3.732 3.091-7.92 5.091-13.745 5.091-9.921 0-15.929-5.909-15.929-15.363V49.09c0-.636.273-.91.91-.91h9.103c.637 0 .91.274.91.91v26.364c0 6.818 2.822 9.454 7.828 9.454 5.734 0 10.923-4.364 10.923-15.182V49.091c0-.636.273-.91.91-.91h9.102c.637 0 .91.274.91.91Zm5.644 61.82V49.09c0-.635.273-.908.91-.908h9.102c.638 0 .91.273.91.909v2.818c3.46-2.818 7.647-4.636 13.108-4.636 12.288 0 20.753 9.09 20.753 23.727 0 14.636-8.465 23.727-20.753 23.727-5.006 0-9.193-1.454-13.107-4.545v20.727c0 .636-.273.91-.91.91h-9.103c-.637 0-.91-.274-.91-.91ZM98.025 71c0 7.818 4.279 13.91 11.47 13.91 7.19 0 11.468-6.092 11.468-13.91 0-7.818-4.278-13.91-11.469-13.91-7.19 0-11.469 6.092-11.469 13.91Z","fill":"#FFF"},"children":[]},{"type":"path","props":{"d":"M181.22 50.48V46.7c0-.49.21-.7.7-.7h13.51c.49 0 .7.21.7.7v43.12h10.22c.49 0 .7.21.7.7v3.78c0 .49-.21.7-.7.7h-25.83c-.49 0-.7-.21-.7-.7v-3.78c0-.49.21-.7.7-.7h10.15V51.18h-8.75c-.49 0-.7-.21-.7-.7Zm70.41 28.63h-26.32c.56 6.58 4.06 11.41 10.85 11.41 5.04 0 7.91-2.03 9.59-6.44.21-.56.49-.63.98-.63h4.55c.35 0 .49.21.49.49 0 .14 0 .28-.14.7-2.52 7.35-7.7 11.06-15.47 11.06-10.92 0-16.73-7.98-16.73-18.27s6.65-18.27 16.73-18.27c10.64 0 16.17 8.54 16.17 18.27v.98c0 .49-.21.7-.7.7Zm-15.47-14.77c-5.25 0-9.45 3.64-10.57 9.59h20.86c-1.12-5.74-5.25-9.59-10.29-9.59Zm59.91-3.36L283.82 94.3c-.21.49-.42.7-.84.7h-4.9c-.42 0-.63-.21-.84-.7l-12.25-33.32c-.07-.21-.07-.35-.07-.49 0-.42.28-.63.63-.63h4.76c.56 0 .84.21.98.7l9.24 27.02 9.24-27.02c.14-.49.42-.7.98-.7h4.76c.35 0 .63.21.63.63 0 .14 0 .28-.07.49Zm44.79 18.13h-26.32c.56 6.58 4.06 11.41 10.85 11.41 5.04 0 7.91-2.03 9.59-6.44.21-.56.49-.63.98-.63h4.55c.35 0 .49.21.49.49 0 .14 0 .28-.14.7-2.52 7.35-7.7 11.06-15.47 11.06-10.92 0-16.73-7.98-16.73-18.27s6.65-18.27 16.73-18.27c10.64 0 16.17 8.54 16.17 18.27v.98c0 .49-.21.7-.7.7Zm-15.47-14.77c-5.25 0-9.45 3.64-10.57 9.59h20.86c-1.12-5.74-5.25-9.59-10.29-9.59Zm31-13.86V46.7c0-.49.21-.7.7-.7h13.51c.49 0 .7.21.7.7v43.12h10.22c.49 0 .7.21.7.7v3.78c0 .49-.21.7-.7.7h-25.83c-.49 0-.7-.21-.7-.7v-3.78c0-.49.21-.7.7-.7h10.15V51.18h-8.75c-.49 0-.7-.21-.7-.7Zm70.41 28.63h-26.32c.56 6.58 4.06 11.41 10.85 11.41 5.04 0 7.91-2.03 9.59-6.44.21-.56.49-.63.98-.63h4.55c.35 0 .49.21.49.49 0 .14 0 .28-.14.7-2.52 7.35-7.7 11.06-15.47 11.06-10.92 0-16.73-7.98-16.73-18.27s6.65-18.27 16.73-18.27c10.64 0 16.17 8.54 16.17 18.27v.98c0 .49-.21.7-.7.7Zm-15.47-14.77c-5.25 0-9.45 3.64-10.57 9.59h20.86c-1.12-5.74-5.25-9.59-10.29-9.59Zm63.34-17.64v47.6c0 .49-.21.7-.7.7h-4.06c-.49 0-.7-.21-.7-.7v-3.29c-2.17 2.8-6.09 4.69-10.85 4.69-9.1 0-15.05-7.07-15.05-18.27s5.95-18.27 15.05-18.27c4.41 0 8.47 2.03 10.85 4.69V46.7c0-.49.21-.7.7-.7h4.06c.49 0 .7.21.7.7Zm-4.9 30.73c0-7.35-3.64-13.09-10.29-13.09-6.65 0-10.43 5.74-10.43 13.09s3.78 13.09 10.43 13.09 10.29-5.74 10.29-13.09Z","stroke":"#000","strokeWidth":"1.2","fill":"#000"},"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 Upleveled = forwardRef(
   function Upleveled({ 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 Upleveled = 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/usnews.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 408 104","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["U.S. News & World Report"]},{"type":"g","props":{},"children":[{"type":"defs","props":{},"children":[{"type":"rect","props":{"id":"SVGID_1_","x":"4","y":"4","width":"400","height":"96"},"children":[]}]},{"type":"clipPath","props":{"id":"SVGID_2_"},"children":[{"type":"use","props":{"href":"#SVGID_1_","overflow":"visible"},"children":[]}]},{"type":"g","props":{"clipPath":"url(#SVGID_2_)"},"children":[{"type":"rect","props":{"x":"-3.115","y":"-9.004","fill":"#005ea6","width":"430.518","height":"109.004"},"children":[]},{"type":"rect","props":{"x":"-1.113","y":"82.424","fill":"#FFFFFF","width":"430.518","height":"4.291"},"children":[]},{"type":"rect","props":{"x":"-3.115","y":"86.715","fill":"#C41623","width":"430.518","height":"50.596"},"children":[]}]}]},{"type":"path","props":{"fill":"#FFFFFF","d":"M404,4v96H4V4H404 M408,0h-4H4H0v4v96v4h4h400h4v-4V4V0L408,0z"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"#FFFFFF","d":"M76.748,65.242c0-1.219,0-42.146,0-42.146h-13.23c0,0,0,39.166,0,40.318\n\t\tc0,6.277-5.355,10.016-12.926,10.016c-8.645,0-13.391-3.738-13.391-10.094c0-1.148,0-40.24,0-40.24H23.975c0,0,0,40.006,0,41.381\n\t\tc0,14.164,11.242,19.82,26.309,19.82c10.399,0,18.778-2.844,23.152-8.595v7.829h11.801V71.223h-9.428\n\t\tC76.419,69.417,76.748,67.427,76.748,65.242z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M139.99,66.094c0-10.334-6.27-15.307-18.285-17.604c-1.379-0.23-5.359-1.074-8.41-1.684\n\t\tc-9.871-1.988-13.469-3.746-13.469-8.184c0-3.445,1.992-5.66,12.012-5.66c7.648,0,10.938,1.758,12.543,5.125\n\t\tc0.461,0.922,0.844,2.293,0.844,2.98h13.617c0-1.535-0.609-3.82-1.379-5.812c-3.055-7.648-10.172-12.926-25.32-12.926\n\t\tc-17.746,0-26.004,6.879-26.004,17.137c0,10.023,7.262,15.453,19.047,17.67c2.676,0.531,7.113,1.379,8.875,1.688\n\t\tc9.781,1.836,12.312,3.59,12.312,8.566c0,3.98-3.211,6.496-12.398,6.496c-8.027,0-12.004-1.523-13.688-5.043\n\t\tc-0.461-0.914-0.844-2.75-0.844-3.824H85.826c0,1.219,0.23,4.207,0.852,6.191c2.438,7.652,9.016,13.16,27.297,13.16\n\t\tc11.484,0,19.128-3.223,23.008-8.555v7.715h11.797V71.223h-9.529C139.729,69.62,139.99,67.912,139.99,66.094z"},"children":[]},{"type":"polygon","props":{"fill":"#FFFFFF","points":"191.463,62.031 168.209,23.096 152.834,23.096 152.834,83.531 165.455,83.531 165.455,42.6 \n\t\t189.783,83.531 204.084,83.531 204.084,23.096 191.463,23.096 \t"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M233.311,37.896c-9.73,0-17.43,3.645-21.727,9.887c-2.508,3.566-3.891,8.102-3.891,13.209\n\t\tc0,5.598,1.215,10.055,3.41,13.539c4.293,6.812,12.312,9.727,22.207,9.727c7.211,0,12.648-1.539,16.543-4.047\n\t\tc4.453-2.848,7.047-6.895,8.094-11.191h-12.727c-0.238,0.977-1.375,2.43-3.719,3.484c-1.871,0.812-4.543,1.461-8.191,1.461\n\t\tc-4.863,0-8.504-1.293-10.379-3.32c-1.535-1.703-2.43-3.238-2.43-5.277h37.773c0.727-6.719-0.488-13.127-3.812-17.99\n\t\tC250.498,41.619,243.521,37.896,233.311,37.896z M220.42,56.863c0-1.303,1.219-3.971,2.758-5.35\n\t\tc2.191-1.945,5.598-3.168,10.211-3.168c4.867,0,7.945,1.547,9.816,3.41c1.617,1.703,2.172,3.805,2.172,5.107H220.42z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M325.107,38.951l-10.449,33.146l-10.055-33.146h-14.422l-9.805,33.146l-10.699-33.146h-13.535l15.953,44.58\n\t\th15.414c0,0,8.758-25.613,8.836-27.158c0.082-0.488,0.559-3.129,0.559-3.129s0.492,2.641,0.578,3.211\n\t\tc0.156,1.463,8.918,27.076,8.918,27.076h15.316l16.129-44.58H325.107z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M368.623,56.455c-1.535-0.242-7.777-1.141-10.371-1.535c-6.32-0.977-7.707-1.703-7.707-3.648\n\t\tc0-2.102,2.113-3.246,9.25-3.246c6.156,0,8.504,1.062,9.398,2.273c0.398,0.566,0.57,1.941,0.57,2.426h12.562\n\t\tc0-0.891-0.246-3.637-0.812-5.348c-2.266-6.398-9.977-9.559-22.207-9.559c-14.352,0-21.477,5.188-21.477,13.121\n\t\tc0,8.521,4.699,12.814,14.508,14.189c2.672,0.406,8.023,1.219,9.719,1.461c6.566,0.973,9.246,1.535,9.246,4.055\n\t\tc0,2.59-2.27,3.887-9.645,3.887c-7.055,0-10.457-0.566-11.27-2.672c-0.324-0.895-0.402-1.703-0.402-2.273H337.1\n\t\tc0,1.461,0.078,2.68,0.48,4.461c1.867,7.297,8.996,10.289,24.078,10.289c15.398,0,22.367-4.699,22.367-13.938\n\t\tC384.025,62.051,379.318,58.078,368.623,56.455z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M215.045,35.334c1.156,0,2.406-0.195,3.344-0.586c0.172,0.152,0.367,0.32,0.57,0.465h4.621\n\t\tc-0.879-0.699-1.797-1.406-2.605-2.004c0.973-0.926,1.59-2.242,1.648-3.766h-3.406c-0.035,0.695-0.258,1.34-0.656,1.844\n\t\tc-0.699-0.574-1.398-1.199-1.945-1.645c1.211-0.75,2.391-1.82,2.43-3.359c0-0.082,0.016-0.418,0-0.527\n\t\tc-0.086-1.473-1.434-2.812-3.746-2.812c-2.531,0-3.996,1.414-4.062,2.906c0,0.195,0,0.477,0,0.617\n\t\tc0.02,0.734,0.289,1.566,0.996,2.566c-1.438,0.676-2.75,1.535-2.781,2.918c0,0.156-0.012,0.438,0,0.629\n\t\tC209.557,34.807,212.158,35.334,215.045,35.334z M214.447,26.338c0.051-0.43,0.277-0.797,0.816-0.797\n\t\tc0.559,0,0.75,0.352,0.77,0.754c0,0.043,0,0.172,0,0.246c-0.039,0.473-0.473,0.875-1.094,1.242\n\t\tc-0.301-0.395-0.473-0.781-0.492-1.117C214.432,26.564,214.432,26.436,214.447,26.338z M214.006,31.068\n\t\tc0.512,0.516,1.234,1.078,1.93,1.676c-0.301,0.078-0.719,0.121-1.062,0.121c-1.266,0-1.809-0.223-1.809-0.809\n\t\tC213.064,31.713,213.451,31.381,214.006,31.068z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M234.068,35.213c0,0,1.859-6.984,1.879-7.391c0.047,0.391,1.863,7.391,1.863,7.391h4.062l3.406-12.145\n\t\th-3.605c0,0-1.824,7.5-1.824,7.883c0-0.383-1.844-7.883-1.844-7.883h-3.82c0,0-1.797,7.5-1.797,7.883\n\t\tc0-0.383-1.855-7.883-1.855-7.883h-3.973l3.477,12.145H234.068z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M251.893,35.396c4.445,0,6.473-2.098,6.473-6.363c0-4.059-1.891-6.184-6.473-6.184\n\t\tc-4.492,0-6.48,2.355-6.48,6.23C245.412,33.229,247.436,35.396,251.893,35.396z M251.893,25.721c2.059,0,2.719,0.992,2.719,3.398\n\t\tc0,2.707-0.992,3.43-2.699,3.43c-1.777,0-2.707-0.855-2.707-3.43C249.205,26.678,249.912,25.721,251.893,25.721z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M263.678,31.104h2.512l2.133,4.109h4.172l-2.84-4.863c0.562-0.125,1.109-0.504,1.492-1.152\n\t\tc0.324-0.539,0.535-1.312,0.535-2.289c0-1.137-0.227-1.953-0.699-2.566c-0.613-0.809-1.664-1.273-3.281-1.273h-7.688v12.145h3.664\n\t\tV31.104z M263.713,25.928h3.133c0.539,0,0.895,0.117,1.074,0.508c0.105,0.18,0.133,0.508,0.133,0.781\n\t\tc0,0.242-0.047,0.566-0.141,0.781c-0.137,0.301-0.527,0.406-0.984,0.406h-3.215V25.928z"},"children":[]},{"type":"polygon","props":{"fill":"#FFFFFF","points":"283.842,32.209 278.01,32.209 278.01,23.068 274.252,23.068 274.252,35.213 283.842,35.213 \t"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M296.709,33.451c0.672-1.008,0.855-1.957,0.855-4.547c0-2.211-0.145-3.223-0.891-4.254\n\t\tc-0.75-1.043-2.117-1.582-4.312-1.582h-6.664v12.145h6.844C294.725,35.213,295.979,34.572,296.709,33.451z M289.393,32.346v-6.438\n\t\th2.344c0.918,0,1.363,0.137,1.836,0.656c0.297,0.344,0.383,1.469,0.383,2.34c0,0.988-0.035,2.363-0.352,2.75\n\t\tc-0.418,0.492-0.918,0.691-1.867,0.691H289.393z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M307.408,31.104h2.508l2.145,4.109h4.164l-2.844-4.863c0.559-0.125,1.117-0.504,1.496-1.152\n\t\tc0.32-0.539,0.535-1.312,0.535-2.289c0-1.137-0.227-1.953-0.699-2.566c-0.613-0.809-1.664-1.273-3.281-1.273h-7.684v12.145h3.66\n\t\tV31.104z M307.443,25.928h3.125c0.535,0,0.902,0.117,1.09,0.508c0.094,0.18,0.117,0.508,0.117,0.781\n\t\tc0,0.242-0.039,0.566-0.133,0.781c-0.137,0.301-0.539,0.406-0.992,0.406h-3.207V25.928z"},"children":[]},{"type":"polygon","props":{"fill":"#FFFFFF","points":"328.525,32.381 321.791,32.381 321.791,30.576 328.213,30.576 328.213,27.689 321.791,27.689 \n\t\t321.791,25.928 328.459,25.928 328.459,23.068 318.135,23.068 318.135,35.213 328.525,35.213 \t"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M334.65,31.412c0,0,3.285,0.027,3.742,0.02c1.492-0.031,2.656-0.418,3.355-1.234\n\t\tc0.605-0.645,0.898-1.598,0.898-2.945c0-1.508-0.383-2.555-1.094-3.168c-0.664-0.691-1.707-1.016-3.172-1.016h-7.473v12.145h3.742\n\t\tV31.412z M334.604,25.893h2.965c0.613,0,0.965,0.188,1.172,0.574c0.113,0.164,0.164,0.477,0.164,0.855\n\t\tc0,0.355-0.031,0.582-0.152,0.801c-0.176,0.336-0.523,0.57-1.23,0.57c-0.02,0-2.918,0-2.918,0V25.893z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M350.436,35.396c4.438,0,6.469-2.098,6.469-6.363c0-4.059-1.895-6.184-6.469-6.184\n\t\tc-4.5,0-6.488,2.355-6.488,6.23C343.947,33.229,345.971,35.396,350.436,35.396z M350.436,25.721c2.059,0,2.711,0.992,2.711,3.398\n\t\tc0,2.707-0.992,3.43-2.707,3.43c-1.773,0-2.695-0.855-2.695-3.43C347.744,26.678,348.443,25.721,350.436,25.721z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M362.256,31.104h2.512l2.141,4.109h4.16l-2.836-4.863c0.57-0.125,1.113-0.504,1.504-1.152\n\t\tc0.312-0.539,0.531-1.312,0.531-2.289c0-1.137-0.238-1.953-0.703-2.566c-0.617-0.809-1.68-1.273-3.289-1.273h-7.684v12.145h3.664\n\t\tV31.104z M362.287,25.928h3.133c0.531,0,0.898,0.117,1.082,0.508c0.094,0.18,0.121,0.508,0.121,0.781\n\t\tc0,0.242-0.043,0.566-0.133,0.781c-0.133,0.301-0.539,0.406-0.996,0.406h-3.207V25.928z"},"children":[]},{"type":"polygon","props":{"fill":"#FFFFFF","points":"375.213,35.213 378.998,35.213 378.998,25.99 382.881,25.99 382.881,23.068 371.361,23.068 \n\t\t371.361,25.99 375.213,25.99 \t"},"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 Usnews = react_1.forwardRef(function Usnews({ 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 Usnews = react_1.forwardRef(function Usnews({ 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/usnews.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 408 104","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["U.S. News & World Report"]},{"type":"g","props":{},"children":[{"type":"defs","props":{},"children":[{"type":"rect","props":{"id":"SVGID_1_","x":"4","y":"4","width":"400","height":"96"},"children":[]}]},{"type":"clipPath","props":{"id":"SVGID_2_"},"children":[{"type":"use","props":{"href":"#SVGID_1_","overflow":"visible"},"children":[]}]},{"type":"g","props":{"clipPath":"url(#SVGID_2_)"},"children":[{"type":"rect","props":{"x":"-3.115","y":"-9.004","fill":"#005ea6","width":"430.518","height":"109.004"},"children":[]},{"type":"rect","props":{"x":"-1.113","y":"82.424","fill":"#FFFFFF","width":"430.518","height":"4.291"},"children":[]},{"type":"rect","props":{"x":"-3.115","y":"86.715","fill":"#C41623","width":"430.518","height":"50.596"},"children":[]}]}]},{"type":"path","props":{"fill":"#FFFFFF","d":"M404,4v96H4V4H404 M408,0h-4H4H0v4v96v4h4h400h4v-4V4V0L408,0z"},"children":[]},{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"#FFFFFF","d":"M76.748,65.242c0-1.219,0-42.146,0-42.146h-13.23c0,0,0,39.166,0,40.318\n\t\tc0,6.277-5.355,10.016-12.926,10.016c-8.645,0-13.391-3.738-13.391-10.094c0-1.148,0-40.24,0-40.24H23.975c0,0,0,40.006,0,41.381\n\t\tc0,14.164,11.242,19.82,26.309,19.82c10.399,0,18.778-2.844,23.152-8.595v7.829h11.801V71.223h-9.428\n\t\tC76.419,69.417,76.748,67.427,76.748,65.242z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M139.99,66.094c0-10.334-6.27-15.307-18.285-17.604c-1.379-0.23-5.359-1.074-8.41-1.684\n\t\tc-9.871-1.988-13.469-3.746-13.469-8.184c0-3.445,1.992-5.66,12.012-5.66c7.648,0,10.938,1.758,12.543,5.125\n\t\tc0.461,0.922,0.844,2.293,0.844,2.98h13.617c0-1.535-0.609-3.82-1.379-5.812c-3.055-7.648-10.172-12.926-25.32-12.926\n\t\tc-17.746,0-26.004,6.879-26.004,17.137c0,10.023,7.262,15.453,19.047,17.67c2.676,0.531,7.113,1.379,8.875,1.688\n\t\tc9.781,1.836,12.312,3.59,12.312,8.566c0,3.98-3.211,6.496-12.398,6.496c-8.027,0-12.004-1.523-13.688-5.043\n\t\tc-0.461-0.914-0.844-2.75-0.844-3.824H85.826c0,1.219,0.23,4.207,0.852,6.191c2.438,7.652,9.016,13.16,27.297,13.16\n\t\tc11.484,0,19.128-3.223,23.008-8.555v7.715h11.797V71.223h-9.529C139.729,69.62,139.99,67.912,139.99,66.094z"},"children":[]},{"type":"polygon","props":{"fill":"#FFFFFF","points":"191.463,62.031 168.209,23.096 152.834,23.096 152.834,83.531 165.455,83.531 165.455,42.6 \n\t\t189.783,83.531 204.084,83.531 204.084,23.096 191.463,23.096 \t"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M233.311,37.896c-9.73,0-17.43,3.645-21.727,9.887c-2.508,3.566-3.891,8.102-3.891,13.209\n\t\tc0,5.598,1.215,10.055,3.41,13.539c4.293,6.812,12.312,9.727,22.207,9.727c7.211,0,12.648-1.539,16.543-4.047\n\t\tc4.453-2.848,7.047-6.895,8.094-11.191h-12.727c-0.238,0.977-1.375,2.43-3.719,3.484c-1.871,0.812-4.543,1.461-8.191,1.461\n\t\tc-4.863,0-8.504-1.293-10.379-3.32c-1.535-1.703-2.43-3.238-2.43-5.277h37.773c0.727-6.719-0.488-13.127-3.812-17.99\n\t\tC250.498,41.619,243.521,37.896,233.311,37.896z M220.42,56.863c0-1.303,1.219-3.971,2.758-5.35\n\t\tc2.191-1.945,5.598-3.168,10.211-3.168c4.867,0,7.945,1.547,9.816,3.41c1.617,1.703,2.172,3.805,2.172,5.107H220.42z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M325.107,38.951l-10.449,33.146l-10.055-33.146h-14.422l-9.805,33.146l-10.699-33.146h-13.535l15.953,44.58\n\t\th15.414c0,0,8.758-25.613,8.836-27.158c0.082-0.488,0.559-3.129,0.559-3.129s0.492,2.641,0.578,3.211\n\t\tc0.156,1.463,8.918,27.076,8.918,27.076h15.316l16.129-44.58H325.107z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M368.623,56.455c-1.535-0.242-7.777-1.141-10.371-1.535c-6.32-0.977-7.707-1.703-7.707-3.648\n\t\tc0-2.102,2.113-3.246,9.25-3.246c6.156,0,8.504,1.062,9.398,2.273c0.398,0.566,0.57,1.941,0.57,2.426h12.562\n\t\tc0-0.891-0.246-3.637-0.812-5.348c-2.266-6.398-9.977-9.559-22.207-9.559c-14.352,0-21.477,5.188-21.477,13.121\n\t\tc0,8.521,4.699,12.814,14.508,14.189c2.672,0.406,8.023,1.219,9.719,1.461c6.566,0.973,9.246,1.535,9.246,4.055\n\t\tc0,2.59-2.27,3.887-9.645,3.887c-7.055,0-10.457-0.566-11.27-2.672c-0.324-0.895-0.402-1.703-0.402-2.273H337.1\n\t\tc0,1.461,0.078,2.68,0.48,4.461c1.867,7.297,8.996,10.289,24.078,10.289c15.398,0,22.367-4.699,22.367-13.938\n\t\tC384.025,62.051,379.318,58.078,368.623,56.455z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M215.045,35.334c1.156,0,2.406-0.195,3.344-0.586c0.172,0.152,0.367,0.32,0.57,0.465h4.621\n\t\tc-0.879-0.699-1.797-1.406-2.605-2.004c0.973-0.926,1.59-2.242,1.648-3.766h-3.406c-0.035,0.695-0.258,1.34-0.656,1.844\n\t\tc-0.699-0.574-1.398-1.199-1.945-1.645c1.211-0.75,2.391-1.82,2.43-3.359c0-0.082,0.016-0.418,0-0.527\n\t\tc-0.086-1.473-1.434-2.812-3.746-2.812c-2.531,0-3.996,1.414-4.062,2.906c0,0.195,0,0.477,0,0.617\n\t\tc0.02,0.734,0.289,1.566,0.996,2.566c-1.438,0.676-2.75,1.535-2.781,2.918c0,0.156-0.012,0.438,0,0.629\n\t\tC209.557,34.807,212.158,35.334,215.045,35.334z M214.447,26.338c0.051-0.43,0.277-0.797,0.816-0.797\n\t\tc0.559,0,0.75,0.352,0.77,0.754c0,0.043,0,0.172,0,0.246c-0.039,0.473-0.473,0.875-1.094,1.242\n\t\tc-0.301-0.395-0.473-0.781-0.492-1.117C214.432,26.564,214.432,26.436,214.447,26.338z M214.006,31.068\n\t\tc0.512,0.516,1.234,1.078,1.93,1.676c-0.301,0.078-0.719,0.121-1.062,0.121c-1.266,0-1.809-0.223-1.809-0.809\n\t\tC213.064,31.713,213.451,31.381,214.006,31.068z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M234.068,35.213c0,0,1.859-6.984,1.879-7.391c0.047,0.391,1.863,7.391,1.863,7.391h4.062l3.406-12.145\n\t\th-3.605c0,0-1.824,7.5-1.824,7.883c0-0.383-1.844-7.883-1.844-7.883h-3.82c0,0-1.797,7.5-1.797,7.883\n\t\tc0-0.383-1.855-7.883-1.855-7.883h-3.973l3.477,12.145H234.068z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M251.893,35.396c4.445,0,6.473-2.098,6.473-6.363c0-4.059-1.891-6.184-6.473-6.184\n\t\tc-4.492,0-6.48,2.355-6.48,6.23C245.412,33.229,247.436,35.396,251.893,35.396z M251.893,25.721c2.059,0,2.719,0.992,2.719,3.398\n\t\tc0,2.707-0.992,3.43-2.699,3.43c-1.777,0-2.707-0.855-2.707-3.43C249.205,26.678,249.912,25.721,251.893,25.721z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M263.678,31.104h2.512l2.133,4.109h4.172l-2.84-4.863c0.562-0.125,1.109-0.504,1.492-1.152\n\t\tc0.324-0.539,0.535-1.312,0.535-2.289c0-1.137-0.227-1.953-0.699-2.566c-0.613-0.809-1.664-1.273-3.281-1.273h-7.688v12.145h3.664\n\t\tV31.104z M263.713,25.928h3.133c0.539,0,0.895,0.117,1.074,0.508c0.105,0.18,0.133,0.508,0.133,0.781\n\t\tc0,0.242-0.047,0.566-0.141,0.781c-0.137,0.301-0.527,0.406-0.984,0.406h-3.215V25.928z"},"children":[]},{"type":"polygon","props":{"fill":"#FFFFFF","points":"283.842,32.209 278.01,32.209 278.01,23.068 274.252,23.068 274.252,35.213 283.842,35.213 \t"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M296.709,33.451c0.672-1.008,0.855-1.957,0.855-4.547c0-2.211-0.145-3.223-0.891-4.254\n\t\tc-0.75-1.043-2.117-1.582-4.312-1.582h-6.664v12.145h6.844C294.725,35.213,295.979,34.572,296.709,33.451z M289.393,32.346v-6.438\n\t\th2.344c0.918,0,1.363,0.137,1.836,0.656c0.297,0.344,0.383,1.469,0.383,2.34c0,0.988-0.035,2.363-0.352,2.75\n\t\tc-0.418,0.492-0.918,0.691-1.867,0.691H289.393z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M307.408,31.104h2.508l2.145,4.109h4.164l-2.844-4.863c0.559-0.125,1.117-0.504,1.496-1.152\n\t\tc0.32-0.539,0.535-1.312,0.535-2.289c0-1.137-0.227-1.953-0.699-2.566c-0.613-0.809-1.664-1.273-3.281-1.273h-7.684v12.145h3.66\n\t\tV31.104z M307.443,25.928h3.125c0.535,0,0.902,0.117,1.09,0.508c0.094,0.18,0.117,0.508,0.117,0.781\n\t\tc0,0.242-0.039,0.566-0.133,0.781c-0.137,0.301-0.539,0.406-0.992,0.406h-3.207V25.928z"},"children":[]},{"type":"polygon","props":{"fill":"#FFFFFF","points":"328.525,32.381 321.791,32.381 321.791,30.576 328.213,30.576 328.213,27.689 321.791,27.689 \n\t\t321.791,25.928 328.459,25.928 328.459,23.068 318.135,23.068 318.135,35.213 328.525,35.213 \t"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M334.65,31.412c0,0,3.285,0.027,3.742,0.02c1.492-0.031,2.656-0.418,3.355-1.234\n\t\tc0.605-0.645,0.898-1.598,0.898-2.945c0-1.508-0.383-2.555-1.094-3.168c-0.664-0.691-1.707-1.016-3.172-1.016h-7.473v12.145h3.742\n\t\tV31.412z M334.604,25.893h2.965c0.613,0,0.965,0.188,1.172,0.574c0.113,0.164,0.164,0.477,0.164,0.855\n\t\tc0,0.355-0.031,0.582-0.152,0.801c-0.176,0.336-0.523,0.57-1.23,0.57c-0.02,0-2.918,0-2.918,0V25.893z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M350.436,35.396c4.438,0,6.469-2.098,6.469-6.363c0-4.059-1.895-6.184-6.469-6.184\n\t\tc-4.5,0-6.488,2.355-6.488,6.23C343.947,33.229,345.971,35.396,350.436,35.396z M350.436,25.721c2.059,0,2.711,0.992,2.711,3.398\n\t\tc0,2.707-0.992,3.43-2.707,3.43c-1.773,0-2.695-0.855-2.695-3.43C347.744,26.678,348.443,25.721,350.436,25.721z"},"children":[]},{"type":"path","props":{"fill":"#FFFFFF","d":"M362.256,31.104h2.512l2.141,4.109h4.16l-2.836-4.863c0.57-0.125,1.113-0.504,1.504-1.152\n\t\tc0.312-0.539,0.531-1.312,0.531-2.289c0-1.137-0.238-1.953-0.703-2.566c-0.617-0.809-1.68-1.273-3.289-1.273h-7.684v12.145h3.664\n\t\tV31.104z M362.287,25.928h3.133c0.531,0,0.898,0.117,1.082,0.508c0.094,0.18,0.121,0.508,0.121,0.781\n\t\tc0,0.242-0.043,0.566-0.133,0.781c-0.133,0.301-0.539,0.406-0.996,0.406h-3.207V25.928z"},"children":[]},{"type":"polygon","props":{"fill":"#FFFFFF","points":"375.213,35.213 378.998,35.213 378.998,25.99 382.881,25.99 382.881,23.068 371.361,23.068 \n\t\t371.361,25.99 375.213,25.99 \t"},"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 Usnews = forwardRef(
   function Usnews({ 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 Usnews = 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/uxanarangel.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 1491 970","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M350 340c-6-5-11-10-14-17-3-12-1-24 2-35 7-19 18-36 28-53 11-18 25-34 39-50 27-33 59-61 93-87 36-28 75-52 119-65 24-7 49-10 73-5 47 10 77 54 70 104-5 42-21 81-36 120l-53 127-1 1 2 1 51-16 13-3c19-5 38-5 53 11s15 36 10 56c-2 8-10 25-9 27l3-2c28-25 58-49 92-67l29-11c31-7 57 13 58 44 1 16-4 30-10 45-16 37-37 72-56 108l-12 25c-16 31-30 63-36 98l-4 26c-5 18-24 25-40 14-12-7-18-19-20-32-5-26-1-51 7-75 17-52 46-98 72-144l27-47c-15 5-27 14-38 24a863 863 0 0 0-178 233c-5 9-10 19-17 27-14 14-32 13-44-1-9-10-11-22-11-34 1-21 8-39 15-58 23-61 55-117 86-173l22-43c-30 6-59 12-87 22-5 2-7 6-9 10l-22 44c-38 77-76 153-117 228-2 5-2 8 2 12l32 31c68 64 147 94 241 89 69-5 135-19 201-38 71-20 139-49 205-81 7-4 9-7 3-13-10-10-14-22-15-35-1-19 2-38 7-56l7-23c-19 15-35 30-52 45-21 18-43 35-70 43-36 11-70-5-83-41-11-26-9-53-3-80l6-17c36-81 95-141 170-189l-46-16c-34-15-65-32-87-64-3-4-6-3-10-1-10 4-21 9-33 11l-14 1c-12 0-20-6-23-17-3-10 1-20 12-26l40-19c4-2 7-4 7-10-1-43 14-82 37-117 27-43 64-77 112-97 21-8 42-11 64-6 37 10 57 43 47 80-5 20-16 38-29 53-39 47-88 80-139 110-5 4-11 6-16 9-15 10-13 8-2 20 16 16 36 25 57 33 32 12 66 19 101 25l29 1c53 5 80 40 72 92-5 36-19 69-34 102-16 33-34 65-48 99-8 20-13 40-11 62 0 7 2 8 8 4 62-37 122-76 167-133 14-18 26-37 30-60 5-27-4-47-28-61-7-4-15-7-20-13-7-7-10-15-6-24 5-9 13-12 22-11 8 0 15 3 22 6 50 27 69 78 52 136-11 39-36 68-62 97-31 34-68 60-105 86l-3 3a1216 1216 0 0 1-413 168l-5 1c-7-1-13 3-20 4-32 5-65 8-98 10-105 6-196-27-274-97l-29-28c-6-6-9-5-13 1-28 40-60 76-93 110-33 33-69 59-113 74-15 5-31 6-46 7-14 1-28-1-41-4-9-3-18-9-26-15-27-18-38-45-43-76-7-36 1-71 15-104 6-15 12-30 20-43a915 915 0 0 1 142-168c3-2 6-4 2-8-26-29-51-60-86-80-22-12-45-20-70-21l-12-1c-13-2-21-10-22-21-1-10 5-20 16-25 16-6 32-5 48-3a774 774 0 0 1 53 16 433 433 0 0 1 57 41l5 5 7 6 25 26 9 8 9 12c3 5 5 2 7-1l8-8c4-1 7-4 9-7l28-24 86-69c68-54 132-111 189-177 25-30 47-63 55-103 6-32-6-46-39-44l-15 2c-24 5-45 16-66 29a522 522 0 0 0-190 210c-9 20-20 24-40 18Zm258 6c-5-3-7 2-9 4l-64 59c-1 2-4 3-4 6l38-6c7-1 12-5 14-11 8-18 16-36 25-52ZM204 912l16-2c36-7 64-28 90-51 43-40 79-86 110-136 3-4 2-6-1-10l-90-104c-4-5-7-5-11-1l-49 53c-35 40-67 82-90 130-12 27-21 55-16 85 3 24 16 36 41 36Zm828-288c0 22 4 25 21 18 18-8 33-21 47-34 41-38 79-80 116-121 21-24 42-46 58-73 11-18 4-30-18-30l-8 1c-19 2-36 10-52 20-58 38-105 87-138 148-13 23-24 47-26 71ZM553 461c-22 5-42 9-60 16-50 18-88 53-127 86-4 3-3 4 0 7l80 94c3 4 6 8 10 0l53-111 44-92Zm500-257c44-26 83-53 119-85 13-11 24-22 33-36 4-8 11-17 4-26-6-8-17-5-26-3a198 198 0 0 0-130 150Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M1326 116c42 2 79 15 103 52 27 43 14 106-28 135-7 5-15 9-23 10-10 2-18-1-25-10-6-8-6-17-3-26 3-7 9-12 14-17 8-8 17-16 22-26 11-20 8-38-10-51a97 97 0 0 0-55-18l-20-1c-11-2-19-11-20-20-1-11 5-20 16-24l11-2c6-2 12-2 18-2Z"},"children":[]},{"type":"ellipse","props":{"cx":"29.1","cy":"426.8","fill":"url(#b)","rx":"28.6","ry":"27.8"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"1281.2","x2":"1481.8","y1":"115.6","y2":"168","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FFC16F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FA86CE"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"29.1","x2":"29.1","y1":"399","y2":"454.5","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#2E58FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9452FF"},"children":[]}]}]}]},"light":{"viewBox":"0 0 1491 970","fill":"none","childNodes":[{"type":"path","props":{"fill":"#000","d":"M350 340c-6-5-11-10-14-17-3-12-1-24 2-35 7-19 18-36 28-53 11-18 25-34 39-50 27-33 59-61 93-87 36-28 75-52 119-65 24-7 49-10 73-5 47 10 77 54 70 104-5 42-21 81-36 120l-53 127-1 1 2 1 51-16 13-3c19-5 38-5 53 11s15 36 10 56c-2 8-10 25-9 27l3-2c28-25 58-49 92-67l29-11c31-7 57 13 58 44 1 16-4 30-10 45-16 37-37 72-56 108l-12 25c-16 31-30 63-36 98l-4 26c-5 18-24 25-40 14-12-7-18-19-20-32-5-26-1-51 7-75 17-52 46-98 72-144l27-47c-15 5-27 14-38 24a863 863 0 0 0-178 233c-5 9-10 19-17 27-14 14-32 13-44-1-9-10-11-22-11-34 1-21 8-39 15-58 23-61 55-117 86-173l22-43c-30 6-59 12-87 22-5 2-7 6-9 10l-22 44c-38 77-76 153-117 228-2 5-2 8 2 12l32 31c68 64 147 94 241 89 69-5 135-19 201-38 71-20 139-49 205-81 7-4 9-7 3-13-10-10-14-22-15-35-1-19 2-38 7-56l7-23c-19 15-35 30-52 45-21 18-43 35-70 43-36 11-70-5-83-41-11-26-9-53-3-80l6-17c36-81 95-141 170-189l-46-16c-34-15-65-32-87-64-3-4-6-3-10-1-10 4-21 9-33 11l-14 1c-12 0-20-6-23-17-3-10 1-20 12-26l40-19c4-2 7-4 7-10-1-43 14-82 37-117 27-43 64-77 112-97 21-8 42-11 64-6 37 10 57 43 47 80-5 20-16 38-29 53-39 47-88 80-139 110-5 4-11 6-16 9-15 10-13 8-2 20 16 16 36 25 57 33 32 12 66 19 101 25l29 1c53 5 80 40 72 92-5 36-19 69-34 102-16 33-34 65-48 99-8 20-13 40-11 62 0 7 2 8 8 4 62-37 122-76 167-133 14-18 26-37 30-60 5-27-4-47-28-61-7-4-15-7-20-13-7-7-10-15-6-24 5-9 13-12 22-11 8 0 15 3 22 6 50 27 69 78 52 136-11 39-36 68-62 97-31 34-68 60-105 86l-3 3a1216 1216 0 0 1-413 168l-5 1c-7-1-13 3-20 4-32 5-65 8-98 10-105 6-196-27-274-97l-29-28c-6-6-9-5-13 1-28 40-60 76-93 110-33 33-69 59-113 74-15 5-31 6-46 7-14 1-28-1-41-4-9-3-18-9-26-15-27-18-38-45-43-76-7-36 1-71 15-104 6-15 12-30 20-43a915 915 0 0 1 142-168c3-2 6-4 2-8-26-29-51-60-86-80-22-12-45-20-70-21l-12-1c-13-2-21-10-22-21-1-10 5-20 16-25 16-6 32-5 48-3a774 774 0 0 1 53 16 433 433 0 0 1 57 41l5 5 7 6 25 26 9 8 9 12c3 5 5 2 7-1l8-8c4-1 7-4 9-7l28-24 86-69c68-54 132-111 189-177 25-30 47-63 55-103 6-32-6-46-39-44l-15 2c-24 5-45 16-66 29a522 522 0 0 0-190 210c-9 20-20 24-40 18Zm258 6c-5-3-7 2-9 4l-64 59c-1 2-4 3-4 6l38-6c7-1 12-5 14-11 8-18 16-36 25-52ZM204 912l16-2c36-7 64-28 90-51 43-40 79-86 110-136 3-4 2-6-1-10l-90-104c-4-5-7-5-11-1l-49 53c-35 40-67 82-90 130-12 27-21 55-16 85 3 24 16 36 41 36Zm828-288c0 22 4 25 21 18 18-8 33-21 47-34 41-38 79-80 116-121 21-24 42-46 58-73 11-18 4-30-18-30l-8 1c-19 2-36 10-52 20-58 38-105 87-138 148-13 23-24 47-26 71ZM553 461c-22 5-42 9-60 16-50 18-88 53-127 86-4 3-3 4 0 7l80 94c3 4 6 8 10 0l53-111 44-92Zm500-257c44-26 83-53 119-85 13-11 24-22 33-36 4-8 11-17 4-26-6-8-17-5-26-3a198 198 0 0 0-130 150Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M1326 116c42 2 79 15 103 52 27 43 14 106-28 135-7 5-15 9-23 10-10 2-18-1-25-10-6-8-6-17-3-26 3-7 9-12 14-17 8-8 17-16 22-26 11-20 8-38-10-51a97 97 0 0 0-55-18l-20-1c-11-2-19-11-20-20-1-11 5-20 16-24l11-2c6-2 12-2 18-2Z"},"children":[]},{"type":"ellipse","props":{"cx":"29.1","cy":"426.8","fill":"url(#b)","rx":"28.6","ry":"27.8"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"1281.2","x2":"1481.8","y1":"115.6","y2":"168","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FFC16F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FA86CE"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"29.1","x2":"29.1","y1":"399","y2":"454.5","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#2E58FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9452FF"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 1491 970","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M350 340c-6-5-11-10-14-17-3-12-1-24 2-35 7-19 18-36 28-53 11-18 25-34 39-50 27-33 59-61 93-87 36-28 75-52 119-65 24-7 49-10 73-5 47 10 77 54 70 104-5 42-21 81-36 120l-53 127-1 1 2 1 51-16 13-3c19-5 38-5 53 11s15 36 10 56c-2 8-10 25-9 27l3-2c28-25 58-49 92-67l29-11c31-7 57 13 58 44 1 16-4 30-10 45-16 37-37 72-56 108l-12 25c-16 31-30 63-36 98l-4 26c-5 18-24 25-40 14-12-7-18-19-20-32-5-26-1-51 7-75 17-52 46-98 72-144l27-47c-15 5-27 14-38 24a863 863 0 0 0-178 233c-5 9-10 19-17 27-14 14-32 13-44-1-9-10-11-22-11-34 1-21 8-39 15-58 23-61 55-117 86-173l22-43c-30 6-59 12-87 22-5 2-7 6-9 10l-22 44c-38 77-76 153-117 228-2 5-2 8 2 12l32 31c68 64 147 94 241 89 69-5 135-19 201-38 71-20 139-49 205-81 7-4 9-7 3-13-10-10-14-22-15-35-1-19 2-38 7-56l7-23c-19 15-35 30-52 45-21 18-43 35-70 43-36 11-70-5-83-41-11-26-9-53-3-80l6-17c36-81 95-141 170-189l-46-16c-34-15-65-32-87-64-3-4-6-3-10-1-10 4-21 9-33 11l-14 1c-12 0-20-6-23-17-3-10 1-20 12-26l40-19c4-2 7-4 7-10-1-43 14-82 37-117 27-43 64-77 112-97 21-8 42-11 64-6 37 10 57 43 47 80-5 20-16 38-29 53-39 47-88 80-139 110-5 4-11 6-16 9-15 10-13 8-2 20 16 16 36 25 57 33 32 12 66 19 101 25l29 1c53 5 80 40 72 92-5 36-19 69-34 102-16 33-34 65-48 99-8 20-13 40-11 62 0 7 2 8 8 4 62-37 122-76 167-133 14-18 26-37 30-60 5-27-4-47-28-61-7-4-15-7-20-13-7-7-10-15-6-24 5-9 13-12 22-11 8 0 15 3 22 6 50 27 69 78 52 136-11 39-36 68-62 97-31 34-68 60-105 86l-3 3a1216 1216 0 0 1-413 168l-5 1c-7-1-13 3-20 4-32 5-65 8-98 10-105 6-196-27-274-97l-29-28c-6-6-9-5-13 1-28 40-60 76-93 110-33 33-69 59-113 74-15 5-31 6-46 7-14 1-28-1-41-4-9-3-18-9-26-15-27-18-38-45-43-76-7-36 1-71 15-104 6-15 12-30 20-43a915 915 0 0 1 142-168c3-2 6-4 2-8-26-29-51-60-86-80-22-12-45-20-70-21l-12-1c-13-2-21-10-22-21-1-10 5-20 16-25 16-6 32-5 48-3a774 774 0 0 1 53 16 433 433 0 0 1 57 41l5 5 7 6 25 26 9 8 9 12c3 5 5 2 7-1l8-8c4-1 7-4 9-7l28-24 86-69c68-54 132-111 189-177 25-30 47-63 55-103 6-32-6-46-39-44l-15 2c-24 5-45 16-66 29a522 522 0 0 0-190 210c-9 20-20 24-40 18Zm258 6c-5-3-7 2-9 4l-64 59c-1 2-4 3-4 6l38-6c7-1 12-5 14-11 8-18 16-36 25-52ZM204 912l16-2c36-7 64-28 90-51 43-40 79-86 110-136 3-4 2-6-1-10l-90-104c-4-5-7-5-11-1l-49 53c-35 40-67 82-90 130-12 27-21 55-16 85 3 24 16 36 41 36Zm828-288c0 22 4 25 21 18 18-8 33-21 47-34 41-38 79-80 116-121 21-24 42-46 58-73 11-18 4-30-18-30l-8 1c-19 2-36 10-52 20-58 38-105 87-138 148-13 23-24 47-26 71ZM553 461c-22 5-42 9-60 16-50 18-88 53-127 86-4 3-3 4 0 7l80 94c3 4 6 8 10 0l53-111 44-92Zm500-257c44-26 83-53 119-85 13-11 24-22 33-36 4-8 11-17 4-26-6-8-17-5-26-3a198 198 0 0 0-130 150Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M1326 116c42 2 79 15 103 52 27 43 14 106-28 135-7 5-15 9-23 10-10 2-18-1-25-10-6-8-6-17-3-26 3-7 9-12 14-17 8-8 17-16 22-26 11-20 8-38-10-51a97 97 0 0 0-55-18l-20-1c-11-2-19-11-20-20-1-11 5-20 16-24l11-2c6-2 12-2 18-2Z"},"children":[]},{"type":"ellipse","props":{"cx":"29.1","cy":"426.8","fill":"url(#b)","rx":"28.6","ry":"27.8"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"1281.2","x2":"1481.8","y1":"115.6","y2":"168","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FFC16F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FA86CE"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"29.1","x2":"29.1","y1":"399","y2":"454.5","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#2E58FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9452FF"},"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 Uxanarangel = react_1.forwardRef(function Uxanarangel({ 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 Uxanarangel = react_1.forwardRef(function Uxanarangel({ variant = 'default
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/uxanarangel.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, light, dark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 1491 970","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M350 340c-6-5-11-10-14-17-3-12-1-24 2-35 7-19 18-36 28-53 11-18 25-34 39-50 27-33 59-61 93-87 36-28 75-52 119-65 24-7 49-10 73-5 47 10 77 54 70 104-5 42-21 81-36 120l-53 127-1 1 2 1 51-16 13-3c19-5 38-5 53 11s15 36 10 56c-2 8-10 25-9 27l3-2c28-25 58-49 92-67l29-11c31-7 57 13 58 44 1 16-4 30-10 45-16 37-37 72-56 108l-12 25c-16 31-30 63-36 98l-4 26c-5 18-24 25-40 14-12-7-18-19-20-32-5-26-1-51 7-75 17-52 46-98 72-144l27-47c-15 5-27 14-38 24a863 863 0 0 0-178 233c-5 9-10 19-17 27-14 14-32 13-44-1-9-10-11-22-11-34 1-21 8-39 15-58 23-61 55-117 86-173l22-43c-30 6-59 12-87 22-5 2-7 6-9 10l-22 44c-38 77-76 153-117 228-2 5-2 8 2 12l32 31c68 64 147 94 241 89 69-5 135-19 201-38 71-20 139-49 205-81 7-4 9-7 3-13-10-10-14-22-15-35-1-19 2-38 7-56l7-23c-19 15-35 30-52 45-21 18-43 35-70 43-36 11-70-5-83-41-11-26-9-53-3-80l6-17c36-81 95-141 170-189l-46-16c-34-15-65-32-87-64-3-4-6-3-10-1-10 4-21 9-33 11l-14 1c-12 0-20-6-23-17-3-10 1-20 12-26l40-19c4-2 7-4 7-10-1-43 14-82 37-117 27-43 64-77 112-97 21-8 42-11 64-6 37 10 57 43 47 80-5 20-16 38-29 53-39 47-88 80-139 110-5 4-11 6-16 9-15 10-13 8-2 20 16 16 36 25 57 33 32 12 66 19 101 25l29 1c53 5 80 40 72 92-5 36-19 69-34 102-16 33-34 65-48 99-8 20-13 40-11 62 0 7 2 8 8 4 62-37 122-76 167-133 14-18 26-37 30-60 5-27-4-47-28-61-7-4-15-7-20-13-7-7-10-15-6-24 5-9 13-12 22-11 8 0 15 3 22 6 50 27 69 78 52 136-11 39-36 68-62 97-31 34-68 60-105 86l-3 3a1216 1216 0 0 1-413 168l-5 1c-7-1-13 3-20 4-32 5-65 8-98 10-105 6-196-27-274-97l-29-28c-6-6-9-5-13 1-28 40-60 76-93 110-33 33-69 59-113 74-15 5-31 6-46 7-14 1-28-1-41-4-9-3-18-9-26-15-27-18-38-45-43-76-7-36 1-71 15-104 6-15 12-30 20-43a915 915 0 0 1 142-168c3-2 6-4 2-8-26-29-51-60-86-80-22-12-45-20-70-21l-12-1c-13-2-21-10-22-21-1-10 5-20 16-25 16-6 32-5 48-3a774 774 0 0 1 53 16 433 433 0 0 1 57 41l5 5 7 6 25 26 9 8 9 12c3 5 5 2 7-1l8-8c4-1 7-4 9-7l28-24 86-69c68-54 132-111 189-177 25-30 47-63 55-103 6-32-6-46-39-44l-15 2c-24 5-45 16-66 29a522 522 0 0 0-190 210c-9 20-20 24-40 18Zm258 6c-5-3-7 2-9 4l-64 59c-1 2-4 3-4 6l38-6c7-1 12-5 14-11 8-18 16-36 25-52ZM204 912l16-2c36-7 64-28 90-51 43-40 79-86 110-136 3-4 2-6-1-10l-90-104c-4-5-7-5-11-1l-49 53c-35 40-67 82-90 130-12 27-21 55-16 85 3 24 16 36 41 36Zm828-288c0 22 4 25 21 18 18-8 33-21 47-34 41-38 79-80 116-121 21-24 42-46 58-73 11-18 4-30-18-30l-8 1c-19 2-36 10-52 20-58 38-105 87-138 148-13 23-24 47-26 71ZM553 461c-22 5-42 9-60 16-50 18-88 53-127 86-4 3-3 4 0 7l80 94c3 4 6 8 10 0l53-111 44-92Zm500-257c44-26 83-53 119-85 13-11 24-22 33-36 4-8 11-17 4-26-6-8-17-5-26-3a198 198 0 0 0-130 150Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M1326 116c42 2 79 15 103 52 27 43 14 106-28 135-7 5-15 9-23 10-10 2-18-1-25-10-6-8-6-17-3-26 3-7 9-12 14-17 8-8 17-16 22-26 11-20 8-38-10-51a97 97 0 0 0-55-18l-20-1c-11-2-19-11-20-20-1-11 5-20 16-24l11-2c6-2 12-2 18-2Z"},"children":[]},{"type":"ellipse","props":{"cx":"29.1","cy":"426.8","fill":"url(#b)","rx":"28.6","ry":"27.8"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"1281.2","x2":"1481.8","y1":"115.6","y2":"168","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FFC16F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FA86CE"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"29.1","x2":"29.1","y1":"399","y2":"454.5","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#2E58FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9452FF"},"children":[]}]}]}]},"light":{"viewBox":"0 0 1491 970","fill":"none","childNodes":[{"type":"path","props":{"fill":"#000","d":"M350 340c-6-5-11-10-14-17-3-12-1-24 2-35 7-19 18-36 28-53 11-18 25-34 39-50 27-33 59-61 93-87 36-28 75-52 119-65 24-7 49-10 73-5 47 10 77 54 70 104-5 42-21 81-36 120l-53 127-1 1 2 1 51-16 13-3c19-5 38-5 53 11s15 36 10 56c-2 8-10 25-9 27l3-2c28-25 58-49 92-67l29-11c31-7 57 13 58 44 1 16-4 30-10 45-16 37-37 72-56 108l-12 25c-16 31-30 63-36 98l-4 26c-5 18-24 25-40 14-12-7-18-19-20-32-5-26-1-51 7-75 17-52 46-98 72-144l27-47c-15 5-27 14-38 24a863 863 0 0 0-178 233c-5 9-10 19-17 27-14 14-32 13-44-1-9-10-11-22-11-34 1-21 8-39 15-58 23-61 55-117 86-173l22-43c-30 6-59 12-87 22-5 2-7 6-9 10l-22 44c-38 77-76 153-117 228-2 5-2 8 2 12l32 31c68 64 147 94 241 89 69-5 135-19 201-38 71-20 139-49 205-81 7-4 9-7 3-13-10-10-14-22-15-35-1-19 2-38 7-56l7-23c-19 15-35 30-52 45-21 18-43 35-70 43-36 11-70-5-83-41-11-26-9-53-3-80l6-17c36-81 95-141 170-189l-46-16c-34-15-65-32-87-64-3-4-6-3-10-1-10 4-21 9-33 11l-14 1c-12 0-20-6-23-17-3-10 1-20 12-26l40-19c4-2 7-4 7-10-1-43 14-82 37-117 27-43 64-77 112-97 21-8 42-11 64-6 37 10 57 43 47 80-5 20-16 38-29 53-39 47-88 80-139 110-5 4-11 6-16 9-15 10-13 8-2 20 16 16 36 25 57 33 32 12 66 19 101 25l29 1c53 5 80 40 72 92-5 36-19 69-34 102-16 33-34 65-48 99-8 20-13 40-11 62 0 7 2 8 8 4 62-37 122-76 167-133 14-18 26-37 30-60 5-27-4-47-28-61-7-4-15-7-20-13-7-7-10-15-6-24 5-9 13-12 22-11 8 0 15 3 22 6 50 27 69 78 52 136-11 39-36 68-62 97-31 34-68 60-105 86l-3 3a1216 1216 0 0 1-413 168l-5 1c-7-1-13 3-20 4-32 5-65 8-98 10-105 6-196-27-274-97l-29-28c-6-6-9-5-13 1-28 40-60 76-93 110-33 33-69 59-113 74-15 5-31 6-46 7-14 1-28-1-41-4-9-3-18-9-26-15-27-18-38-45-43-76-7-36 1-71 15-104 6-15 12-30 20-43a915 915 0 0 1 142-168c3-2 6-4 2-8-26-29-51-60-86-80-22-12-45-20-70-21l-12-1c-13-2-21-10-22-21-1-10 5-20 16-25 16-6 32-5 48-3a774 774 0 0 1 53 16 433 433 0 0 1 57 41l5 5 7 6 25 26 9 8 9 12c3 5 5 2 7-1l8-8c4-1 7-4 9-7l28-24 86-69c68-54 132-111 189-177 25-30 47-63 55-103 6-32-6-46-39-44l-15 2c-24 5-45 16-66 29a522 522 0 0 0-190 210c-9 20-20 24-40 18Zm258 6c-5-3-7 2-9 4l-64 59c-1 2-4 3-4 6l38-6c7-1 12-5 14-11 8-18 16-36 25-52ZM204 912l16-2c36-7 64-28 90-51 43-40 79-86 110-136 3-4 2-6-1-10l-90-104c-4-5-7-5-11-1l-49 53c-35 40-67 82-90 130-12 27-21 55-16 85 3 24 16 36 41 36Zm828-288c0 22 4 25 21 18 18-8 33-21 47-34 41-38 79-80 116-121 21-24 42-46 58-73 11-18 4-30-18-30l-8 1c-19 2-36 10-52 20-58 38-105 87-138 148-13 23-24 47-26 71ZM553 461c-22 5-42 9-60 16-50 18-88 53-127 86-4 3-3 4 0 7l80 94c3 4 6 8 10 0l53-111 44-92Zm500-257c44-26 83-53 119-85 13-11 24-22 33-36 4-8 11-17 4-26-6-8-17-5-26-3a198 198 0 0 0-130 150Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M1326 116c42 2 79 15 103 52 27 43 14 106-28 135-7 5-15 9-23 10-10 2-18-1-25-10-6-8-6-17-3-26 3-7 9-12 14-17 8-8 17-16 22-26 11-20 8-38-10-51a97 97 0 0 0-55-18l-20-1c-11-2-19-11-20-20-1-11 5-20 16-24l11-2c6-2 12-2 18-2Z"},"children":[]},{"type":"ellipse","props":{"cx":"29.1","cy":"426.8","fill":"url(#b)","rx":"28.6","ry":"27.8"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"1281.2","x2":"1481.8","y1":"115.6","y2":"168","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FFC16F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FA86CE"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"29.1","x2":"29.1","y1":"399","y2":"454.5","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#2E58FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9452FF"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 1491 970","fill":"none","childNodes":[{"type":"path","props":{"fill":"#fff","d":"M350 340c-6-5-11-10-14-17-3-12-1-24 2-35 7-19 18-36 28-53 11-18 25-34 39-50 27-33 59-61 93-87 36-28 75-52 119-65 24-7 49-10 73-5 47 10 77 54 70 104-5 42-21 81-36 120l-53 127-1 1 2 1 51-16 13-3c19-5 38-5 53 11s15 36 10 56c-2 8-10 25-9 27l3-2c28-25 58-49 92-67l29-11c31-7 57 13 58 44 1 16-4 30-10 45-16 37-37 72-56 108l-12 25c-16 31-30 63-36 98l-4 26c-5 18-24 25-40 14-12-7-18-19-20-32-5-26-1-51 7-75 17-52 46-98 72-144l27-47c-15 5-27 14-38 24a863 863 0 0 0-178 233c-5 9-10 19-17 27-14 14-32 13-44-1-9-10-11-22-11-34 1-21 8-39 15-58 23-61 55-117 86-173l22-43c-30 6-59 12-87 22-5 2-7 6-9 10l-22 44c-38 77-76 153-117 228-2 5-2 8 2 12l32 31c68 64 147 94 241 89 69-5 135-19 201-38 71-20 139-49 205-81 7-4 9-7 3-13-10-10-14-22-15-35-1-19 2-38 7-56l7-23c-19 15-35 30-52 45-21 18-43 35-70 43-36 11-70-5-83-41-11-26-9-53-3-80l6-17c36-81 95-141 170-189l-46-16c-34-15-65-32-87-64-3-4-6-3-10-1-10 4-21 9-33 11l-14 1c-12 0-20-6-23-17-3-10 1-20 12-26l40-19c4-2 7-4 7-10-1-43 14-82 37-117 27-43 64-77 112-97 21-8 42-11 64-6 37 10 57 43 47 80-5 20-16 38-29 53-39 47-88 80-139 110-5 4-11 6-16 9-15 10-13 8-2 20 16 16 36 25 57 33 32 12 66 19 101 25l29 1c53 5 80 40 72 92-5 36-19 69-34 102-16 33-34 65-48 99-8 20-13 40-11 62 0 7 2 8 8 4 62-37 122-76 167-133 14-18 26-37 30-60 5-27-4-47-28-61-7-4-15-7-20-13-7-7-10-15-6-24 5-9 13-12 22-11 8 0 15 3 22 6 50 27 69 78 52 136-11 39-36 68-62 97-31 34-68 60-105 86l-3 3a1216 1216 0 0 1-413 168l-5 1c-7-1-13 3-20 4-32 5-65 8-98 10-105 6-196-27-274-97l-29-28c-6-6-9-5-13 1-28 40-60 76-93 110-33 33-69 59-113 74-15 5-31 6-46 7-14 1-28-1-41-4-9-3-18-9-26-15-27-18-38-45-43-76-7-36 1-71 15-104 6-15 12-30 20-43a915 915 0 0 1 142-168c3-2 6-4 2-8-26-29-51-60-86-80-22-12-45-20-70-21l-12-1c-13-2-21-10-22-21-1-10 5-20 16-25 16-6 32-5 48-3a774 774 0 0 1 53 16 433 433 0 0 1 57 41l5 5 7 6 25 26 9 8 9 12c3 5 5 2 7-1l8-8c4-1 7-4 9-7l28-24 86-69c68-54 132-111 189-177 25-30 47-63 55-103 6-32-6-46-39-44l-15 2c-24 5-45 16-66 29a522 522 0 0 0-190 210c-9 20-20 24-40 18Zm258 6c-5-3-7 2-9 4l-64 59c-1 2-4 3-4 6l38-6c7-1 12-5 14-11 8-18 16-36 25-52ZM204 912l16-2c36-7 64-28 90-51 43-40 79-86 110-136 3-4 2-6-1-10l-90-104c-4-5-7-5-11-1l-49 53c-35 40-67 82-90 130-12 27-21 55-16 85 3 24 16 36 41 36Zm828-288c0 22 4 25 21 18 18-8 33-21 47-34 41-38 79-80 116-121 21-24 42-46 58-73 11-18 4-30-18-30l-8 1c-19 2-36 10-52 20-58 38-105 87-138 148-13 23-24 47-26 71ZM553 461c-22 5-42 9-60 16-50 18-88 53-127 86-4 3-3 4 0 7l80 94c3 4 6 8 10 0l53-111 44-92Zm500-257c44-26 83-53 119-85 13-11 24-22 33-36 4-8 11-17 4-26-6-8-17-5-26-3a198 198 0 0 0-130 150Z"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M1326 116c42 2 79 15 103 52 27 43 14 106-28 135-7 5-15 9-23 10-10 2-18-1-25-10-6-8-6-17-3-26 3-7 9-12 14-17 8-8 17-16 22-26 11-20 8-38-10-51a97 97 0 0 0-55-18l-20-1c-11-2-19-11-20-20-1-11 5-20 16-24l11-2c6-2 12-2 18-2Z"},"children":[]},{"type":"ellipse","props":{"cx":"29.1","cy":"426.8","fill":"url(#b)","rx":"28.6","ry":"27.8"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"1281.2","x2":"1481.8","y1":"115.6","y2":"168","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#FFC16F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FA86CE"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"29.1","x2":"29.1","y1":"399","y2":"454.5","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#2E58FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9452FF"},"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 Uxanarangel = forwardRef(
   function Uxanarangel({ 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 Uxanarangel = 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/valibot.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 512 512","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"0.414","y1":"0.255","x2":"0","y2":"0.932","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#eab308"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ca8a04"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"0.338","y1":"0.02","x2":"0.664","y2":"0.966","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fde68a"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fbbf24"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","y1":"0.5","x2":"1","y2":"0.5","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#7dd3fc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0ea5e9"},"children":[]}]}]},{"type":"g","props":{"transform":"translate(-2056 -1899)"},"children":[{"type":"rect","props":{"width":"512","height":"512","transform":"translate(2056 1899)","fill":"none"},"children":[]},{"type":"path","props":{"d":"M742.271,987.024c-66.706,0-119.121,54.673-121.874,126.408l-2.551,95.471c-3.967,78.653,71.961,105.52,126.936,105.52Z","transform":"translate(1463.458 1004.277)","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M92.616.01H319.894c54.53-.8,95.624,40.1,98.381,93.335l6.144,135.76c.732,67.368-48.116,94.95-104.525,95.335L92.616,327.374C34.061,327.8-1.063,283.663.022,229.105l3.8-135.76C7.41,33.54,33.3,1.093,92.616.01Z","transform":"translate(2118.42 1991.302)","fill":"url(#b)"},"children":[]},{"type":"path","props":{"d":"M86.844.009H299.958c51.132-.746,89.665,37.307,92.25,86.824l5.761,126.29c.686,62.669-45.117,88.326-98.011,88.685L86.844,304.537C31.938,304.933-1,263.875.02,213.123L3.58,86.834C6.948,31.2,31.222,1.016,86.844.009Z","transform":"translate(2136.977 2001.737)","fill":"#111827"},"children":[]},{"type":"path","props":{"d":"M27.626,0A27.626,27.626,0,1,1,0,27.626,27.626,27.626,0,0,1,27.626,0Z","transform":"translate(2421.148 2104.357)","fill":"url(#c)"},"children":[]},{"type":"path","props":{"d":"M27.626,0A27.626,27.626,0,1,1,0,27.626,27.626,27.626,0,0,1,27.626,0Z","transform":"translate(2208.034 2104.357)","fill":"url(#c)"},"children":[]}]}]},"wordmark":{"viewBox":"0 0 276 48","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"0.414","y1":"0.255","x2":"0","y2":"0.932","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#eab308"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ca8a04"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"0.338","y1":"0.02","x2":"0.664","y2":"0.966","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fde68a"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fbbf24"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","y1":"0.5","x2":"1","y2":"0.5","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#7dd3fc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0ea5e9"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"0.152","y1":"0.102","x2":"0.247","y2":"1.977","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#e2e8f0"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#94a3b8"},"children":[]}]}]},{"type":"g","props":{"transform":"translate(-941.698 -388.26)"},"children":[{"type":"g","props":{"transform":"translate(941.698 388.26)"},"children":[{"type":"path","props":{"d":"M635.947,987.024c-9.772,0-17.45,8.016-17.853,18.533l-.374,14c-.581,11.532,10.542,15.47,18.595,15.47Z","transform":"translate(-617.698 -987.024)","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M13.565,0H46.859A14.061,14.061,0,0,1,61.271,13.684l.9,19.9c.107,9.877-7.049,13.921-15.312,13.977L13.565,48C4.987,48.058-.158,41.587,0,33.588l.556-19.9C1.083,4.916,4.875.159,13.565,0Z","transform":"translate(5.461 0.001)","fill":"url(#b)"},"children":[]},{"type":"path","props":{"d":"M12.719,0H43.938A13.139,13.139,0,0,1,57.452,12.73L58.3,31.245c.1,9.188-6.609,12.95-14.358,13l-31.219.4C4.676,44.705-.149,38.686,0,31.245L.522,12.73C1.015,4.573,4.571.148,12.719,0Z","transform":"translate(8.18 1.531)","fill":"#111827"},"children":[]},{"type":"path","props":{"d":"M4.047,0A4.05,4.05,0,1,1,0,4.05,4.049,4.049,0,0,1,4.047,0Z","transform":"translate(49.805 16.575)","fill":"url(#c)"},"children":[]},{"type":"path","props":{"d":"M4.047,0A4.05,4.05,0,1,1,0,4.05,4.049,4.049,0,0,1,4.047,0Z","transform":"translate(18.586 16.575)","fill":"url(#c)"},"children":[]}]},{"type":"path","props":{"d":"M14.549,2.447,1.763-27.733H7.878l7.056,17.149q.388,1.035.844,2.108t.9,2.164q.444,1.091.827,2.139T18.2-2.1l-1.328.034q.414-1.279.927-2.667t1.064-2.836q.551-1.448,1.154-2.975l6.6-17.193h6.2L20.073,2.447Zm31.985.422a11.35,11.35,0,0,1-5.907-1.526,10.87,10.87,0,0,1-4.04-4.2,12.494,12.494,0,0,1-1.469-6.11,12.169,12.169,0,0,1,1.5-6.093,10.9,10.9,0,0,1,4.147-4.174,11.957,11.957,0,0,1,6.048-1.513,12.75,12.75,0,0,1,3.734.521,10.056,10.056,0,0,1,2.98,1.439,8.74,8.74,0,0,1,2.05,2.021,5.108,5.108,0,0,1,.936,2.31l-1.235-.111v-5.705h5.271V2.447H55.237V-3.339l1.132.053A5.265,5.265,0,0,1,55.331-1.1,8.634,8.634,0,0,1,53.139.887a12.756,12.756,0,0,1-3.044,1.435A11.448,11.448,0,0,1,46.534,2.87Zm1.392-4.71a8.174,8.174,0,0,0,3.906-.9,6.6,6.6,0,0,0,2.641-2.514,7.188,7.188,0,0,0,.946-3.711,6.97,6.97,0,0,0-.946-3.622,6.773,6.773,0,0,0-2.641-2.523,8.021,8.021,0,0,0-3.906-.925,7.917,7.917,0,0,0-3.894.925,6.812,6.812,0,0,0-2.619,2.523,6.97,6.97,0,0,0-.946,3.622,7.188,7.188,0,0,0,.946,3.711,6.633,6.633,0,0,0,2.619,2.514A8.068,8.068,0,0,0,47.925-1.841ZM71.312,2.447v-31.9h5.314v31.9Zm16.806,0V-20.275h5.314V2.447Zm2.61-27.73a3.575,3.575,0,0,1-2.49-.8,2.911,2.911,0,0,1-.885-2.272,2.912,2.912,0,0,1,.907-2.219,3.453,3.453,0,0,1,2.469-.855,3.575,3.575,0,0,1,2.491.8,2.911,2.911,0,0,1,.885,2.271,2.912,2.912,0,0,1-.907,2.22A3.454,3.454,0,0,1,90.728-25.283Zm27.553,28.17a11.85,11.85,0,0,1-3.447-.5,12.4,12.4,0,0,1-2.972-1.319,9.426,9.426,0,0,1-2.188-1.828,5.052,5.052,0,0,1-1.119-1.94l1.6-.387-.141,5.431h-5.139v-31.8h5.323v14.452l-1.288-.259a5.125,5.125,0,0,1,1.086-1.95,8.833,8.833,0,0,1,2.1-1.764,12.152,12.152,0,0,1,2.878-1.285,11.347,11.347,0,0,1,3.335-.487,11.7,11.7,0,0,1,5.961,1.518,11.181,11.181,0,0,1,4.161,4.182,11.985,11.985,0,0,1,1.533,6.088,12.209,12.209,0,0,1-1.512,6.11,11.053,11.053,0,0,1-4.156,4.208A11.783,11.783,0,0,1,118.281,2.887Zm-.946-4.719a7.889,7.889,0,0,0,3.889-.926,6.92,6.92,0,0,0,2.632-2.536,7.005,7.005,0,0,0,.963-3.668,7.146,7.146,0,0,0-.946-3.682,6.593,6.593,0,0,0-2.637-2.518,8.15,8.15,0,0,0-3.9-.9,8.171,8.171,0,0,0-3.911.9,6.712,6.712,0,0,0-2.654,2.518,7.047,7.047,0,0,0-.963,3.682,7.005,7.005,0,0,0,.963,3.668,6.879,6.879,0,0,0,2.654,2.536A8.014,8.014,0,0,0,117.335-1.832Zm32.283,4.71a14.634,14.634,0,0,1-6.809-1.535,12,12,0,0,1-4.689-4.2A10.981,10.981,0,0,1,136.4-8.936a10.981,10.981,0,0,1,1.715-6.084,12,12,0,0,1,4.689-4.2,14.634,14.634,0,0,1,6.809-1.535,14.531,14.531,0,0,1,6.77,1.535,11.977,11.977,0,0,1,4.68,4.2,11,11,0,0,1,1.711,6.084,11,11,0,0,1-1.711,6.084,11.977,11.977,0,0,1-4.68,4.2A14.531,14.531,0,0,1,149.618,2.878Zm0-4.72a8.432,8.432,0,0,0,3.97-.93,7.217,7.217,0,0,0,2.8-2.535,6.394,6.394,0,0,0,.99-3.629,6.493,6.493,0,0,0-.99-3.676,7.048,7.048,0,0,0-2.8-2.518,8.593,8.593,0,0,0-3.97-.908,8.612,8.612,0,0,0-4,.93,7.2,7.2,0,0,0-2.827,2.514,6.407,6.407,0,0,0-.985,3.659,6.414,6.414,0,0,0,.985,3.629,7.133,7.133,0,0,0,2.827,2.535A8.614,8.614,0,0,0,149.618-1.842Zm24.657,4.289V-26.579h5.314V2.447Zm-5.5-17.8v-4.926h17.151v4.926Z","transform":"translate(1031.773 426.533)","fill":"url(#e)"},"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 Valibot = react_1.forwardRef(function Valibot({ 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 Valibot = react_1.forwardRef(function Valibot({ 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/valibot.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 512 512","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"0.414","y1":"0.255","x2":"0","y2":"0.932","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#eab308"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ca8a04"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"0.338","y1":"0.02","x2":"0.664","y2":"0.966","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fde68a"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fbbf24"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","y1":"0.5","x2":"1","y2":"0.5","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#7dd3fc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0ea5e9"},"children":[]}]}]},{"type":"g","props":{"transform":"translate(-2056 -1899)"},"children":[{"type":"rect","props":{"width":"512","height":"512","transform":"translate(2056 1899)","fill":"none"},"children":[]},{"type":"path","props":{"d":"M742.271,987.024c-66.706,0-119.121,54.673-121.874,126.408l-2.551,95.471c-3.967,78.653,71.961,105.52,126.936,105.52Z","transform":"translate(1463.458 1004.277)","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M92.616.01H319.894c54.53-.8,95.624,40.1,98.381,93.335l6.144,135.76c.732,67.368-48.116,94.95-104.525,95.335L92.616,327.374C34.061,327.8-1.063,283.663.022,229.105l3.8-135.76C7.41,33.54,33.3,1.093,92.616.01Z","transform":"translate(2118.42 1991.302)","fill":"url(#b)"},"children":[]},{"type":"path","props":{"d":"M86.844.009H299.958c51.132-.746,89.665,37.307,92.25,86.824l5.761,126.29c.686,62.669-45.117,88.326-98.011,88.685L86.844,304.537C31.938,304.933-1,263.875.02,213.123L3.58,86.834C6.948,31.2,31.222,1.016,86.844.009Z","transform":"translate(2136.977 2001.737)","fill":"#111827"},"children":[]},{"type":"path","props":{"d":"M27.626,0A27.626,27.626,0,1,1,0,27.626,27.626,27.626,0,0,1,27.626,0Z","transform":"translate(2421.148 2104.357)","fill":"url(#c)"},"children":[]},{"type":"path","props":{"d":"M27.626,0A27.626,27.626,0,1,1,0,27.626,27.626,27.626,0,0,1,27.626,0Z","transform":"translate(2208.034 2104.357)","fill":"url(#c)"},"children":[]}]}]},"wordmark":{"viewBox":"0 0 276 48","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"0.414","y1":"0.255","x2":"0","y2":"0.932","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#eab308"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ca8a04"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"0.338","y1":"0.02","x2":"0.664","y2":"0.966","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#fde68a"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fbbf24"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","y1":"0.5","x2":"1","y2":"0.5","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#7dd3fc"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0ea5e9"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"0.152","y1":"0.102","x2":"0.247","y2":"1.977","gradientUnits":"objectBoundingBox"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#e2e8f0"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#94a3b8"},"children":[]}]}]},{"type":"g","props":{"transform":"translate(-941.698 -388.26)"},"children":[{"type":"g","props":{"transform":"translate(941.698 388.26)"},"children":[{"type":"path","props":{"d":"M635.947,987.024c-9.772,0-17.45,8.016-17.853,18.533l-.374,14c-.581,11.532,10.542,15.47,18.595,15.47Z","transform":"translate(-617.698 -987.024)","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M13.565,0H46.859A14.061,14.061,0,0,1,61.271,13.684l.9,19.9c.107,9.877-7.049,13.921-15.312,13.977L13.565,48C4.987,48.058-.158,41.587,0,33.588l.556-19.9C1.083,4.916,4.875.159,13.565,0Z","transform":"translate(5.461 0.001)","fill":"url(#b)"},"children":[]},{"type":"path","props":{"d":"M12.719,0H43.938A13.139,13.139,0,0,1,57.452,12.73L58.3,31.245c.1,9.188-6.609,12.95-14.358,13l-31.219.4C4.676,44.705-.149,38.686,0,31.245L.522,12.73C1.015,4.573,4.571.148,12.719,0Z","transform":"translate(8.18 1.531)","fill":"#111827"},"children":[]},{"type":"path","props":{"d":"M4.047,0A4.05,4.05,0,1,1,0,4.05,4.049,4.049,0,0,1,4.047,0Z","transform":"translate(49.805 16.575)","fill":"url(#c)"},"children":[]},{"type":"path","props":{"d":"M4.047,0A4.05,4.05,0,1,1,0,4.05,4.049,4.049,0,0,1,4.047,0Z","transform":"translate(18.586 16.575)","fill":"url(#c)"},"children":[]}]},{"type":"path","props":{"d":"M14.549,2.447,1.763-27.733H7.878l7.056,17.149q.388,1.035.844,2.108t.9,2.164q.444,1.091.827,2.139T18.2-2.1l-1.328.034q.414-1.279.927-2.667t1.064-2.836q.551-1.448,1.154-2.975l6.6-17.193h6.2L20.073,2.447Zm31.985.422a11.35,11.35,0,0,1-5.907-1.526,10.87,10.87,0,0,1-4.04-4.2,12.494,12.494,0,0,1-1.469-6.11,12.169,12.169,0,0,1,1.5-6.093,10.9,10.9,0,0,1,4.147-4.174,11.957,11.957,0,0,1,6.048-1.513,12.75,12.75,0,0,1,3.734.521,10.056,10.056,0,0,1,2.98,1.439,8.74,8.74,0,0,1,2.05,2.021,5.108,5.108,0,0,1,.936,2.31l-1.235-.111v-5.705h5.271V2.447H55.237V-3.339l1.132.053A5.265,5.265,0,0,1,55.331-1.1,8.634,8.634,0,0,1,53.139.887a12.756,12.756,0,0,1-3.044,1.435A11.448,11.448,0,0,1,46.534,2.87Zm1.392-4.71a8.174,8.174,0,0,0,3.906-.9,6.6,6.6,0,0,0,2.641-2.514,7.188,7.188,0,0,0,.946-3.711,6.97,6.97,0,0,0-.946-3.622,6.773,6.773,0,0,0-2.641-2.523,8.021,8.021,0,0,0-3.906-.925,7.917,7.917,0,0,0-3.894.925,6.812,6.812,0,0,0-2.619,2.523,6.97,6.97,0,0,0-.946,3.622,7.188,7.188,0,0,0,.946,3.711,6.633,6.633,0,0,0,2.619,2.514A8.068,8.068,0,0,0,47.925-1.841ZM71.312,2.447v-31.9h5.314v31.9Zm16.806,0V-20.275h5.314V2.447Zm2.61-27.73a3.575,3.575,0,0,1-2.49-.8,2.911,2.911,0,0,1-.885-2.272,2.912,2.912,0,0,1,.907-2.219,3.453,3.453,0,0,1,2.469-.855,3.575,3.575,0,0,1,2.491.8,2.911,2.911,0,0,1,.885,2.271,2.912,2.912,0,0,1-.907,2.22A3.454,3.454,0,0,1,90.728-25.283Zm27.553,28.17a11.85,11.85,0,0,1-3.447-.5,12.4,12.4,0,0,1-2.972-1.319,9.426,9.426,0,0,1-2.188-1.828,5.052,5.052,0,0,1-1.119-1.94l1.6-.387-.141,5.431h-5.139v-31.8h5.323v14.452l-1.288-.259a5.125,5.125,0,0,1,1.086-1.95,8.833,8.833,0,0,1,2.1-1.764,12.152,12.152,0,0,1,2.878-1.285,11.347,11.347,0,0,1,3.335-.487,11.7,11.7,0,0,1,5.961,1.518,11.181,11.181,0,0,1,4.161,4.182,11.985,11.985,0,0,1,1.533,6.088,12.209,12.209,0,0,1-1.512,6.11,11.053,11.053,0,0,1-4.156,4.208A11.783,11.783,0,0,1,118.281,2.887Zm-.946-4.719a7.889,7.889,0,0,0,3.889-.926,6.92,6.92,0,0,0,2.632-2.536,7.005,7.005,0,0,0,.963-3.668,7.146,7.146,0,0,0-.946-3.682,6.593,6.593,0,0,0-2.637-2.518,8.15,8.15,0,0,0-3.9-.9,8.171,8.171,0,0,0-3.911.9,6.712,6.712,0,0,0-2.654,2.518,7.047,7.047,0,0,0-.963,3.682,7.005,7.005,0,0,0,.963,3.668,6.879,6.879,0,0,0,2.654,2.536A8.014,8.014,0,0,0,117.335-1.832Zm32.283,4.71a14.634,14.634,0,0,1-6.809-1.535,12,12,0,0,1-4.689-4.2A10.981,10.981,0,0,1,136.4-8.936a10.981,10.981,0,0,1,1.715-6.084,12,12,0,0,1,4.689-4.2,14.634,14.634,0,0,1,6.809-1.535,14.531,14.531,0,0,1,6.77,1.535,11.977,11.977,0,0,1,4.68,4.2,11,11,0,0,1,1.711,6.084,11,11,0,0,1-1.711,6.084,11.977,11.977,0,0,1-4.68,4.2A14.531,14.531,0,0,1,149.618,2.878Zm0-4.72a8.432,8.432,0,0,0,3.97-.93,7.217,7.217,0,0,0,2.8-2.535,6.394,6.394,0,0,0,.99-3.629,6.493,6.493,0,0,0-.99-3.676,7.048,7.048,0,0,0-2.8-2.518,8.593,8.593,0,0,0-3.97-.908,8.612,8.612,0,0,0-4,.93,7.2,7.2,0,0,0-2.827,2.514,6.407,6.407,0,0,0-.985,3.659,6.414,6.414,0,0,0,.985,3.629,7.133,7.133,0,0,0,2.827,2.535A8.614,8.614,0,0,0,149.618-1.842Zm24.657,4.289V-26.579h5.314V2.447Zm-5.5-17.8v-4.926h17.151v4.926Z","transform":"translate(1031.773 426.533)","fill":"url(#e)"},"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 Valibot = forwardRef(
   function Valibot({ 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 Valibot = 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/valkey.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 64 73","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Group-copy"},"children":[{"type":"path","props":{"id":"Path","fill":"#123678","fillRule":"evenodd","stroke":"none","d":"M 13.482285 60.694962 L 0.998384 52.884399 L 0.998384 19.502914 L 31.527868 2.001205 L 61.317604 19.532024 L 61.317604 54.64489 L 31.054855 71.68927 L 20.548372 65.115807 L 20.548372 51.041328 L 20.548372 49.119896 L 14.851504 45.555508 L 14.851504 27.453159 L 31.346497 17.99712 L 47.464485 27.482262 L 47.464485 46.451157 L 34.703495 53.638138 L 34.703495 45.998573 C 38.52874 44.52552 41.274452 40.739189 41.274452 36.270489 C 41.274452 30.510658 36.712814 25.88438 31.158138 25.88438 C 25.603172 25.88438 21.041817 30.510658 21.041817 36.270489 C 21.041817 40.739189 23.787249 44.52552 27.612494 45.998573 L 27.612494 60.473576 L 31.261133 62.756348 L 53.635483 50.15464 L 53.635483 23.924595 L 31.477489 10.884869 L 8.680504 23.953705 L 8.680504 48.628967 L 13.482285 51.633297 L 13.482285 60.694962 Z M 31.158138 31.498383 C 33.671822 31.498383 35.660439 33.664162 35.660439 36.270489 C 35.660439 38.876804 33.671822 41.042587 31.158138 41.042587 C 28.644447 41.042587 26.655558 38.876804 26.655558 36.270489 C 26.655558 33.664162 28.644447 31.498383 31.158138 31.498383 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 Valkey = react_1.forwardRef(function Valkey({ 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 Valkey = react_1.forwardRef(function Valkey({ 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/valkey.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 64 73","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Group-copy"},"children":[{"type":"path","props":{"id":"Path","fill":"#123678","fillRule":"evenodd","stroke":"none","d":"M 13.482285 60.694962 L 0.998384 52.884399 L 0.998384 19.502914 L 31.527868 2.001205 L 61.317604 19.532024 L 61.317604 54.64489 L 31.054855 71.68927 L 20.548372 65.115807 L 20.548372 51.041328 L 20.548372 49.119896 L 14.851504 45.555508 L 14.851504 27.453159 L 31.346497 17.99712 L 47.464485 27.482262 L 47.464485 46.451157 L 34.703495 53.638138 L 34.703495 45.998573 C 38.52874 44.52552 41.274452 40.739189 41.274452 36.270489 C 41.274452 30.510658 36.712814 25.88438 31.158138 25.88438 C 25.603172 25.88438 21.041817 30.510658 21.041817 36.270489 C 21.041817 40.739189 23.787249 44.52552 27.612494 45.998573 L 27.612494 60.473576 L 31.261133 62.756348 L 53.635483 50.15464 L 53.635483 23.924595 L 31.477489 10.884869 L 8.680504 23.953705 L 8.680504 48.628967 L 13.482285 51.633297 L 13.482285 60.694962 Z M 31.158138 31.498383 C 33.671822 31.498383 35.660439 33.664162 35.660439 36.270489 C 35.660439 38.876804 33.671822 41.042587 31.158138 41.042587 C 28.644447 41.042587 26.655558 38.876804 26.655558 36.270489 C 26.655558 33.664162 28.644447 31.498383 31.158138 31.498383 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 Valkey = forwardRef(
   function Valkey({ 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 Valkey = 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/vanio.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":["Vanio Informatika"]},{"type":"path","props":{"id":"Rounded-Rectangle","fill":"#65a0dc","fillRule":"evenodd","stroke":"none","d":"M 1.429688 19.570313 C 1.429688 21.227167 2.772833 22.570313 4.429688 22.570313 L 19.546875 22.570313 C 21.20373 22.570313 22.546875 21.227167 22.546875 19.570313 L 22.546875 4.453125 C 22.546875 2.79627 21.20373 1.453125 19.546875 1.453125 L 4.429688 1.453125 C 2.772833 1.453125 1.429688 2.79627 1.429688 4.453125 Z"},"children":[]},{"type":"path","props":{"id":"V","fill":"#ffffff","fillRule":"evenodd","stroke":"none","d":"M 10.897531 18.219238 C 10.00238 16.285711 9.140064 14.262699 8.310555 12.15014 C 7.481049 10.037584 6.708246 7.925056 5.992125 5.8125 L 8.480633 5.8125 C 8.767082 6.647974 9.059494 7.501339 9.357878 8.372619 C 9.656262 9.243902 9.95464 10.100252 10.253026 10.941691 C 10.55141 11.783134 10.84979 12.597711 11.148173 13.385444 C 11.446556 14.173177 11.738968 14.895257 12.025415 15.551702 C 12.299932 14.895257 12.586373 14.176161 12.884759 13.394396 C 13.183141 12.612629 13.484505 11.798057 13.788858 10.950645 C 14.093207 10.103234 14.394571 9.243902 14.692957 8.372619 C 14.991339 7.501339 15.277784 6.647974 15.552297 5.8125 L 17.969194 5.8125 C 17.241138 7.925056 16.465349 10.037584 15.641811 12.15014 C 14.818274 14.262699 13.958941 16.285711 13.063788 18.219238 Z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Vanio Informatika"]},{"type":"path","props":{"id":"Rounded-Rectangle","fill":"currentColor","fillRule":"evenodd","stroke":"none","d":"M 4.429688 22.570313 C 2.772833 22.570313 1.429688 21.227167 1.429688 19.570313 L 1.429688 4.453125 C 1.429688 2.79627 2.772833 1.453125 4.429688 1.453125 L 19.546875 1.453125 C 21.20373 1.453125 22.546875 2.79627 22.546875 4.453125 L 22.546875 19.570313 C 22.546875 21.227167 21.20373 22.570313 19.546875 22.570313 L 4.429688 22.570313 Z M 8.310555 12.15014 C 9.140064 14.262699 10.00238 16.285711 10.897531 18.219238 L 13.063788 18.219238 C 13.958941 16.285711 14.818274 14.262699 15.641811 12.15014 C 16.465349 10.037584 17.241138 7.925056 17.969194 5.8125 L 15.552297 5.8125 C 15.277784 6.647974 14.991339 7.501339 14.692957 8.372619 C 14.394571 9.243902 14.093207 10.103234 13.788858 10.950645 C 13.484505 11.798057 13.183141 12.612629 12.884759 13.394396 C 12.586373 14.176161 12.299932 14.895257 12.025415 15.551702 C 11.738968 14.895257 11.446556 14.173177 11.148173 13.385444 C 10.84979 12.597711 10.55141 11.783134 10.253026 10.941691 C 9.95464 10.100252 9.656262 9.243902 9.357878 8.372619 C 9.059494 7.501339 8.767082 6.647974 8.480633 5.8125 L 5.992125 5.8125 C 6.708246 7.925056 7.481049 10.037584 8.310555 12.15014 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 Vanio = react_1.forwardRef(function Vanio({ 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 Vanio = react_1.forwardRef(function Vanio({ 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));
       })
   );
 });