@thesvg/react 3.2.2 → 3.2.5

package/dist/squash.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 220.5 264.04","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[]},{"type":"title","props":{},"children":["sqAsset 1"]},{"type":"g","props":{"id":"Layer_2","data-name":"Layer 2"},"children":[{"type":"g","props":{"id":"Layer_1-2","data-name":"Layer 1"},"children":[{"type":"path","props":{"className":"cls-1","d":"M142.14,97c.2-5.78,16.48,7.94,34.79-1.51s23.07-3,24.76,2.46S197.62,115,177.9,117.84s-36-15.12-35.76-20.89"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M191.51,102.46a3.17,3.17,0,0,1,1.73-3.65,2.29,2.29,0,0,1,3.39,1,3.17,3.17,0,0,1-1.73,3.65c-1.41.74-2.93.31-3.39-1m-27.39,6c-1-2.23,5.28,1.48,18.47-3.25,4.7-1.69,6.7-3.13,8-1.29.57.79,1.38,3.18-5.24,5.43S165.24,110.9,164.12,108.43Z"},"children":[]},{"type":"path","props":{"className":"cls-3","d":"M217.67,108.26c6.07,2.52,1.37,15.65-4.7,13.13L4.74,51.93C-.27,49.7,1.13,40,7.38,40.3Z"},"children":[]},{"type":"path","props":{"className":"cls-4","d":"M81.62,27.79C79.13,5.25,35.54-7.35,19.35,6.14,7.94,32.37,1.07,60,.5,87.89c4.31,18.43,33.2,28.36,49.89,17.59C67.15,83.83,77.22,56.73,81.62,27.79"},"children":[]},{"type":"path","props":{"className":"cls-5","d":"M81.62,27.79a19.15,19.15,0,0,0-1.69-6L43.1,29.58,22.75,108.26c9.37,2.77,19.84,2.25,27.64-2.78C67.15,83.83,77.22,56.73,81.62,27.79"},"children":[]},{"type":"path","props":{"className":"cls-6","d":"M3,60.63c-.41,2.53-.78,5.07-1.09,7.61.52,1,1.08,1.89,1.7,2.81C8.44,78.36,16,84.71,24.46,89.22s18,7.18,26.82,7.18A38.65,38.65,0,0,0,57.11,96q1.47-2.3,2.87-4.66a33.13,33.13,0,0,1-8.72,1.11c-8.14,0-17-2.51-24.93-6.72S11.4,75.61,7,68.87A31.71,31.71,0,0,1,3,60.63"},"children":[]},{"type":"path","props":{"className":"cls-6","d":"M11.42,26.8q-.95,2.84-1.81,5.69a38.49,38.49,0,0,0,3,4.26c5.58,6.94,14,12.73,23.23,16.61s19.5,5.86,28.81,5.21a41.77,41.77,0,0,0,10.5-2c.49-1.62,1-3.24,1.42-4.88a35,35,0,0,1-12.2,3c-8.6.6-18.12-1.26-26.79-4.89s-16.45-9-21.6-15.38a31.15,31.15,0,0,1-4.54-7.53"},"children":[]},{"type":"path","props":{"className":"cls-7","d":"M.5,87.89c0,9.65,29.8,35.32,49.89,17.59,1.7-2.19,3.32-4.43,4.88-6.73-.52.18-.85.34-.86.33-2-4-7.64,6.42-8.49,4.73-2.68-5.31-12.67,1.68-17.76-.07-3.59-1.23-6-10.09-12.25-8.15-9.23,2.86-5.2-8-7.92-8-5.9.11-3.31-3.42-5.59-8.69-3.07-7.08-2.56,6.79-1.9,9"},"children":[]},{"type":"path","props":{"className":"cls-7","d":"M81.62,27.79C79.13,5.25,35.54-7.35,19.35,6.14c-1.52,3-11.66,13.63-3.29,13.33.12,6.2-.49,9.33,10.13,8.33,4.43-.41,3.72,9.93,7.07,8.2,9.43-4.86,7.59,8.06,16.8,2.44,5.38-3.29.47,12.61,14.17,3.45,2.45-1.64,2.53,6.56,14.22,3.91,2.44-6,5.88-11.37,3.17-18"},"children":[]},{"type":"path","props":{"className":"cls-8","d":"M81.62,27.79a19.15,19.15,0,0,0-1.69-6L43.1,29.58,41.19,37C43.28,39,45,41.52,50.06,38.44c5.38-3.29.47,12.61,14.17,3.45,2.45-1.64,2.53,6.56,14.22,3.91,2.44-6,5.88-11.37,3.17-18"},"children":[]},{"type":"path","props":{"className":"cls-9","d":"M81.62,27.79C85.9,5.94,28.75-9,19.35,6.14c-5.27,21.33,58.37,37.4,62.27,21.65"},"children":[]},{"type":"path","props":{"className":"cls-10","d":"M55.4,8.29C43.56,3.93,35.27,3.91,31,6,29,6.87,28,8.19,27.8,9.69s.59,3.33,2.34,5.12c4.48,4.59,15.09,9,32.68,9.44,1.15,0,1.81-.2,2.06-.61a2.11,2.11,0,0,0-.15-1.75,11.48,11.48,0,0,0-2.09-3.08c-4-4.5-12.5-9.63-21.66-9.45-2,0-3.19.39-3.67.9a.71.71,0,0,0-.14.69,3.19,3.19,0,0,0,1,1.32c2,1.82,6.42,3.63,12.35,4l-.1,1.59c-6.32-.41-11.1-2.41-13.32-4.42a4.74,4.74,0,0,1-1.44-2.07,2.2,2.2,0,0,1,.5-2.21c.76-.82,2.33-1.37,4.81-1.42,9.67-.19,18.6,5.23,22.87,10a12.75,12.75,0,0,1,2.38,3.54,3.48,3.48,0,0,1,0,3.16c-.55.92-1.68,1.44-3.47,1.39C44.72,25.35,33.71,20.76,29,15.93c-2.1-2.15-3-4.39-2.78-6.41s1.6-3.84,4.05-5C34.91,2.32,43.66,2.27,56,6.79Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M58.29,90c2,.75-10.31,6.92-17.08,38.68C37.73,145,28.34,145.74,23,144s-7.89-12.64-4.24-26.07C25.48,93.19,49.07,86.63,58.29,90"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M25.12,133.5a3.37,3.37,0,0,1,2.27,3.6c-.15,1.68-1.4,2.78-2.79,2.46a3.33,3.33,0,0,1-2.27-3.6c.14-1.67,1.39-2.77,2.79-2.46m10.2-27.73c2.55.36-4.3,3.85-7.56,18.26-1.17,5.14-1,7.73-3.41,7.87-1,0-3.61-.58-1.86-7.74S32.49,105.37,35.32,105.77Z"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M65.39,30c5.46,2.27,9,5,13.44,9.64l-6.08,4.61c-1.61-1.68-13.28-1.06-11.55-2.41,3.45-2.69,1.28-5-1.84-6.35-5.89-3.44-7.72,12.2-22.69,7.7-10-3-14.47-12.36-11.41-21.14s13.61-13.3,23.57-10.1a13.08,13.08,0,0,1,9.31,11.94c.45,5.39,1,3.5,7.25,6.11"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M45.77,13.81a6.78,6.78,0,0,1,6.78,6.77c0,6.82-13.51,7.17-13.51-1,0-3.74,3-5.79,6.73-5.79"},"children":[]},{"type":"path","props":{"className":"cls-11","d":"M123.27,155.73c43.62,0,79,1.15,79,2.56s-35.35,2.57-79,2.57-79-1.15-79-2.57,35.35-2.56,79-2.56"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M73.25,158.59c14,0,16.7-9.15,26-9.22s13.3,9.22,26.83,9.22c21.88,0,36.12-47,36.12-72.69,0-32.94-27.93-55.11-62.39-55.11S37.4,53,37.4,85.9c0,39,16.65,72.69,35.85,72.69"},"children":[]},{"type":"path","props":{"className":"cls-12","d":"M154,66.1c2.67,6.36,3,13.42,4.14,20.63,6.83,42.43-114.9,68.3-110.92-7.9.06-1.18,0-2.34.11-3.47C78.64,60.86,122.17,57.56,154,66.1M102.48,32.35A56.09,56.09,0,0,1,144,50.57c-30.42-3.78-67.17.78-94.49,13.19C56.37,43.34,77.36,32.35,102.48,32.35Z"},"children":[]},{"type":"path","props":{"className":"cls-13","d":"M150,66.21a2.93,2.93,0,0,1,3,2.22c.44,1.44-.19,2.77-1.41,3a2.92,2.92,0,0,1-3-2.23c-.44-1.43.19-2.77,1.4-3M100.71,49.13c-10.87,2.23-14.25-8.26-.5-11.58,17.22-4.15,41.66,7.07,49,22.52,2,4.12-1.1,5.66-4.43,1.54C135.54,50.19,119,45.39,100.71,49.13Z"},"children":[]},{"type":"path","props":{"className":"cls-14","d":"M101.44,92c9.38-1,12.47-4.72,16.94-1.54s-1.91,16-15.25,17.52S81,98.39,84.42,94.2s7.65-1.19,17-2.23"},"children":[]},{"type":"path","props":{"className":"cls-1","d":"M111.66,102.88a17.52,17.52,0,0,1-18.23,1.88c-.11-2.87,4.81-5,8.83-3.5,3.79-2.33,9-1.28,9.4,1.62"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M101.56,93.05c6.14-.68,9.37-2.38,12.15-2.69a.77.77,0,0,1,0,.15,3.76,3.76,0,0,1-3.16,4.27,3.32,3.32,0,0,1-1.82-.3,4.08,4.08,0,0,1-6.86,1.19,4.1,4.1,0,0,1-7,.28,3.48,3.48,0,0,1-1.81.78,3.77,3.77,0,0,1-4-3.49,1.1,1.1,0,0,1,0-.18c2.78-.25,6.38.67,12.52,0"},"children":[]},{"type":"path","props":{"className":"cls-14","d":"M132.34,72.63a9.9,9.9,0,1,1-8.74,10.92,9.89,9.89,0,0,1,8.74-10.92"},"children":[]},{"type":"path","props":{"className":"cls-13","d":"M137.15,75.28a2.76,2.76,0,1,1-2.44,3,2.78,2.78,0,0,1,2.44-3"},"children":[]},{"type":"path","props":{"className":"cls-14","d":"M67,79.88A9.9,9.9,0,1,1,58.23,90.8,9.9,9.9,0,0,1,67,79.88"},"children":[]},{"type":"path","props":{"className":"cls-13","d":"M71.79,82.53a2.76,2.76,0,1,1-2.44,3,2.76,2.76,0,0,1,2.44-3"},"children":[]},{"type":"path","props":{"className":"cls-14","d":"M38.24,76.21C70.7,57.77,121.08,53.3,155.84,63.68c3.83,1.14,2.81-3.33.8-8.84-1.23-3.34-2.66-5.77-6.19-6.39C115.2,42.2,68.82,48.14,38.94,65.38A6.33,6.33,0,0,0,36,72c.36,2.45.29,5.31,2.23,4.21"},"children":[]},{"type":"path","props":{"className":"cls-15","d":"M106.1,25.66a21.81,21.81,0,1,1-21.81,21.8,21.8,21.8,0,0,1,21.81-21.8"},"children":[]},{"type":"path","props":{"className":"cls-16","d":"M127.61,51a21.81,21.81,0,0,1-43,0,21.81,21.81,0,0,1,43,0"},"children":[]},{"type":"path","props":{"className":"cls-17","d":"M106.1,40.15a8.23,8.23,0,1,1-7.77,8.22,8,8,0,0,1,7.77-8.22"},"children":[]},{"type":"path","props":{"className":"cls-14","d":"M106.1,40.15a7.32,7.32,0,1,1-7.32,7.31,7.31,7.31,0,0,1,7.32-7.31"},"children":[]},{"type":"path","props":{"className":"cls-2","d":"M99.48,54.91l-8.14,4.32c4.08,5.19,8.06,7.55,14.91,7l-1.73-8.43a7.18,7.18,0,0,1-5-2.86"},"children":[]},{"type":"path","props":{"className":"cls-12","d":"M144.56,167.07a2.66,2.66,0,1,1-2.65,2.65,2.66,2.66,0,0,1,2.65-2.65m-32.82,88.58a4.2,4.2,0,1,1-4.19,4.19A4.2,4.2,0,0,1,111.74,255.65Zm.85-73.9c8.9.52,5.54-.78,12.09-10.33,1.65-2.41,8.22-3,10,4.35,2.38,10,17.64,8.12,22.65-4.86,6.94-17.95,33.55-5.59,5.38,13.64-8.69,5.93,10.12,12.36,5.36,17.74-6.89,7.77,4.63,13.28,4.63,20.63,0,15.38-.81,5-11.45,9.59-6.79,2.9,7,9.68,6.56,17.56-.61,11.51-11.87,2.72-13.5-2.89-4.66-16-17.27,6-25.94-7.94-2.73-4.41-8.55,0-11,3.8-11.38,17.54-29,3-10.9-7.85,6.78-4.06-1.3-13.5-3.91-17.28-10.89-15.81,17.9-13.3,6.12-25.54C103.58,187.1,104.88,181.31,112.59,181.75Z"},"children":[]},{"type":"path","props":{"className":"cls-18","d":"M15.5,217.3a20.35,20.35,0,0,0,3.61.3l1.79,0a10.68,10.68,0,0,0,1.7-.18,3.39,3.39,0,0,0,1.27-.51,1.27,1.27,0,0,0,.51-1.1,1.45,1.45,0,0,0-.94-1.36,16.44,16.44,0,0,0-2.3-.88c-.91-.28-1.91-.62-3-1a9.73,9.73,0,0,1-3-1.7,9.15,9.15,0,0,1-2.31-3,11.09,11.09,0,0,1-.94-4.91,10.35,10.35,0,0,1,.79-4,9.52,9.52,0,0,1,2.55-3.51,13.3,13.3,0,0,1,4.55-2.55,20.45,20.45,0,0,1,6.73-1q1.51,0,3,.12t2.88.33l2.52.43c1.77.33,3,3.44,2.28,5.51-.88,2.72-.66,5.39-3.32,4.95a19.3,19.3,0,0,0-3.15-.24l-1.15,0a10.62,10.62,0,0,0-1.58.18,4.05,4.05,0,0,0-1.39.52,1.08,1.08,0,0,0-.61,1,1.55,1.55,0,0,0,1,1.45,15.21,15.21,0,0,0,2.4.91c.95.28,2,.63,3.12,1a11.1,11.1,0,0,1,3.12,1.73,9.09,9.09,0,0,1,2.4,3,10.69,10.69,0,0,1,1,4.91,9.77,9.77,0,0,1-1.43,5.46,10.51,10.51,0,0,1-3.76,3.49,17,17,0,0,1-5.36,1.85,36,36,0,0,1-6.31.55,41.05,41.05,0,0,1-5-.31c-2.54-.31-4.18-1.17-4.83-2.65a10.52,10.52,0,0,1-.25-3.16c-.19-3.06.76-6.2,3.44-5.71"},"children":[]},{"type":"path","props":{"className":"cls-19","d":"M129,212.34a6.54,6.54,0,0,0-3.61.49,2.71,2.71,0,0,0-1.74,2.11,2.74,2.74,0,0,0,1.11,2.44,6.63,6.63,0,0,0,3.59,1.3,6.11,6.11,0,0,0,3.75-.55,2.66,2.66,0,0,0,1.5-2.14,2.83,2.83,0,0,0-1-2.27,5.65,5.65,0,0,0-3.63-1.38M133.33,225a8.54,8.54,0,0,1-4.79,2,15.56,15.56,0,0,1-5.41-.52,12.06,12.06,0,0,1-4.17-2,11.3,11.3,0,0,1-3-3.38,12.15,12.15,0,0,1-1.48-4.43,13,13,0,0,1,.4-5.16,10.62,10.62,0,0,1,2.09-4.13,11.59,11.59,0,0,1,3.45-2.79,12.07,12.07,0,0,1,4.38-1.31,13.61,13.61,0,0,1,5,.42,11.77,11.77,0,0,1,4.27,2c2.48,1.94,2.36,3.6,3.09.86.48-1.78.21-3.11-.79-4a10.5,10.5,0,0,0-4.28-2.08,28.64,28.64,0,0,0-4.89-.75c-4.08-.36-2.5-2.3-1.81-5.39,1-4.28,1.87-3.71,7.84-2.76a58.65,58.65,0,0,1,6.23,1.32,24.14,24.14,0,0,1,5.37,2.16,13.79,13.79,0,0,1,4.2,3.45,11.27,11.27,0,0,1,2.23,4.75,12.42,12.42,0,0,1-.41,6.16c-1.82,6.17-3,10.12-4.88,16.29-1,3.43-2.3,5.3-5.62,4.7l-5.37-1C131.1,228.72,134.62,225.33,133.33,225Z"},"children":[]},{"type":"path","props":{"className":"cls-18","d":"M157.69,217.3a20.35,20.35,0,0,0,3.61.3l1.79,0a10.68,10.68,0,0,0,1.7-.18,3.32,3.32,0,0,0,1.27-.51,1.27,1.27,0,0,0,.51-1.1,1.45,1.45,0,0,0-.93-1.36,17.13,17.13,0,0,0-2.31-.88c-.91-.28-1.91-.62-3-1a9.73,9.73,0,0,1-3-1.7,9.15,9.15,0,0,1-2.31-3,11.09,11.09,0,0,1-.94-4.91,10.54,10.54,0,0,1,.79-4,9.52,9.52,0,0,1,2.55-3.51,13.3,13.3,0,0,1,4.55-2.55,20.45,20.45,0,0,1,6.73-1q1.52,0,3,.12t2.88.33l2.52.43c1.77.33,3,3.44,2.28,5.51-.88,2.72-.66,5.39-3.31,4.95a19.51,19.51,0,0,0-3.16-.24l-1.15,0a10.62,10.62,0,0,0-1.58.18,4.05,4.05,0,0,0-1.39.52,1.08,1.08,0,0,0-.61,1,1.56,1.56,0,0,0,1,1.45,15.21,15.21,0,0,0,2.4.91c.95.28,2,.63,3.12,1a11.1,11.1,0,0,1,3.12,1.73,9.09,9.09,0,0,1,2.4,3,10.69,10.69,0,0,1,1,4.91,9.77,9.77,0,0,1-1.42,5.46,10.62,10.62,0,0,1-3.77,3.49,17,17,0,0,1-5.36,1.85,36,36,0,0,1-6.31.55,41.18,41.18,0,0,1-5-.31c-2.54-.31-4.18-1.17-4.83-2.65a10.52,10.52,0,0,1-.25-3.16c-.19-3.06.76-6.2,3.44-5.71"},"children":[]},{"type":"path","props":{"className":"cls-18","d":"M100.48,225.27h-.12a8.56,8.56,0,0,1-3.9,4.87,12.83,12.83,0,0,1-6.21,1.43,10.52,10.52,0,0,1-7.58-2.77c-1.93-1.85-2.9-4.55-2.9-8.08V196.84c0-2.86,1.43-2.44,4.36-2.68l5.56-.45c2.31-.18,4-.66,4,1.69-.11,7-.21,14-.34,21.08a2.72,2.72,0,0,0,.65,2.15,3.25,3.25,0,0,0,2.22.65,3.13,3.13,0,0,0,2-.62,2.43,2.43,0,0,0,.71-2.12l-.33-19.71c0-2.87,2.26-2.5,5.23-2.73l4.42-.34c2.87-.23,4.65,0,4.58,2.79-.27,10.85-.53,20.95-.8,31.7,0,2.05-.86,2.3-2.69,2.38l-5.27.23c-2.14.09-3.58.52-3.58-1.61v-4"},"children":[]},{"type":"path","props":{"className":"cls-18","d":"M43.08,224.62a17.53,17.53,0,0,0,5.46,4.31,15.17,15.17,0,0,0,7,1.62,17,17,0,0,0,4.14-.56,8.68,8.68,0,0,0,4-2.25c-.11,3.39-.18,5.91-.28,9.3-.08,2.5.92,3.21,3.29,3.41l6.7.57c2.49.21,3.09-.77,3.12-3,.21-14.46.38-25.88.58-40.45,0-2.93.56-4.08-2.34-4.33l-6-.52c-2.18-.19-4.54-.84-4.54,1.22v2.63a13.61,13.61,0,0,0-4.15-3.21,11.8,11.8,0,0,0-5.15-1A14.28,14.28,0,0,0,48.07,194a16.71,16.71,0,0,0-5.24,4.34c-5,6.27-5.45,19.61.25,26.32m12.63-8.17a7,7,0,0,1-3.77-3.68,5.27,5.27,0,0,1,3.43-7.27,7.21,7.21,0,0,1,5.21.59,7.49,7.49,0,0,1,3.87,3.72A5.32,5.32,0,0,1,63,216.05a5.49,5.49,0,0,1-2,1,7.24,7.24,0,0,1-2.49.18A8.08,8.08,0,0,1,55.71,216.45Z"},"children":[]},{"type":"path","props":{"className":"cls-18","d":"M197.72,196.59a8.31,8.31,0,0,1,2.25-1.47,11,11,0,0,1,4.48-.88,10.61,10.61,0,0,1,4.52.91,9.15,9.15,0,0,1,3.31,2.55,11.51,11.51,0,0,1,2,3.85,14.7,14.7,0,0,1,.63,4.76l-.36,23.47-12.8,1.09V208.73a2.43,2.43,0,0,0-.72-1.76,2.66,2.66,0,0,0-1.94-.72,2.94,2.94,0,0,0-2,.69,2.38,2.38,0,0,0-.82,1.91v14.26c0,5.32,1.31,7.93-3.42,7.53l-5.15-.45c-2.87-.24-4.19-2.4-4.22-5.64-.11-13.43-.22-25.53-.34-38.73,0-5.16,4.41-4.75,9.85-4.75,4.18,0,3.62,3,3.52,7.09-.09,3.75-.08,3.08-.14,5.85-.08,3.15-.3,4,1.29,2.58"},"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 Squash = forwardRef(
   function Squash({ 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 Squash = 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/stability-ai.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 213","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"50%","x2":"50%","y1":"0%","y2":"100%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#9D39FF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#A380FF"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M72.418 212.45c49.478 0 81.658-26.205 81.658-65.626 0-30.572-19.572-49.998-54.569-58.043l-22.469-6.74c-19.71-4.424-31.215-9.738-28.505-23.312 2.255-11.292 9.002-17.667 24.69-17.667 49.872 0 68.35 17.667 68.35 17.667V16.237S123.583 0 73.223 0C25.757 0 0 24.424 0 62.236c0 30.571 17.85 48.35 54.052 56.798 2.534.633 3.83.959 3.885.976 5.507 1.704 12.938 3.956 22.293 6.755 18.504 4.425 23.262 9.121 23.262 23.2 0 12.872-13.374 20.19-31.074 20.19C21.432 170.154 0 144.36 0 144.36v47.078s13.402 21.01 72.418 21.01Z"},"children":[]},{"type":"path","props":{"fill":"#E80000","d":"M225.442 209.266c17.515 0 30.558-12.67 30.558-29.812 0-17.515-12.67-29.813-30.558-29.813-17.515 0-30.185 12.298-30.185 29.813s12.67 29.812 30.185 29.812Z"},"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 StabilityAi = react_1.forwardRef(function StabilityAi({ 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 StabilityAi = react_1.forwardRef(function StabilityAi({ 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/stability-ai.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 213","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"50%","x2":"50%","y1":"0%","y2":"100%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#9D39FF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#A380FF"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M72.418 212.45c49.478 0 81.658-26.205 81.658-65.626 0-30.572-19.572-49.998-54.569-58.043l-22.469-6.74c-19.71-4.424-31.215-9.738-28.505-23.312 2.255-11.292 9.002-17.667 24.69-17.667 49.872 0 68.35 17.667 68.35 17.667V16.237S123.583 0 73.223 0C25.757 0 0 24.424 0 62.236c0 30.571 17.85 48.35 54.052 56.798 2.534.633 3.83.959 3.885.976 5.507 1.704 12.938 3.956 22.293 6.755 18.504 4.425 23.262 9.121 23.262 23.2 0 12.872-13.374 20.19-31.074 20.19C21.432 170.154 0 144.36 0 144.36v47.078s13.402 21.01 72.418 21.01Z"},"children":[]},{"type":"path","props":{"fill":"#E80000","d":"M225.442 209.266c17.515 0 30.558-12.67 30.558-29.812 0-17.515-12.67-29.813-30.558-29.813-17.515 0-30.185 12.298-30.185 29.813s12.67 29.812 30.185 29.812Z"},"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 StabilityAi = forwardRef(
   function StabilityAi({ 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 StabilityAi = 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/stc.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 1000 499.61411","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs14"},"children":[]},{"type":"path","props":{"id":"path885","style":{"fill":"#4f008c","fillRule":"nonzero","stroke":"none","strokeWidth":"2.50276"},"d":"M 382.87891 0 L 382.87891 105.05859 L 485.59961 105.05859 L 485.59961 0 L 382.87891 0 z M 485.59961 105.05859 L 485.59961 204.67188 L 588.32227 204.67188 L 588.32227 105.05859 L 485.59961 105.05859 z M 485.59961 204.67188 L 382.87891 204.67188 L 382.87891 381.32422 C 382.87891 417.12089 393.77561 445.92122 413.22461 466.15039 C 435.01688 487.94404 466.92543 499.61328 506.61328 499.61328 C 547.08267 499.61328 575.87133 487.1637 588.32227 476.26758 L 588.32227 392.2207 C 578.98786 399.22702 560.31224 407.7793 536.18359 407.7793 C 519.06266 407.7793 506.61224 403.88983 497.26953 395.33008 C 489.48994 387.55047 485.59961 374.32629 485.59961 356.42383 L 485.59961 204.67188 z M 161.08594 93.388672 C 113.61849 93.388672 73.93025 108.9477 46.693359 133.84961 C 23.346271 155.64189 10.115234 185.2145 10.115234 217.9043 C 10.115234 246.69462 19.457645 270.82234 38.134766 289.49805 C 56.810501 308.17517 84.047085 322.17908 119.84375 330.74023 L 178.98828 344.75391 C 208.56153 351.75194 221.79297 362.64819 221.79297 382.10547 C 221.79297 406.22582 200.00117 420.23047 164.20312 420.23047 C 138.51967 420.23047 117.50847 411.67812 104.27734 397.66406 C 94.942929 388.33103 89.490063 375.87984 88.716797 361.86719 L 0 381.32422 C 2.3363659 407.77955 14.78577 431.1353 33.462891 449.80273 C 63.034765 480.93772 110.50262 499.61328 164.20312 499.61328 C 216.34054 499.61328 259.14412 483.274 287.1543 456.03711 C 308.17467 435.01809 320.625 407.00631 320.625 374.32617 C 320.625 344.75293 309.72907 318.28914 289.49023 298.05859 C 269.26108 277.81975 240.46055 263.03517 203.89062 256.03711 L 143.96484 244.35938 C 119.06433 239.68803 105.05859 227.23754 105.05859 210.11523 C 105.05859 187.5497 126.84103 171.99023 161.86719 171.99023 C 183.65118 171.99023 202.33616 178.98851 214.78711 191.43945 C 222.56671 199.99922 228.00916 210.8967 229.57227 223.34766 L 315.95312 203.89062 C 313.61813 178.98872 301.94105 157.20463 284.04688 139.30078 C 256.02841 111.28234 212.4501 93.388672 161.08594 93.388672 z M 817.89453 93.388672 C 762.64885 93.388672 712.83712 114.39922 677.03906 150.19727 C 641.24102 186.77685 619.45703 237.35096 619.45703 296.49609 C 619.45703 355.64122 642.02393 406.22648 678.60352 442.80469 C 714.3919 478.60274 764.98312 499.61328 821.01172 499.61328 C 878.60204 499.61328 922.9615 478.60314 953.30664 449.03125 C 977.43529 425.68416 992.22039 398.44617 1000 370.42773 L 908.94727 340.08203 C 905.05746 354.08643 897.27761 368.87357 884.81836 380.54297 C 870.03242 394.55702 849.80205 404.67188 821.01172 404.67188 C 794.55499 404.67188 769.64751 394.55679 751.75195 376.6543 C 733.84946 357.97719 722.96094 330.73931 722.96094 296.49609 C 722.96094 261.47961 733.84946 235.01706 751.75195 216.34961 C 769.64751 198.44576 793.77514 189.11133 820.23047 189.11133 C 848.24892 189.11133 867.70654 198.44541 881.71094 212.45117 C 893.38862 224.12886 900.38725 238.91524 905.05859 253.70117 L 997.66406 222.56641 C 990.65772 195.32951 975.87326 168.09093 954.08789 145.52539 C 922.96119 115.18025 877.82119 93.388672 817.89453 93.388672 z "},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Stc = react_1.forwardRef(function Stc({ 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 Stc = react_1.forwardRef(function Stc({ 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));
       })
   );
 });

package/dist/stc.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 1000 499.61411","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs14"},"children":[]},{"type":"path","props":{"id":"path885","style":{"fill":"#4f008c","fillRule":"nonzero","stroke":"none","strokeWidth":"2.50276"},"d":"M 382.87891 0 L 382.87891 105.05859 L 485.59961 105.05859 L 485.59961 0 L 382.87891 0 z M 485.59961 105.05859 L 485.59961 204.67188 L 588.32227 204.67188 L 588.32227 105.05859 L 485.59961 105.05859 z M 485.59961 204.67188 L 382.87891 204.67188 L 382.87891 381.32422 C 382.87891 417.12089 393.77561 445.92122 413.22461 466.15039 C 435.01688 487.94404 466.92543 499.61328 506.61328 499.61328 C 547.08267 499.61328 575.87133 487.1637 588.32227 476.26758 L 588.32227 392.2207 C 578.98786 399.22702 560.31224 407.7793 536.18359 407.7793 C 519.06266 407.7793 506.61224 403.88983 497.26953 395.33008 C 489.48994 387.55047 485.59961 374.32629 485.59961 356.42383 L 485.59961 204.67188 z M 161.08594 93.388672 C 113.61849 93.388672 73.93025 108.9477 46.693359 133.84961 C 23.346271 155.64189 10.115234 185.2145 10.115234 217.9043 C 10.115234 246.69462 19.457645 270.82234 38.134766 289.49805 C 56.810501 308.17517 84.047085 322.17908 119.84375 330.74023 L 178.98828 344.75391 C 208.56153 351.75194 221.79297 362.64819 221.79297 382.10547 C 221.79297 406.22582 200.00117 420.23047 164.20312 420.23047 C 138.51967 420.23047 117.50847 411.67812 104.27734 397.66406 C 94.942929 388.33103 89.490063 375.87984 88.716797 361.86719 L 0 381.32422 C 2.3363659 407.77955 14.78577 431.1353 33.462891 449.80273 C 63.034765 480.93772 110.50262 499.61328 164.20312 499.61328 C 216.34054 499.61328 259.14412 483.274 287.1543 456.03711 C 308.17467 435.01809 320.625 407.00631 320.625 374.32617 C 320.625 344.75293 309.72907 318.28914 289.49023 298.05859 C 269.26108 277.81975 240.46055 263.03517 203.89062 256.03711 L 143.96484 244.35938 C 119.06433 239.68803 105.05859 227.23754 105.05859 210.11523 C 105.05859 187.5497 126.84103 171.99023 161.86719 171.99023 C 183.65118 171.99023 202.33616 178.98851 214.78711 191.43945 C 222.56671 199.99922 228.00916 210.8967 229.57227 223.34766 L 315.95312 203.89062 C 313.61813 178.98872 301.94105 157.20463 284.04688 139.30078 C 256.02841 111.28234 212.4501 93.388672 161.08594 93.388672 z M 817.89453 93.388672 C 762.64885 93.388672 712.83712 114.39922 677.03906 150.19727 C 641.24102 186.77685 619.45703 237.35096 619.45703 296.49609 C 619.45703 355.64122 642.02393 406.22648 678.60352 442.80469 C 714.3919 478.60274 764.98312 499.61328 821.01172 499.61328 C 878.60204 499.61328 922.9615 478.60314 953.30664 449.03125 C 977.43529 425.68416 992.22039 398.44617 1000 370.42773 L 908.94727 340.08203 C 905.05746 354.08643 897.27761 368.87357 884.81836 380.54297 C 870.03242 394.55702 849.80205 404.67188 821.01172 404.67188 C 794.55499 404.67188 769.64751 394.55679 751.75195 376.6543 C 733.84946 357.97719 722.96094 330.73931 722.96094 296.49609 C 722.96094 261.47961 733.84946 235.01706 751.75195 216.34961 C 769.64751 198.44576 793.77514 189.11133 820.23047 189.11133 C 848.24892 189.11133 867.70654 198.44541 881.71094 212.45117 C 893.38862 224.12886 900.38725 238.91524 905.05859 253.70117 L 997.66406 222.56641 C 990.65772 195.32951 975.87326 168.09093 954.08789 145.52539 C 922.96119 115.18025 877.82119 93.388672 817.89453 93.388672 z "},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Stc = forwardRef(
   function Stc({ 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 Stc = 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/steam.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 65 65","fill":"#fff","childNodes":[{"type":"use","props":{"href":"#B","x":".5","y":".5"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"A","x2":"50%","x1":"50%","y2":"100%","y1":"0%"},"children":[{"type":"stop","props":{"stopColor":"#111d2e","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#051839","offset":"21.2%"},"children":[]},{"type":"stop","props":{"stopColor":"#0a1b48","offset":"40.7%"},"children":[]},{"type":"stop","props":{"stopColor":"#132e62","offset":"58.1%"},"children":[]},{"type":"stop","props":{"stopColor":"#144b7e","offset":"73.8%"},"children":[]},{"type":"stop","props":{"stopColor":"#136497","offset":"87.3%"},"children":[]},{"type":"stop","props":{"stopColor":"#1387b8","offset":"100%"},"children":[]}]}]},{"type":"symbol","props":{"id":"B"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M1.305 41.202C5.259 54.386 17.488 64 31.959 64c17.673 0 32-14.327 32-32s-14.327-32-32-32C15.001 0 1.124 13.193.028 29.874c2.074 3.477 2.879 5.628 1.275 11.328z","fill":"url(#A)"},"children":[]},{"type":"path","props":{"d":"M30.31 23.985l.003.158-7.83 11.375c-1.268-.058-2.54.165-3.748.662a8.14 8.14 0 0 0-1.498.8L.042 29.893s-.398 6.546 1.26 11.424l12.156 5.016c.6 2.728 2.48 5.12 5.242 6.27a8.88 8.88 0 0 0 11.603-4.782 8.89 8.89 0 0 0 .684-3.656L42.18 36.16l.275.005c6.705 0 12.155-5.466 12.155-12.18s-5.44-12.16-12.155-12.174c-6.702 0-12.155 5.46-12.155 12.174zm-1.88 23.05c-1.454 3.5-5.466 5.147-8.953 3.694a6.84 6.84 0 0 1-3.524-3.362l3.957 1.64a5.04 5.04 0 0 0 6.591-2.719 5.05 5.05 0 0 0-2.715-6.601l-4.1-1.695c1.578-.6 3.372-.62 5.05.077 1.7.703 3 2.027 3.696 3.72s.692 3.56-.01 5.246M42.466 32.1a8.12 8.12 0 0 1-8.098-8.113 8.12 8.12 0 0 1 8.098-8.111 8.12 8.12 0 0 1 8.1 8.111 8.12 8.12 0 0 1-8.1 8.113m-6.068-8.126a6.09 6.09 0 0 1 6.08-6.095c3.355 0 6.084 2.73 6.084 6.095a6.09 6.09 0 0 1-6.084 6.093 6.09 6.09 0 0 1-6.081-6.093z"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Steam"]},{"type":"path","props":{"d":"M11.979 0C5.678 0 .511 4.86.022 11.037l6.432 2.658c.545-.371 1.203-.59 1.912-.59.063 0 .125.004.188.006l2.861-4.142V8.91c0-2.495 2.028-4.524 4.524-4.524 2.494 0 4.524 2.031 4.524 4.527s-2.03 4.525-4.524 4.525h-.105l-4.076 2.911c0 .052.004.105.004.159 0 1.875-1.515 3.396-3.39 3.396-1.635 0-3.016-1.173-3.331-2.727L.436 15.27C1.862 20.307 6.486 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.605 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.454 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.253 0-2.265-1.014-2.265-2.265z"},"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 Steam = react_1.forwardRef(function Steam({ 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 Steam = react_1.forwardRef(function Steam({ 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/steam.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 65 65","fill":"#fff","childNodes":[{"type":"use","props":{"href":"#B","x":".5","y":".5"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"A","x2":"50%","x1":"50%","y2":"100%","y1":"0%"},"children":[{"type":"stop","props":{"stopColor":"#111d2e","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#051839","offset":"21.2%"},"children":[]},{"type":"stop","props":{"stopColor":"#0a1b48","offset":"40.7%"},"children":[]},{"type":"stop","props":{"stopColor":"#132e62","offset":"58.1%"},"children":[]},{"type":"stop","props":{"stopColor":"#144b7e","offset":"73.8%"},"children":[]},{"type":"stop","props":{"stopColor":"#136497","offset":"87.3%"},"children":[]},{"type":"stop","props":{"stopColor":"#1387b8","offset":"100%"},"children":[]}]}]},{"type":"symbol","props":{"id":"B"},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"d":"M1.305 41.202C5.259 54.386 17.488 64 31.959 64c17.673 0 32-14.327 32-32s-14.327-32-32-32C15.001 0 1.124 13.193.028 29.874c2.074 3.477 2.879 5.628 1.275 11.328z","fill":"url(#A)"},"children":[]},{"type":"path","props":{"d":"M30.31 23.985l.003.158-7.83 11.375c-1.268-.058-2.54.165-3.748.662a8.14 8.14 0 0 0-1.498.8L.042 29.893s-.398 6.546 1.26 11.424l12.156 5.016c.6 2.728 2.48 5.12 5.242 6.27a8.88 8.88 0 0 0 11.603-4.782 8.89 8.89 0 0 0 .684-3.656L42.18 36.16l.275.005c6.705 0 12.155-5.466 12.155-12.18s-5.44-12.16-12.155-12.174c-6.702 0-12.155 5.46-12.155 12.174zm-1.88 23.05c-1.454 3.5-5.466 5.147-8.953 3.694a6.84 6.84 0 0 1-3.524-3.362l3.957 1.64a5.04 5.04 0 0 0 6.591-2.719 5.05 5.05 0 0 0-2.715-6.601l-4.1-1.695c1.578-.6 3.372-.62 5.05.077 1.7.703 3 2.027 3.696 3.72s.692 3.56-.01 5.246M42.466 32.1a8.12 8.12 0 0 1-8.098-8.113 8.12 8.12 0 0 1 8.098-8.111 8.12 8.12 0 0 1 8.1 8.111 8.12 8.12 0 0 1-8.1 8.113m-6.068-8.126a6.09 6.09 0 0 1 6.08-6.095c3.355 0 6.084 2.73 6.084 6.095a6.09 6.09 0 0 1-6.084 6.093 6.09 6.09 0 0 1-6.081-6.093z"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Steam"]},{"type":"path","props":{"d":"M11.979 0C5.678 0 .511 4.86.022 11.037l6.432 2.658c.545-.371 1.203-.59 1.912-.59.063 0 .125.004.188.006l2.861-4.142V8.91c0-2.495 2.028-4.524 4.524-4.524 2.494 0 4.524 2.031 4.524 4.527s-2.03 4.525-4.524 4.525h-.105l-4.076 2.911c0 .052.004.105.004.159 0 1.875-1.515 3.396-3.39 3.396-1.635 0-3.016-1.173-3.331-2.727L.436 15.27C1.862 20.307 6.486 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.605 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.454 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.253 0-2.265-1.014-2.265-2.265z"},"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 Steam = forwardRef(
   function Steam({ 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 Steam = 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/stepsize.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 236","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"logosStepsizeIcon0","x1":"32.521%","x2":"102.581%","y1":"-18.705%","y2":"72.992%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"19.808%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#D11E8E"},"children":[]}]},{"type":"linearGradient","props":{"id":"logosStepsizeIcon1","x1":"-2.438%","x2":"67.621%","y1":"26.908%","y2":"118.609%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"19.808%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#D11E8E"},"children":[]}]},{"type":"linearGradient","props":{"id":"logosStepsizeIcon2","x1":"67.479%","x2":"-2.581%","y1":"118.709%","y2":"27.009%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#D11E8E"},"children":[]},{"type":"stop","props":{"offset":"80.192%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#613AB5"},"children":[]}]},{"type":"linearGradient","props":{"id":"logosStepsizeIcon3","x1":"102.438%","x2":"32.377%","y1":"73.093%","y2":"-18.613%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#D11E8E"},"children":[]},{"type":"stop","props":{"offset":"80.192%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#613AB5"},"children":[]}]}]},{"type":"path","props":{"fill":"#D11E8E","d":"M256 56.391L214.943.813H97.41L61.182 112.775l41.057 55.579L137.66 56.391zM153.761 66.863l40.252 55.578l-34.616 111.963H41.057L0 178.826h118.34z"},"children":[]},{"type":"path","props":{"fill":"#D11E8E","d":"m158.866 235.204l-58.858-.175l17.707-56.218z"},"children":[]},{"type":"path","props":{"fill":"#9F20A8","d":"m99.997 235.012l-58.858-.176l17.707-56.217zm35.42-112.417l58.858.176l-17.707 56.217z"},"children":[]},{"type":"path","props":{"fill":"#613AB5","d":"m0 178.465l58.857.175l-17.706 56.217zm194.275-55.7l-58.858-.175l17.707-56.218z"},"children":[]},{"type":"path","props":{"fill":"#D11E8E","d":"m117.713 178.811l58.857.176l-17.706 56.217z"},"children":[]},{"type":"path","props":{"fill":"url(#logosStepsizeIcon0)","d":"m99.997 235.031l17.704-56.216l-58.857-.175z"},"children":[]},{"type":"path","props":{"fill":"url(#logosStepsizeIcon1)","d":"m117.713 178.815l58.857.173l-41.153-56.393z"},"children":[]},{"type":"path","props":{"fill":"#613AB5","d":"m97.13 0l58.858.175l-17.707 56.218z"},"children":[]},{"type":"path","props":{"fill":"#9F20A8","d":"m156 .199l58.857.175l-17.706 56.218zm-35.421 112.416l-58.857-.175l17.706-56.217z"},"children":[]},{"type":"path","props":{"fill":"#D11E8E","d":"m255.996 56.746l-58.857-.175L214.846.353zM61.722 112.439l58.857.175l-17.707 56.218z"},"children":[]},{"type":"path","props":{"fill":"#613AB5","d":"m138.283 56.393l-58.857-.175L97.132 0z"},"children":[]},{"type":"path","props":{"fill":"url(#logosStepsizeIcon2)","d":"m138.295 56.393l58.858.173L156 .174z"},"children":[]},{"type":"path","props":{"fill":"url(#logosStepsizeIcon3)","d":"m120.574 112.615l17.707-56.217l-58.855-.175z"},"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 Stepsize = react_1.forwardRef(function Stepsize({ 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 Stepsize = react_1.forwardRef(function Stepsize({ 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/stepsize.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 236","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"logosStepsizeIcon0","x1":"32.521%","x2":"102.581%","y1":"-18.705%","y2":"72.992%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"19.808%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#D11E8E"},"children":[]}]},{"type":"linearGradient","props":{"id":"logosStepsizeIcon1","x1":"-2.438%","x2":"67.621%","y1":"26.908%","y2":"118.609%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"19.808%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#D11E8E"},"children":[]}]},{"type":"linearGradient","props":{"id":"logosStepsizeIcon2","x1":"67.479%","x2":"-2.581%","y1":"118.709%","y2":"27.009%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#D11E8E"},"children":[]},{"type":"stop","props":{"offset":"80.192%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#613AB5"},"children":[]}]},{"type":"linearGradient","props":{"id":"logosStepsizeIcon3","x1":"102.438%","x2":"32.377%","y1":"73.093%","y2":"-18.613%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#D11E8E"},"children":[]},{"type":"stop","props":{"offset":"80.192%","stopColor":"#613AB5"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#613AB5"},"children":[]}]}]},{"type":"path","props":{"fill":"#D11E8E","d":"M256 56.391L214.943.813H97.41L61.182 112.775l41.057 55.579L137.66 56.391zM153.761 66.863l40.252 55.578l-34.616 111.963H41.057L0 178.826h118.34z"},"children":[]},{"type":"path","props":{"fill":"#D11E8E","d":"m158.866 235.204l-58.858-.175l17.707-56.218z"},"children":[]},{"type":"path","props":{"fill":"#9F20A8","d":"m99.997 235.012l-58.858-.176l17.707-56.217zm35.42-112.417l58.858.176l-17.707 56.217z"},"children":[]},{"type":"path","props":{"fill":"#613AB5","d":"m0 178.465l58.857.175l-17.706 56.217zm194.275-55.7l-58.858-.175l17.707-56.218z"},"children":[]},{"type":"path","props":{"fill":"#D11E8E","d":"m117.713 178.811l58.857.176l-17.706 56.217z"},"children":[]},{"type":"path","props":{"fill":"url(#logosStepsizeIcon0)","d":"m99.997 235.031l17.704-56.216l-58.857-.175z"},"children":[]},{"type":"path","props":{"fill":"url(#logosStepsizeIcon1)","d":"m117.713 178.815l58.857.173l-41.153-56.393z"},"children":[]},{"type":"path","props":{"fill":"#613AB5","d":"m97.13 0l58.858.175l-17.707 56.218z"},"children":[]},{"type":"path","props":{"fill":"#9F20A8","d":"m156 .199l58.857.175l-17.706 56.218zm-35.421 112.416l-58.857-.175l17.706-56.217z"},"children":[]},{"type":"path","props":{"fill":"#D11E8E","d":"m255.996 56.746l-58.857-.175L214.846.353zM61.722 112.439l58.857.175l-17.707 56.218z"},"children":[]},{"type":"path","props":{"fill":"#613AB5","d":"m138.283 56.393l-58.857-.175L97.132 0z"},"children":[]},{"type":"path","props":{"fill":"url(#logosStepsizeIcon2)","d":"m138.295 56.393l58.858.173L156 .174z"},"children":[]},{"type":"path","props":{"fill":"url(#logosStepsizeIcon3)","d":"m120.574 112.615l17.707-56.217l-58.855-.175z"},"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 Stepsize = forwardRef(
   function Stepsize({ 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 Stepsize = 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/storybook.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 319","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"d":"M9.872 293.324.012 30.574C-.315 21.895 6.338 14.54 15.005 14L238.494.032c8.822-.552 16.42 6.153 16.972 14.975.02.332.031.665.031.998v286.314c0 8.839-7.165 16.004-16.004 16.004-.24 0-.48-.005-.718-.016l-213.627-9.595c-8.32-.373-14.963-7.065-15.276-15.388Z","id":"a"},"children":[]}]},{"type":"mask","props":{"id":"b","fill":"#fff"},"children":[{"type":"use","props":{"href":"#a"},"children":[]}]},{"type":"use","props":{"fill":"#FF4785","href":"#a"},"children":[]},{"type":"path","props":{"d":"m188.665 39.127 1.527-36.716L220.884 0l1.322 37.863a2.387 2.387 0 0 1-3.864 1.96l-11.835-9.325-14.013 10.63a2.387 2.387 0 0 1-3.829-2.001Zm-39.251 80.853c0 6.227 41.942 3.243 47.572-1.131 0-42.402-22.752-64.684-64.415-64.684-41.662 0-65.005 22.628-65.005 56.57 0 59.117 79.78 60.249 79.78 92.494 0 9.052-4.433 14.426-14.184 14.426-12.705 0-17.729-6.49-17.138-28.552 0-4.786-48.458-6.278-49.936 0-3.762 53.466 29.548 68.887 67.665 68.887 36.935 0 65.892-19.687 65.892-55.326 0-63.36-80.961-61.663-80.961-93.06 0-12.728 9.455-14.425 15.07-14.425 5.909 0 16.546 1.042 15.66 24.801Z","fill":"#FFF","mask":"url(#b)"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Storybook"]},{"type":"path","props":{"d":"M16.71.243l-.12 2.71a.18.18 0 00.29.15l1.06-.8.9.7a.18.18 0 00.28-.14l-.1-2.76 1.33-.1a1.2 1.2 0 011.279 1.2v21.596a1.2 1.2 0 01-1.26 1.2l-16.096-.72a1.2 1.2 0 01-1.15-1.16l-.75-19.797a1.2 1.2 0 011.13-1.27L16.7.222zM13.64 9.3c0 .47 3.16.24 3.59-.08 0-3.2-1.72-4.89-4.859-4.89-3.15 0-4.899 1.72-4.899 4.29 0 4.45 5.999 4.53 5.999 6.959 0 .7-.32 1.1-1.05 1.1-.96 0-1.35-.49-1.3-2.16 0-.36-3.649-.48-3.769 0-.27 4.03 2.23 5.2 5.099 5.2 2.79 0 4.969-1.49 4.969-4.18 0-4.77-6.099-4.64-6.099-6.999 0-.97.72-1.1 1.13-1.1.45 0 1.25.07 1.19 1.87z"},"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 Storybook = react_1.forwardRef(function Storybook({ 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 Storybook = react_1.forwardRef(function Storybook({ variant = 'default', v
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/storybook.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 319","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"d":"M9.872 293.324.012 30.574C-.315 21.895 6.338 14.54 15.005 14L238.494.032c8.822-.552 16.42 6.153 16.972 14.975.02.332.031.665.031.998v286.314c0 8.839-7.165 16.004-16.004 16.004-.24 0-.48-.005-.718-.016l-213.627-9.595c-8.32-.373-14.963-7.065-15.276-15.388Z","id":"a"},"children":[]}]},{"type":"mask","props":{"id":"b","fill":"#fff"},"children":[{"type":"use","props":{"href":"#a"},"children":[]}]},{"type":"use","props":{"fill":"#FF4785","href":"#a"},"children":[]},{"type":"path","props":{"d":"m188.665 39.127 1.527-36.716L220.884 0l1.322 37.863a2.387 2.387 0 0 1-3.864 1.96l-11.835-9.325-14.013 10.63a2.387 2.387 0 0 1-3.829-2.001Zm-39.251 80.853c0 6.227 41.942 3.243 47.572-1.131 0-42.402-22.752-64.684-64.415-64.684-41.662 0-65.005 22.628-65.005 56.57 0 59.117 79.78 60.249 79.78 92.494 0 9.052-4.433 14.426-14.184 14.426-12.705 0-17.729-6.49-17.138-28.552 0-4.786-48.458-6.278-49.936 0-3.762 53.466 29.548 68.887 67.665 68.887 36.935 0 65.892-19.687 65.892-55.326 0-63.36-80.961-61.663-80.961-93.06 0-12.728 9.455-14.425 15.07-14.425 5.909 0 16.546 1.042 15.66 24.801Z","fill":"#FFF","mask":"url(#b)"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Storybook"]},{"type":"path","props":{"d":"M16.71.243l-.12 2.71a.18.18 0 00.29.15l1.06-.8.9.7a.18.18 0 00.28-.14l-.1-2.76 1.33-.1a1.2 1.2 0 011.279 1.2v21.596a1.2 1.2 0 01-1.26 1.2l-16.096-.72a1.2 1.2 0 01-1.15-1.16l-.75-19.797a1.2 1.2 0 011.13-1.27L16.7.222zM13.64 9.3c0 .47 3.16.24 3.59-.08 0-3.2-1.72-4.89-4.859-4.89-3.15 0-4.899 1.72-4.899 4.29 0 4.45 5.999 4.53 5.999 6.959 0 .7-.32 1.1-1.05 1.1-.96 0-1.35-.49-1.3-2.16 0-.36-3.649-.48-3.769 0-.27 4.03 2.23 5.2 5.099 5.2 2.79 0 4.969-1.49 4.969-4.18 0-4.77-6.099-4.64-6.099-6.999 0-.97.72-1.1 1.13-1.1.45 0 1.25.07 1.19 1.87z"},"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 Storybook = forwardRef(
   function Storybook({ 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 Storybook = 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/styled-components.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 318 318","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"a","d":"M0 0h318v318H0z"},"children":[]},{"type":"mask","props":{"id":"b","fill":"#fff","height":"318","width":"318","x":"0","y":"0"},"children":[{"type":"use","props":{"href":"#a"},"children":[]}]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd"},"children":[{"type":"use","props":{"mask":"url(#b)","stroke":"#4a4a4a","strokeWidth":"8","href":"#a"},"children":[]},{"type":"path","props":{"d":"M44.284 229.416c-4.428 0-7.344 2.376-7.344 5.544 0 2.808 1.728 4.68 5.652 5.76 3.564 1.008 4.32 1.512 4.32 3.096 0 1.44-1.332 2.304-3.384 2.304-1.944 0-3.708-.756-5.184-1.872l-2.304 2.592c1.764 1.584 4.32 2.7 7.596 2.7 4.356 0 8.028-2.088 8.028-6.048 0-3.384-2.196-4.968-6.084-6.012-3.24-.9-3.996-1.476-3.996-2.736 0-1.152 1.044-1.908 2.88-1.908 1.692 0 3.204.54 4.788 1.548l1.8-2.7c-1.8-1.404-4.032-2.268-6.768-2.268zm20.412 15.732 1.62 2.952c-1.368.972-3.096 1.44-4.788 1.44-3.744-.036-5.724-2.16-5.724-6.228v-10.044h-2.988v-3.312h2.988v-4.212l4.608-.54v4.752h4.428l-.468 3.312h-3.96v9.936c0 1.872.612 2.628 2.016 2.628.72 0 1.44-.216 2.268-.684zm19.62-15.192-6.192 19.116c-1.44 4.464-4.248 7.344-9.9 7.776l-.468-3.348c3.78-.576 5.004-1.8 6.084-4.5h-1.584l-6.048-19.044h4.896l4.14 15.984 4.32-15.984zm7.308 19.584a7.55 7.55 0 0 0 3.06-.648l-.972-3.24c-.324.108-.648.18-1.08.18-.756 0-1.08-.432-1.08-1.332v-22.68l-4.608.504v22.32c0 3.132 1.764 4.896 4.68 4.896zm21.744-10.512c0 .612-.072 1.368-.108 1.872h-11.952c.324 3.888 2.16 5.148 4.68 5.148 1.692 0 3.096-.54 4.752-1.692l1.908 2.628c-1.872 1.512-4.176 2.556-7.056 2.556-5.904 0-9.072-3.924-9.072-9.936 0-5.796 3.06-10.188 8.46-10.188 5.328 0 8.388 3.6 8.388 9.612zm-4.572-1.116v-.216c0-3.132-1.116-5.004-3.708-5.004-2.16 0-3.528 1.44-3.78 5.22zm20.124-16.092 4.608.504V249h-4.068l-.324-2.412c-1.152 1.728-2.988 2.952-5.436 2.952-4.752 0-7.236-3.996-7.236-10.044 0-5.868 2.952-10.08 7.668-10.08 2.016 0 3.6.864 4.788 2.052zm-3.924 24.228c1.692 0 2.844-.828 3.924-2.448v-8.712c-1.008-1.224-2.088-2.016-3.636-2.016-2.376 0-3.96 2.016-3.96 6.588 0 4.896 1.404 6.588 3.672 6.588zM44.44 265.416c-5.472 0-8.892 4.14-8.892 10.224s3.42 9.9 8.928 9.9c2.448 0 4.428-.792 6.156-2.196l-2.052-2.916c-1.404.9-2.412 1.368-3.852 1.368-2.592 0-4.284-1.62-4.284-6.228 0-4.572 1.62-6.516 4.284-6.516 1.44 0 2.592.432 3.852 1.368l2.052-2.772c-1.8-1.548-3.708-2.232-6.192-2.232zm17.316 0c5.616 0 8.928 3.816 8.928 10.044 0 6.012-3.348 10.08-8.964 10.08s-8.964-3.816-8.964-10.08c0-5.976 3.348-10.044 9-10.044zm0 3.492c-2.7 0-4.14 2.052-4.14 6.552 0 4.572 1.404 6.588 4.104 6.588s4.104-2.052 4.104-6.588-1.404-6.552-4.068-6.552zm33.444-3.492c-2.52 0-4.284 1.224-5.724 3.204-.72-2.016-2.376-3.204-4.608-3.204-2.412 0-4.14 1.116-5.508 3.024l-.36-2.484h-3.996V285h4.608v-13.248c1.044-1.764 2.016-2.88 3.636-2.88 1.116 0 2.088.684 2.088 3.06V285h4.608v-13.248c1.044-1.764 2.016-2.88 3.6-2.88 1.152 0 2.088.684 2.088 3.06V285h4.608v-13.788c0-3.6-2.016-5.796-5.04-5.796zm20.268 0c4.968 0 7.056 3.924 7.056 10.008 0 5.832-2.7 10.116-7.524 10.116-1.944 0-3.6-.684-4.788-2.088v8.892l-4.608.504v-26.892h4.032l.252 2.34c1.512-1.98 3.528-2.88 5.58-2.88zm-1.764 16.596c2.52 0 3.996-1.944 3.996-6.552 0-4.824-1.296-6.588-3.6-6.588-1.62 0-2.988 1.116-3.888 2.592v8.568c.9 1.332 2.052 1.98 3.492 1.98zm21.132-16.596c5.616 0 8.928 3.816 8.928 10.044 0 6.012-3.348 10.08-8.964 10.08s-8.964-3.816-8.964-10.08c0-5.976 3.348-10.044 9-10.044zm0 3.492c-2.7 0-4.14 2.052-4.14 6.552 0 4.572 1.404 6.588 4.104 6.588s4.104-2.052 4.104-6.588-1.404-6.552-4.068-6.552zm23.4-3.492c-2.412 0-4.32 1.116-5.796 3.024l-.36-2.484h-3.996V285h4.608v-13.248c1.116-1.764 2.34-2.88 3.996-2.88 1.44 0 2.34.684 2.34 3.06V285h4.608v-13.788c0-3.636-1.98-5.796-5.4-5.796zm26.388 9.612c0 .612-.072 1.368-.108 1.872h-11.952c.324 3.888 2.16 5.148 4.68 5.148 1.692 0 3.096-.54 4.752-1.692l1.908 2.628c-1.872 1.512-4.176 2.556-7.056 2.556-5.904 0-9.072-3.924-9.072-9.936 0-5.796 3.06-10.188 8.46-10.188 5.328 0 8.388 3.6 8.388 9.612zm-4.572-1.116v-.216c0-3.132-1.116-5.004-3.708-5.004-2.16 0-3.528 1.44-3.78 5.22zm18.864-8.496c-2.412 0-4.32 1.116-5.796 3.024l-.36-2.484h-3.996V285h4.608v-13.248c1.116-1.764 2.34-2.88 3.996-2.88 1.44 0 2.34.684 2.34 3.06V285h4.608v-13.788c0-3.636-1.98-5.796-5.4-5.796zm20.052 15.732c-.828.468-1.548.684-2.268.684-1.404 0-2.016-.756-2.016-2.628v-9.936h3.96l.468-3.312h-4.428v-4.752l-4.608.54v4.212h-2.988v3.312h2.988v10.044c0 4.068 1.98 6.192 5.724 6.228 1.692 0 3.42-.468 4.788-1.44zm10.224-15.732c-4.428 0-7.344 2.376-7.344 5.544 0 2.808 1.728 4.68 5.652 5.76 3.564 1.008 4.32 1.512 4.32 3.096 0 1.44-1.332 2.304-3.384 2.304-1.944 0-3.708-.756-5.184-1.872l-2.304 2.592c1.764 1.584 4.32 2.7 7.596 2.7 4.356 0 8.028-2.088 8.028-6.048 0-3.384-2.196-4.968-6.084-6.012-3.24-.9-3.996-1.476-3.996-2.736 0-1.152 1.044-1.908 2.88-1.908 1.692 0 3.204.54 4.788 1.548l1.8-2.7c-1.8-1.404-4.032-2.268-6.768-2.268zM79.8 87.2l-36.2 22.5 36.2 22.9-3.7 4.6-37.7-23.6v-7.9l38.1-23.6m189.3 22.7v7.8l-37.7 23.6-3.7-4.9 36.1-22.6L224.4 86l3.2-4.9","fill":"#4a4a4a"},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["styled-components"]},{"type":"path","props":{"d":"M16.214 6.762l-.075.391c-.116.741-.074.953.244 1.228l.307.254-.318 1.418c-.19.846-.423 1.555-.571 1.788-.127.201-.275.497-.307.656-.053.19-.233.381-.508.55-.243.138-.72.508-1.058.805-.27.243-.456.392-.557.456l-.33.261c-.106.17-.166.307-.189.411-.023.107-.01.178.024.23.033.05.09.085.168.107a.954.954 0 00.282.023 3 3 0 00.632-.112c.07-.019.125-.037.173-.053.074-.091.245-.263.548-.562.804-.793 1.111-1.227.794-1.11-.117.042-.064-.064.137-.276.424-.413.667-1.037 1.175-2.994.402-1.545.402-1.567.698-1.567.139 0 .532.024.532.024V6.762h-.902zm3.839 3.165c-.064 0-.17.096-.233.202-.116.19.021.306 1.767 1.396 1.037.657 1.873 1.217 1.852 1.26-.021.031-.868.582-1.883 1.217-1.842 1.142-1.852 1.153-1.683 1.386.212.275 0 .37 2.391-1.122L24 13.155v-.836l-1.937-1.196c-1.047-.656-1.957-1.185-2.01-1.196zm-16.085.117c-.053 0-.963.54-2.01 1.185L0 12.425v.836l1.947 1.217c1.08.666 1.99 1.217 2.032 1.217.042 0 .127-.096.212-.212.127-.201.02-.286-1.768-1.418C.72 12.996.54 12.848.71 12.732c.106-.074.91-.572 1.778-1.111 1.979-1.217 1.873-1.133 1.714-1.387-.063-.105-.17-.2-.233-.19zm8.684.023c-.292-.002-.92.443-2.8 1.978-.081.193-.088.326-.051.412.024.059.068.1.129.13.06.03.138.048.224.055.171.015.373-.012.536-.044l.11-.025a.386.386 0 01.144-.118c.116-.064.603-.508 1.09-.984.857-.868 1.058-1.26.709-1.387a.24.24 0 00-.09-.017zm2.196.603c-.257.007-.72.305-1.513.938-.398.323-.65.497-.785.533l-.524.414c-.197.36-.226.583-.174.706a.25.25 0 00.138.134.644.644 0 00.24.045 2.18 2.18 0 00.58-.085 3.466 3.466 0 00.291-.092l.029-.012.053-.028c.1-.129.33-.372.618-.652.91-.878 1.375-1.502 1.28-1.735-.043-.113-.117-.17-.233-.166zm-2.424 1.08c-.074.008-.24.136-.539.398-.432.382-.903.602-1.066.504a3.97 3.97 0 01-.114.024c-.166.033-.373.06-.558.045a.708.708 0 01-.252-.063.337.337 0 01-.168-.17c-.037-.09-.037-.202.005-.345l-.65.534-1.471 1.217V15.867l4.82-3.797a.41.41 0 01.016-.123c.037-.134.035-.202-.023-.196zm2.074.639c-.073 0-.195.103-.39.31-.265.283-.682.557-.903.613l-.034.018a2.191 2.191 0 01-.11.042c-.06.02-.138.044-.228.068-.18.049-.404.094-.604.089a.732.732 0 01-.275-.054.344.344 0 01-.184-.18c-.058-.139-.035-.334.092-.611L7.61 16.033v1.205h1.868l3.962-3.112c.103-.114.258-.27.467-.465.56-.519.687-.698.687-.963 0-.206-.023-.31-.096-.31zm.943 1.95l-.339.338c-.19.18-.529.402-.761.497l-.046.02-.003.005-.01.01c-.009.007-.013.008-.02.011a3.432 3.432 0 01-.282.093 3.058 3.058 0 01-.65.115 1.035 1.035 0 01-.31-.027.364.364 0 01-.218-.144c-.048-.074-.062-.173-.035-.295a1.11 1.11 0 01.095-.25l-3.197 2.526h4.252l.508-.582c.698-.814 1.016-1.396 1.016-1.894z"},"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 StyledComponents = react_1.forwardRef(function StyledComponents({ 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 StyledComponents = react_1.forwardRef(function StyledComponents({ variant
     ..._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/styled-components.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 318 318","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"path","props":{"id":"a","d":"M0 0h318v318H0z"},"children":[]},{"type":"mask","props":{"id":"b","fill":"#fff","height":"318","width":"318","x":"0","y":"0"},"children":[{"type":"use","props":{"href":"#a"},"children":[]}]}]},{"type":"g","props":{"fill":"none","fillRule":"evenodd"},"children":[{"type":"use","props":{"mask":"url(#b)","stroke":"#4a4a4a","strokeWidth":"8","href":"#a"},"children":[]},{"type":"path","props":{"d":"M44.284 229.416c-4.428 0-7.344 2.376-7.344 5.544 0 2.808 1.728 4.68 5.652 5.76 3.564 1.008 4.32 1.512 4.32 3.096 0 1.44-1.332 2.304-3.384 2.304-1.944 0-3.708-.756-5.184-1.872l-2.304 2.592c1.764 1.584 4.32 2.7 7.596 2.7 4.356 0 8.028-2.088 8.028-6.048 0-3.384-2.196-4.968-6.084-6.012-3.24-.9-3.996-1.476-3.996-2.736 0-1.152 1.044-1.908 2.88-1.908 1.692 0 3.204.54 4.788 1.548l1.8-2.7c-1.8-1.404-4.032-2.268-6.768-2.268zm20.412 15.732 1.62 2.952c-1.368.972-3.096 1.44-4.788 1.44-3.744-.036-5.724-2.16-5.724-6.228v-10.044h-2.988v-3.312h2.988v-4.212l4.608-.54v4.752h4.428l-.468 3.312h-3.96v9.936c0 1.872.612 2.628 2.016 2.628.72 0 1.44-.216 2.268-.684zm19.62-15.192-6.192 19.116c-1.44 4.464-4.248 7.344-9.9 7.776l-.468-3.348c3.78-.576 5.004-1.8 6.084-4.5h-1.584l-6.048-19.044h4.896l4.14 15.984 4.32-15.984zm7.308 19.584a7.55 7.55 0 0 0 3.06-.648l-.972-3.24c-.324.108-.648.18-1.08.18-.756 0-1.08-.432-1.08-1.332v-22.68l-4.608.504v22.32c0 3.132 1.764 4.896 4.68 4.896zm21.744-10.512c0 .612-.072 1.368-.108 1.872h-11.952c.324 3.888 2.16 5.148 4.68 5.148 1.692 0 3.096-.54 4.752-1.692l1.908 2.628c-1.872 1.512-4.176 2.556-7.056 2.556-5.904 0-9.072-3.924-9.072-9.936 0-5.796 3.06-10.188 8.46-10.188 5.328 0 8.388 3.6 8.388 9.612zm-4.572-1.116v-.216c0-3.132-1.116-5.004-3.708-5.004-2.16 0-3.528 1.44-3.78 5.22zm20.124-16.092 4.608.504V249h-4.068l-.324-2.412c-1.152 1.728-2.988 2.952-5.436 2.952-4.752 0-7.236-3.996-7.236-10.044 0-5.868 2.952-10.08 7.668-10.08 2.016 0 3.6.864 4.788 2.052zm-3.924 24.228c1.692 0 2.844-.828 3.924-2.448v-8.712c-1.008-1.224-2.088-2.016-3.636-2.016-2.376 0-3.96 2.016-3.96 6.588 0 4.896 1.404 6.588 3.672 6.588zM44.44 265.416c-5.472 0-8.892 4.14-8.892 10.224s3.42 9.9 8.928 9.9c2.448 0 4.428-.792 6.156-2.196l-2.052-2.916c-1.404.9-2.412 1.368-3.852 1.368-2.592 0-4.284-1.62-4.284-6.228 0-4.572 1.62-6.516 4.284-6.516 1.44 0 2.592.432 3.852 1.368l2.052-2.772c-1.8-1.548-3.708-2.232-6.192-2.232zm17.316 0c5.616 0 8.928 3.816 8.928 10.044 0 6.012-3.348 10.08-8.964 10.08s-8.964-3.816-8.964-10.08c0-5.976 3.348-10.044 9-10.044zm0 3.492c-2.7 0-4.14 2.052-4.14 6.552 0 4.572 1.404 6.588 4.104 6.588s4.104-2.052 4.104-6.588-1.404-6.552-4.068-6.552zm33.444-3.492c-2.52 0-4.284 1.224-5.724 3.204-.72-2.016-2.376-3.204-4.608-3.204-2.412 0-4.14 1.116-5.508 3.024l-.36-2.484h-3.996V285h4.608v-13.248c1.044-1.764 2.016-2.88 3.636-2.88 1.116 0 2.088.684 2.088 3.06V285h4.608v-13.248c1.044-1.764 2.016-2.88 3.6-2.88 1.152 0 2.088.684 2.088 3.06V285h4.608v-13.788c0-3.6-2.016-5.796-5.04-5.796zm20.268 0c4.968 0 7.056 3.924 7.056 10.008 0 5.832-2.7 10.116-7.524 10.116-1.944 0-3.6-.684-4.788-2.088v8.892l-4.608.504v-26.892h4.032l.252 2.34c1.512-1.98 3.528-2.88 5.58-2.88zm-1.764 16.596c2.52 0 3.996-1.944 3.996-6.552 0-4.824-1.296-6.588-3.6-6.588-1.62 0-2.988 1.116-3.888 2.592v8.568c.9 1.332 2.052 1.98 3.492 1.98zm21.132-16.596c5.616 0 8.928 3.816 8.928 10.044 0 6.012-3.348 10.08-8.964 10.08s-8.964-3.816-8.964-10.08c0-5.976 3.348-10.044 9-10.044zm0 3.492c-2.7 0-4.14 2.052-4.14 6.552 0 4.572 1.404 6.588 4.104 6.588s4.104-2.052 4.104-6.588-1.404-6.552-4.068-6.552zm23.4-3.492c-2.412 0-4.32 1.116-5.796 3.024l-.36-2.484h-3.996V285h4.608v-13.248c1.116-1.764 2.34-2.88 3.996-2.88 1.44 0 2.34.684 2.34 3.06V285h4.608v-13.788c0-3.636-1.98-5.796-5.4-5.796zm26.388 9.612c0 .612-.072 1.368-.108 1.872h-11.952c.324 3.888 2.16 5.148 4.68 5.148 1.692 0 3.096-.54 4.752-1.692l1.908 2.628c-1.872 1.512-4.176 2.556-7.056 2.556-5.904 0-9.072-3.924-9.072-9.936 0-5.796 3.06-10.188 8.46-10.188 5.328 0 8.388 3.6 8.388 9.612zm-4.572-1.116v-.216c0-3.132-1.116-5.004-3.708-5.004-2.16 0-3.528 1.44-3.78 5.22zm18.864-8.496c-2.412 0-4.32 1.116-5.796 3.024l-.36-2.484h-3.996V285h4.608v-13.248c1.116-1.764 2.34-2.88 3.996-2.88 1.44 0 2.34.684 2.34 3.06V285h4.608v-13.788c0-3.636-1.98-5.796-5.4-5.796zm20.052 15.732c-.828.468-1.548.684-2.268.684-1.404 0-2.016-.756-2.016-2.628v-9.936h3.96l.468-3.312h-4.428v-4.752l-4.608.54v4.212h-2.988v3.312h2.988v10.044c0 4.068 1.98 6.192 5.724 6.228 1.692 0 3.42-.468 4.788-1.44zm10.224-15.732c-4.428 0-7.344 2.376-7.344 5.544 0 2.808 1.728 4.68 5.652 5.76 3.564 1.008 4.32 1.512 4.32 3.096 0 1.44-1.332 2.304-3.384 2.304-1.944 0-3.708-.756-5.184-1.872l-2.304 2.592c1.764 1.584 4.32 2.7 7.596 2.7 4.356 0 8.028-2.088 8.028-6.048 0-3.384-2.196-4.968-6.084-6.012-3.24-.9-3.996-1.476-3.996-2.736 0-1.152 1.044-1.908 2.88-1.908 1.692 0 3.204.54 4.788 1.548l1.8-2.7c-1.8-1.404-4.032-2.268-6.768-2.268zM79.8 87.2l-36.2 22.5 36.2 22.9-3.7 4.6-37.7-23.6v-7.9l38.1-23.6m189.3 22.7v7.8l-37.7 23.6-3.7-4.9 36.1-22.6L224.4 86l3.2-4.9","fill":"#4a4a4a"},"children":[]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["styled-components"]},{"type":"path","props":{"d":"M16.214 6.762l-.075.391c-.116.741-.074.953.244 1.228l.307.254-.318 1.418c-.19.846-.423 1.555-.571 1.788-.127.201-.275.497-.307.656-.053.19-.233.381-.508.55-.243.138-.72.508-1.058.805-.27.243-.456.392-.557.456l-.33.261c-.106.17-.166.307-.189.411-.023.107-.01.178.024.23.033.05.09.085.168.107a.954.954 0 00.282.023 3 3 0 00.632-.112c.07-.019.125-.037.173-.053.074-.091.245-.263.548-.562.804-.793 1.111-1.227.794-1.11-.117.042-.064-.064.137-.276.424-.413.667-1.037 1.175-2.994.402-1.545.402-1.567.698-1.567.139 0 .532.024.532.024V6.762h-.902zm3.839 3.165c-.064 0-.17.096-.233.202-.116.19.021.306 1.767 1.396 1.037.657 1.873 1.217 1.852 1.26-.021.031-.868.582-1.883 1.217-1.842 1.142-1.852 1.153-1.683 1.386.212.275 0 .37 2.391-1.122L24 13.155v-.836l-1.937-1.196c-1.047-.656-1.957-1.185-2.01-1.196zm-16.085.117c-.053 0-.963.54-2.01 1.185L0 12.425v.836l1.947 1.217c1.08.666 1.99 1.217 2.032 1.217.042 0 .127-.096.212-.212.127-.201.02-.286-1.768-1.418C.72 12.996.54 12.848.71 12.732c.106-.074.91-.572 1.778-1.111 1.979-1.217 1.873-1.133 1.714-1.387-.063-.105-.17-.2-.233-.19zm8.684.023c-.292-.002-.92.443-2.8 1.978-.081.193-.088.326-.051.412.024.059.068.1.129.13.06.03.138.048.224.055.171.015.373-.012.536-.044l.11-.025a.386.386 0 01.144-.118c.116-.064.603-.508 1.09-.984.857-.868 1.058-1.26.709-1.387a.24.24 0 00-.09-.017zm2.196.603c-.257.007-.72.305-1.513.938-.398.323-.65.497-.785.533l-.524.414c-.197.36-.226.583-.174.706a.25.25 0 00.138.134.644.644 0 00.24.045 2.18 2.18 0 00.58-.085 3.466 3.466 0 00.291-.092l.029-.012.053-.028c.1-.129.33-.372.618-.652.91-.878 1.375-1.502 1.28-1.735-.043-.113-.117-.17-.233-.166zm-2.424 1.08c-.074.008-.24.136-.539.398-.432.382-.903.602-1.066.504a3.97 3.97 0 01-.114.024c-.166.033-.373.06-.558.045a.708.708 0 01-.252-.063.337.337 0 01-.168-.17c-.037-.09-.037-.202.005-.345l-.65.534-1.471 1.217V15.867l4.82-3.797a.41.41 0 01.016-.123c.037-.134.035-.202-.023-.196zm2.074.639c-.073 0-.195.103-.39.31-.265.283-.682.557-.903.613l-.034.018a2.191 2.191 0 01-.11.042c-.06.02-.138.044-.228.068-.18.049-.404.094-.604.089a.732.732 0 01-.275-.054.344.344 0 01-.184-.18c-.058-.139-.035-.334.092-.611L7.61 16.033v1.205h1.868l3.962-3.112c.103-.114.258-.27.467-.465.56-.519.687-.698.687-.963 0-.206-.023-.31-.096-.31zm.943 1.95l-.339.338c-.19.18-.529.402-.761.497l-.046.02-.003.005-.01.01c-.009.007-.013.008-.02.011a3.432 3.432 0 01-.282.093 3.058 3.058 0 01-.65.115 1.035 1.035 0 01-.31-.027.364.364 0 01-.218-.144c-.048-.074-.062-.173-.035-.295a1.11 1.11 0 01.095-.25l-3.197 2.526h4.252l.508-.582c.698-.814 1.016-1.396 1.016-1.894z"},"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 StyledComponents = forwardRef(
   function StyledComponents({ 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 StyledComponents = 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));
         })
     );
   }