@thesvg/react 3.2.0 → 3.2.4

package/dist/lovable.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 121 122","fill":"none","childNodes":[{"type":"mask","props":{"id":"b","width":"121","height":"122","x":"0","y":"0","maskUnits":"userSpaceOnUse","style":{"maskType":"alpha"}},"children":[{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M36.069 0c19.92 0 36.068 16.155 36.068 36.084v13.713h12.004c19.92 0 36.069 16.156 36.069 36.084 0 19.928-16.149 36.083-36.069 36.083H0v-85.88C0 16.155 16.148 0 36.069 0Z","clipRule":"evenodd"},"children":[]}]},{"type":"g","props":{"mask":"url(#b)"},"children":[{"type":"g","props":{"filter":"url(#c)"},"children":[{"type":"ellipse","props":{"cx":"52.738","cy":"65.101","fill":"#4B73FF","rx":"81.373","ry":"81.192"},"children":[]}]},{"type":"g","props":{"filter":"url(#d)"},"children":[{"type":"ellipse","props":{"cx":"61.673","cy":"20.547","fill":"#FF66F4","rx":"104.216","ry":"81.192"},"children":[]}]},{"type":"g","props":{"filter":"url(#e)"},"children":[{"type":"ellipse","props":{"cx":"78.666","cy":"5.268","fill":"#FF0105","rx":"81.373","ry":"71.304"},"children":[]}]},{"type":"g","props":{"filter":"url(#f)"},"children":[{"type":"ellipse","props":{"cx":"63.121","cy":"20.527","fill":"#FE7B02","rx":"48.937","ry":"48.829"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"c","width":"235.52","height":"235.159","x":"-65.022","y":"-52.478","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_572_319","stdDeviation":"18.194"},"children":[]}]},{"type":"filter","props":{"id":"d","width":"281.208","height":"235.159","x":"-78.93","y":"-97.032","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_572_319","stdDeviation":"18.194"},"children":[]}]},{"type":"filter","props":{"id":"e","width":"235.52","height":"215.383","x":"-39.094","y":"-102.423","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_572_319","stdDeviation":"18.194"},"children":[]}]},{"type":"filter","props":{"id":"f","width":"170.649","height":"170.432","x":"-22.204","y":"-64.688","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_572_319","stdDeviation":"18.194"},"children":[]}]},{"type":"linearGradient","props":{"id":"a","x1":"40.453","x2":"76.933","y1":"21.433","y2":"121.971","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".025","stopColor":"#FF8E63"},"children":[]},{"type":"stop","props":{"offset":".56","stopColor":"#FF7EB0"},"children":[]},{"type":"stop","props":{"offset":".95","stopColor":"#4B73FF"},"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 Lovable = forwardRef(
   function Lovable({ 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 Lovable = 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/lowes.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs5892"},"children":[{"type":"clipPath","props":{"id":"clipPath5818"},"children":[{"type":"path","props":{"d":"m 22.8,704.934 119.143,0 0,63.666 -119.143,0 0,-63.666 z","id":"path5820"},"children":[]}]}]},{"type":"g","props":{"transform":"translate(-110.25097,-377.28528)","id":"layer1"},"children":[{"type":"path","props":{"d":"m 155.87597,378.28528 -23.0475,9.8725 -14.37625,0 0,4.0275 -7.20125,0 0,27.07 89.24,0 0,-27.07 -7.1975,0 0,-4.0275 -14.37125,0 -23.04625,-9.8725 z","id":"path5808","style":{"fill":"#004990","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 177.1571,395.35728 -0.001,4.37625 2.83125,0.005 0.59,-4.38 -3.42,-10e-4 z","id":"path5812","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 192.46547,399.1493 c 0.1825,0 0.3475,-0.0137 0.3475,-0.23625 0,-0.175 -0.1625,-0.2075 -0.3125,-0.2075 l -0.295,0 0,0.44375 0.26,0 z m -0.26,0.8025 -0.21625,0 0,-1.43 0.545,0 c 0.33625,0 0.50375,0.125 0.50375,0.4075 0,0.25625 -0.15875,0.3675 -0.36875,0.39375 l 0.40625,0.62875 -0.2425,0 -0.3775,-0.62 -0.25,0 0,0.62 z m 0.2625,0.32 c 0.56125,0 1.00375,-0.43875 1.00375,-1.0375 0,-0.5875 -0.4425,-1.03 -1.00375,-1.03 -0.56875,0 -1.01125,0.4425 -1.01125,1.03 0,0.59875 0.4425,1.0375 1.01125,1.0375 m -1.26125,-1.0375 c 0,-0.7125 0.5775,-1.2375 1.26125,-1.2375 0.67625,0 1.255,0.525 1.255,1.2375 0,0.7175 -0.57875,1.245 -1.255,1.245 -0.68375,0 -1.26125,-0.5275 -1.26125,-1.245","id":"path5824","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 125.48622,410.27055 0,-14.91375 -4.07875,0 0,18.465 10.39,0 0,-3.55125 -6.31125,0 z","id":"path5828","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 166.54685,413.82243 9.70875,0 0,-3.55625 -5.61,0 0,-2.3175 5.61,0 0,-3.42375 -5.61,0 0,-2.33 5.61,0 0,-3.57125 -9.70875,0 0,0.0175 0,15.18125 z","id":"path5832","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 141.11985,402.1953 -3.5875,0 0,8.05625 3.5875,0 0,-8.05625 z m 4.08625,9.68625 c 0,1.07125 -0.86875,1.94125 -1.94125,1.94125 l -7.87875,0 c -1.07125,0 -1.94,-0.87 -1.94,-1.94125 l 0,-11.31625 c 0,-1.0725 0.86875,-1.94125 1.94,-1.94125 l 7.87875,0 c 1.0725,0 1.94125,0.86875 1.94125,1.94125 l 0,11.31625 z","id":"path5834","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 160.12797,398.62442 0,11.64625 -2.4625,0 0,-11.64625 -3.5875,0 0,11.64625 -2.4625,0 0,-11.64625 -4.08625,0 0,13.25625 c 0,1.0725 0.86875,1.9425 1.94125,1.9425 l 4.83,0 c 0.81375,0 1.57125,-0.5625 1.57125,-1.37625 0,0.81375 0.7575,1.37625 1.57125,1.37625 l 4.83125,0 c 1.07125,0 1.94,-0.87 1.94,-1.9425 l 0,-13.25625 -4.08625,0 z","id":"path5838","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 190.57835,408.07905 0.001,0.001 -0.025,-0.0525 c -0.0162,-0.0325 -0.0325,-0.0638 -0.0487,-0.0962 l -0.025,-0.05 c -0.64625,-1.29625 -2.09375,-2.37875 -4.42375,-3.31125 l -0.0825,-0.0312 c -0.46125,-0.18125 -1.865,-0.73 -2.02125,-1.6225 -0.0425,-0.25 0.0588,-0.6425 0.3375,-0.88125 0.29375,-0.29875 0.74375,-0.4525 1.3375,-0.4525 0.95,0 2.03,0.38875 2.59,0.62 1.17875,0.48875 2.2125,0.925 2.2225,0.93125 l 0.1025,0.0425 0,-3.3175 -0.0337,-0.0213 c -0.0225,-0.015 -2.25125,-1.42 -4.5025,-1.7425 -0.25875,-0.0225 -0.515,-0.0325 -0.76125,-0.0325 -2.0725,0 -3.6425,0.7525 -4.665,2.2375 -0.85875,1.22 -0.95375,3.15125 -0.22375,4.5925 0.93875,1.62875 2.44375,2.30875 3.9,2.9675 0.6,0.27 1.22125,0.5525 1.8025,0.8975 l 0.006,0.004 c 0.6575,0.395 0.9925,0.99875 0.85375,1.535 -0.14375,0.55625 -0.78,0.93 -1.58375,0.93 -0.11,0 -0.22125,-0.006 -0.33,-0.0212 l -0.0388,-0.005 c -1.54625,-0.215 -4.68125,-1.3825 -4.7125,-1.395 l -0.1,-0.0375 0,3.6375 0.0513,0.0175 c 0.0288,0.01 3.06375,1.015 5.7575,1.015 l 0.001,0 c 1.47,0 2.58,-0.29625 3.2975,-0.87875 0.0175,-0.0125 1.66375,-1.33625 1.73625,-3.5875 0.02,-0.6225 -0.12125,-1.26 -0.42,-1.8925","id":"path5842","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Lowes = react_1.forwardRef(function Lowes({ 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 Lowes = react_1.forwardRef(function Lowes({ 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/lowes.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 24 24","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs5892"},"children":[{"type":"clipPath","props":{"id":"clipPath5818"},"children":[{"type":"path","props":{"d":"m 22.8,704.934 119.143,0 0,63.666 -119.143,0 0,-63.666 z","id":"path5820"},"children":[]}]}]},{"type":"g","props":{"transform":"translate(-110.25097,-377.28528)","id":"layer1"},"children":[{"type":"path","props":{"d":"m 155.87597,378.28528 -23.0475,9.8725 -14.37625,0 0,4.0275 -7.20125,0 0,27.07 89.24,0 0,-27.07 -7.1975,0 0,-4.0275 -14.37125,0 -23.04625,-9.8725 z","id":"path5808","style":{"fill":"#004990","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 177.1571,395.35728 -0.001,4.37625 2.83125,0.005 0.59,-4.38 -3.42,-10e-4 z","id":"path5812","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 192.46547,399.1493 c 0.1825,0 0.3475,-0.0137 0.3475,-0.23625 0,-0.175 -0.1625,-0.2075 -0.3125,-0.2075 l -0.295,0 0,0.44375 0.26,0 z m -0.26,0.8025 -0.21625,0 0,-1.43 0.545,0 c 0.33625,0 0.50375,0.125 0.50375,0.4075 0,0.25625 -0.15875,0.3675 -0.36875,0.39375 l 0.40625,0.62875 -0.2425,0 -0.3775,-0.62 -0.25,0 0,0.62 z m 0.2625,0.32 c 0.56125,0 1.00375,-0.43875 1.00375,-1.0375 0,-0.5875 -0.4425,-1.03 -1.00375,-1.03 -0.56875,0 -1.01125,0.4425 -1.01125,1.03 0,0.59875 0.4425,1.0375 1.01125,1.0375 m -1.26125,-1.0375 c 0,-0.7125 0.5775,-1.2375 1.26125,-1.2375 0.67625,0 1.255,0.525 1.255,1.2375 0,0.7175 -0.57875,1.245 -1.255,1.245 -0.68375,0 -1.26125,-0.5275 -1.26125,-1.245","id":"path5824","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 125.48622,410.27055 0,-14.91375 -4.07875,0 0,18.465 10.39,0 0,-3.55125 -6.31125,0 z","id":"path5828","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 166.54685,413.82243 9.70875,0 0,-3.55625 -5.61,0 0,-2.3175 5.61,0 0,-3.42375 -5.61,0 0,-2.33 5.61,0 0,-3.57125 -9.70875,0 0,0.0175 0,15.18125 z","id":"path5832","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 141.11985,402.1953 -3.5875,0 0,8.05625 3.5875,0 0,-8.05625 z m 4.08625,9.68625 c 0,1.07125 -0.86875,1.94125 -1.94125,1.94125 l -7.87875,0 c -1.07125,0 -1.94,-0.87 -1.94,-1.94125 l 0,-11.31625 c 0,-1.0725 0.86875,-1.94125 1.94,-1.94125 l 7.87875,0 c 1.0725,0 1.94125,0.86875 1.94125,1.94125 l 0,11.31625 z","id":"path5834","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 160.12797,398.62442 0,11.64625 -2.4625,0 0,-11.64625 -3.5875,0 0,11.64625 -2.4625,0 0,-11.64625 -4.08625,0 0,13.25625 c 0,1.0725 0.86875,1.9425 1.94125,1.9425 l 4.83,0 c 0.81375,0 1.57125,-0.5625 1.57125,-1.37625 0,0.81375 0.7575,1.37625 1.57125,1.37625 l 4.83125,0 c 1.07125,0 1.94,-0.87 1.94,-1.9425 l 0,-13.25625 -4.08625,0 z","id":"path5838","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]},{"type":"path","props":{"d":"m 190.57835,408.07905 0.001,0.001 -0.025,-0.0525 c -0.0162,-0.0325 -0.0325,-0.0638 -0.0487,-0.0962 l -0.025,-0.05 c -0.64625,-1.29625 -2.09375,-2.37875 -4.42375,-3.31125 l -0.0825,-0.0312 c -0.46125,-0.18125 -1.865,-0.73 -2.02125,-1.6225 -0.0425,-0.25 0.0588,-0.6425 0.3375,-0.88125 0.29375,-0.29875 0.74375,-0.4525 1.3375,-0.4525 0.95,0 2.03,0.38875 2.59,0.62 1.17875,0.48875 2.2125,0.925 2.2225,0.93125 l 0.1025,0.0425 0,-3.3175 -0.0337,-0.0213 c -0.0225,-0.015 -2.25125,-1.42 -4.5025,-1.7425 -0.25875,-0.0225 -0.515,-0.0325 -0.76125,-0.0325 -2.0725,0 -3.6425,0.7525 -4.665,2.2375 -0.85875,1.22 -0.95375,3.15125 -0.22375,4.5925 0.93875,1.62875 2.44375,2.30875 3.9,2.9675 0.6,0.27 1.22125,0.5525 1.8025,0.8975 l 0.006,0.004 c 0.6575,0.395 0.9925,0.99875 0.85375,1.535 -0.14375,0.55625 -0.78,0.93 -1.58375,0.93 -0.11,0 -0.22125,-0.006 -0.33,-0.0212 l -0.0388,-0.005 c -1.54625,-0.215 -4.68125,-1.3825 -4.7125,-1.395 l -0.1,-0.0375 0,3.6375 0.0513,0.0175 c 0.0288,0.01 3.06375,1.015 5.7575,1.015 l 0.001,0 c 1.47,0 2.58,-0.29625 3.2975,-0.87875 0.0175,-0.0125 1.66375,-1.33625 1.73625,-3.5875 0.02,-0.6225 -0.12125,-1.26 -0.42,-1.8925","id":"path5842","style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none"}},"children":[]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Lowes = forwardRef(
   function Lowes({ 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 Lowes = 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/lucid-motors.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 77.258338 4.8667453","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs3719"},"children":[]},{"type":"g","props":{"id":"layer1","transform":"translate(105.64435,-162.76634)"},"children":[{"type":"path","props":{"id":"path3695","d":"m -91.695254,166.543 h -10.653976 c -0.95383,0 -1.37795,-0.42916 -1.37795,-1.3507 v -2.05661 h -1.65259 v 2.05661 c 0,1.33112 1.15358,2.06428 2.25451,2.06428 h 11.430006 z m 17.196601,-3.40731 v 3.40731 h -9.739581 c -0.95382,0 -1.37795,-0.42916 -1.37795,-1.3507 v -2.05661 h -1.65312 v 2.05661 c 0,1.33112 1.15359,2.06428 2.25505,2.06428 h 12.16871 v -4.12089 z m 20.36101,3.40731 h -11.23157 c -0.95382,0 -1.37795,-0.42916 -1.37795,-1.3507 0,-0.92869 0.42413,-1.34303 1.37795,-1.34303 h 11.23157 v -0.71358 h -12.00759 c -1.101191,0 -2.255041,0.73025 -2.255041,2.05661 0,1.33112 1.15358,2.06428 2.255041,2.06428 h 12.00759 z m 23.232269,-3.40731 c 1.100662,0 2.254782,0.73025 2.254782,2.05661 0,1.33112 -1.153851,2.06428 -2.254782,2.06428 h -12.332229 v -4.12089 z m 0.601922,2.05661 c 0,-0.92869 -0.424122,-1.34303 -1.37795,-1.34303 h -9.903352 v 2.69346 h 9.903352 c 0.953828,0 1.37795,-0.42889 1.37795,-1.35043 z m -19.189962,2.1762 h 1.609191 v -4.33758 h -1.609191 z","style":{"fillRule":"evenodd","strokeWidth":"0.26458332"}},"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 LucidMotors = react_1.forwardRef(function LucidMotors({ 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 LucidMotors = react_1.forwardRef(function LucidMotors({ variant = 'default
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/lucid-motors.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 77.258338 4.8667453","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs3719"},"children":[]},{"type":"g","props":{"id":"layer1","transform":"translate(105.64435,-162.76634)"},"children":[{"type":"path","props":{"id":"path3695","d":"m -91.695254,166.543 h -10.653976 c -0.95383,0 -1.37795,-0.42916 -1.37795,-1.3507 v -2.05661 h -1.65259 v 2.05661 c 0,1.33112 1.15358,2.06428 2.25451,2.06428 h 11.430006 z m 17.196601,-3.40731 v 3.40731 h -9.739581 c -0.95382,0 -1.37795,-0.42916 -1.37795,-1.3507 v -2.05661 h -1.65312 v 2.05661 c 0,1.33112 1.15359,2.06428 2.25505,2.06428 h 12.16871 v -4.12089 z m 20.36101,3.40731 h -11.23157 c -0.95382,0 -1.37795,-0.42916 -1.37795,-1.3507 0,-0.92869 0.42413,-1.34303 1.37795,-1.34303 h 11.23157 v -0.71358 h -12.00759 c -1.101191,0 -2.255041,0.73025 -2.255041,2.05661 0,1.33112 1.15358,2.06428 2.255041,2.06428 h 12.00759 z m 23.232269,-3.40731 c 1.100662,0 2.254782,0.73025 2.254782,2.05661 0,1.33112 -1.153851,2.06428 -2.254782,2.06428 h -12.332229 v -4.12089 z m 0.601922,2.05661 c 0,-0.92869 -0.424122,-1.34303 -1.37795,-1.34303 h -9.903352 v 2.69346 h 9.903352 c 0.953828,0 1.37795,-0.42889 1.37795,-1.35043 z m -19.189962,2.1762 h 1.609191 v -4.33758 h -1.609191 z","style":{"fillRule":"evenodd","strokeWidth":"0.26458332"}},"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 LucidMotors = forwardRef(
   function LucidMotors({ 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 LucidMotors = 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/luma.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":["Luma"]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"#000"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-d)"},"children":[]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"url(#grad-e)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"13.748","x2":"4.672","y1":"22.642","y2":"3.745"},"children":[{"type":"stop","props":{"stopColor":"#004EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0FF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-e","x1":"13.748","x2":"4.672","y1":"22.642","y2":"3.745"},"children":[{"type":"stop","props":{"stopColor":"#004EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0FF"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Luma"]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"#000"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-d)"},"children":[]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"url(#grad-e)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"13.748","x2":"4.672","y1":"22.642","y2":"3.745"},"children":[{"type":"stop","props":{"stopColor":"#004EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0FF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-e","x1":"13.748","x2":"4.672","y1":"22.642","y2":"3.745"},"children":[{"type":"stop","props":{"stopColor":"#004EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0FF"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Luma"]},{"type":"path","props":{"d":"M12.393 24L2 17.998l10.393-6 10.392 6-10.393 6z","fillOpacity":".66"},"children":[]},{"type":"path","props":{"d":"M2 5.999L12.393 0v24L2 18V5.999z","fillOpacity":".66"},"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 Luma = react_1.forwardRef(function Luma({ 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 Luma = react_1.forwardRef(function Luma({ 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/luma.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, color, 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":["Luma"]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"#000"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-d)"},"children":[]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"url(#grad-e)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"13.748","x2":"4.672","y1":"22.642","y2":"3.745"},"children":[{"type":"stop","props":{"stopColor":"#004EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0FF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-e","x1":"13.748","x2":"4.672","y1":"22.642","y2":"3.745"},"children":[{"type":"stop","props":{"stopColor":"#004EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0FF"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Luma"]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"#000"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z","fill":"url(#grad-d)"},"children":[]},{"type":"path","props":{"d":"M2 5.999L12.392 0v24L2 18V5.999z","fill":"url(#grad-e)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"13.748","x2":"4.672","y1":"22.642","y2":"3.745"},"children":[{"type":"stop","props":{"stopColor":"#004EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0FF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"2","x2":"22.785","y1":"18","y2":"18"},"children":[{"type":"stop","props":{"stopColor":"#00A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A78DFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-e","x1":"13.748","x2":"4.672","y1":"22.642","y2":"3.745"},"children":[{"type":"stop","props":{"stopColor":"#004EFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0FF"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Luma"]},{"type":"path","props":{"d":"M12.393 24L2 17.998l10.393-6 10.392 6-10.393 6z","fillOpacity":".66"},"children":[]},{"type":"path","props":{"d":"M2 5.999L12.393 0v24L2 18V5.999z","fillOpacity":".66"},"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 Luma = forwardRef(
   function Luma({ 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 Luma = 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/lume.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 443 443","fill":"none","childNodes":[{"type":"title","props":{},"children":["Lume"]},{"type":"path","props":{"fill":"#D06B57","d":"M281.777 255.5C281.777 322.603 221.277 377 221.277 377C221.277 377 160.777 322.603 160.777 255.5C160.777 188.397 221.277 134 221.277 134C221.277 134 281.777 188.397 281.777 255.5Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M347.08 168.186C390.212 219.589 378.833 300.149 378.833 300.149C378.833 300.149 297.521 297.367 254.388 245.963C211.256 194.559 222.635 114 222.635 114C222.635 114 303.947 116.782 347.08 168.186Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M188.167 245.963C145.034 297.367 63.7226 300.149 63.7226 300.149C63.7226 300.149 52.3429 219.589 95.4756 168.186C138.608 116.782 219.92 114 219.92 114C219.92 114 231.3 194.559 188.167 245.963Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M164.878 0C171.116 -6.8123e-08 177.293 1.22906 183.056 3.61621C188.819 6.00336 194.055 9.50223 198.466 13.9131C202.877 18.3239 206.376 23.5602 208.763 29.3232C211.15 35.0863 212.379 41.2631 212.379 47.501C212.379 49.7101 210.588 51.501 208.379 51.501C206.17 51.501 204.379 49.7101 204.379 47.501C204.379 42.3137 203.357 37.1772 201.372 32.3848C199.387 27.5923 196.478 23.2373 192.81 19.5693C189.142 15.9013 184.787 12.9919 179.994 11.0068C178.154 10.2447 176.263 9.62621 174.338 9.15137C174.361 9.43122 174.377 9.71406 174.377 10C174.377 15.5228 169.9 20 164.377 20C158.854 20 154.377 15.5228 154.377 10C154.377 4.47715 158.854 0 164.377 0C164.467 0 164.558 0.00347141 164.647 0.00585938C164.724 0.00152808 164.801 9.22301e-10 164.878 0Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M278.379 0C283.902 0 288.379 4.47715 288.379 10C288.379 15.5228 283.902 20 278.379 20C272.856 20 268.379 15.5228 268.379 10C268.379 9.71409 268.393 9.4312 268.417 9.15137C266.492 9.62618 264.602 10.2448 262.762 11.0068C257.969 12.9919 253.614 15.9013 249.946 19.5693C246.278 23.2373 243.369 27.5923 241.384 32.3848C239.399 37.1772 238.377 42.3137 238.377 47.501C238.377 49.7101 236.586 51.501 234.377 51.501C232.168 51.501 230.377 49.7101 230.377 47.501C230.377 41.2631 231.606 35.0863 233.993 29.3232C236.38 23.5602 239.879 18.3239 244.29 13.9131C248.701 9.50223 253.937 6.00336 259.7 3.61621C265.463 1.22906 271.64 -6.8123e-08 277.878 0C277.955 9.18378e-10 278.031 0.00156461 278.107 0.00585938C278.198 0.00345415 278.288 0 278.379 0Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M261.377 65C261.377 87.0914 243.468 135 221.377 135C199.286 135 181.377 87.0914 181.377 65C181.377 42.9086 199.286 25 221.377 25C243.468 25 261.377 42.9086 261.377 65Z"},"children":[]},{"type":"circle","props":{"opacity":"0.6","cx":"221.877","cy":"271.5","r":"171.5","fill":"url(#lume-radial)"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M146.211 216.259C89.3051 251.818 11.1134 229.337 11.1134 229.337C11.1134 229.337 25.1849 149.204 82.0911 113.645C138.997 78.0864 217.189 100.567 217.189 100.567C217.189 100.567 203.118 180.7 146.211 216.259Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M360.796 113.643C417.702 149.202 431.774 229.335 431.774 229.335C431.774 229.335 353.582 251.816 296.676 216.257C239.77 180.698 225.698 100.564 225.698 100.564C225.698 100.564 303.89 78.0838 360.796 113.643Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"lume-radial","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(221.877 271.5) rotate(90) scale(171.5)"},"children":[{"type":"stop","props":{"stopColor":"#D06B57"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D06B57","stopOpacity":"0"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 443 443","fill":"none","childNodes":[{"type":"title","props":{},"children":["Lume"]},{"type":"path","props":{"fill":"#D06B57","d":"M281.777 255.5C281.777 322.603 221.277 377 221.277 377C221.277 377 160.777 322.603 160.777 255.5C160.777 188.397 221.277 134 221.277 134C221.277 134 281.777 188.397 281.777 255.5Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M347.08 168.186C390.212 219.589 378.833 300.149 378.833 300.149C378.833 300.149 297.521 297.367 254.388 245.963C211.256 194.559 222.635 114 222.635 114C222.635 114 303.947 116.782 347.08 168.186Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M188.167 245.963C145.034 297.367 63.7226 300.149 63.7226 300.149C63.7226 300.149 52.3429 219.589 95.4756 168.186C138.608 116.782 219.92 114 219.92 114C219.92 114 231.3 194.559 188.167 245.963Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M164.878 0C171.116 -6.8123e-08 177.293 1.22906 183.056 3.61621C188.819 6.00336 194.055 9.50223 198.466 13.9131C202.877 18.3239 206.376 23.5602 208.763 29.3232C211.15 35.0863 212.379 41.2631 212.379 47.501C212.379 49.7101 210.588 51.501 208.379 51.501C206.17 51.501 204.379 49.7101 204.379 47.501C204.379 42.3137 203.357 37.1772 201.372 32.3848C199.387 27.5923 196.478 23.2373 192.81 19.5693C189.142 15.9013 184.787 12.9919 179.994 11.0068C178.154 10.2447 176.263 9.62621 174.338 9.15137C174.361 9.43122 174.377 9.71406 174.377 10C174.377 15.5228 169.9 20 164.377 20C158.854 20 154.377 15.5228 154.377 10C154.377 4.47715 158.854 0 164.377 0C164.467 0 164.558 0.00347141 164.647 0.00585938C164.724 0.00152808 164.801 9.22301e-10 164.878 0Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M278.379 0C283.902 0 288.379 4.47715 288.379 10C288.379 15.5228 283.902 20 278.379 20C272.856 20 268.379 15.5228 268.379 10C268.379 9.71409 268.393 9.4312 268.417 9.15137C266.492 9.62618 264.602 10.2448 262.762 11.0068C257.969 12.9919 253.614 15.9013 249.946 19.5693C246.278 23.2373 243.369 27.5923 241.384 32.3848C239.399 37.1772 238.377 42.3137 238.377 47.501C238.377 49.7101 236.586 51.501 234.377 51.501C232.168 51.501 230.377 49.7101 230.377 47.501C230.377 41.2631 231.606 35.0863 233.993 29.3232C236.38 23.5602 239.879 18.3239 244.29 13.9131C248.701 9.50223 253.937 6.00336 259.7 3.61621C265.463 1.22906 271.64 -6.8123e-08 277.878 0C277.955 9.18378e-10 278.031 0.00156461 278.107 0.00585938C278.198 0.00345415 278.288 0 278.379 0Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M261.377 65C261.377 87.0914 243.468 135 221.377 135C199.286 135 181.377 87.0914 181.377 65C181.377 42.9086 199.286 25 221.377 25C243.468 25 261.377 42.9086 261.377 65Z"},"children":[]},{"type":"circle","props":{"opacity":"0.6","cx":"221.877","cy":"271.5","r":"171.5","fill":"url(#lume-dark-radial)"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M146.211 216.259C89.3051 251.818 11.1134 229.337 11.1134 229.337C11.1134 229.337 25.1849 149.204 82.0911 113.645C138.997 78.0864 217.189 100.567 217.189 100.567C217.189 100.567 203.118 180.7 146.211 216.259Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M360.796 113.643C417.702 149.202 431.774 229.335 431.774 229.335C431.774 229.335 353.582 251.816 296.676 216.257C239.77 180.698 225.698 100.564 225.698 100.564C225.698 100.564 303.89 78.0838 360.796 113.643Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"lume-dark-radial","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(221.877 271.5) rotate(90) scale(171.5)"},"children":[{"type":"stop","props":{"stopColor":"#D06B57"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D06B57","stopOpacity":"0"},"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 Lume = react_1.forwardRef(function Lume({ 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 Lume = react_1.forwardRef(function Lume({ 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/lume.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, dark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 443 443","fill":"none","childNodes":[{"type":"title","props":{},"children":["Lume"]},{"type":"path","props":{"fill":"#D06B57","d":"M281.777 255.5C281.777 322.603 221.277 377 221.277 377C221.277 377 160.777 322.603 160.777 255.5C160.777 188.397 221.277 134 221.277 134C221.277 134 281.777 188.397 281.777 255.5Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M347.08 168.186C390.212 219.589 378.833 300.149 378.833 300.149C378.833 300.149 297.521 297.367 254.388 245.963C211.256 194.559 222.635 114 222.635 114C222.635 114 303.947 116.782 347.08 168.186Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M188.167 245.963C145.034 297.367 63.7226 300.149 63.7226 300.149C63.7226 300.149 52.3429 219.589 95.4756 168.186C138.608 116.782 219.92 114 219.92 114C219.92 114 231.3 194.559 188.167 245.963Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M164.878 0C171.116 -6.8123e-08 177.293 1.22906 183.056 3.61621C188.819 6.00336 194.055 9.50223 198.466 13.9131C202.877 18.3239 206.376 23.5602 208.763 29.3232C211.15 35.0863 212.379 41.2631 212.379 47.501C212.379 49.7101 210.588 51.501 208.379 51.501C206.17 51.501 204.379 49.7101 204.379 47.501C204.379 42.3137 203.357 37.1772 201.372 32.3848C199.387 27.5923 196.478 23.2373 192.81 19.5693C189.142 15.9013 184.787 12.9919 179.994 11.0068C178.154 10.2447 176.263 9.62621 174.338 9.15137C174.361 9.43122 174.377 9.71406 174.377 10C174.377 15.5228 169.9 20 164.377 20C158.854 20 154.377 15.5228 154.377 10C154.377 4.47715 158.854 0 164.377 0C164.467 0 164.558 0.00347141 164.647 0.00585938C164.724 0.00152808 164.801 9.22301e-10 164.878 0Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M278.379 0C283.902 0 288.379 4.47715 288.379 10C288.379 15.5228 283.902 20 278.379 20C272.856 20 268.379 15.5228 268.379 10C268.379 9.71409 268.393 9.4312 268.417 9.15137C266.492 9.62618 264.602 10.2448 262.762 11.0068C257.969 12.9919 253.614 15.9013 249.946 19.5693C246.278 23.2373 243.369 27.5923 241.384 32.3848C239.399 37.1772 238.377 42.3137 238.377 47.501C238.377 49.7101 236.586 51.501 234.377 51.501C232.168 51.501 230.377 49.7101 230.377 47.501C230.377 41.2631 231.606 35.0863 233.993 29.3232C236.38 23.5602 239.879 18.3239 244.29 13.9131C248.701 9.50223 253.937 6.00336 259.7 3.61621C265.463 1.22906 271.64 -6.8123e-08 277.878 0C277.955 9.18378e-10 278.031 0.00156461 278.107 0.00585938C278.198 0.00345415 278.288 0 278.379 0Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M261.377 65C261.377 87.0914 243.468 135 221.377 135C199.286 135 181.377 87.0914 181.377 65C181.377 42.9086 199.286 25 221.377 25C243.468 25 261.377 42.9086 261.377 65Z"},"children":[]},{"type":"circle","props":{"opacity":"0.6","cx":"221.877","cy":"271.5","r":"171.5","fill":"url(#lume-radial)"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M146.211 216.259C89.3051 251.818 11.1134 229.337 11.1134 229.337C11.1134 229.337 25.1849 149.204 82.0911 113.645C138.997 78.0864 217.189 100.567 217.189 100.567C217.189 100.567 203.118 180.7 146.211 216.259Z"},"children":[]},{"type":"path","props":{"fill":"#000","d":"M360.796 113.643C417.702 149.202 431.774 229.335 431.774 229.335C431.774 229.335 353.582 251.816 296.676 216.257C239.77 180.698 225.698 100.564 225.698 100.564C225.698 100.564 303.89 78.0838 360.796 113.643Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"lume-radial","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(221.877 271.5) rotate(90) scale(171.5)"},"children":[{"type":"stop","props":{"stopColor":"#D06B57"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D06B57","stopOpacity":"0"},"children":[]}]}]}]},"dark":{"viewBox":"0 0 443 443","fill":"none","childNodes":[{"type":"title","props":{},"children":["Lume"]},{"type":"path","props":{"fill":"#D06B57","d":"M281.777 255.5C281.777 322.603 221.277 377 221.277 377C221.277 377 160.777 322.603 160.777 255.5C160.777 188.397 221.277 134 221.277 134C221.277 134 281.777 188.397 281.777 255.5Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M347.08 168.186C390.212 219.589 378.833 300.149 378.833 300.149C378.833 300.149 297.521 297.367 254.388 245.963C211.256 194.559 222.635 114 222.635 114C222.635 114 303.947 116.782 347.08 168.186Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M188.167 245.963C145.034 297.367 63.7226 300.149 63.7226 300.149C63.7226 300.149 52.3429 219.589 95.4756 168.186C138.608 116.782 219.92 114 219.92 114C219.92 114 231.3 194.559 188.167 245.963Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M164.878 0C171.116 -6.8123e-08 177.293 1.22906 183.056 3.61621C188.819 6.00336 194.055 9.50223 198.466 13.9131C202.877 18.3239 206.376 23.5602 208.763 29.3232C211.15 35.0863 212.379 41.2631 212.379 47.501C212.379 49.7101 210.588 51.501 208.379 51.501C206.17 51.501 204.379 49.7101 204.379 47.501C204.379 42.3137 203.357 37.1772 201.372 32.3848C199.387 27.5923 196.478 23.2373 192.81 19.5693C189.142 15.9013 184.787 12.9919 179.994 11.0068C178.154 10.2447 176.263 9.62621 174.338 9.15137C174.361 9.43122 174.377 9.71406 174.377 10C174.377 15.5228 169.9 20 164.377 20C158.854 20 154.377 15.5228 154.377 10C154.377 4.47715 158.854 0 164.377 0C164.467 0 164.558 0.00347141 164.647 0.00585938C164.724 0.00152808 164.801 9.22301e-10 164.878 0Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M278.379 0C283.902 0 288.379 4.47715 288.379 10C288.379 15.5228 283.902 20 278.379 20C272.856 20 268.379 15.5228 268.379 10C268.379 9.71409 268.393 9.4312 268.417 9.15137C266.492 9.62618 264.602 10.2448 262.762 11.0068C257.969 12.9919 253.614 15.9013 249.946 19.5693C246.278 23.2373 243.369 27.5923 241.384 32.3848C239.399 37.1772 238.377 42.3137 238.377 47.501C238.377 49.7101 236.586 51.501 234.377 51.501C232.168 51.501 230.377 49.7101 230.377 47.501C230.377 41.2631 231.606 35.0863 233.993 29.3232C236.38 23.5602 239.879 18.3239 244.29 13.9131C248.701 9.50223 253.937 6.00336 259.7 3.61621C265.463 1.22906 271.64 -6.8123e-08 277.878 0C277.955 9.18378e-10 278.031 0.00156461 278.107 0.00585938C278.198 0.00345415 278.288 0 278.379 0Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M261.377 65C261.377 87.0914 243.468 135 221.377 135C199.286 135 181.377 87.0914 181.377 65C181.377 42.9086 199.286 25 221.377 25C243.468 25 261.377 42.9086 261.377 65Z"},"children":[]},{"type":"circle","props":{"opacity":"0.6","cx":"221.877","cy":"271.5","r":"171.5","fill":"url(#lume-dark-radial)"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M146.211 216.259C89.3051 251.818 11.1134 229.337 11.1134 229.337C11.1134 229.337 25.1849 149.204 82.0911 113.645C138.997 78.0864 217.189 100.567 217.189 100.567C217.189 100.567 203.118 180.7 146.211 216.259Z"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"M360.796 113.643C417.702 149.202 431.774 229.335 431.774 229.335C431.774 229.335 353.582 251.816 296.676 216.257C239.77 180.698 225.698 100.564 225.698 100.564C225.698 100.564 303.89 78.0838 360.796 113.643Z"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"id":"lume-dark-radial","cx":"0","cy":"0","r":"1","gradientUnits":"userSpaceOnUse","gradientTransform":"translate(221.877 271.5) rotate(90) scale(171.5)"},"children":[{"type":"stop","props":{"stopColor":"#D06B57"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D06B57","stopOpacity":"0"},"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 Lume = forwardRef(
   function Lume({ 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 Lume = 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/magic-ui.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"none","childNodes":[{"type":"rect","props":{"width":"256","height":"256","rx":"128","fill":"url(#paint0_linear_601_4643)"},"children":[]},{"type":"rect","props":{"width":"256","height":"256","rx":"128","fill":"url(#paint1_linear_601_4643)"},"children":[]},{"type":"path","props":{"d":"M124.157 193.675C123.939 193.783 123.722 193.837 123.505 193.837C123.287 193.837 122.852 193.837 122.2 193.837C120.678 193.837 118.884 193.567 116.818 193.025C114.862 192.591 112.905 191.995 110.948 191.236C109.099 190.586 107.469 189.828 106.055 188.961C104.751 188.094 103.935 187.335 103.609 186.685C103.501 185.167 103.446 183.596 103.446 181.97C103.446 180.345 103.446 178.773 103.446 177.256C103.446 165.118 104.316 152.438 106.055 139.217C107.904 125.995 110.893 111.69 115.025 96.3005C115.459 94.7833 115.894 92.8867 116.329 90.6108C116.873 88.2266 117.416 85.6798 117.96 82.9704C115.351 85.0296 112.252 88.335 108.665 92.8867C105.077 97.3301 101.272 102.64 97.2492 108.818C93.3354 114.887 89.3672 121.606 85.3446 128.975C81.4308 136.236 77.8431 143.66 74.5815 151.246C71.32 158.724 68.4933 166.148 66.1015 173.517C63.8185 180.887 62.4051 187.714 61.8615 194C56.6431 192.483 53.001 190.966 50.9354 189.448C48.9785 187.931 48 186.089 48 183.921C48 181.97 48.5979 179.207 49.7938 175.631C50.9897 172.054 52.6749 167.828 54.8492 162.951C57.0236 158.074 59.6872 152.655 62.84 146.695C65.9928 140.626 69.4718 134.123 73.2769 127.187C77.6256 119.276 81.8656 111.852 85.9969 104.916C90.2369 97.9803 94.3682 91.6946 98.3908 86.0591C102.413 80.4236 106.327 75.5468 110.132 71.4286C114.046 67.3104 117.906 64.1675 121.711 62C123.233 62 125.244 62.3793 127.745 63.1379C130.354 63.8966 132.854 64.8177 135.246 65.9015C137.747 66.9852 139.921 68.1232 141.769 69.3153C143.726 70.399 144.813 71.3202 145.031 72.0788C143.509 75.1133 141.715 79.665 139.649 85.734C137.584 91.803 135.464 98.6847 133.289 106.379C131.224 114.074 129.212 122.256 127.255 130.926C125.407 139.488 123.939 147.724 122.852 155.635C125.353 149.675 128.234 143.498 131.495 137.103C134.866 130.601 138.399 124.207 142.095 117.921C145.792 111.527 149.543 105.35 153.348 99.3892C157.262 93.4286 161.067 88.0099 164.763 83.133C168.459 78.1478 171.884 73.8128 175.037 70.1281C178.298 66.4434 181.179 63.734 183.68 62C185.202 62 187.213 62.3793 189.714 63.1379C192.323 63.8966 194.824 64.8177 197.215 65.9015C199.716 66.9852 201.89 68.1232 203.738 69.3153C205.695 70.399 206.783 71.3202 207 72.0788C203.521 78.2562 200.477 85.7882 197.868 94.6749C195.258 103.562 193.03 112.882 191.182 122.635C189.442 132.389 188.083 142.089 187.105 151.734C186.235 161.271 185.8 169.833 185.8 177.419C185.8 179.911 185.8 182.512 185.8 185.222C185.8 187.931 185.909 190.749 186.126 193.675C184.604 193.675 182.756 193.458 180.582 193.025C178.516 192.7 176.45 192.212 174.385 191.562C172.428 190.911 170.634 190.153 169.003 189.286C167.372 188.527 166.231 187.66 165.578 186.685C165.47 185.167 165.415 183.596 165.415 181.97C165.415 180.345 165.415 178.773 165.415 177.256C165.415 165.118 166.285 152.438 168.025 139.217C169.873 125.995 172.863 111.69 176.994 96.3005C177.429 94.7833 177.918 92.7241 178.462 90.1232C179.005 87.5222 179.549 84.8128 180.092 81.9951C177.048 83.5123 173.569 86.4384 169.655 90.7734C165.85 95 161.936 100.202 157.914 106.379C154 112.448 150.086 119.222 146.172 126.7C142.367 134.177 138.888 141.818 135.735 149.621C132.691 157.315 130.082 165.01 127.908 172.704C125.842 180.291 124.592 187.281 124.157 193.675Z","fill":"white"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear_601_4643","x1":"128","y1":"0","x2":"128","y2":"256","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#EF786F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D8595E"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint1_linear_601_4643","x1":"78","y1":"3.7012e-06","x2":"236","y2":"256","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#9E7AFF"},"children":[]},{"type":"stop","props":{"offset":"0.333333","stopColor":"#FE8BBB"},"children":[]},{"type":"stop","props":{"offset":"0.666667","stopColor":"#FFBD7A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F8EAC3"},"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 MagicUi = react_1.forwardRef(function MagicUi({ 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 MagicUi = react_1.forwardRef(function MagicUi({ 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/magic-ui.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"none","childNodes":[{"type":"rect","props":{"width":"256","height":"256","rx":"128","fill":"url(#paint0_linear_601_4643)"},"children":[]},{"type":"rect","props":{"width":"256","height":"256","rx":"128","fill":"url(#paint1_linear_601_4643)"},"children":[]},{"type":"path","props":{"d":"M124.157 193.675C123.939 193.783 123.722 193.837 123.505 193.837C123.287 193.837 122.852 193.837 122.2 193.837C120.678 193.837 118.884 193.567 116.818 193.025C114.862 192.591 112.905 191.995 110.948 191.236C109.099 190.586 107.469 189.828 106.055 188.961C104.751 188.094 103.935 187.335 103.609 186.685C103.501 185.167 103.446 183.596 103.446 181.97C103.446 180.345 103.446 178.773 103.446 177.256C103.446 165.118 104.316 152.438 106.055 139.217C107.904 125.995 110.893 111.69 115.025 96.3005C115.459 94.7833 115.894 92.8867 116.329 90.6108C116.873 88.2266 117.416 85.6798 117.96 82.9704C115.351 85.0296 112.252 88.335 108.665 92.8867C105.077 97.3301 101.272 102.64 97.2492 108.818C93.3354 114.887 89.3672 121.606 85.3446 128.975C81.4308 136.236 77.8431 143.66 74.5815 151.246C71.32 158.724 68.4933 166.148 66.1015 173.517C63.8185 180.887 62.4051 187.714 61.8615 194C56.6431 192.483 53.001 190.966 50.9354 189.448C48.9785 187.931 48 186.089 48 183.921C48 181.97 48.5979 179.207 49.7938 175.631C50.9897 172.054 52.6749 167.828 54.8492 162.951C57.0236 158.074 59.6872 152.655 62.84 146.695C65.9928 140.626 69.4718 134.123 73.2769 127.187C77.6256 119.276 81.8656 111.852 85.9969 104.916C90.2369 97.9803 94.3682 91.6946 98.3908 86.0591C102.413 80.4236 106.327 75.5468 110.132 71.4286C114.046 67.3104 117.906 64.1675 121.711 62C123.233 62 125.244 62.3793 127.745 63.1379C130.354 63.8966 132.854 64.8177 135.246 65.9015C137.747 66.9852 139.921 68.1232 141.769 69.3153C143.726 70.399 144.813 71.3202 145.031 72.0788C143.509 75.1133 141.715 79.665 139.649 85.734C137.584 91.803 135.464 98.6847 133.289 106.379C131.224 114.074 129.212 122.256 127.255 130.926C125.407 139.488 123.939 147.724 122.852 155.635C125.353 149.675 128.234 143.498 131.495 137.103C134.866 130.601 138.399 124.207 142.095 117.921C145.792 111.527 149.543 105.35 153.348 99.3892C157.262 93.4286 161.067 88.0099 164.763 83.133C168.459 78.1478 171.884 73.8128 175.037 70.1281C178.298 66.4434 181.179 63.734 183.68 62C185.202 62 187.213 62.3793 189.714 63.1379C192.323 63.8966 194.824 64.8177 197.215 65.9015C199.716 66.9852 201.89 68.1232 203.738 69.3153C205.695 70.399 206.783 71.3202 207 72.0788C203.521 78.2562 200.477 85.7882 197.868 94.6749C195.258 103.562 193.03 112.882 191.182 122.635C189.442 132.389 188.083 142.089 187.105 151.734C186.235 161.271 185.8 169.833 185.8 177.419C185.8 179.911 185.8 182.512 185.8 185.222C185.8 187.931 185.909 190.749 186.126 193.675C184.604 193.675 182.756 193.458 180.582 193.025C178.516 192.7 176.45 192.212 174.385 191.562C172.428 190.911 170.634 190.153 169.003 189.286C167.372 188.527 166.231 187.66 165.578 186.685C165.47 185.167 165.415 183.596 165.415 181.97C165.415 180.345 165.415 178.773 165.415 177.256C165.415 165.118 166.285 152.438 168.025 139.217C169.873 125.995 172.863 111.69 176.994 96.3005C177.429 94.7833 177.918 92.7241 178.462 90.1232C179.005 87.5222 179.549 84.8128 180.092 81.9951C177.048 83.5123 173.569 86.4384 169.655 90.7734C165.85 95 161.936 100.202 157.914 106.379C154 112.448 150.086 119.222 146.172 126.7C142.367 134.177 138.888 141.818 135.735 149.621C132.691 157.315 130.082 165.01 127.908 172.704C125.842 180.291 124.592 187.281 124.157 193.675Z","fill":"white"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"paint0_linear_601_4643","x1":"128","y1":"0","x2":"128","y2":"256","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#EF786F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D8595E"},"children":[]}]},{"type":"linearGradient","props":{"id":"paint1_linear_601_4643","x1":"78","y1":"3.7012e-06","x2":"236","y2":"256","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#9E7AFF"},"children":[]},{"type":"stop","props":{"offset":"0.333333","stopColor":"#FE8BBB"},"children":[]},{"type":"stop","props":{"offset":"0.666667","stopColor":"#FFBD7A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F8EAC3"},"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 MagicUi = forwardRef(
   function MagicUi({ 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 MagicUi = 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/makemytrip.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 1558 496","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Layer"},"children":[{"type":"path","props":{"id":"Layer","className":"s0","d":"m1023.5 495.8c30-0.4 58.4-12.1 79-33.1 21-21 32.7-49.4 32.7-79v-270.6c0-30-11.7-58.4-32.3-79.8-21-21-49.4-33.1-79.4-33.1h-271.9c-30 0.4-58.4 12.1-79 33.1-21 21.4-32.7 49.8-32.7 79.8v271c0.4 61.5 50.2 111.3 111.7 111.7"},"children":[]},{"type":"path","props":{"id":"Layer","className":"s1","d":"m946.5 263.4c-10.5 35 6.6 70.1 42.8 56-10.5 25.3-28 63.1-28 102.4 0 0 0 26.5 19.4 33.1 0 0 27.2 6.6 21.4-17.5-4.3-15.2-5.4-30.7-3.5-46.3 6.6-32.3 16.7-63.9 30-94.2 0 0 41.6-86.9 65.7-127.3 0 0 10.1-20.7-10.5-20.7-6.2 0-12.1 3.1-15.9 8.2l-58.8 104.7c-8.9 16.4-17.5 21.4-24.1 21.4-14.8 0-11.7-23.7-9.3-32.3 6.6-29.2 17.1-57.2 31.1-84.1 10.5-22.9-10.5-24.9-10.5-24.9-13.3-3.5-23.4 18.3-23.4 18.3l-23.3 47.5c-15.2 26.5-31.9 51.8-49.8 76.3 0 0-3.1 3.9-5.5 2.4-2.3-2-1.1-5.9-1.1-5.9 3.9-32.3 10.5-64.2 19.4-95.8 0.4-1.9 0.8-3.5 0.8-5.4 0.4-4.3-0.8-8.6-3.5-11.7-2.7-3.5-6.6-5.4-10.9-5.4-10.5-1.2-15.5 3.8-24.9 15.1-20.6 25.3-44.7 63.5-56.4 80.6-1.2 2-3.5 1.6-3.5-1.1 0-7.8 27.2-91.9 27.2-91.9 0 0 3.2-11.7-6.2-15.6 0 0-14.4-8.9-26 8.6l-56.1 76.3c-4.2 5.8-6.6 3.9-6.6 3.9v-5.1l9-49.8c7-38.2-6.3-40.1-14.8-41.7-6.2 0-12.9 2-18.3 5.5-17.5 8.5-30.7 43.2-30.7 43.2 0 0-3.9 12.4 4.6 17.5 2.8 1.6 5.9 2.7 9 2.3 12.4-0.7 14.8-23.7 23.7-23.7 1.6 0 1.6 1.9 1.6 2.3l-28.8 121.1c-2 7 1.1 14.4 7 18.3 3.9 2.3 8.2 2.7 12.4 2 3.9-1.2 7.4-3.9 9.8-7.4l10.5-16.4c15.1-26.9 43.1-65.4 45.9-65.4 1.1 0 1.5 0 1.5 1.2l-10.5 71.2c-1.1 6.2 2.4 12.9 8.2 15.6 5.4 1.9 11.3 1.5 16.3-1.2 5.9-4.7 10.9-10.5 14.4-17.1 5.9-9.4 33.9-42.4 51-72.8 1.2-2 2.3 0 1.9 1.2-3.5 15.9-6.2 58.4-6.6 68.9-0.8 20.6 15.2 22.9 15.6 22.9 10.5 0.8 20.6-3.9 26.4-12.4"},"children":[]},{"type":"path","props":{"id":"Layer","fillRule":"evenodd","className":"s2","d":"m109.3 310.5h-31.1v-69.7c0.4-7.8-1.2-15.6-4.7-22.2-3.5-5.1-9.7-8.2-16-7.4-5.4 0-10.5 1.2-14.7 3.9-4.7 3.1-8.6 7.4-11.3 12.1v83.3h-31.1v-126.5h17.5l11.6 17.1c3.1-2.7 6.3-5.1 9.4-7.4 3.1-2 6.2-3.5 9.7-5.1q5.2-2.3 10.5-3.5c3.5-0.8 7.4-1.1 11.3-1.1 4.3 0 8.5 0.3 12.4 1.5 3.1 1.2 6.3 2.3 9.4 4.3 2.3 1.9 4.6 4.3 6.6 6.6 2.3 3.1 3.9 5.9 5.4 9 2.4-2.4 5.1-5.1 8.2-7.4 3.1-2.4 6.6-4.7 10.5-6.6q5.3-3.6 11.7-5.9c4.6-1.2 9.3-1.9 14.4-1.9 6.2 0 12 1.5 17.5 4.2 5 3.2 9.3 7.1 12 11.7 3.1 5.9 5.5 11.7 6.6 18.3 1.6 7.4 2.4 14.8 2.4 22.6v70.1h-31.5v-69.7c0.7-7.8-0.8-15.6-4.7-22.2-3.5-5.1-9.3-8.2-15.6-7.4-5 0-10.1 1.2-14.7 3.9-4.7 3.1-9 7-11.7 12.1m179.7 69.3c-4.3 4.3-9.7 7.8-15.2 10.1-7.3 2.7-15.1 4.3-22.9 3.9-5.5 0.4-11.3-0.8-16.3-2.7q-7.1-3-12.9-8.2-5.2-5.9-8.2-12.9c-1.9-5-2.7-10.5-2.7-15.9 0-23.4 18.3-38.6 47.5-38.6h31.1v-7c0-4.6-2.7-8.5-6.6-10.5-6.2-2.7-13.2-4.3-20.2-3.9-7.8 0-15.6 1.2-23 2.7q-8.7 2.4-17.5 5.9l-3.5-26.1c1.9-1.2 4.7-1.9 8.2-3.1 3.1-1.2 7-2 10.5-3.1 3.5-0.8 8.1-1.6 12.8-2.4 4.7-0.7 9.7-0.7 14.8-0.7 14.4-1.2 29.2 3.5 40.1 12.8 9.7 10.1 14.4 23.8 13.6 37.4v76.3h-22.2zm0-43.6h-27.6c-5.8-0.4-11.3 1.1-16.4 4.3-3.1 3.1-5 7.4-5 12 0 4.3 1.5 8.2 4.7 11.3 3.5 2.7 8.1 4.3 12.8 3.9 3.5 0 7-0.4 10.5-1.5 3.1-0.8 6.2-2 8.9-3.5q4.1-3 7.1-5.9c2.3-2.3 3.8-4.7 5.4-7zm125.3-7.8l57.2 65h-38.9l-53-64.2v64.2h-30.7v-173.2h30.7v109l47.1-63.8h37.8zm124.8 38.1c4.7 0 9.8-0.4 14.4-1.6 4.3-0.7 8.6-1.9 12.5-3.5 3.5-1.1 7-2.7 10.1-4.6 1.5-0.8 3.1-2 4.7-3.1l5.8 27.6c-6.6 3.5-13.6 6.6-21 9-8.6 2.3-17.5 3.5-26.5 3.5-9.7 0-19.4-1.6-28.8-4.7-7.4-2.7-14.7-7-20.6-12.9-5.8-5.4-10.1-12.4-12.8-19.8-3.5-7.8-5.1-16.4-5.5-25.3 0-8.2 1.2-16.4 3.9-24.2 2.8-7.7 6.6-14.4 12.1-20.6 5-5.8 11.7-10.5 19.1-13.6 16.7-6.6 35.7-6.6 52.5 0 7 2.7 12.8 7.4 17.9 12.8 4.6 5.5 8.1 11.7 10.5 18.3 1.9 7 3.1 14.4 3.1 21.8 0 2 0 4.3 0 6.6-0.4 2.4-0.8 4.7-1.2 6.7h-86q0.6 6.4 3.5 11.6c1.6 3.5 4.3 6.7 7.4 9 3.1 2.7 6.6 4.7 10.9 5.4q6.4 2.4 14 2.4c0 0 0-0.8 0-0.8zm-5.8-71.2c-3.9 0-7.8 0.3-11.3 1.5-3.1 0.8-6.2 2.4-8.5 4.3-2.8 1.6-4.7 3.9-6.3 6.6-1.5 2.7-2.7 5.5-3.5 8.6h54.9c0-2.7-0.4-5.5-1.6-8.2-0.8-2.3-2.7-4.7-4.6-6.6-2.4-2-5.1-3.5-7.8-4.7-3.9-1.2-7.8-1.9-11.3-1.5zm632.2-10.2l41.2-49.8h9.3v31.5h35.4v27.3h-35.4v52.2c0 2.7 0.4 5.8 1.2 8.9q1.2 2.9 3.5 5.9c1.6 1.1 3.5 2.3 5.5 2.7 1.9 0.8 3.9 1.1 6.2 1.1 3.5 0 7-0.3 10.1-1.5 3.1-0.4 5.8-1.6 8.6-2.7v27.6q-4.7 2.3-10.6 3.5c-10.8 2.3-22.1 2-32.6-1.2-5.1-1.5-9.4-4.2-13.3-7.7-3.1-3.5-5.8-7.8-7.3-12.5-1.6-5.1-2.8-10.9-2.4-16.4v-59.1h-20.2zm138.9 8.1c4.6-7.7 10.5-14.4 17.9-19.4 6.2-4.7 14-7 22.2-6.6q3.5-0.6 7 0l4.2 0.7c0 0-0.7 7-5.4 28.8-2.3-0.3-4.7-0.7-7-0.3-5.5-0.4-10.5 0.7-15.6 2.7-4.6 1.9-8.5 5-11.6 8.9-3.2 3.9-5.9 8.6-7.4 13.7q-2.4 9.3-2.4 18.7v53.3h-31.1v-126.5h19.5zm199.5-26.1c8.6-0.4 16.8 1.5 24.1 5 6.7 3.5 12.1 8.2 16.8 14.4 4.3 6.3 7.8 13.3 9.7 20.7 1.9 7.8 3.1 15.9 3.1 23.7 0 8.2-1.2 16.4-3.5 24.2-1.9 7.4-5.4 14-10.1 19.8-4.7 5.9-10.1 10.5-16.7 13.6-7 3.6-15.2 5.1-23 5.1-7.8 0-15.2-1.2-22.2-3.9-5.8-2.7-11.2-6.2-15.5-11.3v65.8h-31.1v-177.1h18.2l12.1 15.2c4.7-4.7 10.5-8.6 17.1-11.7 6.6-2.4 13.6-3.9 20.6-3.5zm-8.5 27.6c-3.5-0.4-7 0.4-10.1 1.6-3.1 1.1-5.9 2.7-8.6 4.6-2.3 1.6-4.3 3.9-6.2 6.3-1.6 2.3-3.1 4.6-3.9 7.4v35.8c1.2 2.3 2.7 4.3 4.7 6.2 1.9 2 3.9 3.5 6.2 5.1q4.1 2.3 8.2 3.5c7.7 1.9 15.9 1.5 23.3-1.2 3.5-1.9 7-4.3 9.3-7.4 2.8-3.1 4.7-7 5.9-10.9 1.1-4.7 1.9-9.7 2.3-14.8 0-4.6-0.8-9.7-2.3-14.8q-1.8-6.4-5.9-11.7c-2.7-3.1-5.8-5.8-9.7-7.4-3.9-1.9-7.8-2.7-12.1-2.7zm-107.7-79.8c4.3 0 8.5 2 11.3 5.1 3.1 3.1 5 7 4.6 11.3 0 8.9-7 16.3-15.9 16.3-9 0-16-7.4-16-16.3 0-9 7-16 16-16zm-16 52.2h31.2v126.5h-31.2z"},"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 Makemytrip = react_1.forwardRef(function Makemytrip({ 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 Makemytrip = react_1.forwardRef(function Makemytrip({ variant = 'default',
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });