@thesvg/react 3.2.2 → 3.2.5

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));
       })
   );
 });

package/dist/vanio.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 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 = forwardRef(
   function Vanio({ 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 Vanio = 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/velero.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 200 200","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs1"},"children":[]},{"type":"title","props":{"id":"title1"},"children":["velero"]},{"type":"g","props":{"id":"path14","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,145.2828 c -4.34533,0 -6.42933,1.6532 -8.84133,3.56774 -2.61867,2.08013 -5.58934,4.43586 -11.32826,4.43586 -5.7396,0 -8.70894,-2.35573 -11.32813,-4.43586 -2.41147,-1.91454 -4.4948,-3.56774 -8.83854,-3.56774 -4.34533,0 -6.42867,1.6532 -8.84013,3.56774 -2.61987,2.08013 -5.58854,4.43586 -11.32814,4.43586 -5.7396,0 -8.70839,-2.35573 -11.3276,-4.43586 -2.412,-1.91454 -4.49534,-3.56774 -8.83906,-3.56774 -4.34372,0 -6.42654,1.6532 -8.83854,3.56774 a 19.10381,19.10381 0 0 1 -6.38026,3.71453 69.69708,69.69708 0 0 0 40.34333,17.17507 c 0.41813,0.0344 0.838,0.0677 1.2588,0.0959 1.5052,0.0973 3.0192,0.164 4.54893,0.164 1.53027,0 3.04427,-0.0667 4.54947,-0.164 0.4208,-0.0281 0.8396,-0.0615 1.25946,-0.0959 a 69.87987,69.87987 0 0 0 47.17,-24.06667 12.79175,12.79175 0 0 0 -3.24,-0.39066","id":"path1"},"children":[]}]},{"type":"g","props":{"id":"path16","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 52.412,93.07081 c 4.724,0 7.05253,-1.84787 9.51773,-3.8052 2.60053,-2.06454 5.2896,-4.19947 10.6484,-4.19947 5.3588,0 8.04787,2.13494 10.64893,4.19947 2.46507,1.95733 4.7932,3.8052 9.51774,3.8052 4.72454,0 7.05253,-1.84787 9.51827,-3.8052 2.60053,-2.06454 5.29,-4.19947 10.65,-4.19947 5.35774,0 8.04787,2.13494 10.6484,4.19947 2.46454,1.95733 4.79267,3.8052 9.51827,3.8052 4.7256,0 7.0536,-1.84787 9.51893,-3.8052 2.6,-2.06454 5.29067,-4.19947 10.65067,-4.19947 5.35865,0 8.04933,2.13494 10.65066,4.19947 2.41734,1.91933 4.71867,3.724 9.264,3.79226 a 69.43253,69.43253 0 0 0 -4.39067,-18.32346 17.91343,17.91343 0 0 1 -5.77867,-3.43026 c -2.51733,-1.99733 -4.89332,-3.8844 -9.74532,-3.8844 -4.852,0 -7.22933,1.88707 -9.74533,3.8844 -2.55334,2.02613 -5.192,4.1204 -10.42427,4.1204 -5.23227,0 -7.87133,-2.0948 -10.42347,-4.1204 -2.5156,-1.99733 -4.89227,-3.8844 -9.7432,-3.8844 -4.8516,0 -7.22919,1.88707 -9.74479,3.8844 -2.55267,2.02613 -5.19121,4.1204 -10.42347,4.1204 -5.23173,0 -7.87027,-2.0948 -10.42241,-4.1204 -2.51613,-1.99733 -4.89267,-3.8844 -9.74427,-3.8844 -4.85106,0 -7.2276,1.88707 -9.7432,3.8844 -2.55266,2.0256 -5.1912,4.1204 -10.42293,4.1204 -5.23227,0 -7.8708,-2.0948 -10.42293,-4.1204 -0.5656,-0.44946 -1.1276,-0.8896 -1.7088,-1.3072 A 69.42817,69.42817 0 0 0 35.07346,85.314 c 3.552,0.6032 5.7276,2.29014 7.82026,3.9516 2.46507,1.95734 4.79374,3.8052 9.51827,3.8052","id":"path2"},"children":[]}]},{"type":"g","props":{"id":"path18","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 52.412,74.3328 c 4.85106,0 7.22813,-1.88693 9.74373,-3.88387 2.55213,-2.02546 5.19067,-4.12093 10.4224,-4.12093 5.23173,0 7.87026,2.09547 10.4224,4.12093 2.51667,1.99693 4.89267,3.88387 9.74427,3.88387 4.8516,0 7.22814,-1.88693 9.7448,-3.88387 2.55214,-2.02546 5.19014,-4.12093 10.42347,-4.12093 5.23173,0 7.8692,2.09547 10.42187,4.12093 2.51667,1.99693 4.8932,3.88387 9.7448,3.88387 4.85093,0 7.22826,-1.88693 9.74426,-3.88387 2.55334,-2.02546 5.192,-4.12093 10.42534,-4.12093 5.232,0 7.872,2.09547 10.424,4.12093 a 18.94339,18.94339 0 0 0 4.56133,2.92293 A 69.97149,69.97149 0 0 0 40.7708,69.0036 c 0.65987,0.46613 1.28187,0.95734 1.8964,1.44534 2.51666,1.99693 4.8932,3.88387 9.7448,3.88387","id":"path3"},"children":[]}]},{"type":"g","props":{"id":"path20","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,125.81613 c -4.472,0 -6.60267,1.69121 -9.06667,3.64787 -2.57334,2.0428 -5.48934,4.35733 -11.10293,4.35733 -5.61359,0 -8.52867,-2.31453 -11.1016,-4.35733 -2.46613,-1.95666 -4.59534,-3.64787 -9.06507,-3.64787 -4.47132,0 -6.60053,1.69121 -9.06666,3.64787 -2.57293,2.0428 -5.48906,4.35733 -11.1016,4.35733 -5.61254,0 -8.52867,-2.31453 -11.10161,-4.35733 -2.4656,-1.95666 -4.59427,-3.64787 -9.06506,-3.64787 -4.47079,0 -6.59947,1.69121 -9.06507,3.64787 -2.57293,2.0428 -5.488,4.35733 -11.10106,4.35733 -5.61254,0 -8.52867,-2.31453 -11.1016,-4.35733 -0.65254,-0.51813 -1.28387,-1.014 -1.9396,-1.4676 a 70.27086,70.27086 0 0 0 14.42093,21.2208 c 3.43013,-0.3156 5.31973,-1.80267 7.4588,-3.50107 2.61973,-2.07866 5.58853,-4.43587 11.3276,-4.43587 5.7396,0 8.70827,2.3572 11.3276,4.43587 2.412,1.91454 4.49533,3.56773 8.83906,3.56773 4.34427,0 6.42706,-1.65319 8.84013,-3.56773 2.61814,-2.07866 5.58854,-4.43587 11.32814,-4.43587 5.7396,0 8.70773,2.3572 11.32653,4.43587 2.41307,1.91454 4.4964,3.56773 8.84013,3.56773 4.34426,0 6.42827,-1.65319 8.83894,-3.56773 2.62,-2.07866 5.59068,-4.43587 11.33067,-4.43587 a 15.76134,15.76134 0 0 1 5.94532,1.0728 70.11763,70.11763 0 0 0 6.59068,-10.44946 27.05781,27.05781 0 0 1 -3.47067,-2.43961 c -2.464,-1.95666 -4.59466,-3.64787 -9.06533,-3.64787","id":"path4"},"children":[]}]},{"type":"g","props":{"id":"path22","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 173.30133,94.8776 c -5.27067,-0.036 -7.95334,-2.14014 -10.53334,-4.18693 -2.464,-1.9568 -4.79466,-3.8052 -9.51866,-3.8052 -4.72533,0 -7.05468,1.8484 -9.52,3.8052 -2.6,2.06453 -5.29067,4.19946 -10.6496,4.19946 -5.36,0 -8.04853,-2.13493 -10.65,-4.19946 -2.4652,-1.9568 -4.79333,-3.8052 -9.51666,-3.8052 -4.72561,0 -7.05374,1.8484 -9.51827,3.8052 -2.60214,2.06453 -5.29067,4.19946 -10.65,4.19946 -5.3588,0 -8.04787,-2.13493 -10.64894,-4.19946 -2.4652,-1.9568 -4.79319,-3.8052 -9.51773,-3.8052 -4.724,0 -7.05213,1.8484 -9.51773,3.8052 -2.6,2.06453 -5.2896,4.19946 -10.6484,4.19946 -5.35934,0 -8.0484,-2.13493 -10.64893,-4.19946 -1.98654,-1.57667 -3.90627,-3.06573 -7.04014,-3.5912 a 69.77211,69.77211 0 0 0 -1.1432,10.19946 c -0.03493,0.898 -0.06933,1.7948 -0.06933,2.70107 0,0.90627 0.0344,1.80413 0.06933,2.70213 0.01454,0.39106 0.02187,0.78427 0.0432,1.17387 4.59014,0.35053 7.19534,2.3792 9.49734,4.2068 2.4136,1.9156 4.69373,3.72546 9.29173,3.72546 4.598,0 6.8776,-1.80986 9.29107,-3.72546 2.52667,-2.00627 5.38906,-4.27867 10.87506,-4.27867 5.486,0 8.34894,2.2724 10.87494,4.27867 2.41413,1.9156 4.69427,3.72546 9.29173,3.72546 4.59746,0 6.87813,-1.80986 9.2916,-3.72546 2.52613,-2.00627 5.38906,-4.27867 10.87667,-4.27867 5.48533,0 8.34893,2.2724 10.87439,4.27867 2.41467,1.9156 4.69427,3.72546 9.29227,3.72546 4.5976,0 6.87893,-1.80986 9.29226,-3.72546 2.52666,-2.00627 5.39068,-4.27867 10.87733,-4.27867 5.48665,0 8.34933,2.2724 10.876,4.27867 2.244,1.7808 4.39733,3.45054 8.37733,3.68027 q 0.542,-3.19461 0.788,-6.47974 c 0.0653,-0.85627 0.11867,-1.714 0.15067,-2.57813 v -5.40934 c -0.032,-0.8652 -0.14,-2.41827 -0.14,-2.41827","id":"path5"},"children":[]}]},{"type":"g","props":{"id":"path24","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,106.35107 c -4.6,0 -6.88,1.80986 -9.29333,3.72653 -2.52666,2.0052 -5.39067,4.2776 -10.87627,4.2776 -5.486,0 -8.34906,-2.2724 -10.8756,-4.27761 -2.41347,-1.91666 -4.69373,-3.72653 -9.29107,-3.72653 -4.598,0 -6.87919,1.80987 -9.29333,3.72653 -2.526,2.0052 -5.38907,4.27761 -10.87493,4.27761 -5.48586,0 -8.34894,-2.2724 -10.87507,-4.27761 -2.414,-1.91666 -4.69426,-3.72653 -9.2916,-3.72653 -4.59734,0 -6.8776,1.80987 -9.2912,3.72653 -2.526,2.0052 -5.38906,4.27761 -10.87493,4.27761 -5.48546,0 -8.34947,-2.2724 -10.8756,-4.27761 -2.12133,-1.68387 -4.14107,-3.28333 -7.71813,-3.64733 a 69.41682,69.41682 0 0 0 3.72293,16.9504 19.40583,19.40583 0 0 1 5.8052,3.51827 c 2.4656,1.95733 4.59427,3.648 9.0656,3.648 4.4708,0 6.6,-1.69067 9.06507,-3.648 2.57293,-2.04213 5.48853,-4.3568 11.10107,-4.3568 5.61254,0 8.52867,2.31466 11.1016,4.3568 2.46506,1.95733 4.59426,3.648 9.06506,3.648 4.4708,0 6.60054,-1.69067 9.06507,-3.648 2.57293,-2.04213 5.4896,-4.3568 11.10319,-4.3568 5.612,0 8.52867,2.31466 11.10094,4.3568 2.4652,1.95733 4.5944,3.648 9.06573,3.648 4.47093,0 6.60026,-1.69067 9.06559,-3.648 2.57334,-2.04213 5.49068,-4.3568 11.104,-4.3568 5.612,0 8.52932,2.31466 11.10266,4.3568 a 25.59594,25.59594 0 0 0 2.86133,2.062 69.3386,69.3386 0 0 0 4.82669,-14.67759 c -4.58934,-0.34947 -7.196,-2.3792 -9.49866,-4.20573 -2.41333,-1.91667 -4.69333,-3.72653 -9.292,-3.72653","id":"path6"},"children":[]}]},{"type":"g","props":{"id":"path26","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 141.91866,145.71614 c -2.41066,1.91453 -4.49466,3.56773 -8.83893,3.56773 -4.34373,0 -6.42707,-1.6532 -8.84014,-3.56773 -2.61879,-2.07867 -5.58693,-4.43587 -11.32653,-4.43587 -5.7396,0 -8.71,2.3572 -11.32813,4.43587 -2.41307,1.91453 -4.49586,3.56773 -8.84013,3.56773 -4.34374,0 -6.42707,-1.6532 -8.83907,-3.56773 -2.61934,-2.07867 -5.588,-4.43587 -11.32761,-4.43587 -5.73906,0 -8.70786,2.3572 -11.3276,4.43587 -2.13906,1.6984 -4.02866,3.18546 -7.4588,3.50106 1.14787,1.1588 2.34267,2.2708 3.5676,3.34787 a 19.10381,19.10381 0 0 0 6.38026,-3.71453 c 2.412,-1.91454 4.4948,-3.56774 8.83854,-3.56774 4.34374,0 6.42707,1.6532 8.83906,3.56774 2.6192,2.08013 5.588,4.43586 11.32761,4.43586 5.73961,0 8.70827,-2.35573 11.32813,-4.43586 2.41147,-1.91454 4.4948,-3.56774 8.84014,-3.56774 4.34373,0 6.42706,1.6532 8.83853,3.56774 2.6192,2.08013 5.58853,4.43586 11.32813,4.43586 5.73894,0 8.7096,-2.35573 11.32827,-4.43586 2.412,-1.91454 4.496,-3.56774 8.84132,-3.56774 a 12.79186,12.79186 0 0 1 3.24,0.39067 c 0.932,-1.08027 1.83867,-2.1844 2.70533,-3.3204 a 15.76114,15.76114 0 0 0 -5.94532,-1.0728 c -5.74,0 -8.71066,2.3572 -11.33067,4.43587","id":"path7"},"children":[]}]},{"type":"g","props":{"id":"path28","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 153.24933,122.54213 c -5.61333,0 -8.53067,2.31467 -11.104,4.35681 -2.46533,1.95733 -4.59466,3.648 -9.0656,3.648 -4.47133,0 -6.60053,-1.69067 -9.06573,-3.648 -2.57226,-2.04213 -5.48893,-4.35681 -11.10093,-4.35681 -5.6136,0 -8.53027,2.31467 -11.1032,4.35681 -2.46454,1.95733 -4.59427,3.648 -9.06506,3.648 -4.47079,0 -6.6,-1.69067 -9.06507,-3.648 -2.57293,-2.04213 -5.48906,-4.35681 -11.1016,-4.35681 -5.61254,0 -8.52814,2.31467 -11.10108,4.35681 -2.46506,1.95733 -4.59426,3.648 -9.06506,3.648 -4.47134,0 -6.6,-1.69067 -9.0656,-3.648 a 19.40624,19.40624 0 0 0 -5.8052,-3.51827 q 0.83359,2.3478 1.8296,4.61573 c 0.65573,0.4536 1.28707,0.94946 1.9396,1.4676 2.57293,2.0428 5.48906,4.35733 11.1016,4.35733 5.61306,0 8.52813,-2.31453 11.10106,-4.35733 2.4656,-1.95666 4.59427,-3.64787 9.06507,-3.64787 4.4708,0 6.59946,1.69121 9.06506,3.64787 2.57294,2.0428 5.48907,4.35733 11.10161,4.35733 5.61254,0 8.52867,-2.31453 11.1016,-4.35733 2.46613,-1.95666 4.59534,-3.64787 9.06666,-3.64787 4.46974,0 6.59894,1.69121 9.06507,3.64787 2.57293,2.0428 5.488,4.35733 11.1016,4.35733 5.6136,0 8.52961,-2.31453 11.10293,-4.35733 2.464,-1.95666 4.59466,-3.64787 9.06667,-3.64787 4.47067,0 6.60133,1.69121 9.06533,3.64787 a 27.05807,27.05807 0 0 0 3.47067,2.4396 q 0.748,-1.45219 1.428,-2.94267 a 25.5941,25.5941 0 0 1 -2.86133,-2.062 c -2.57334,-2.04213 -5.49067,-4.3568 -11.10266,-4.3568","id":"path8"},"children":[]}]},{"type":"g","props":{"id":"path30","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 153.24933,103.80414 c -5.48667,0 -8.35067,2.27239 -10.87733,4.27867 -2.41333,1.9156 -4.69466,3.72546 -9.29227,3.72546 -4.598,0 -6.8776,-1.80986 -9.29227,-3.72546 -2.52546,-2.00627 -5.38906,-4.27867 -10.8744,-4.27867 -5.48759,0 -8.35053,2.27239 -10.87666,4.27867 -2.41347,1.9156 -4.69427,3.72546 -9.2916,3.72546 -4.59733,0 -6.8776,-1.80986 -9.29174,-3.72546 -2.526,-2.00627 -5.38907,-4.27867 -10.87493,-4.27867 -5.48586,0 -8.34893,2.27239 -10.87506,4.27867 -2.414,1.9156 -4.69321,3.72546 -9.29107,3.72546 -4.59746,0 -6.87813,-1.80986 -9.29173,-3.72546 -2.302,-1.8276 -4.9072,-3.85627 -9.49733,-4.2068 0.0468,0.85626 0.1172,1.7068 0.19533,2.55426 3.57707,0.364 5.5968,1.96347 7.71813,3.64733 2.52613,2.0052 5.39013,4.2776 10.8756,4.2776 5.48587,0 8.34893,-2.2724 10.87494,-4.27761 2.41359,-1.91666 4.69373,-3.72653 9.2912,-3.72653 4.59747,0 6.8776,1.80987 9.2916,3.72653 2.52613,2.0052 5.38906,4.27761 10.87506,4.27761 5.486,0 8.34894,-2.2724 10.87494,-4.27761 2.41413,-1.91666 4.69533,-3.72653 9.29333,-3.72653 4.59733,0 6.8776,1.80987 9.29107,3.72653 2.52653,2.0052 5.3896,4.27761 10.8756,4.27761 5.4856,0 8.3496,-2.2724 10.87626,-4.27761 2.41333,-1.91666 4.69333,-3.72653 9.29333,-3.72653 4.59866,0 6.87866,1.80987 9.292,3.72653 2.30267,1.82653 4.90933,3.85627 9.49867,4.20573 0.17467,-0.83333 0.32,-1.67653 0.46266,-2.5208 -3.98,-0.2292 -6.13333,-1.89893 -8.37733,-3.67974 -2.52666,-2.00626 -5.38933,-4.27867 -10.876,-4.27867","id":"path9"},"children":[]}]},{"type":"g","props":{"id":"path32","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 52.412,94.89014 c 5.3588,0 8.0484,-2.13494 10.6484,-4.19946 2.46507,-1.9568 4.79373,-3.8052 9.51773,-3.8052 4.72454,0 7.05253,1.8484 9.51773,3.8052 2.60107,2.06453 5.29014,4.19946 10.64894,4.19946 5.3588,0 8.04786,-2.13494 10.65,-4.19946 2.46453,-1.9568 4.79266,-3.8052 9.51826,-3.8052 4.72334,0 7.05147,1.8484 9.51667,3.8052 2.60147,2.06453 5.29,4.19946 10.65,4.19946 5.35894,0 8.04959,-2.13494 10.64959,-4.19946 2.46533,-1.9568 4.79466,-3.8052 9.52,-3.8052 4.724,0 7.05467,1.8484 9.51866,3.8052 2.58,2.0468 5.26267,4.15666 10.53334,4.19267 l -0.0107,-0.16667 c -0.0413,-0.55307 -0.072,-1.10933 -0.12666,-1.6588 -4.54533,-0.06827 -6.84667,-1.87293 -9.264,-3.79227 -2.60134,-2.06453 -5.292,-4.19946 -10.65067,-4.19946 -5.36,0 -8.05066,2.13494 -10.65066,4.19946 -2.46534,1.95734 -4.79333,3.8052 -9.51893,3.8052 -4.7256,0 -7.05374,-1.84786 -9.51827,-3.8052 -2.60054,-2.06453 -5.29067,-4.19946 -10.6484,-4.19946 -5.36,0 -8.04946,2.13494 -10.65,4.19946 -2.46573,1.95734 -4.79373,3.8052 -9.51827,3.8052 -4.72454,0 -7.05267,-1.84786 -9.51773,-3.8052 -2.60107,-2.06453 -5.29014,-4.19946 -10.64893,-4.19946 -5.35879,0 -8.04787,2.13494 -10.6484,4.19946 -2.46521,1.95734 -4.79374,3.8052 -9.51774,3.8052 -4.72453,0 -7.05319,-1.84786 -9.51826,-3.8052 -2.09267,-1.66146 -4.26827,-3.34839 -7.82027,-3.9516 -0.12653,0.59173 -0.2396,1.18866 -0.35053,1.78547 3.13386,0.52546 5.0536,2.01453 7.04013,3.5912 2.60053,2.06453 5.2896,4.19946 10.64893,4.19946","id":"path10"},"children":[]}]},{"type":"g","props":{"id":"path34","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 52.412,75.42454 c 5.23173,0 7.87026,-2.0948 10.42293,-4.1204 2.5156,-1.99733 4.89213,-3.8844 9.7432,-3.8844 4.8516,0 7.22813,1.88707 9.74426,3.8844 2.55213,2.0256 5.19067,4.1204 10.4224,4.1204 5.23226,0 7.8708,-2.09426 10.42347,-4.1204 2.5156,-1.99733 4.89319,-3.8844 9.7448,-3.8844 4.85093,0 7.22759,1.88707 9.74319,3.8844 2.55213,2.0256 5.19107,4.1204 10.42347,4.1204 5.2324,0 7.87094,-2.09426 10.42426,-4.1204 2.516,-1.99733 4.89333,-3.8844 9.74533,-3.8844 4.852,0 7.228,1.88707 9.74533,3.8844 a 17.91379,17.91379 0 0 0 5.77866,3.43027 c -0.17733,-0.45574 -0.35334,-0.912 -0.53867,-1.36254 a 18.94339,18.94339 0 0 1 -4.56133,-2.92293 c -2.552,-2.02546 -5.192,-4.12093 -10.424,-4.12093 -5.23333,0 -7.872,2.09547 -10.42534,4.12093 -2.516,1.99693 -4.89332,3.88387 -9.74427,3.88387 -4.8516,0 -7.22813,-1.88693 -9.7448,-3.88387 -2.55267,-2.02546 -5.19013,-4.12093 -10.42186,-4.12093 -5.23334,0 -7.87133,2.09547 -10.42347,4.12093 -2.51667,1.99693 -4.8932,3.88387 -9.7448,3.88387 -4.8516,0 -7.2276,-1.88693 -9.74427,-3.88387 -2.55214,-2.02546 -5.19067,-4.12094 -10.4224,-4.12094 -5.23173,0 -7.87027,2.09547 -10.4224,4.12093 -2.5156,1.99693 -4.89267,3.88387 -9.74373,3.88387 -4.8516,0 -7.22814,-1.88693 -9.7448,-3.88387 -0.61454,-0.488 -1.23653,-0.9792 -1.8964,-1.44534 -0.16454,0.33133 -0.3312,0.66 -0.49053,0.99334 0.5812,0.4176 1.1432,0.85773 1.7088,1.3072 2.55213,2.0256 5.19066,4.1204 10.42293,4.1204","id":"path11"},"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 Velero = react_1.forwardRef(function Velero({ 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 Velero = react_1.forwardRef(function Velero({ 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/velero.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 200 200","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs1"},"children":[]},{"type":"title","props":{"id":"title1"},"children":["velero"]},{"type":"g","props":{"id":"path14","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,145.2828 c -4.34533,0 -6.42933,1.6532 -8.84133,3.56774 -2.61867,2.08013 -5.58934,4.43586 -11.32826,4.43586 -5.7396,0 -8.70894,-2.35573 -11.32813,-4.43586 -2.41147,-1.91454 -4.4948,-3.56774 -8.83854,-3.56774 -4.34533,0 -6.42867,1.6532 -8.84013,3.56774 -2.61987,2.08013 -5.58854,4.43586 -11.32814,4.43586 -5.7396,0 -8.70839,-2.35573 -11.3276,-4.43586 -2.412,-1.91454 -4.49534,-3.56774 -8.83906,-3.56774 -4.34372,0 -6.42654,1.6532 -8.83854,3.56774 a 19.10381,19.10381 0 0 1 -6.38026,3.71453 69.69708,69.69708 0 0 0 40.34333,17.17507 c 0.41813,0.0344 0.838,0.0677 1.2588,0.0959 1.5052,0.0973 3.0192,0.164 4.54893,0.164 1.53027,0 3.04427,-0.0667 4.54947,-0.164 0.4208,-0.0281 0.8396,-0.0615 1.25946,-0.0959 a 69.87987,69.87987 0 0 0 47.17,-24.06667 12.79175,12.79175 0 0 0 -3.24,-0.39066","id":"path1"},"children":[]}]},{"type":"g","props":{"id":"path16","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 52.412,93.07081 c 4.724,0 7.05253,-1.84787 9.51773,-3.8052 2.60053,-2.06454 5.2896,-4.19947 10.6484,-4.19947 5.3588,0 8.04787,2.13494 10.64893,4.19947 2.46507,1.95733 4.7932,3.8052 9.51774,3.8052 4.72454,0 7.05253,-1.84787 9.51827,-3.8052 2.60053,-2.06454 5.29,-4.19947 10.65,-4.19947 5.35774,0 8.04787,2.13494 10.6484,4.19947 2.46454,1.95733 4.79267,3.8052 9.51827,3.8052 4.7256,0 7.0536,-1.84787 9.51893,-3.8052 2.6,-2.06454 5.29067,-4.19947 10.65067,-4.19947 5.35865,0 8.04933,2.13494 10.65066,4.19947 2.41734,1.91933 4.71867,3.724 9.264,3.79226 a 69.43253,69.43253 0 0 0 -4.39067,-18.32346 17.91343,17.91343 0 0 1 -5.77867,-3.43026 c -2.51733,-1.99733 -4.89332,-3.8844 -9.74532,-3.8844 -4.852,0 -7.22933,1.88707 -9.74533,3.8844 -2.55334,2.02613 -5.192,4.1204 -10.42427,4.1204 -5.23227,0 -7.87133,-2.0948 -10.42347,-4.1204 -2.5156,-1.99733 -4.89227,-3.8844 -9.7432,-3.8844 -4.8516,0 -7.22919,1.88707 -9.74479,3.8844 -2.55267,2.02613 -5.19121,4.1204 -10.42347,4.1204 -5.23173,0 -7.87027,-2.0948 -10.42241,-4.1204 -2.51613,-1.99733 -4.89267,-3.8844 -9.74427,-3.8844 -4.85106,0 -7.2276,1.88707 -9.7432,3.8844 -2.55266,2.0256 -5.1912,4.1204 -10.42293,4.1204 -5.23227,0 -7.8708,-2.0948 -10.42293,-4.1204 -0.5656,-0.44946 -1.1276,-0.8896 -1.7088,-1.3072 A 69.42817,69.42817 0 0 0 35.07346,85.314 c 3.552,0.6032 5.7276,2.29014 7.82026,3.9516 2.46507,1.95734 4.79374,3.8052 9.51827,3.8052","id":"path2"},"children":[]}]},{"type":"g","props":{"id":"path18","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 52.412,74.3328 c 4.85106,0 7.22813,-1.88693 9.74373,-3.88387 2.55213,-2.02546 5.19067,-4.12093 10.4224,-4.12093 5.23173,0 7.87026,2.09547 10.4224,4.12093 2.51667,1.99693 4.89267,3.88387 9.74427,3.88387 4.8516,0 7.22814,-1.88693 9.7448,-3.88387 2.55214,-2.02546 5.19014,-4.12093 10.42347,-4.12093 5.23173,0 7.8692,2.09547 10.42187,4.12093 2.51667,1.99693 4.8932,3.88387 9.7448,3.88387 4.85093,0 7.22826,-1.88693 9.74426,-3.88387 2.55334,-2.02546 5.192,-4.12093 10.42534,-4.12093 5.232,0 7.872,2.09547 10.424,4.12093 a 18.94339,18.94339 0 0 0 4.56133,2.92293 A 69.97149,69.97149 0 0 0 40.7708,69.0036 c 0.65987,0.46613 1.28187,0.95734 1.8964,1.44534 2.51666,1.99693 4.8932,3.88387 9.7448,3.88387","id":"path3"},"children":[]}]},{"type":"g","props":{"id":"path20","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,125.81613 c -4.472,0 -6.60267,1.69121 -9.06667,3.64787 -2.57334,2.0428 -5.48934,4.35733 -11.10293,4.35733 -5.61359,0 -8.52867,-2.31453 -11.1016,-4.35733 -2.46613,-1.95666 -4.59534,-3.64787 -9.06507,-3.64787 -4.47132,0 -6.60053,1.69121 -9.06666,3.64787 -2.57293,2.0428 -5.48906,4.35733 -11.1016,4.35733 -5.61254,0 -8.52867,-2.31453 -11.10161,-4.35733 -2.4656,-1.95666 -4.59427,-3.64787 -9.06506,-3.64787 -4.47079,0 -6.59947,1.69121 -9.06507,3.64787 -2.57293,2.0428 -5.488,4.35733 -11.10106,4.35733 -5.61254,0 -8.52867,-2.31453 -11.1016,-4.35733 -0.65254,-0.51813 -1.28387,-1.014 -1.9396,-1.4676 a 70.27086,70.27086 0 0 0 14.42093,21.2208 c 3.43013,-0.3156 5.31973,-1.80267 7.4588,-3.50107 2.61973,-2.07866 5.58853,-4.43587 11.3276,-4.43587 5.7396,0 8.70827,2.3572 11.3276,4.43587 2.412,1.91454 4.49533,3.56773 8.83906,3.56773 4.34427,0 6.42706,-1.65319 8.84013,-3.56773 2.61814,-2.07866 5.58854,-4.43587 11.32814,-4.43587 5.7396,0 8.70773,2.3572 11.32653,4.43587 2.41307,1.91454 4.4964,3.56773 8.84013,3.56773 4.34426,0 6.42827,-1.65319 8.83894,-3.56773 2.62,-2.07866 5.59068,-4.43587 11.33067,-4.43587 a 15.76134,15.76134 0 0 1 5.94532,1.0728 70.11763,70.11763 0 0 0 6.59068,-10.44946 27.05781,27.05781 0 0 1 -3.47067,-2.43961 c -2.464,-1.95666 -4.59466,-3.64787 -9.06533,-3.64787","id":"path4"},"children":[]}]},{"type":"g","props":{"id":"path22","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 173.30133,94.8776 c -5.27067,-0.036 -7.95334,-2.14014 -10.53334,-4.18693 -2.464,-1.9568 -4.79466,-3.8052 -9.51866,-3.8052 -4.72533,0 -7.05468,1.8484 -9.52,3.8052 -2.6,2.06453 -5.29067,4.19946 -10.6496,4.19946 -5.36,0 -8.04853,-2.13493 -10.65,-4.19946 -2.4652,-1.9568 -4.79333,-3.8052 -9.51666,-3.8052 -4.72561,0 -7.05374,1.8484 -9.51827,3.8052 -2.60214,2.06453 -5.29067,4.19946 -10.65,4.19946 -5.3588,0 -8.04787,-2.13493 -10.64894,-4.19946 -2.4652,-1.9568 -4.79319,-3.8052 -9.51773,-3.8052 -4.724,0 -7.05213,1.8484 -9.51773,3.8052 -2.6,2.06453 -5.2896,4.19946 -10.6484,4.19946 -5.35934,0 -8.0484,-2.13493 -10.64893,-4.19946 -1.98654,-1.57667 -3.90627,-3.06573 -7.04014,-3.5912 a 69.77211,69.77211 0 0 0 -1.1432,10.19946 c -0.03493,0.898 -0.06933,1.7948 -0.06933,2.70107 0,0.90627 0.0344,1.80413 0.06933,2.70213 0.01454,0.39106 0.02187,0.78427 0.0432,1.17387 4.59014,0.35053 7.19534,2.3792 9.49734,4.2068 2.4136,1.9156 4.69373,3.72546 9.29173,3.72546 4.598,0 6.8776,-1.80986 9.29107,-3.72546 2.52667,-2.00627 5.38906,-4.27867 10.87506,-4.27867 5.486,0 8.34894,2.2724 10.87494,4.27867 2.41413,1.9156 4.69427,3.72546 9.29173,3.72546 4.59746,0 6.87813,-1.80986 9.2916,-3.72546 2.52613,-2.00627 5.38906,-4.27867 10.87667,-4.27867 5.48533,0 8.34893,2.2724 10.87439,4.27867 2.41467,1.9156 4.69427,3.72546 9.29227,3.72546 4.5976,0 6.87893,-1.80986 9.29226,-3.72546 2.52666,-2.00627 5.39068,-4.27867 10.87733,-4.27867 5.48665,0 8.34933,2.2724 10.876,4.27867 2.244,1.7808 4.39733,3.45054 8.37733,3.68027 q 0.542,-3.19461 0.788,-6.47974 c 0.0653,-0.85627 0.11867,-1.714 0.15067,-2.57813 v -5.40934 c -0.032,-0.8652 -0.14,-2.41827 -0.14,-2.41827","id":"path5"},"children":[]}]},{"type":"g","props":{"id":"path24","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-1","d":"m 153.24933,106.35107 c -4.6,0 -6.88,1.80986 -9.29333,3.72653 -2.52666,2.0052 -5.39067,4.2776 -10.87627,4.2776 -5.486,0 -8.34906,-2.2724 -10.8756,-4.27761 -2.41347,-1.91666 -4.69373,-3.72653 -9.29107,-3.72653 -4.598,0 -6.87919,1.80987 -9.29333,3.72653 -2.526,2.0052 -5.38907,4.27761 -10.87493,4.27761 -5.48586,0 -8.34894,-2.2724 -10.87507,-4.27761 -2.414,-1.91666 -4.69426,-3.72653 -9.2916,-3.72653 -4.59734,0 -6.8776,1.80987 -9.2912,3.72653 -2.526,2.0052 -5.38906,4.27761 -10.87493,4.27761 -5.48546,0 -8.34947,-2.2724 -10.8756,-4.27761 -2.12133,-1.68387 -4.14107,-3.28333 -7.71813,-3.64733 a 69.41682,69.41682 0 0 0 3.72293,16.9504 19.40583,19.40583 0 0 1 5.8052,3.51827 c 2.4656,1.95733 4.59427,3.648 9.0656,3.648 4.4708,0 6.6,-1.69067 9.06507,-3.648 2.57293,-2.04213 5.48853,-4.3568 11.10107,-4.3568 5.61254,0 8.52867,2.31466 11.1016,4.3568 2.46506,1.95733 4.59426,3.648 9.06506,3.648 4.4708,0 6.60054,-1.69067 9.06507,-3.648 2.57293,-2.04213 5.4896,-4.3568 11.10319,-4.3568 5.612,0 8.52867,2.31466 11.10094,4.3568 2.4652,1.95733 4.5944,3.648 9.06573,3.648 4.47093,0 6.60026,-1.69067 9.06559,-3.648 2.57334,-2.04213 5.49068,-4.3568 11.104,-4.3568 5.612,0 8.52932,2.31466 11.10266,4.3568 a 25.59594,25.59594 0 0 0 2.86133,2.062 69.3386,69.3386 0 0 0 4.82669,-14.67759 c -4.58934,-0.34947 -7.196,-2.3792 -9.49866,-4.20573 -2.41333,-1.91667 -4.69333,-3.72653 -9.292,-3.72653","id":"path6"},"children":[]}]},{"type":"g","props":{"id":"path26","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 141.91866,145.71614 c -2.41066,1.91453 -4.49466,3.56773 -8.83893,3.56773 -4.34373,0 -6.42707,-1.6532 -8.84014,-3.56773 -2.61879,-2.07867 -5.58693,-4.43587 -11.32653,-4.43587 -5.7396,0 -8.71,2.3572 -11.32813,4.43587 -2.41307,1.91453 -4.49586,3.56773 -8.84013,3.56773 -4.34374,0 -6.42707,-1.6532 -8.83907,-3.56773 -2.61934,-2.07867 -5.588,-4.43587 -11.32761,-4.43587 -5.73906,0 -8.70786,2.3572 -11.3276,4.43587 -2.13906,1.6984 -4.02866,3.18546 -7.4588,3.50106 1.14787,1.1588 2.34267,2.2708 3.5676,3.34787 a 19.10381,19.10381 0 0 0 6.38026,-3.71453 c 2.412,-1.91454 4.4948,-3.56774 8.83854,-3.56774 4.34374,0 6.42707,1.6532 8.83906,3.56774 2.6192,2.08013 5.588,4.43586 11.32761,4.43586 5.73961,0 8.70827,-2.35573 11.32813,-4.43586 2.41147,-1.91454 4.4948,-3.56774 8.84014,-3.56774 4.34373,0 6.42706,1.6532 8.83853,3.56774 2.6192,2.08013 5.58853,4.43586 11.32813,4.43586 5.73894,0 8.7096,-2.35573 11.32827,-4.43586 2.412,-1.91454 4.496,-3.56774 8.84132,-3.56774 a 12.79186,12.79186 0 0 1 3.24,0.39067 c 0.932,-1.08027 1.83867,-2.1844 2.70533,-3.3204 a 15.76114,15.76114 0 0 0 -5.94532,-1.0728 c -5.74,0 -8.71066,2.3572 -11.33067,4.43587","id":"path7"},"children":[]}]},{"type":"g","props":{"id":"path28","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 153.24933,122.54213 c -5.61333,0 -8.53067,2.31467 -11.104,4.35681 -2.46533,1.95733 -4.59466,3.648 -9.0656,3.648 -4.47133,0 -6.60053,-1.69067 -9.06573,-3.648 -2.57226,-2.04213 -5.48893,-4.35681 -11.10093,-4.35681 -5.6136,0 -8.53027,2.31467 -11.1032,4.35681 -2.46454,1.95733 -4.59427,3.648 -9.06506,3.648 -4.47079,0 -6.6,-1.69067 -9.06507,-3.648 -2.57293,-2.04213 -5.48906,-4.35681 -11.1016,-4.35681 -5.61254,0 -8.52814,2.31467 -11.10108,4.35681 -2.46506,1.95733 -4.59426,3.648 -9.06506,3.648 -4.47134,0 -6.6,-1.69067 -9.0656,-3.648 a 19.40624,19.40624 0 0 0 -5.8052,-3.51827 q 0.83359,2.3478 1.8296,4.61573 c 0.65573,0.4536 1.28707,0.94946 1.9396,1.4676 2.57293,2.0428 5.48906,4.35733 11.1016,4.35733 5.61306,0 8.52813,-2.31453 11.10106,-4.35733 2.4656,-1.95666 4.59427,-3.64787 9.06507,-3.64787 4.4708,0 6.59946,1.69121 9.06506,3.64787 2.57294,2.0428 5.48907,4.35733 11.10161,4.35733 5.61254,0 8.52867,-2.31453 11.1016,-4.35733 2.46613,-1.95666 4.59534,-3.64787 9.06666,-3.64787 4.46974,0 6.59894,1.69121 9.06507,3.64787 2.57293,2.0428 5.488,4.35733 11.1016,4.35733 5.6136,0 8.52961,-2.31453 11.10293,-4.35733 2.464,-1.95666 4.59466,-3.64787 9.06667,-3.64787 4.47067,0 6.60133,1.69121 9.06533,3.64787 a 27.05807,27.05807 0 0 0 3.47067,2.4396 q 0.748,-1.45219 1.428,-2.94267 a 25.5941,25.5941 0 0 1 -2.86133,-2.062 c -2.57334,-2.04213 -5.49067,-4.3568 -11.10266,-4.3568","id":"path8"},"children":[]}]},{"type":"g","props":{"id":"path30","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 153.24933,103.80414 c -5.48667,0 -8.35067,2.27239 -10.87733,4.27867 -2.41333,1.9156 -4.69466,3.72546 -9.29227,3.72546 -4.598,0 -6.8776,-1.80986 -9.29227,-3.72546 -2.52546,-2.00627 -5.38906,-4.27867 -10.8744,-4.27867 -5.48759,0 -8.35053,2.27239 -10.87666,4.27867 -2.41347,1.9156 -4.69427,3.72546 -9.2916,3.72546 -4.59733,0 -6.8776,-1.80986 -9.29174,-3.72546 -2.526,-2.00627 -5.38907,-4.27867 -10.87493,-4.27867 -5.48586,0 -8.34893,2.27239 -10.87506,4.27867 -2.414,1.9156 -4.69321,3.72546 -9.29107,3.72546 -4.59746,0 -6.87813,-1.80986 -9.29173,-3.72546 -2.302,-1.8276 -4.9072,-3.85627 -9.49733,-4.2068 0.0468,0.85626 0.1172,1.7068 0.19533,2.55426 3.57707,0.364 5.5968,1.96347 7.71813,3.64733 2.52613,2.0052 5.39013,4.2776 10.8756,4.2776 5.48587,0 8.34893,-2.2724 10.87494,-4.27761 2.41359,-1.91666 4.69373,-3.72653 9.2912,-3.72653 4.59747,0 6.8776,1.80987 9.2916,3.72653 2.52613,2.0052 5.38906,4.27761 10.87506,4.27761 5.486,0 8.34894,-2.2724 10.87494,-4.27761 2.41413,-1.91666 4.69533,-3.72653 9.29333,-3.72653 4.59733,0 6.8776,1.80987 9.29107,3.72653 2.52653,2.0052 5.3896,4.27761 10.8756,4.27761 5.4856,0 8.3496,-2.2724 10.87626,-4.27761 2.41333,-1.91666 4.69333,-3.72653 9.29333,-3.72653 4.59866,0 6.87866,1.80987 9.292,3.72653 2.30267,1.82653 4.90933,3.85627 9.49867,4.20573 0.17467,-0.83333 0.32,-1.67653 0.46266,-2.5208 -3.98,-0.2292 -6.13333,-1.89893 -8.37733,-3.67974 -2.52666,-2.00626 -5.38933,-4.27867 -10.876,-4.27867","id":"path9"},"children":[]}]},{"type":"g","props":{"id":"path32","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 52.412,94.89014 c 5.3588,0 8.0484,-2.13494 10.6484,-4.19946 2.46507,-1.9568 4.79373,-3.8052 9.51773,-3.8052 4.72454,0 7.05253,1.8484 9.51773,3.8052 2.60107,2.06453 5.29014,4.19946 10.64894,4.19946 5.3588,0 8.04786,-2.13494 10.65,-4.19946 2.46453,-1.9568 4.79266,-3.8052 9.51826,-3.8052 4.72334,0 7.05147,1.8484 9.51667,3.8052 2.60147,2.06453 5.29,4.19946 10.65,4.19946 5.35894,0 8.04959,-2.13494 10.64959,-4.19946 2.46533,-1.9568 4.79466,-3.8052 9.52,-3.8052 4.724,0 7.05467,1.8484 9.51866,3.8052 2.58,2.0468 5.26267,4.15666 10.53334,4.19267 l -0.0107,-0.16667 c -0.0413,-0.55307 -0.072,-1.10933 -0.12666,-1.6588 -4.54533,-0.06827 -6.84667,-1.87293 -9.264,-3.79227 -2.60134,-2.06453 -5.292,-4.19946 -10.65067,-4.19946 -5.36,0 -8.05066,2.13494 -10.65066,4.19946 -2.46534,1.95734 -4.79333,3.8052 -9.51893,3.8052 -4.7256,0 -7.05374,-1.84786 -9.51827,-3.8052 -2.60054,-2.06453 -5.29067,-4.19946 -10.6484,-4.19946 -5.36,0 -8.04946,2.13494 -10.65,4.19946 -2.46573,1.95734 -4.79373,3.8052 -9.51827,3.8052 -4.72454,0 -7.05267,-1.84786 -9.51773,-3.8052 -2.60107,-2.06453 -5.29014,-4.19946 -10.64893,-4.19946 -5.35879,0 -8.04787,2.13494 -10.6484,4.19946 -2.46521,1.95734 -4.79374,3.8052 -9.51774,3.8052 -4.72453,0 -7.05319,-1.84786 -9.51826,-3.8052 -2.09267,-1.66146 -4.26827,-3.34839 -7.82027,-3.9516 -0.12653,0.59173 -0.2396,1.18866 -0.35053,1.78547 3.13386,0.52546 5.0536,2.01453 7.04013,3.5912 2.60053,2.06453 5.2896,4.19946 10.64893,4.19946","id":"path10"},"children":[]}]},{"type":"g","props":{"id":"path34","transform":"translate(-3.8977688)"},"children":[{"type":"path","props":{"className":"cls-2","d":"m 52.412,75.42454 c 5.23173,0 7.87026,-2.0948 10.42293,-4.1204 2.5156,-1.99733 4.89213,-3.8844 9.7432,-3.8844 4.8516,0 7.22813,1.88707 9.74426,3.8844 2.55213,2.0256 5.19067,4.1204 10.4224,4.1204 5.23226,0 7.8708,-2.09426 10.42347,-4.1204 2.5156,-1.99733 4.89319,-3.8844 9.7448,-3.8844 4.85093,0 7.22759,1.88707 9.74319,3.8844 2.55213,2.0256 5.19107,4.1204 10.42347,4.1204 5.2324,0 7.87094,-2.09426 10.42426,-4.1204 2.516,-1.99733 4.89333,-3.8844 9.74533,-3.8844 4.852,0 7.228,1.88707 9.74533,3.8844 a 17.91379,17.91379 0 0 0 5.77866,3.43027 c -0.17733,-0.45574 -0.35334,-0.912 -0.53867,-1.36254 a 18.94339,18.94339 0 0 1 -4.56133,-2.92293 c -2.552,-2.02546 -5.192,-4.12093 -10.424,-4.12093 -5.23333,0 -7.872,2.09547 -10.42534,4.12093 -2.516,1.99693 -4.89332,3.88387 -9.74427,3.88387 -4.8516,0 -7.22813,-1.88693 -9.7448,-3.88387 -2.55267,-2.02546 -5.19013,-4.12093 -10.42186,-4.12093 -5.23334,0 -7.87133,2.09547 -10.42347,4.12093 -2.51667,1.99693 -4.8932,3.88387 -9.7448,3.88387 -4.8516,0 -7.2276,-1.88693 -9.74427,-3.88387 -2.55214,-2.02546 -5.19067,-4.12094 -10.4224,-4.12094 -5.23173,0 -7.87027,2.09547 -10.4224,4.12093 -2.5156,1.99693 -4.89267,3.88387 -9.74373,3.88387 -4.8516,0 -7.22814,-1.88693 -9.7448,-3.88387 -0.61454,-0.488 -1.23653,-0.9792 -1.8964,-1.44534 -0.16454,0.33133 -0.3312,0.66 -0.49053,0.99334 0.5812,0.4176 1.1432,0.85773 1.7088,1.3072 2.55213,2.0256 5.19066,4.1204 10.42293,4.1204","id":"path11"},"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 Velero = forwardRef(
   function Velero({ 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 Velero = 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/vidiq.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 390.02 131.12","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Logo"},"children":[{"type":"path","props":{"className":"cls-1","d":"M0,41.94H27.33L40.85,86h.28l13.52-44H82l-24.41,71H23.09Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M85.88,41.86l31.23-.13v71.21H85.88Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M222.51,1.38h31.23V112.94H222.51Z"},"children":[]},{"type":"polygon","props":{"className":"cls-1","points":"85.88 1.38 121.77 16.59 85.88 31.8 85.88 1.38"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M390,113.83,368.36,92.17c4.72-9,6.67-20.64,6.67-34.73C375,18.62,354,0,318.23,0,281,0,261.55,18.62,261.55,57.44c0,40,17.91,57.44,56.68,57.44,13.83,0,24.62-2.07,32.91-6.11l22.34,22.35ZM291.31,57.44c0-17.68,10.38-27.72,26.92-27.72s27.09,10,26.92,27.72C345,76.52,334.53,85,318.23,85.17,301.58,85.39,291.31,75.12,291.31,57.44Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M183.5,1.38v46.3h-.45c-5-6-13.11-8.27-23.4-8.27-23.27,0-36.47,14.28-36.47,38.11,0,24.35,11.43,37.81,37,37.81,9.77,0,20.29-3,24.39-9.31h.31v6.92H210.8V1.38ZM165.8,91.64c-7.67.12-12.4-5.17-12.4-14.27s4.78-14.26,12.4-14.26,12.48,5.17,12.4,14.26C178.12,87.19,173.31,91.53,165.8,91.64Z"},"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 Vidiq = react_1.forwardRef(function Vidiq({ 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 Vidiq = react_1.forwardRef(function Vidiq({ 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/vidiq.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 390.02 131.12","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"g","props":{"id":"Logo"},"children":[{"type":"path","props":{"className":"cls-1","d":"M0,41.94H27.33L40.85,86h.28l13.52-44H82l-24.41,71H23.09Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M85.88,41.86l31.23-.13v71.21H85.88Z"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M222.51,1.38h31.23V112.94H222.51Z"},"children":[]},{"type":"polygon","props":{"className":"cls-1","points":"85.88 1.38 121.77 16.59 85.88 31.8 85.88 1.38"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M390,113.83,368.36,92.17c4.72-9,6.67-20.64,6.67-34.73C375,18.62,354,0,318.23,0,281,0,261.55,18.62,261.55,57.44c0,40,17.91,57.44,56.68,57.44,13.83,0,24.62-2.07,32.91-6.11l22.34,22.35ZM291.31,57.44c0-17.68,10.38-27.72,26.92-27.72s27.09,10,26.92,27.72C345,76.52,334.53,85,318.23,85.17,301.58,85.39,291.31,75.12,291.31,57.44Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M183.5,1.38v46.3h-.45c-5-6-13.11-8.27-23.4-8.27-23.27,0-36.47,14.28-36.47,38.11,0,24.35,11.43,37.81,37,37.81,9.77,0,20.29-3,24.39-9.31h.31v6.92H210.8V1.38ZM165.8,91.64c-7.67.12-12.4-5.17-12.4-14.27s4.78-14.26,12.4-14.26,12.48,5.17,12.4,14.26C178.12,87.19,173.31,91.53,165.8,91.64Z"},"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 Vidiq = forwardRef(
   function Vidiq({ 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 Vidiq = 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));
         })
     );
   }