@thesvg/react 3.2.2 → 3.2.5

package/dist/flipt.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 275 96","fill":"none","childNodes":[{"type":"defs","props":{"id":"defs36"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M13.3826 9.00591L10.9418 0L0 1.34668L3.11419 13.0459L18.0118 68.5122L25.166 95.1933L36.1078 93.7624L28.9536 67.1656L25.166 53.1938L23.5669 47.1337L22.3043 42.3362L20.0318 33.8353L18.3485 27.7752L17.086 22.9777L28.0277 21.631L49.8271 18.8535L51.5946 18.601C53.1096 18.4327 54.5404 18.2643 55.803 20.2843L56.2238 20.9577L56.6446 21.5468C57.2338 22.5569 57.823 22.8094 59.0855 22.641L74.4881 20.7052L76.0873 26.7652L77.3498 31.5628L63.9672 33.2461C62.0313 33.4986 60.7688 32.9094 59.6747 31.3103L59.0013 30.2161C58.7488 29.8794 58.5805 29.6269 58.2438 29.4586C57.823 29.1219 57.2338 29.1219 56.4763 29.2061L30.9736 32.4044L33.2461 40.9895L55.0455 38.212L56.7288 37.9595C58.328 37.7911 59.6747 37.5386 61.0213 39.6428L61.4422 40.3162L61.7788 40.9053C62.4522 41.9153 63.0414 42.1678 64.3039 41.9995L79.6223 40.0637L81.2215 46.1237L82.5682 50.9213L69.1856 52.6046C67.1656 52.8571 65.9872 52.2679 64.893 50.6688L64.2197 49.5746C63.9672 49.1537 63.7147 48.9854 63.4622 48.7329C62.9572 48.4804 62.368 48.4804 61.6947 48.5646L36.1078 51.7629L39.3062 63.7147L51.9313 62.1155L57.0655 61.4422L64.388 60.5163H64.893C66.3239 60.348 66.8289 61.2738 66.9131 61.6947L67.2497 62.9572C67.5864 64.0514 68.1756 65.0614 70.5322 64.7247L84.7565 62.9572C92.9208 61.5263 94.9408 54.8771 93.0891 48.1437L82.2315 7.40673L68.0072 9.25841L64.0514 9.76341L55.803 10.7734C54.2038 10.9418 53.1096 10.2684 52.8571 9.17424L51.9313 5.89172C51.6788 4.88171 50.8371 4.29254 49.4062 4.46087L48.9854 4.54504L24.3244 7.65923L13.3826 9.00591Z","fill":"#7C3AED","id":"path2"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M22.3043 42.3362L20.0318 33.8353L18.3485 27.7752L17.086 22.9777H17.1701L28.0277 21.631L24.2402 7.65923L13.3826 9.00591L10.9418 0L0 1.34668L3.11419 13.0459L18.0118 68.5122L25.166 95.1933L36.1078 93.7624L28.9536 67.1656L25.166 53.1938L23.5669 47.1337L22.3043 42.3362Z","fill":"#C4B5FD","id":"path4"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M33.2462 40.9053L46.0396 39.3062L43.7671 30.8053L30.9736 32.4044L31.7311 35.4345L33.2462 40.9053Z","fill":"#A78BFA","id":"path6"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M28.0278 21.631L40.8212 20.0318L37.0337 6.06005L24.3244 7.65923H24.2402L28.0278 21.631Z","fill":"#A78BFA","id":"path8"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M37.0337 6.06005L40.8212 20.0318L49.8271 18.8535L51.5946 18.601C53.1097 18.4327 54.5405 18.2643 55.803 20.2843L55.8872 20.3685L52.8572 9.25841C52.8572 9.25841 52.8572 9.25841 52.8572 9.17424L51.9313 5.89172C51.6788 4.88171 50.8371 4.29254 49.4063 4.46087L48.9855 4.54504L37.0337 6.06005Z","fill":"#8B5CF6","id":"path10"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M52.8571 9.25841L55.8871 20.3685L56.2238 20.9577L56.6446 21.5468C57.2338 22.5569 57.8229 22.8094 59.0854 22.641L74.4039 20.7052L71.2055 8.83757L68.0072 9.25841L64.0513 9.76341L55.8029 10.7734C54.2037 10.9418 53.1937 10.3526 52.8571 9.25841Z","fill":"#6D28D9","id":"path12"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M71.2056 8.83757L74.4039 20.7052H74.4881L76.0873 26.7652L77.3498 31.5628L85.7665 62.7047C93.0891 60.9372 94.8566 54.5404 93.0891 48.1437L82.2315 7.40673L71.2056 8.83757Z","fill":"#5B21B6","id":"path14"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M61.1897 39.8953L58.328 29.4586C58.328 29.4586 58.328 29.4586 58.2439 29.4586C57.823 29.1219 57.2339 29.1219 56.4764 29.2061L43.7671 30.8053L46.0396 39.3062L55.0455 38.212L56.7289 37.9595C58.328 37.7911 59.6747 37.5386 61.0214 39.6428L61.1897 39.8953Z","fill":"#8B5CF6","id":"path16"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M74.4881 20.7052L85.4299 19.3585L82.2315 7.40673L71.2056 8.83757L74.4039 20.7052H74.4881ZM93.4258 49.4904L82.5682 50.9213L85.7665 62.7047C92.5841 61.1055 94.5199 55.4663 93.4258 49.4904ZM79.6223 40.0637L90.5641 38.717L88.2915 30.2161L77.3498 31.5628L79.6223 40.0637Z","fill":"#4C1D95","id":"path18"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M74.4881 20.7052L85.4299 19.3585L82.2315 7.40673L71.2056 8.83757L74.4039 20.7052H74.4881ZM93.4258 49.4904L82.5682 50.9213L85.7665 62.7047C92.5841 61.1055 94.5199 55.4663 93.4258 49.4904ZM79.6223 40.0637L90.5641 38.717L88.2915 30.2161L77.3498 31.5628L79.6223 40.0637Z","fill":"black","fillOpacity":"0.2","id":"path20"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M74.4881 20.7052L85.4299 19.3585L82.2315 7.40673L71.2056 8.83757L74.4039 20.7052H74.4881ZM93.4258 49.4904L82.5682 50.9213L85.7665 62.7047C92.5841 61.1055 94.5199 55.4663 93.4258 49.4904ZM79.6223 40.0637L90.5641 38.717L88.2915 30.2161L77.3498 31.5628L79.6223 40.0637Z","fill":"black","fillOpacity":"0.2","id":"path22"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M61.6946 48.5646L48.9854 50.1637L52.1837 62.0313L57.0654 61.4422L64.388 60.5163H64.893C66.3238 60.348 66.8288 61.2738 66.913 61.6947L67.2497 62.9572C67.3338 63.2939 67.5022 63.6305 67.6705 63.9672L63.6305 48.9012C63.5463 48.8171 63.5463 48.8171 63.4621 48.7329C62.9571 48.4804 62.368 48.4804 61.6946 48.5646Z","fill":"#8B5CF6","id":"path24"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M52.1839 62.0313L48.9855 50.1637L36.1079 51.7629L39.3063 63.7147L51.9314 62.1155L52.1839 62.0313Z","fill":"#A78BFA","id":"path26"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M223.296 54.0354C216.394 54.0354 211.176 49.1537 211.176 41.3262C211.176 33.5828 216.394 28.6169 223.296 28.6169C230.114 28.6169 235.332 33.5828 235.332 41.3262C235.332 49.1537 230.114 54.0354 223.296 54.0354ZM262.518 28.8694H274.47V22.8935V21.2943H262.518V11.9518H253.007V48.0596C253.007 54.1196 257.047 59.338 262.518 61.1055C263.865 61.4422 265.211 61.6947 266.726 61.6947H274.47V52.1838H266.726C264.454 52.1838 262.518 50.3321 262.518 48.0596V28.8694ZM181.717 61.6947H191.312V20.9577H181.717V51.4263V61.6947ZM125.157 18.1801H154.11V8.66924H126.756H125.157H117.498H115.646V48.2279V61.6947H125.157V39.222H149.313V29.7111H125.578H125.157V18.1801ZM161.77 61.6947H171.365V8.66924H161.77V48.2279V61.6947ZM224.39 20.5368C218.751 20.5368 214.038 22.3885 210.839 26.3444V20.9577H201.749V76.5081H211.344V56.7288C214.627 60.5163 219.172 62.1997 224.39 62.1997C236.258 62.1997 245.011 54.0354 245.011 41.3262C245.011 28.7852 236.258 20.5368 224.39 20.5368Z","fill":"black","id":"path28"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M186.515 15.571C190.134 15.571 192.659 12.9618 192.659 9.59508C192.659 6.48089 190.05 4.1242 186.515 4.1242C183.064 4.1242 180.455 6.64922 180.455 9.84758C180.455 13.0459 183.064 15.571 186.515 15.571Z","fill":"#7C3AED","id":"path30"},"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 Flipt = react_1.forwardRef(function Flipt({ 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 Flipt = react_1.forwardRef(function Flipt({ 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/flipt.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 275 96","fill":"none","childNodes":[{"type":"defs","props":{"id":"defs36"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M13.3826 9.00591L10.9418 0L0 1.34668L3.11419 13.0459L18.0118 68.5122L25.166 95.1933L36.1078 93.7624L28.9536 67.1656L25.166 53.1938L23.5669 47.1337L22.3043 42.3362L20.0318 33.8353L18.3485 27.7752L17.086 22.9777L28.0277 21.631L49.8271 18.8535L51.5946 18.601C53.1096 18.4327 54.5404 18.2643 55.803 20.2843L56.2238 20.9577L56.6446 21.5468C57.2338 22.5569 57.823 22.8094 59.0855 22.641L74.4881 20.7052L76.0873 26.7652L77.3498 31.5628L63.9672 33.2461C62.0313 33.4986 60.7688 32.9094 59.6747 31.3103L59.0013 30.2161C58.7488 29.8794 58.5805 29.6269 58.2438 29.4586C57.823 29.1219 57.2338 29.1219 56.4763 29.2061L30.9736 32.4044L33.2461 40.9895L55.0455 38.212L56.7288 37.9595C58.328 37.7911 59.6747 37.5386 61.0213 39.6428L61.4422 40.3162L61.7788 40.9053C62.4522 41.9153 63.0414 42.1678 64.3039 41.9995L79.6223 40.0637L81.2215 46.1237L82.5682 50.9213L69.1856 52.6046C67.1656 52.8571 65.9872 52.2679 64.893 50.6688L64.2197 49.5746C63.9672 49.1537 63.7147 48.9854 63.4622 48.7329C62.9572 48.4804 62.368 48.4804 61.6947 48.5646L36.1078 51.7629L39.3062 63.7147L51.9313 62.1155L57.0655 61.4422L64.388 60.5163H64.893C66.3239 60.348 66.8289 61.2738 66.9131 61.6947L67.2497 62.9572C67.5864 64.0514 68.1756 65.0614 70.5322 64.7247L84.7565 62.9572C92.9208 61.5263 94.9408 54.8771 93.0891 48.1437L82.2315 7.40673L68.0072 9.25841L64.0514 9.76341L55.803 10.7734C54.2038 10.9418 53.1096 10.2684 52.8571 9.17424L51.9313 5.89172C51.6788 4.88171 50.8371 4.29254 49.4062 4.46087L48.9854 4.54504L24.3244 7.65923L13.3826 9.00591Z","fill":"#7C3AED","id":"path2"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M22.3043 42.3362L20.0318 33.8353L18.3485 27.7752L17.086 22.9777H17.1701L28.0277 21.631L24.2402 7.65923L13.3826 9.00591L10.9418 0L0 1.34668L3.11419 13.0459L18.0118 68.5122L25.166 95.1933L36.1078 93.7624L28.9536 67.1656L25.166 53.1938L23.5669 47.1337L22.3043 42.3362Z","fill":"#C4B5FD","id":"path4"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M33.2462 40.9053L46.0396 39.3062L43.7671 30.8053L30.9736 32.4044L31.7311 35.4345L33.2462 40.9053Z","fill":"#A78BFA","id":"path6"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M28.0278 21.631L40.8212 20.0318L37.0337 6.06005L24.3244 7.65923H24.2402L28.0278 21.631Z","fill":"#A78BFA","id":"path8"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M37.0337 6.06005L40.8212 20.0318L49.8271 18.8535L51.5946 18.601C53.1097 18.4327 54.5405 18.2643 55.803 20.2843L55.8872 20.3685L52.8572 9.25841C52.8572 9.25841 52.8572 9.25841 52.8572 9.17424L51.9313 5.89172C51.6788 4.88171 50.8371 4.29254 49.4063 4.46087L48.9855 4.54504L37.0337 6.06005Z","fill":"#8B5CF6","id":"path10"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M52.8571 9.25841L55.8871 20.3685L56.2238 20.9577L56.6446 21.5468C57.2338 22.5569 57.8229 22.8094 59.0854 22.641L74.4039 20.7052L71.2055 8.83757L68.0072 9.25841L64.0513 9.76341L55.8029 10.7734C54.2037 10.9418 53.1937 10.3526 52.8571 9.25841Z","fill":"#6D28D9","id":"path12"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M71.2056 8.83757L74.4039 20.7052H74.4881L76.0873 26.7652L77.3498 31.5628L85.7665 62.7047C93.0891 60.9372 94.8566 54.5404 93.0891 48.1437L82.2315 7.40673L71.2056 8.83757Z","fill":"#5B21B6","id":"path14"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M61.1897 39.8953L58.328 29.4586C58.328 29.4586 58.328 29.4586 58.2439 29.4586C57.823 29.1219 57.2339 29.1219 56.4764 29.2061L43.7671 30.8053L46.0396 39.3062L55.0455 38.212L56.7289 37.9595C58.328 37.7911 59.6747 37.5386 61.0214 39.6428L61.1897 39.8953Z","fill":"#8B5CF6","id":"path16"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M74.4881 20.7052L85.4299 19.3585L82.2315 7.40673L71.2056 8.83757L74.4039 20.7052H74.4881ZM93.4258 49.4904L82.5682 50.9213L85.7665 62.7047C92.5841 61.1055 94.5199 55.4663 93.4258 49.4904ZM79.6223 40.0637L90.5641 38.717L88.2915 30.2161L77.3498 31.5628L79.6223 40.0637Z","fill":"#4C1D95","id":"path18"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M74.4881 20.7052L85.4299 19.3585L82.2315 7.40673L71.2056 8.83757L74.4039 20.7052H74.4881ZM93.4258 49.4904L82.5682 50.9213L85.7665 62.7047C92.5841 61.1055 94.5199 55.4663 93.4258 49.4904ZM79.6223 40.0637L90.5641 38.717L88.2915 30.2161L77.3498 31.5628L79.6223 40.0637Z","fill":"black","fillOpacity":"0.2","id":"path20"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M74.4881 20.7052L85.4299 19.3585L82.2315 7.40673L71.2056 8.83757L74.4039 20.7052H74.4881ZM93.4258 49.4904L82.5682 50.9213L85.7665 62.7047C92.5841 61.1055 94.5199 55.4663 93.4258 49.4904ZM79.6223 40.0637L90.5641 38.717L88.2915 30.2161L77.3498 31.5628L79.6223 40.0637Z","fill":"black","fillOpacity":"0.2","id":"path22"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M61.6946 48.5646L48.9854 50.1637L52.1837 62.0313L57.0654 61.4422L64.388 60.5163H64.893C66.3238 60.348 66.8288 61.2738 66.913 61.6947L67.2497 62.9572C67.3338 63.2939 67.5022 63.6305 67.6705 63.9672L63.6305 48.9012C63.5463 48.8171 63.5463 48.8171 63.4621 48.7329C62.9571 48.4804 62.368 48.4804 61.6946 48.5646Z","fill":"#8B5CF6","id":"path24"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M52.1839 62.0313L48.9855 50.1637L36.1079 51.7629L39.3063 63.7147L51.9314 62.1155L52.1839 62.0313Z","fill":"#A78BFA","id":"path26"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M223.296 54.0354C216.394 54.0354 211.176 49.1537 211.176 41.3262C211.176 33.5828 216.394 28.6169 223.296 28.6169C230.114 28.6169 235.332 33.5828 235.332 41.3262C235.332 49.1537 230.114 54.0354 223.296 54.0354ZM262.518 28.8694H274.47V22.8935V21.2943H262.518V11.9518H253.007V48.0596C253.007 54.1196 257.047 59.338 262.518 61.1055C263.865 61.4422 265.211 61.6947 266.726 61.6947H274.47V52.1838H266.726C264.454 52.1838 262.518 50.3321 262.518 48.0596V28.8694ZM181.717 61.6947H191.312V20.9577H181.717V51.4263V61.6947ZM125.157 18.1801H154.11V8.66924H126.756H125.157H117.498H115.646V48.2279V61.6947H125.157V39.222H149.313V29.7111H125.578H125.157V18.1801ZM161.77 61.6947H171.365V8.66924H161.77V48.2279V61.6947ZM224.39 20.5368C218.751 20.5368 214.038 22.3885 210.839 26.3444V20.9577H201.749V76.5081H211.344V56.7288C214.627 60.5163 219.172 62.1997 224.39 62.1997C236.258 62.1997 245.011 54.0354 245.011 41.3262C245.011 28.7852 236.258 20.5368 224.39 20.5368Z","fill":"black","id":"path28"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M186.515 15.571C190.134 15.571 192.659 12.9618 192.659 9.59508C192.659 6.48089 190.05 4.1242 186.515 4.1242C183.064 4.1242 180.455 6.64922 180.455 9.84758C180.455 13.0459 183.064 15.571 186.515 15.571Z","fill":"#7C3AED","id":"path30"},"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 Flipt = forwardRef(
   function Flipt({ 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 Flipt = 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/flow-launcher.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 382.6 382.5","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x2":"249.9","y1":"191.3","y2":"191.3","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#1b9de2"},"children":[]},{"type":"stop","props":{"offset":".2","stopColor":"#1595df"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#0680d7"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"linearGradient","props":{"href":"#a","id":"b","x1":"697.3","x2":"809.9","y1":"499.2","y2":"499.2","gradientTransform":"rotate(49.2 809.6 -269.1)"},"children":[]},{"type":"linearGradient","props":{"id":"c","x1":"143.6","x2":"393.5","y1":"249.8","y2":"249.8","gradientTransform":"rotate(180 263.1 220.5)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0c59a4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#114a8b"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M117 382.5H0v-189C0 90.7 84 0 186.9 0h63v120.4h-54.6c-46.8 0-78 31.2-78 78l-.1 184.1z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m249.9 182.6.2-46.8h-54.7c-39 0-62.4 23.4-62.4 62.4l-.2 47 54.6-.1c39 0 62.5-23.4 62.5-62.5z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M265.5 0h117v189c0 102.8-84 193.5-186.8 193.5h-63V262.1h54.6c46.9 0 78.1-31.2 78.1-78L265.5 0z"},"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 FlowLauncher = react_1.forwardRef(function FlowLauncher({ 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 FlowLauncher = react_1.forwardRef(function FlowLauncher({ variant = 'defau
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/flow-launcher.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 382.6 382.5","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x2":"249.9","y1":"191.3","y2":"191.3","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#1b9de2"},"children":[]},{"type":"stop","props":{"offset":".2","stopColor":"#1595df"},"children":[]},{"type":"stop","props":{"offset":".7","stopColor":"#0680d7"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0078d4"},"children":[]}]},{"type":"linearGradient","props":{"href":"#a","id":"b","x1":"697.3","x2":"809.9","y1":"499.2","y2":"499.2","gradientTransform":"rotate(49.2 809.6 -269.1)"},"children":[]},{"type":"linearGradient","props":{"id":"c","x1":"143.6","x2":"393.5","y1":"249.8","y2":"249.8","gradientTransform":"rotate(180 263.1 220.5)","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0c59a4"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#114a8b"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M117 382.5H0v-189C0 90.7 84 0 186.9 0h63v120.4h-54.6c-46.8 0-78 31.2-78 78l-.1 184.1z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"m249.9 182.6.2-46.8h-54.7c-39 0-62.4 23.4-62.4 62.4l-.2 47 54.6-.1c39 0 62.5-23.4 62.5-62.5z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M265.5 0h117v189c0 102.8-84 193.5-186.8 193.5h-63V262.1h54.6c46.9 0 78.1-31.2 78.1-78L265.5 0z"},"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 FlowLauncher = forwardRef(
   function FlowLauncher({ 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 FlowLauncher = 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/flowbite.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 48 48","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M36.78 19.414c-.112.766-.617 1.806-1.196 2.71a5.048 5.048 0 0 1-3.218 2.218l-5.846 1.223a4.498 4.498 0 0 0-2.432 1.403l-3.833 4.285c-.72.806-1.224.613-1.224-.467-.009.04-1.903 4.925 3.116 7.82 1.929 1.112 4.705.712 6.633-.4l10.218-5.894a15.464 15.464 0 0 0 7.416-10.249c.035-.17.063-.342.092-.513l-9.727-2.136Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M34.13 13.527c1.928 1.112 2.716 2.768 2.716 4.993 0 .302-.024.6-.067.894l4.117 1.769 5.61.367c.719-4.158-.69-8.437-3.213-11.838a23.92 23.92 0 0 0-7.28-6.476 24.156 24.156 0 0 0-7.359-2.78l-2.8 3.625-.884 4.163 9.16 5.283Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M1.175 16.578c0 .003.002.004.003 0 .216-.647.487-1.37.825-2.143 1.767-4.034 5.171-6.724 9.36-8.096A15.511 15.511 0 0 1 23.94 7.65l1.03.595 3.684-7.79C16.936-1.885 4.96 5 1.19 16.533l-.015.045Z"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M28.38 38.206a6.237 6.237 0 0 1-6.975-.505l-3.392 2.332-2.923 4.724c3.245 2.7 7.458 3.568 11.668 3.085a23.943 23.943 0 0 0 9.254-3.062 24.135 24.135 0 0 0 6.09-4.976L40.36 35.57l-2.82-2.647-9.16 5.284Z"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M21.405 37.701a6.224 6.224 0 0 1-2.374-4.888V16.61c0-.906.266-1.06 1.051-.607-1.209-.697-4.002-3.091-7.45-1.102-1.929 1.112-3.517 3.567-3.517 5.792V32.48c0 4.409 2.284 9.007 5.577 11.94.13.117.265.226.398.338l6.315-7.056Z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M41.866 7.969c-.003-.003-.005 0-.003.002.454.51.945 1.106 1.446 1.785a15.453 15.453 0 0 1 2.685 12.346 15.485 15.485 0 0 1-7.425 10.227l-1.03.593 4.563 6.882c7.888-8.968 7.908-22.77-.205-31.8l-.031-.035Z"},"children":[]},{"type":"path","props":{"fill":"url(#g)","d":"M9.515 20.692a6.226 6.226 0 0 1 3.925-5.782l-.325-4.1-2.287-4.692a15.468 15.468 0 0 0-8.855 8.353A23.887 23.887 0 0 0 0 24.008c0 2.754.454 5.353 1.268 7.758l4.543.609 3.704-1.117V20.692Z"},"children":[]},{"type":"path","props":{"fill":"url(#h)","d":"M13.44 14.91a6.237 6.237 0 0 1 5.425.39l.166.095 13.343 7.697c.936.54.85 1.07-.207 1.292l.77-.161a5.045 5.045 0 0 0 2.645-1.484 6.134 6.134 0 0 0 1.664-4.22 6.226 6.226 0 0 0-3.117-5.392L23.912 7.234a15.491 15.491 0 0 0-12.593-1.292c-.166.054-.328.116-.491.176l2.612 8.792Z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M28.983 47.479c.004-.001.003-.004 0-.003-.67.137-1.432.264-2.27.357A15.477 15.477 0 0 1 9.515 32.446v-1.188l-8.248.507c3.83 11.309 15.785 18.228 27.669 15.723.005 0 .025-.005.046-.01Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"30.09","x2":"34.811","y1":"35.655","y2":"19.21","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"40.964","x2":"28.545","y1":"15.601","y2":"3.225","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"24.247","x2":"5.511","y1":"7.532","y2":"8.716","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"22.98","x2":"39.805","y1":"42.994","y2":"38.454","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"10.903","x2":"22.849","y1":"23.524","y2":"35.902","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"f","x1":"38.176","x2":"46.51","y1":"32.453","y2":"15.652","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"g","x1":"8.046","x2":"3.586","y1":"13.696","y2":"30.46","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"h","x1":"30.815","x2":"14.517","y1":"12.899","y2":"16.957","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"i","x1":"9.61","x2":"19.999","y1":"32.035","y2":"47.662","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"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 Flowbite = react_1.forwardRef(function Flowbite({ 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 Flowbite = react_1.forwardRef(function Flowbite({ variant = 'default', vie
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/flowbite.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 48 48","fill":"none","childNodes":[{"type":"path","props":{"fill":"url(#a)","d":"M36.78 19.414c-.112.766-.617 1.806-1.196 2.71a5.048 5.048 0 0 1-3.218 2.218l-5.846 1.223a4.498 4.498 0 0 0-2.432 1.403l-3.833 4.285c-.72.806-1.224.613-1.224-.467-.009.04-1.903 4.925 3.116 7.82 1.929 1.112 4.705.712 6.633-.4l10.218-5.894a15.464 15.464 0 0 0 7.416-10.249c.035-.17.063-.342.092-.513l-9.727-2.136Z"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M34.13 13.527c1.928 1.112 2.716 2.768 2.716 4.993 0 .302-.024.6-.067.894l4.117 1.769 5.61.367c.719-4.158-.69-8.437-3.213-11.838a23.92 23.92 0 0 0-7.28-6.476 24.156 24.156 0 0 0-7.359-2.78l-2.8 3.625-.884 4.163 9.16 5.283Z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M1.175 16.578c0 .003.002.004.003 0 .216-.647.487-1.37.825-2.143 1.767-4.034 5.171-6.724 9.36-8.096A15.511 15.511 0 0 1 23.94 7.65l1.03.595 3.684-7.79C16.936-1.885 4.96 5 1.19 16.533l-.015.045Z"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M28.38 38.206a6.237 6.237 0 0 1-6.975-.505l-3.392 2.332-2.923 4.724c3.245 2.7 7.458 3.568 11.668 3.085a23.943 23.943 0 0 0 9.254-3.062 24.135 24.135 0 0 0 6.09-4.976L40.36 35.57l-2.82-2.647-9.16 5.284Z"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M21.405 37.701a6.224 6.224 0 0 1-2.374-4.888V16.61c0-.906.266-1.06 1.051-.607-1.209-.697-4.002-3.091-7.45-1.102-1.929 1.112-3.517 3.567-3.517 5.792V32.48c0 4.409 2.284 9.007 5.577 11.94.13.117.265.226.398.338l6.315-7.056Z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M41.866 7.969c-.003-.003-.005 0-.003.002.454.51.945 1.106 1.446 1.785a15.453 15.453 0 0 1 2.685 12.346 15.485 15.485 0 0 1-7.425 10.227l-1.03.593 4.563 6.882c7.888-8.968 7.908-22.77-.205-31.8l-.031-.035Z"},"children":[]},{"type":"path","props":{"fill":"url(#g)","d":"M9.515 20.692a6.226 6.226 0 0 1 3.925-5.782l-.325-4.1-2.287-4.692a15.468 15.468 0 0 0-8.855 8.353A23.887 23.887 0 0 0 0 24.008c0 2.754.454 5.353 1.268 7.758l4.543.609 3.704-1.117V20.692Z"},"children":[]},{"type":"path","props":{"fill":"url(#h)","d":"M13.44 14.91a6.237 6.237 0 0 1 5.425.39l.166.095 13.343 7.697c.936.54.85 1.07-.207 1.292l.77-.161a5.045 5.045 0 0 0 2.645-1.484 6.134 6.134 0 0 0 1.664-4.22 6.226 6.226 0 0 0-3.117-5.392L23.912 7.234a15.491 15.491 0 0 0-12.593-1.292c-.166.054-.328.116-.491.176l2.612 8.792Z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M28.983 47.479c.004-.001.003-.004 0-.003-.67.137-1.432.264-2.27.357A15.477 15.477 0 0 1 9.515 32.446v-1.188l-8.248.507c3.83 11.309 15.785 18.228 27.669 15.723.005 0 .025-.005.046-.01Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"30.09","x2":"34.811","y1":"35.655","y2":"19.21","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"40.964","x2":"28.545","y1":"15.601","y2":"3.225","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"24.247","x2":"5.511","y1":"7.532","y2":"8.716","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"22.98","x2":"39.805","y1":"42.994","y2":"38.454","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"10.903","x2":"22.849","y1":"23.524","y2":"35.902","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"f","x1":"38.176","x2":"46.51","y1":"32.453","y2":"15.652","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"g","x1":"8.046","x2":"3.586","y1":"13.696","y2":"30.46","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1C64F2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0092FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"h","x1":"30.815","x2":"14.517","y1":"12.899","y2":"16.957","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#1724C9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#1C64F2"},"children":[]}]},{"type":"linearGradient","props":{"id":"i","x1":"9.61","x2":"19.999","y1":"32.035","y2":"47.662","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#0092FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#45B2FF"},"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 Flowbite = forwardRef(
   function Flowbite({ 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 Flowbite = 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/flutter.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 317","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"4%","y1":"27%","x2":"75.9%","y2":"52.9%","id":"a"},"children":[{"type":"stop","props":{"offset":"0%"},"children":[]},{"type":"stop","props":{"stopOpacity":"0","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"fill":"#47C5FB","d":"M158 0 0 158l49 48L255 0zM157 145l-85 85 49 50 49-49 85-86z"},"children":[]},{"type":"path","props":{"fill":"#00569E","d":"m121 280 37 37h97l-85-86z"},"children":[]},{"type":"path","props":{"fill":"#00B5F8","d":"m72 230 48-48 50 49-49 49z"},"children":[]},{"type":"path","props":{"fillOpacity":".8","fill":"url(#a)","d":"m121 280 41-14 4-31z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Flutter"]},{"type":"path","props":{"d":"M14.314 0L2.3 12 6 15.7 21.684.013h-7.357zm.014 11.072L7.857 17.53l6.47 6.47H21.7l-6.46-6.468 6.46-6.46h-7.37z"},"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 Flutter = react_1.forwardRef(function Flutter({ 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 Flutter = react_1.forwardRef(function Flutter({ 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/flutter.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 317","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"4%","y1":"27%","x2":"75.9%","y2":"52.9%","id":"a"},"children":[{"type":"stop","props":{"offset":"0%"},"children":[]},{"type":"stop","props":{"stopOpacity":"0","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"fill":"#47C5FB","d":"M158 0 0 158l49 48L255 0zM157 145l-85 85 49 50 49-49 85-86z"},"children":[]},{"type":"path","props":{"fill":"#00569E","d":"m121 280 37 37h97l-85-86z"},"children":[]},{"type":"path","props":{"fill":"#00B5F8","d":"m72 230 48-48 50 49-49 49z"},"children":[]},{"type":"path","props":{"fillOpacity":".8","fill":"url(#a)","d":"m121 280 41-14 4-31z"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Flutter"]},{"type":"path","props":{"d":"M14.314 0L2.3 12 6 15.7 21.684.013h-7.357zm.014 11.072L7.857 17.53l6.47 6.47H21.7l-6.46-6.468 6.46-6.46h-7.37z"},"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 Flutter = forwardRef(
   function Flutter({ 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 Flutter = 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/fluvio.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 546.39734 160","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs858"},"children":[{"type":"clipPath","props":{"clipPathUnits":"userSpaceOnUse","id":"clipPath872"},"children":[{"type":"path","props":{"d":"M 0,120 H 409.798 V 0 H 0 Z","id":"path870"},"children":[]}]}]},{"type":"g","props":{"id":"g860","transform":"matrix(1.3333333,0,0,-1.3333333,0,160)"},"children":[{"type":"g","props":{"id":"g862","transform":"translate(10.165,59.2676)"},"children":[{"type":"path","props":{"d":"M 0,0 -6.474,10.181 8.264,7.909 Z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path864"},"children":[]}]},{"type":"g","props":{"id":"g874","transform":"translate(13.1201,43.5088)"},"children":[{"type":"path","props":{"d":"M 0,0 C -0.49,1.313 -0.926,2.653 -1.307,4.017","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path876"},"children":[]}]},{"type":"g","props":{"id":"g878","transform":"translate(10.9956,50.8877)"},"children":[{"type":"path","props":{"d":"M 0,0 C -0.326,1.44 -0.559,2.909 -0.694,4.403","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path880"},"children":[]}]},{"type":"g","props":{"id":"g882","transform":"translate(16.2178,36.5342)"},"children":[{"type":"path","props":{"d":"M 0,0 C -1.373,2.837 -1.569,3.142 -1.847,3.78","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path884"},"children":[]}]},{"type":"g","props":{"id":"g886","transform":"translate(11.4082,67.5264)"},"children":[{"type":"path","props":{"d":"m 0,0 c 3.785,23.864 24.452,42.107 49.38,42.107 27.615,0 50.001,-22.386 50.001,-50 0,-27.615 -22.386,-50.001 -50.001,-50.001 -18.092,0 -33.94,9.61 -42.718,24.003","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path888"},"children":[]}]},{"type":"g","props":{"id":"g890","transform":"translate(149.4629,68.1445)"},"children":[{"type":"path","props":{"d":"m 0,0 v -8.819 h 30.06 v -5.759 H 0 V -41.309 H -6.659 V 0.09 c 0,6.9 2.16,12.315 6.479,16.244 4.321,3.93 10.41,5.895 18.27,5.895 7.619,0 13.739,-1.649 18.359,-4.95 L 34.02,11.79 c -4.081,3 -9.3,4.5 -15.661,4.5 C 12.18,16.29 7.575,14.895 4.545,12.104 1.516,9.315 0,5.28 0,0","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path892"},"children":[]}]},{"type":"g","props":{"id":"g894","transform":"translate(149.4629,68.1445)"},"children":[]},{"type":"g","props":{"id":"g898","transform":"translate(196.1719,39.9766)"},"children":[{"type":"path","props":{"d":"M 0,0 V 53.637 H 6.391 V 0.539 c 0,-2.82 0.659,-4.965 1.979,-6.434 1.32,-1.47 3.3,-2.205 5.94,-2.205 1.68,0 3.12,0.27 4.32,0.809 l 0.45,-5.309 c -1.86,-0.66 -3.78,-0.99 -5.76,-0.99 -4.259,0 -7.545,1.199 -9.855,3.6 C 1.155,-7.59 0,-4.26 0,0","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path900"},"children":[]}]},{"type":"g","props":{"id":"g902","transform":"translate(196.1719,39.9766)"},"children":[]},{"type":"g","props":{"id":"g906","transform":"translate(266.6406,26.8359)"},"children":[{"type":"path","props":{"d":"M 0,0 H -6.12 V 8.641 C -7.8,5.76 -10.11,3.525 -13.05,1.936 c -2.94,-1.59 -6.3,-2.385 -10.08,-2.385 -6.18,0 -11.054,1.724 -14.624,5.174 -3.57,3.451 -5.354,8.505 -5.354,15.166 v 27.447 h 6.389 V 20.52 c 0,-4.979 1.23,-8.76 3.69,-11.34 2.46,-2.58 5.969,-3.869 10.529,-3.869 4.98,0 8.91,1.515 11.79,4.544 2.88,3.03 4.319,7.245 4.319,12.645 V 47.338 H 0 Z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path908"},"children":[]}]},{"type":"g","props":{"id":"g910","transform":"translate(266.6406,26.8359)"},"children":[]},{"type":"g","props":{"id":"g914","transform":"translate(303.2705,26.8359)"},"children":[{"type":"path","props":{"d":"m 0,0 h -6.569 l -20.97,47.338 h 6.66 L -3.149,7.02 14.76,47.338 h 6.3 z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path916"},"children":[]}]},{"type":"g","props":{"id":"g918","transform":"translate(303.2705,26.8359)"},"children":[]},{"type":"path","props":{"d":"m 339.721,26.836 h -6.391 v 47.338 h 6.391 z m -7.83,62.278 c 0,1.2 0.45,2.25 1.349,3.15 0.901,0.9 2.01,1.35 3.33,1.35 1.321,0 2.43,-0.435 3.33,-1.305 0.9,-0.87 1.35,-1.905 1.35,-3.105 0,-1.32 -0.45,-2.43 -1.35,-3.33 -0.9,-0.9 -2.009,-1.35 -3.33,-1.35 -1.32,0 -2.429,0.45 -3.33,1.35 -0.899,0.9 -1.349,1.98 -1.349,3.24","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path922"},"children":[]},{"type":"g","props":{"id":"g926","transform":"translate(392.1885,40.877)"},"children":[{"type":"path","props":{"d":"m 0,0 c 1.5,2.818 2.25,6.029 2.25,9.629 0,3.6 -0.75,6.81 -2.25,9.629 -1.5,2.82 -3.585,4.995 -6.255,6.525 -2.67,1.53 -5.684,2.295 -9.045,2.295 -3.359,0 -6.375,-0.765 -9.045,-2.295 -2.67,-1.53 -4.769,-3.705 -6.3,-6.525 -1.529,-2.819 -2.294,-6.029 -2.294,-9.629 0,-3.6 0.765,-6.811 2.294,-9.629 1.531,-2.82 3.63,-4.996 6.3,-6.525 2.67,-1.53 5.686,-2.295 9.045,-2.295 3.361,0 6.375,0.765 9.045,2.295 C -3.585,-4.996 -1.5,-2.82 0,0 m -36.269,-2.791 c -2.1,3.66 -3.15,7.801 -3.15,12.42 0,4.619 1.05,8.759 3.15,12.419 2.1,3.66 4.98,6.51 8.64,8.55 3.659,2.04 7.77,3.06 12.329,3.06 4.56,0 8.67,-1.02 12.329,-3.06 3.66,-2.04 6.526,-4.89 8.595,-8.55 2.07,-3.66 3.105,-7.8 3.105,-12.419 0,-4.619 -1.035,-8.76 -3.105,-12.42 -2.069,-3.66 -4.935,-6.525 -8.595,-8.594 -3.659,-2.07 -7.769,-3.105 -12.329,-3.105 -4.559,0 -8.67,1.035 -12.329,3.105 -3.66,2.069 -6.54,4.934 -8.64,8.594","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path928"},"children":[]}]},{"type":"g","props":{"id":"g930","transform":"translate(392.1885,40.877)"},"children":[{"type":"path","props":{"id":"path932","style":{"fill":"none","stroke":"#45328d","strokeWidth":"1","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"d":"m -182.69727,-14.490234 c -4.259,0 -7.54351,1.198609 -9.85351,3.599609 -2.31,2.4 -3.46484,5.7302344 -3.46484,9.99023438 V 52.736328 h 6.39062 V -0.36132812 c 0,-2.81999998 0.65852,-4.96459378 1.97852,-6.43359378 1.32,-1.47 3.29945,-2.2050781 5.93945,-2.2050781 1.68,0 3.12031,0.2695937 4.32031,0.8085938 L -176.9375,-13.5 c -1.86,-0.66 -3.77977,-0.990234 -5.75977,-0.990234 z m 34.01954,0 c -6.18,0 -11.055,1.723828 -14.625,5.1738278 -3.57,3.451 -5.35352,8.50501558 -5.35352,15.1660156 V 33.296875 h 6.38867 V 6.4785156 c 0,-4.979 1.23141,-8.7598437 3.69141,-11.3398437 2.46,-2.58 5.96734,-3.8691407 10.52734,-3.8691407 4.98,0 8.91102,1.5159219 11.79102,4.5449219 2.88,3.03 4.31836,7.2445313 4.31836,12.6445313 V 33.296875 h 6.39062 v -47.337891 h -6.11914 v 8.6406254 c -1.68,-2.881 -3.98969,-5.1160784 -6.92969,-6.7050784 -2.94,-1.59 -6.30007,-2.384765 -10.08007,-2.384765 z m 133.376949,0 c -4.559,0 -8.669125,1.035468 -12.328125,3.105468 -3.66,2.0690004 -6.540625,4.9337504 -8.640625,8.5937504 -2.1,3.65999998 -3.150391,7.8009219 -3.150391,12.4199218 0,4.6189998 1.050391,8.7599218 3.150391,12.4199218 2.1,3.66 4.980625,6.508828 8.640625,8.548828 3.659,2.04 7.769125,3.060547 12.328125,3.060547 4.56,0 8.6710779,-1.020547 12.3300779,-3.060547 3.65999998,-2.04 6.52475,-4.888828 8.59375,-8.548828 2.07,-3.66 3.1054687,-7.800922 3.1054687,-12.4199218 0,-4.6189999 -1.0354687,-8.75992183 -3.1054687,-12.4199218 -2.069,-3.66 -4.93375002,-6.52475 -8.59375,-8.5937504 -3.659,-2.07 -7.7700779,-3.105468 -12.3300779,-3.105468 z m -234.083989,0.449218 v 41.398438 c 0,6.9 2.15952,12.31514 6.47852,16.24414 4.321,3.93 10.41148,5.894532 18.27148,5.894532 7.619,0 13.73743,-1.648219 18.35743,-4.949219 l -2.42774,-5.490234 c -4.081,3 -9.30111,4.5 -15.66211,4.5 -6.179,0 -10.7825,-1.394547 -13.8125,-4.185547 -3.029,-2.789 -4.54687,-6.823516 -4.54687,-12.103516 v -8.818359 h 30.06054 v -5.759766 h -30.06054 v -26.730469 z m 153.898442,0 -20.970702,47.337891 h 6.66015 l 17.730474,-40.3183594 17.908203,40.3183594 h 6.300781 l -21.060547,-47.337891 z m 36.626953,0 v 47.337891 h 6.392578 v -47.337891 z m 43.558594,5.2207035 c 3.361,0 6.3749216,0.7649219 9.0449216,2.2949219 C -3.5858594,-4.9963906 -1.5,-2.82 0,0 1.5,2.818 2.25,6.0289062 2.25,9.6289062 2.25,13.228906 1.5,16.438812 0,19.257812 c -1.5,2.820001 -3.5858594,4.995391 -6.2558594,6.525391 -2.67,1.53 -5.6839216,2.294922 -9.0449216,2.294922 -3.359,0 -6.374922,-0.764922 -9.044922,-2.294922 -2.67,-1.53 -4.767828,-3.70539 -6.298828,-6.525391 -1.529,-2.818999 -2.294922,-6.028906 -2.294922,-9.6289058 0,-3.5999999 0.765922,-6.8109062 2.294922,-9.6289062 1.531,-2.82 3.628828,-4.9963906 6.298828,-6.5253906 2.67,-1.53 5.685922,-2.2949219 9.044922,-2.2949219 z m -40.31836,52.4667965 c -1.32,0 -2.429078,0.44961 -3.330078,1.34961 -0.899,0.9 -1.347656,1.980234 -1.347656,3.240234 0,1.2 0.448656,2.250391 1.347656,3.150391 0.901,0.9 2.010078,1.349609 3.330078,1.349609 1.321,0 2.430079,-0.434687 3.330079,-1.304687 0.899999,-0.87 1.349609,-1.905469 1.349609,-3.105469 0,-1.32 -0.449609,-2.430078 -1.349609,-3.330078 -0.9,-0.9 -2.009079,-1.34961 -3.330079,-1.34961 z"},"children":[]}]},{"type":"g","props":{"id":"g934","transform":"translate(65.8047,82.915)"},"children":[{"type":"path","props":{"d":"M 0,0 C -15.05,-20.514 16.321,-21.067 -6.971,-51.972","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path936"},"children":[]}]},{"type":"g","props":{"id":"g938","transform":"translate(50.7544,93.0493)"},"children":[{"type":"path","props":{"d":"M 0,0 C -24.164,-32.678 18.272,-33.046 -12.591,-58.015","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path940"},"children":[]}]},{"type":"g","props":{"id":"g942","transform":"translate(86.2383,69.5928)"},"children":[{"type":"path","props":{"d":"M 0,0 C -6.701,-7.26 8.217,-25.762 -25.932,-37.525","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path944"},"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 Fluvio = react_1.forwardRef(function Fluvio({ 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 Fluvio = react_1.forwardRef(function Fluvio({ 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/fluvio.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 546.39734 160","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs858"},"children":[{"type":"clipPath","props":{"clipPathUnits":"userSpaceOnUse","id":"clipPath872"},"children":[{"type":"path","props":{"d":"M 0,120 H 409.798 V 0 H 0 Z","id":"path870"},"children":[]}]}]},{"type":"g","props":{"id":"g860","transform":"matrix(1.3333333,0,0,-1.3333333,0,160)"},"children":[{"type":"g","props":{"id":"g862","transform":"translate(10.165,59.2676)"},"children":[{"type":"path","props":{"d":"M 0,0 -6.474,10.181 8.264,7.909 Z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path864"},"children":[]}]},{"type":"g","props":{"id":"g874","transform":"translate(13.1201,43.5088)"},"children":[{"type":"path","props":{"d":"M 0,0 C -0.49,1.313 -0.926,2.653 -1.307,4.017","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path876"},"children":[]}]},{"type":"g","props":{"id":"g878","transform":"translate(10.9956,50.8877)"},"children":[{"type":"path","props":{"d":"M 0,0 C -0.326,1.44 -0.559,2.909 -0.694,4.403","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path880"},"children":[]}]},{"type":"g","props":{"id":"g882","transform":"translate(16.2178,36.5342)"},"children":[{"type":"path","props":{"d":"M 0,0 C -1.373,2.837 -1.569,3.142 -1.847,3.78","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path884"},"children":[]}]},{"type":"g","props":{"id":"g886","transform":"translate(11.4082,67.5264)"},"children":[{"type":"path","props":{"d":"m 0,0 c 3.785,23.864 24.452,42.107 49.38,42.107 27.615,0 50.001,-22.386 50.001,-50 0,-27.615 -22.386,-50.001 -50.001,-50.001 -18.092,0 -33.94,9.61 -42.718,24.003","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path888"},"children":[]}]},{"type":"g","props":{"id":"g890","transform":"translate(149.4629,68.1445)"},"children":[{"type":"path","props":{"d":"m 0,0 v -8.819 h 30.06 v -5.759 H 0 V -41.309 H -6.659 V 0.09 c 0,6.9 2.16,12.315 6.479,16.244 4.321,3.93 10.41,5.895 18.27,5.895 7.619,0 13.739,-1.649 18.359,-4.95 L 34.02,11.79 c -4.081,3 -9.3,4.5 -15.661,4.5 C 12.18,16.29 7.575,14.895 4.545,12.104 1.516,9.315 0,5.28 0,0","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path892"},"children":[]}]},{"type":"g","props":{"id":"g894","transform":"translate(149.4629,68.1445)"},"children":[]},{"type":"g","props":{"id":"g898","transform":"translate(196.1719,39.9766)"},"children":[{"type":"path","props":{"d":"M 0,0 V 53.637 H 6.391 V 0.539 c 0,-2.82 0.659,-4.965 1.979,-6.434 1.32,-1.47 3.3,-2.205 5.94,-2.205 1.68,0 3.12,0.27 4.32,0.809 l 0.45,-5.309 c -1.86,-0.66 -3.78,-0.99 -5.76,-0.99 -4.259,0 -7.545,1.199 -9.855,3.6 C 1.155,-7.59 0,-4.26 0,0","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path900"},"children":[]}]},{"type":"g","props":{"id":"g902","transform":"translate(196.1719,39.9766)"},"children":[]},{"type":"g","props":{"id":"g906","transform":"translate(266.6406,26.8359)"},"children":[{"type":"path","props":{"d":"M 0,0 H -6.12 V 8.641 C -7.8,5.76 -10.11,3.525 -13.05,1.936 c -2.94,-1.59 -6.3,-2.385 -10.08,-2.385 -6.18,0 -11.054,1.724 -14.624,5.174 -3.57,3.451 -5.354,8.505 -5.354,15.166 v 27.447 h 6.389 V 20.52 c 0,-4.979 1.23,-8.76 3.69,-11.34 2.46,-2.58 5.969,-3.869 10.529,-3.869 4.98,0 8.91,1.515 11.79,4.544 2.88,3.03 4.319,7.245 4.319,12.645 V 47.338 H 0 Z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path908"},"children":[]}]},{"type":"g","props":{"id":"g910","transform":"translate(266.6406,26.8359)"},"children":[]},{"type":"g","props":{"id":"g914","transform":"translate(303.2705,26.8359)"},"children":[{"type":"path","props":{"d":"m 0,0 h -6.569 l -20.97,47.338 h 6.66 L -3.149,7.02 14.76,47.338 h 6.3 z","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path916"},"children":[]}]},{"type":"g","props":{"id":"g918","transform":"translate(303.2705,26.8359)"},"children":[]},{"type":"path","props":{"d":"m 339.721,26.836 h -6.391 v 47.338 h 6.391 z m -7.83,62.278 c 0,1.2 0.45,2.25 1.349,3.15 0.901,0.9 2.01,1.35 3.33,1.35 1.321,0 2.43,-0.435 3.33,-1.305 0.9,-0.87 1.35,-1.905 1.35,-3.105 0,-1.32 -0.45,-2.43 -1.35,-3.33 -0.9,-0.9 -2.009,-1.35 -3.33,-1.35 -1.32,0 -2.429,0.45 -3.33,1.35 -0.899,0.9 -1.349,1.98 -1.349,3.24","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path922"},"children":[]},{"type":"g","props":{"id":"g926","transform":"translate(392.1885,40.877)"},"children":[{"type":"path","props":{"d":"m 0,0 c 1.5,2.818 2.25,6.029 2.25,9.629 0,3.6 -0.75,6.81 -2.25,9.629 -1.5,2.82 -3.585,4.995 -6.255,6.525 -2.67,1.53 -5.684,2.295 -9.045,2.295 -3.359,0 -6.375,-0.765 -9.045,-2.295 -2.67,-1.53 -4.769,-3.705 -6.3,-6.525 -1.529,-2.819 -2.294,-6.029 -2.294,-9.629 0,-3.6 0.765,-6.811 2.294,-9.629 1.531,-2.82 3.63,-4.996 6.3,-6.525 2.67,-1.53 5.686,-2.295 9.045,-2.295 3.361,0 6.375,0.765 9.045,2.295 C -3.585,-4.996 -1.5,-2.82 0,0 m -36.269,-2.791 c -2.1,3.66 -3.15,7.801 -3.15,12.42 0,4.619 1.05,8.759 3.15,12.419 2.1,3.66 4.98,6.51 8.64,8.55 3.659,2.04 7.77,3.06 12.329,3.06 4.56,0 8.67,-1.02 12.329,-3.06 3.66,-2.04 6.526,-4.89 8.595,-8.55 2.07,-3.66 3.105,-7.8 3.105,-12.419 0,-4.619 -1.035,-8.76 -3.105,-12.42 -2.069,-3.66 -4.935,-6.525 -8.595,-8.594 -3.659,-2.07 -7.769,-3.105 -12.329,-3.105 -4.559,0 -8.67,1.035 -12.329,3.105 -3.66,2.069 -6.54,4.934 -8.64,8.594","style":{"fill":"#45328d","fillOpacity":"1","fillRule":"nonzero","stroke":"none"},"id":"path928"},"children":[]}]},{"type":"g","props":{"id":"g930","transform":"translate(392.1885,40.877)"},"children":[{"type":"path","props":{"id":"path932","style":{"fill":"none","stroke":"#45328d","strokeWidth":"1","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"d":"m -182.69727,-14.490234 c -4.259,0 -7.54351,1.198609 -9.85351,3.599609 -2.31,2.4 -3.46484,5.7302344 -3.46484,9.99023438 V 52.736328 h 6.39062 V -0.36132812 c 0,-2.81999998 0.65852,-4.96459378 1.97852,-6.43359378 1.32,-1.47 3.29945,-2.2050781 5.93945,-2.2050781 1.68,0 3.12031,0.2695937 4.32031,0.8085938 L -176.9375,-13.5 c -1.86,-0.66 -3.77977,-0.990234 -5.75977,-0.990234 z m 34.01954,0 c -6.18,0 -11.055,1.723828 -14.625,5.1738278 -3.57,3.451 -5.35352,8.50501558 -5.35352,15.1660156 V 33.296875 h 6.38867 V 6.4785156 c 0,-4.979 1.23141,-8.7598437 3.69141,-11.3398437 2.46,-2.58 5.96734,-3.8691407 10.52734,-3.8691407 4.98,0 8.91102,1.5159219 11.79102,4.5449219 2.88,3.03 4.31836,7.2445313 4.31836,12.6445313 V 33.296875 h 6.39062 v -47.337891 h -6.11914 v 8.6406254 c -1.68,-2.881 -3.98969,-5.1160784 -6.92969,-6.7050784 -2.94,-1.59 -6.30007,-2.384765 -10.08007,-2.384765 z m 133.376949,0 c -4.559,0 -8.669125,1.035468 -12.328125,3.105468 -3.66,2.0690004 -6.540625,4.9337504 -8.640625,8.5937504 -2.1,3.65999998 -3.150391,7.8009219 -3.150391,12.4199218 0,4.6189998 1.050391,8.7599218 3.150391,12.4199218 2.1,3.66 4.980625,6.508828 8.640625,8.548828 3.659,2.04 7.769125,3.060547 12.328125,3.060547 4.56,0 8.6710779,-1.020547 12.3300779,-3.060547 3.65999998,-2.04 6.52475,-4.888828 8.59375,-8.548828 2.07,-3.66 3.1054687,-7.800922 3.1054687,-12.4199218 0,-4.6189999 -1.0354687,-8.75992183 -3.1054687,-12.4199218 -2.069,-3.66 -4.93375002,-6.52475 -8.59375,-8.5937504 -3.659,-2.07 -7.7700779,-3.105468 -12.3300779,-3.105468 z m -234.083989,0.449218 v 41.398438 c 0,6.9 2.15952,12.31514 6.47852,16.24414 4.321,3.93 10.41148,5.894532 18.27148,5.894532 7.619,0 13.73743,-1.648219 18.35743,-4.949219 l -2.42774,-5.490234 c -4.081,3 -9.30111,4.5 -15.66211,4.5 -6.179,0 -10.7825,-1.394547 -13.8125,-4.185547 -3.029,-2.789 -4.54687,-6.823516 -4.54687,-12.103516 v -8.818359 h 30.06054 v -5.759766 h -30.06054 v -26.730469 z m 153.898442,0 -20.970702,47.337891 h 6.66015 l 17.730474,-40.3183594 17.908203,40.3183594 h 6.300781 l -21.060547,-47.337891 z m 36.626953,0 v 47.337891 h 6.392578 v -47.337891 z m 43.558594,5.2207035 c 3.361,0 6.3749216,0.7649219 9.0449216,2.2949219 C -3.5858594,-4.9963906 -1.5,-2.82 0,0 1.5,2.818 2.25,6.0289062 2.25,9.6289062 2.25,13.228906 1.5,16.438812 0,19.257812 c -1.5,2.820001 -3.5858594,4.995391 -6.2558594,6.525391 -2.67,1.53 -5.6839216,2.294922 -9.0449216,2.294922 -3.359,0 -6.374922,-0.764922 -9.044922,-2.294922 -2.67,-1.53 -4.767828,-3.70539 -6.298828,-6.525391 -1.529,-2.818999 -2.294922,-6.028906 -2.294922,-9.6289058 0,-3.5999999 0.765922,-6.8109062 2.294922,-9.6289062 1.531,-2.82 3.628828,-4.9963906 6.298828,-6.5253906 2.67,-1.53 5.685922,-2.2949219 9.044922,-2.2949219 z m -40.31836,52.4667965 c -1.32,0 -2.429078,0.44961 -3.330078,1.34961 -0.899,0.9 -1.347656,1.980234 -1.347656,3.240234 0,1.2 0.448656,2.250391 1.347656,3.150391 0.901,0.9 2.010078,1.349609 3.330078,1.349609 1.321,0 2.430079,-0.434687 3.330079,-1.304687 0.899999,-0.87 1.349609,-1.905469 1.349609,-3.105469 0,-1.32 -0.449609,-2.430078 -1.349609,-3.330078 -0.9,-0.9 -2.009079,-1.34961 -3.330079,-1.34961 z"},"children":[]}]},{"type":"g","props":{"id":"g934","transform":"translate(65.8047,82.915)"},"children":[{"type":"path","props":{"d":"M 0,0 C -15.05,-20.514 16.321,-21.067 -6.971,-51.972","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path936"},"children":[]}]},{"type":"g","props":{"id":"g938","transform":"translate(50.7544,93.0493)"},"children":[{"type":"path","props":{"d":"M 0,0 C -24.164,-32.678 18.272,-33.046 -12.591,-58.015","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path940"},"children":[]}]},{"type":"g","props":{"id":"g942","transform":"translate(86.2383,69.5928)"},"children":[{"type":"path","props":{"d":"M 0,0 C -6.701,-7.26 8.217,-25.762 -25.932,-37.525","style":{"fill":"none","stroke":"#45328d","strokeWidth":"7","strokeLinecap":"butt","strokeLinejoin":"miter","strokeMiterlimit":"10","strokeDasharray":"none","strokeOpacity":"1"},"id":"path944"},"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 Fluvio = forwardRef(
   function Fluvio({ 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 Fluvio = 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/fly.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 231","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"53.096%","cy":"49.564%","fx":"53.096%","fy":"49.564%","r":"93.348%","gradientTransform":"matrix(.77604 0 0 1 .119 0)","id":"a"},"children":[{"type":"stop","props":{"stopColor":"#BA7BF0","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#996BEC","offset":"45%"},"children":[]},{"type":"stop","props":{"stopColor":"#5046E4","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"d":"M179.016 31.598h29.478c26.22 0 47.506 21.287 47.506 47.507v103.652c0 26.22-21.287 47.507-47.506 47.507h-2.323c-13.495-2.111-19.348-6.158-23.869-9.579l-37.479-30.815a5.276 5.276 0 0 0-6.635 0l-12.176 10.012-34.292-28.197a5.263 5.263 0 0 0-6.632 0l-47.64 41.91c-9.588 7.798-15.93 6.357-20.043 5.905C6.782 210.782 0 197.556 0 182.757V79.105c0-26.22 21.287-47.507 47.51-47.507h29.412l-.053.119-.992 2.89-.308.992-1.335 5.92-.184 1.04-.586 5.93-.078 1.627-.012.57.056 2.72.134 1.593.33 2.494.421 2.245.5 2.068.648 2.238 1.683 4.74.555 1.422 2.931 6.192 1.036 1.902 3.389 5.818 1.297 2.099 4.73 6.965.683.923 6.155 8.01 1.99 2.467 7.027 8.216 1.444 1.58 5.793 6.234 2.295 2.376 3.792 3.766-.761.636-.474.428a46.423 46.423 0 0 0-3.654 3.816 32.49 32.49 0 0 0-1.572 2.008 25.939 25.939 0 0 0-2.03 3.318c-.303.6-.574 1.215-.814 1.842a17.056 17.056 0 0 0-1.1 5.008l-.022 1.481c.054 2.088.48 4.15 1.256 6.09a16.962 16.962 0 0 0 3.387 5.31 17.222 17.222 0 0 0 3.57 2.906c1.12.686 2.313 1.25 3.554 1.68 2.698.915 5.56 1.24 8.394.954h.016a18.933 18.933 0 0 0 6.922-2.054 17.902 17.902 0 0 0 2.644-1.712 16.956 16.956 0 0 0 5.332-7.09c.873-2.18 1.3-4.51 1.262-6.854l-.068-1.225a17.258 17.258 0 0 0-1.148-4.718 19.594 19.594 0 0 0-.888-1.927 26.472 26.472 0 0 0-2.09-3.308c-.355-.48-.723-.952-1.103-1.413a45.505 45.505 0 0 0-4.078-4.271l-1.026-.873 1.736-1.715 7.465-7.795 2.582-2.835 4.013-4.515 2.61-3.052 3.722-4.534 2.52-3.168 3.7-4.948 1.869-2.56 2.65-3.963 2.207-3.377 4.16-7.243 2.379-4.752.069-.146 1.82-4.41c.025-.056.045-.115.063-.174l1.961-6.118.206-.891.851-4.87.165-1.32.05-.807.06-3.05-.016-.567-.156-2.732-.193-2.12-.967-6.114c-.015-.081-.031-.162-.056-.243l-1.241-4.522-.427-1.256-.558-1.39Zm14.012 129.258c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Z","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M102.63 230.264H47.51A47.304 47.304 0 0 1 17.404 219.5c4.113.452 10.455 1.893 20.043-5.905l47.64-41.91a5.263 5.263 0 0 1 6.632 0l34.292 28.197 12.176-10.012a5.276 5.276 0 0 1 6.635 0l37.48 30.815c4.52 3.42 10.373 7.468 23.868 9.579h-24.932a10.599 10.599 0 0 1-6.12-2.04l-.437-.336-32.983-27.389-32.55 27.389a10.427 10.427 0 0 1-6.519 2.376Zm90.398-69.408c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Zm-72.765-34.102-3.792-3.766-2.295-2.376-5.793-6.233-1.444-1.581-7.028-8.216-1.99-2.466-6.154-8.01-.683-.924-4.73-6.965-1.297-2.099-3.39-5.818-1.035-1.902-2.93-6.192-.556-1.422-1.683-4.74-.649-2.238-.499-2.068-.42-2.245L73.563 55l-.134-1.593-.056-2.72.012-.57.078-1.627.586-5.93.184-1.04 1.335-5.92.308-.992.992-2.89.318-.749 1.578-3.467 1.094-2.064 1.525-2.513 1.518-2.239 1.082-1.422 1.247-1.503 1.372-1.509 1.176-1.182 2.862-2.519 2.092-1.712c.05-.043.103-.08.156-.118l2.476-1.675 1.968-1.253 3.735-1.968c.056-.034.122-.062.18-.09l5.298-2.198.49-.184 4.708-1.378 1.99-.446 2.687-.54 1.784-.27 2.734-.34 1.865-.166 3.7-.196 1.45-.016 2.748.056.714.04 3.978.331 5.264.742.608.128 5.2 1.294 1.528.455 1.697.587 2.067.782 1.634.692 2.4 1.132 1.513.777 2.719 1.596 1.013.624 3.707 2.706 1.064.923 2.585 2.354.127.128 2.192 2.351.755.851 2.572 3.418.524.816 2.042 3.449.615 1.182 1.15 2.572 1.204 3.003.427 1.256 1.241 4.522c.023.08.042.16.056.243l.967 6.114.193 2.12.156 2.732.016.567-.06 3.05-.05.807-.165 1.32-.851 4.87-.206.891-1.961 6.118c-.018.06-.038.118-.062.175l-1.821 4.409-.069.146-2.38 4.752-4.159 7.243-2.207 3.377-2.65 3.963-1.868 2.56-3.701 4.948-2.52 3.168-3.723 4.534-2.61 3.052-4.012 4.515-2.582 2.835-7.465 7.795-1.736 1.715 1.026.873a45.503 45.503 0 0 1 4.078 4.271c.38.462.748.933 1.104 1.413a26.472 26.472 0 0 1 2.089 3.308c.33.624.627 1.269.888 1.927.596 1.51.998 3.105 1.148 4.718l.068 1.225a17.667 17.667 0 0 1-1.262 6.853 16.956 16.956 0 0 1-5.332 7.09c-.83.65-1.715 1.22-2.644 1.713a18.933 18.933 0 0 1-6.922 2.054h-.016a19.924 19.924 0 0 1-8.394-.954 18.253 18.253 0 0 1-3.554-1.68 17.22 17.22 0 0 1-3.57-2.906 16.962 16.962 0 0 1-3.387-5.31 17.586 17.586 0 0 1-1.256-6.09l.022-1.481a17.056 17.056 0 0 1 1.1-5.008c.24-.63.512-1.244.814-1.842a25.938 25.938 0 0 1 2.03-3.318c.496-.689 1.023-1.36 1.572-2.008a46.423 46.423 0 0 1 3.654-3.816l.474-.428.76-.636Z"},"children":[]},{"type":"path","props":{"d":"m141.7 200.499 32.982 27.389a10.589 10.589 0 0 0 6.67 2.376h-78.834c2.42 0 4.764-.839 6.632-2.376l32.55-27.389Zm-13.536-64.64.299.087c.097.047.178.116.265.175l.25.221a35.63 35.63 0 0 1 1.792 1.774c.406.434.802.88 1.182 1.341a19.32 19.32 0 0 1 1.347 1.83c.178.281.343.565.499.861.134.256.256.52.362.789.187.468.327.96.37 1.462l-.009.942a5.372 5.372 0 0 1-2.547 4.187 7.29 7.29 0 0 1-3.1 1.02l-1.162.034-.983-.087a7.477 7.477 0 0 1-1.35-.327 6.454 6.454 0 0 1-1.278-.599l-.767-.561a5.263 5.263 0 0 1-1.746-2.994 7.539 7.539 0 0 1-.09-.592l-.029-.898c.016-.243.053-.483.106-.723a7.53 7.53 0 0 1 .57-1.516c.315-.606.674-1.189 1.073-1.743a26.809 26.809 0 0 1 2.155-2.56 32.093 32.093 0 0 1 1.534-1.521l.377-.34c.262-.175.265-.175.565-.262h.315Zm-1.93-125.195.121-.01v104.981l-.262-.483a293.485 293.485 0 0 1-9.644-19.544 208.977 208.977 0 0 1-6.545-16.385 129.208 129.208 0 0 1-3.944-13.492c-.83-3.626-1.465-7.305-1.727-11.022a53.98 53.98 0 0 1-.09-4.764c.024-1.385.08-2.766.168-4.147a78 78 0 0 1 .676-6.492c.253-1.693.565-3.38.951-5.048a53.058 53.058 0 0 1 1.067-3.935 46.63 46.63 0 0 1 2.104-5.482c.3-.642.62-1.281.958-1.908 2.026-3.754 4.776-7.212 8.378-9.525a17.514 17.514 0 0 1 7.789-2.744Zm13.613.265 7.062 2.014c3.271 1.207 6.42 2.781 9.314 4.746a37.367 37.367 0 0 1 10.015 9.99 37.714 37.714 0 0 1 3.879 7.477 43.852 43.852 0 0 1 2.7 12.107c.094 1.085.147 2.173.168 3.262.025 1.01.02 2.023-.062 3.033-.2 2.261-.626 4.496-1.269 6.673a52.82 52.82 0 0 1-1.83 5.25 75.765 75.765 0 0 1-2.906 6.277c-2.354 4.547-5.064 8.896-7.964 13.102a204.078 204.078 0 0 1-11.483 14.986c-4.406 5.254-9.001 10.347-13.776 15.269a292.15 292.15 0 0 0 9.067-18.553 230.134 230.134 0 0 0 4.41-10.623c1.519-3.928 2.888-7.913 4.106-11.945a117.089 117.089 0 0 0 2.36-9.16 74.917 74.917 0 0 0 1.282-8.014c.23-2.245.314-4.502.258-6.754a96.056 96.056 0 0 0-.152-4.131c-.33-5.538-1.173-11.057-2.788-16.367a47.834 47.834 0 0 0-2.226-5.899c-2.067-4.502-4.952-8.712-8.855-11.783l-1.31-.957Z","fill":"#FFF"},"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 Fly = react_1.forwardRef(function Fly({ 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 Fly = react_1.forwardRef(function Fly({ variant = 'default', viewBox, ...p
     ..._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));
       })
   );
 });