@thesvg/react 3.2.2 → 3.2.4

package/dist/hasbro.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 288.91828 315.99999","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs2938"},"children":[{"type":"radialGradient","props":{"id":"radial0-1","gradientUnits":"userSpaceOnUse","cx":"0","cy":"0","fx":"0","fy":"0","r":"132.51199","gradientTransform":"matrix(2.6232884,0,0,2.6106485,202.63429,260.79676)"},"children":[{"type":"stop","props":{"offset":"0","style":{"stopColor":"rgb(14.903259%,71.455383%,68.809509%)","stopOpacity":"1"},"id":"stop16348"},"children":[]},{"type":"stop","props":{"offset":"0.0625","style":{"stopColor":"rgb(14.903259%,71.455383%,68.809509%)","stopOpacity":"1"},"id":"stop16350"},"children":[]},{"type":"stop","props":{"offset":"0.0898438","style":{"stopColor":"rgb(14.923096%,71.385193%,68.869019%)","stopOpacity":"1"},"id":"stop16352"},"children":[]},{"type":"stop","props":{"offset":"0.09375","style":{"stopColor":"rgb(14.974976%,71.217346%,69.007874%)","stopOpacity":"1"},"id":"stop16354"},"children":[]},{"type":"stop","props":{"offset":"0.0976562","style":{"stopColor":"rgb(14.956665%,71.035767%,69.148254%)","stopOpacity":"1"},"id":"stop16356"},"children":[]},{"type":"stop","props":{"offset":"0.101562","style":{"stopColor":"rgb(14.828491%,70.870972%,69.25354%)","stopOpacity":"1"},"id":"stop16358"},"children":[]},{"type":"stop","props":{"offset":"0.105469","style":{"stopColor":"rgb(14.675903%,70.683289%,69.374084%)","stopOpacity":"1"},"id":"stop16360"},"children":[]},{"type":"stop","props":{"offset":"0.109375","style":{"stopColor":"rgb(14.538574%,70.446777%,69.532776%)","stopOpacity":"1"},"id":"stop16362"},"children":[]},{"type":"stop","props":{"offset":"0.113281","style":{"stopColor":"rgb(14.465332%,70.210266%,69.66095%)","stopOpacity":"1"},"id":"stop16364"},"children":[]},{"type":"stop","props":{"offset":"0.117188","style":{"stopColor":"rgb(14.486694%,69.999695%,69.717407%)","stopOpacity":"1"},"id":"stop16366"},"children":[]},{"type":"stop","props":{"offset":"0.121094","style":{"stopColor":"rgb(14.482117%,69.813538%,69.799805%)","stopOpacity":"1"},"id":"stop16368"},"children":[]},{"type":"stop","props":{"offset":"0.125","style":{"stopColor":"rgb(14.369202%,69.651794%,69.975281%)","stopOpacity":"1"},"id":"stop16370"},"children":[]},{"type":"stop","props":{"offset":"0.128906","style":{"stopColor":"rgb(14.266968%,69.490051%,70.143127%)","stopOpacity":"1"},"id":"stop16372"},"children":[]},{"type":"stop","props":{"offset":"0.132812","style":{"stopColor":"rgb(14.273071%,69.300842%,70.214844%)","stopOpacity":"1"},"id":"stop16374"},"children":[]},{"type":"stop","props":{"offset":"0.136719","style":{"stopColor":"rgb(14.286804%,69.090271%,70.274353%)","stopOpacity":"1"},"id":"stop16376"},"children":[]},{"type":"stop","props":{"offset":"0.140625","style":{"stopColor":"rgb(14.204407%,68.852234%,70.402527%)","stopOpacity":"1"},"id":"stop16378"},"children":[]},{"type":"stop","props":{"offset":"0.144531","style":{"stopColor":"rgb(14.074707%,68.598938%,70.536804%)","stopOpacity":"1"},"id":"stop16380"},"children":[]},{"type":"stop","props":{"offset":"0.148438","style":{"stopColor":"rgb(13.943481%,68.345642%,70.606995%)","stopOpacity":"1"},"id":"stop16382"},"children":[]},{"type":"stop","props":{"offset":"0.152344","style":{"stopColor":"rgb(13.847351%,68.12439%,70.675659%)","stopOpacity":"1"},"id":"stop16384"},"children":[]},{"type":"stop","props":{"offset":"0.15625","style":{"stopColor":"rgb(13.829041%,67.982483%,70.825195%)","stopOpacity":"1"},"id":"stop16386"},"children":[]},{"type":"stop","props":{"offset":"0.160156","style":{"stopColor":"rgb(13.829041%,67.860413%,70.994568%)","stopOpacity":"1"},"id":"stop16388"},"children":[]},{"type":"stop","props":{"offset":"0.164062","style":{"stopColor":"rgb(13.749695%,67.658997%,71.078491%)","stopOpacity":"1"},"id":"stop16390"},"children":[]},{"type":"stop","props":{"offset":"0.167969","style":{"stopColor":"rgb(13.652039%,67.414856%,71.127319%)","stopOpacity":"1"},"id":"stop16392"},"children":[]},{"type":"stop","props":{"offset":"0.171875","style":{"stopColor":"rgb(13.647461%,67.199707%,71.232605%)","stopOpacity":"1"},"id":"stop16394"},"children":[]},{"type":"stop","props":{"offset":"0.175781","style":{"stopColor":"rgb(13.676453%,67.012024%,71.385193%)","stopOpacity":"1"},"id":"stop16396"},"children":[]},{"type":"stop","props":{"offset":"0.179688","style":{"stopColor":"rgb(13.595581%,66.850281%,71.568298%)","stopOpacity":"1"},"id":"stop16398"},"children":[]},{"type":"stop","props":{"offset":"0.183594","style":{"stopColor":"rgb(13.439941%,66.691589%,71.751404%)","stopOpacity":"1"},"id":"stop16400"},"children":[]},{"type":"stop","props":{"offset":"0.1875","style":{"stopColor":"rgb(13.301086%,66.479492%,71.846008%)","stopOpacity":"1"},"id":"stop16402"},"children":[]},{"type":"stop","props":{"offset":"0.191406","style":{"stopColor":"rgb(13.192749%,66.233826%,71.882629%)","stopOpacity":"1"},"id":"stop16404"},"children":[]},{"type":"stop","props":{"offset":"0.195312","style":{"stopColor":"rgb(13.179016%,66.018677%,71.975708%)","stopOpacity":"1"},"id":"stop16406"},"children":[]},{"type":"stop","props":{"offset":"0.199219","style":{"stopColor":"rgb(13.221741%,65.827942%,72.108459%)","stopOpacity":"1"},"id":"stop16408"},"children":[]},{"type":"stop","props":{"offset":"0.203125","style":{"stopColor":"rgb(13.154602%,65.660095%,72.209167%)","stopOpacity":"1"},"id":"stop16410"},"children":[]},{"type":"stop","props":{"offset":"0.207031","style":{"stopColor":"rgb(13.011169%,65.509033%,72.290039%)","stopOpacity":"1"},"id":"stop16412"},"children":[]},{"type":"stop","props":{"offset":"0.210938","style":{"stopColor":"rgb(12.974548%,65.335083%,72.398376%)","stopOpacity":"1"},"id":"stop16414"},"children":[]},{"type":"stop","props":{"offset":"0.214844","style":{"stopColor":"rgb(13.027954%,65.141296%,72.528076%)","stopOpacity":"1"},"id":"stop16416"},"children":[]},{"type":"stop","props":{"offset":"0.21875","style":{"stopColor":"rgb(12.986755%,64.916992%,72.601318%)","stopOpacity":"1"},"id":"stop16418"},"children":[]},{"type":"stop","props":{"offset":"0.222656","style":{"stopColor":"rgb(12.861633%,64.668274%,72.622681%)","stopOpacity":"1"},"id":"stop16420"},"children":[]},{"type":"stop","props":{"offset":"0.226562","style":{"stopColor":"rgb(12.736511%,64.422607%,72.703552%)","stopOpacity":"1"},"id":"stop16422"},"children":[]},{"type":"stop","props":{"offset":"0.230469","style":{"stopColor":"rgb(12.609863%,64.179993%,72.840881%)","stopOpacity":"1"},"id":"stop16424"},"children":[]},{"type":"stop","props":{"offset":"0.234375","style":{"stopColor":"rgb(12.562561%,64.01062%,72.941589%)","stopOpacity":"1"},"id":"stop16426"},"children":[]},{"type":"stop","props":{"offset":"0.238281","style":{"stopColor":"rgb(12.593079%,63.91449%,73.005676%)","stopOpacity":"1"},"id":"stop16428"},"children":[]},{"type":"stop","props":{"offset":"0.242188","style":{"stopColor":"rgb(12.548828%,63.748169%,73.103333%)","stopOpacity":"1"},"id":"stop16430"},"children":[]},{"type":"stop","props":{"offset":"0.246094","style":{"stopColor":"rgb(12.426758%,63.508606%,73.236084%)","stopOpacity":"1"},"id":"stop16432"},"children":[]},{"type":"stop","props":{"offset":"0.25","style":{"stopColor":"rgb(12.387085%,63.288879%,73.312378%)","stopOpacity":"1"},"id":"stop16434"},"children":[]},{"type":"stop","props":{"offset":"0.253906","style":{"stopColor":"rgb(12.440491%,63.090515%,73.323059%)","stopOpacity":"1"},"id":"stop16436"},"children":[]},{"type":"stop","props":{"offset":"0.257812","style":{"stopColor":"rgb(12.406921%,62.918091%,73.408508%)","stopOpacity":"1"},"id":"stop16438"},"children":[]},{"type":"stop","props":{"offset":"0.261719","style":{"stopColor":"rgb(12.265015%,62.774658%,73.582458%)","stopOpacity":"1"},"id":"stop16440"},"children":[]},{"type":"stop","props":{"offset":"0.265625","style":{"stopColor":"rgb(12.121582%,62.591553%,73.695374%)","stopOpacity":"1"},"id":"stop16442"},"children":[]},{"type":"stop","props":{"offset":"0.269531","style":{"stopColor":"rgb(11.99646%,62.356567%,73.718262%)","stopOpacity":"1"},"id":"stop16444"},"children":[]},{"type":"stop","props":{"offset":"0.273438","style":{"stopColor":"rgb(11.949158%,62.133789%,73.771667%)","stopOpacity":"1"},"id":"stop16446"},"children":[]},{"type":"stop","props":{"offset":"0.277344","style":{"stopColor":"rgb(11.990356%,61.936951%,73.880005%)","stopOpacity":"1"},"id":"stop16448"},"children":[]},{"type":"stop","props":{"offset":"0.28125","style":{"stopColor":"rgb(11.97052%,61.766052%,74.023438%)","stopOpacity":"1"},"id":"stop16450"},"children":[]},{"type":"stop","props":{"offset":"0.285156","style":{"stopColor":"rgb(11.842346%,61.621094%,74.197388%)","stopOpacity":"1"},"id":"stop16452"},"children":[]},{"type":"stop","props":{"offset":"0.289062","style":{"stopColor":"rgb(11.698914%,61.447144%,74.31488%)","stopOpacity":"1"},"id":"stop16454"},"children":[]},{"type":"stop","props":{"offset":"0.292969","style":{"stopColor":"rgb(11.573792%,61.221313%,74.343872%)","stopOpacity":"1"},"id":"stop16456"},"children":[]},{"type":"stop","props":{"offset":"0.296875","style":{"stopColor":"rgb(11.514282%,60.997009%,74.386597%)","stopOpacity":"1"},"id":"stop16458"},"children":[]},{"type":"stop","props":{"offset":"0.300781","style":{"stopColor":"rgb(11.5448%,60.797119%,74.482727%)","stopOpacity":"1"},"id":"stop16460"},"children":[]},{"type":"stop","props":{"offset":"0.304688","style":{"stopColor":"rgb(11.549377%,60.5896%,74.560547%)","stopOpacity":"1"},"id":"stop16462"},"children":[]},{"type":"stop","props":{"offset":"0.308594","style":{"stopColor":"rgb(11.460876%,60.359192%,74.581909%)","stopOpacity":"1"},"id":"stop16464"},"children":[]},{"type":"stop","props":{"offset":"0.3125","style":{"stopColor":"rgb(11.386108%,60.165405%,74.633789%)","stopOpacity":"1"},"id":"stop16466"},"children":[]},{"type":"stop","props":{"offset":"0.316406","style":{"stopColor":"rgb(11.384583%,60.043335%,74.768066%)","stopOpacity":"1"},"id":"stop16468"},"children":[]},{"type":"stop","props":{"offset":"0.320312","style":{"stopColor":"rgb(11.372375%,59.910583%,74.891663%)","stopOpacity":"1"},"id":"stop16470"},"children":[]},{"type":"stop","props":{"offset":"0.324219","style":{"stopColor":"rgb(11.286926%,59.70459%,74.928284%)","stopOpacity":"1"},"id":"stop16472"},"children":[]},{"type":"stop","props":{"offset":"0.328125","style":{"stopColor":"rgb(11.166382%,59.469604%,74.95575%)","stopOpacity":"1"},"id":"stop16474"},"children":[]},{"type":"stop","props":{"offset":"0.332031","style":{"stopColor":"rgb(11.045837%,59.236145%,75.038147%)","stopOpacity":"1"},"id":"stop16476"},"children":[]},{"type":"stop","props":{"offset":"0.335938","style":{"stopColor":"rgb(10.961914%,59.036255%,75.135803%)","stopOpacity":"1"},"id":"stop16478"},"children":[]},{"type":"stop","props":{"offset":"0.339844","style":{"stopColor":"rgb(10.952759%,58.903503%,75.202942%)","stopOpacity":"1"},"id":"stop16480"},"children":[]},{"type":"stop","props":{"offset":"0.34375","style":{"stopColor":"rgb(10.952759%,58.779907%,75.267029%)","stopOpacity":"1"},"id":"stop16482"},"children":[]},{"type":"stop","props":{"offset":"0.347656","style":{"stopColor":"rgb(10.873413%,58.586121%,75.358582%)","stopOpacity":"1"},"id":"stop16484"},"children":[]},{"type":"stop","props":{"offset":"0.351562","style":{"stopColor":"rgb(10.791016%,58.363342%,75.440979%)","stopOpacity":"1"},"id":"stop16486"},"children":[]},{"type":"stop","props":{"offset":"0.355469","style":{"stopColor":"rgb(10.798645%,58.157349%,75.466919%)","stopOpacity":"1"},"id":"stop16488"},"children":[]},{"type":"stop","props":{"offset":"0.359375","style":{"stopColor":"rgb(10.824585%,57.974243%,75.486755%)","stopOpacity":"1"},"id":"stop16490"},"children":[]},{"type":"stop","props":{"offset":"0.363281","style":{"stopColor":"rgb(10.743713%,57.823181%,75.595093%)","stopOpacity":"1"},"id":"stop16492"},"children":[]},{"type":"stop","props":{"offset":"0.367188","style":{"stopColor":"rgb(10.597229%,57.676697%,75.732422%)","stopOpacity":"1"},"id":"stop16494"},"children":[]},{"type":"stop","props":{"offset":"0.371094","style":{"stopColor":"rgb(10.467529%,57.479858%,75.78125%)","stopOpacity":"1"},"id":"stop16496"},"children":[]},{"type":"stop","props":{"offset":"0.375","style":{"stopColor":"rgb(10.375977%,57.254028%,75.785828%)","stopOpacity":"1"},"id":"stop16498"},"children":[]},{"type":"stop","props":{"offset":"0.378906","style":{"stopColor":"rgb(10.372925%,57.048035%,75.843811%)","stopOpacity":"1"},"id":"stop16500"},"children":[]},{"type":"stop","props":{"offset":"0.382812","style":{"stopColor":"rgb(10.414124%,56.854248%,75.939941%)","stopOpacity":"1"},"id":"stop16502"},"children":[]},{"type":"stop","props":{"offset":"0.386719","style":{"stopColor":"rgb(10.365295%,56.640625%,76.036072%)","stopOpacity":"1"},"id":"stop16504"},"children":[]},{"type":"stop","props":{"offset":"0.390625","style":{"stopColor":"rgb(10.263062%,56.427002%,76.127625%)","stopOpacity":"1"},"id":"stop16506"},"children":[]},{"type":"stop","props":{"offset":"0.394531","style":{"stopColor":"rgb(10.23407%,56.278992%,76.194763%)","stopOpacity":"1"},"id":"stop16508"},"children":[]},{"type":"stop","props":{"offset":"0.398438","style":{"stopColor":"rgb(10.253906%,56.173706%,76.245117%)","stopOpacity":"1"},"id":"stop16510"},"children":[]},{"type":"stop","props":{"offset":"0.402344","style":{"stopColor":"rgb(10.198975%,56.004333%,76.318359%)","stopOpacity":"1"},"id":"stop16512"},"children":[]},{"type":"stop","props":{"offset":"0.40625","style":{"stopColor":"rgb(10.083008%,55.778503%,76.405334%)","stopOpacity":"1"},"id":"stop16514"},"children":[]},{"type":"stop","props":{"offset":"0.410156","style":{"stopColor":"rgb(9.967041%,55.551147%,76.435852%)","stopOpacity":"1"},"id":"stop16516"},"children":[]},{"type":"stop","props":{"offset":"0.414062","style":{"stopColor":"rgb(9.858704%,55.328369%,76.422119%)","stopOpacity":"1"},"id":"stop16518"},"children":[]},{"type":"stop","props":{"offset":"0.417969","style":{"stopColor":"rgb(9.820557%,55.174255%,76.495361%)","stopOpacity":"1"},"id":"stop16520"},"children":[]},{"type":"stop","props":{"offset":"0.421875","style":{"stopColor":"rgb(9.848022%,55.081177%,76.644897%)","stopOpacity":"1"},"id":"stop16522"},"children":[]},{"type":"stop","props":{"offset":"0.425781","style":{"stopColor":"rgb(9.805298%,54.919434%,76.708984%)","stopOpacity":"1"},"id":"stop16524"},"children":[]},{"type":"stop","props":{"offset":"0.429688","style":{"stopColor":"rgb(9.690857%,54.693604%,76.687622%)","stopOpacity":"1"},"id":"stop16526"},"children":[]},{"type":"stop","props":{"offset":"0.433594","style":{"stopColor":"rgb(9.663391%,54.48761%,76.719666%)","stopOpacity":"1"},"id":"stop16528"},"children":[]},{"type":"stop","props":{"offset":"0.4375","style":{"stopColor":"rgb(9.725952%,54.298401%,76.803589%)","stopOpacity":"1"},"id":"stop16530"},"children":[]},{"type":"stop","props":{"offset":"0.441406","style":{"stopColor":"rgb(9.689331%,54.138184%,76.869202%)","stopOpacity":"1"},"id":"stop16532"},"children":[]},{"type":"stop","props":{"offset":"0.445312","style":{"stopColor":"rgb(9.54895%,54.01001%,76.9104%)","stopOpacity":"1"},"id":"stop16534"},"children":[]},{"type":"stop","props":{"offset":"0.449219","style":{"stopColor":"rgb(9.416199%,53.840637%,76.96991%)","stopOpacity":"1"},"id":"stop16536"},"children":[]},{"type":"stop","props":{"offset":"0.453125","style":{"stopColor":"rgb(9.301758%,53.625488%,77.049255%)","stopOpacity":"1"},"id":"stop16538"},"children":[]},{"type":"stop","props":{"offset":"0.457031","style":{"stopColor":"rgb(9.265137%,53.417969%,77.084351%)","stopOpacity":"1"},"id":"stop16540"},"children":[]},{"type":"stop","props":{"offset":"0.460938","style":{"stopColor":"rgb(9.317017%,53.225708%,77.06604%)","stopOpacity":"1"},"id":"stop16542"},"children":[]},{"type":"stop","props":{"offset":"0.464844","style":{"stopColor":"rgb(9.307861%,53.022766%,77.084351%)","stopOpacity":"1"},"id":"stop16544"},"children":[]},{"type":"stop","props":{"offset":"0.46875","style":{"stopColor":"rgb(9.210205%,52.807617%,77.151489%)","stopOpacity":"1"},"id":"stop16546"},"children":[]},{"type":"stop","props":{"offset":"0.472656","style":{"stopColor":"rgb(9.155273%,52.638245%,77.21405%)","stopOpacity":"1"},"id":"stop16548"},"children":[]},{"type":"stop","props":{"offset":"0.476562","style":{"stopColor":"rgb(9.170532%,52.531433%,77.256775%)","stopOpacity":"1"},"id":"stop16550"},"children":[]},{"type":"stop","props":{"offset":"0.480469","style":{"stopColor":"rgb(9.147644%,52.391052%,77.310181%)","stopOpacity":"1"},"id":"stop16552"},"children":[]},{"type":"stop","props":{"offset":"0.484375","style":{"stopColor":"rgb(9.05304%,52.189636%,77.378845%)","stopOpacity":"1"},"id":"stop16554"},"children":[]},{"type":"stop","props":{"offset":"0.488281","style":{"stopColor":"rgb(8.940125%,51.972961%,77.452087%)","stopOpacity":"1"},"id":"stop16556"},"children":[]},{"type":"stop","props":{"offset":"0.492188","style":{"stopColor":"rgb(8.828735%,51.757812%,77.523804%)","stopOpacity":"1"},"id":"stop16558"},"children":[]},{"type":"stop","props":{"offset":"0.496094","style":{"stopColor":"rgb(8.764648%,51.582336%,77.583313%)","stopOpacity":"1"},"id":"stop16560"},"children":[]},{"type":"stop","props":{"offset":"0.5","style":{"stopColor":"rgb(8.772278%,51.467896%,77.626038%)","stopOpacity":"1"},"id":"stop16562"},"children":[]},{"type":"stop","props":{"offset":"0.503906","style":{"stopColor":"rgb(8.760071%,51.33667%,77.670288%)","stopOpacity":"1"},"id":"stop16564"},"children":[]},{"type":"stop","props":{"offset":"0.507812","style":{"stopColor":"rgb(8.674622%,51.145935%,77.732849%)","stopOpacity":"1"},"id":"stop16566"},"children":[]},{"type":"stop","props":{"offset":"0.511719","style":{"stopColor":"rgb(8.564758%,50.930786%,77.770996%)","stopOpacity":"1"},"id":"stop16568"},"children":[]},{"type":"stop","props":{"offset":"0.515625","style":{"stopColor":"rgb(8.454895%,50.717163%,77.757263%)","stopOpacity":"1"},"id":"stop16570"},"children":[]},{"type":"stop","props":{"offset":"0.519531","style":{"stopColor":"rgb(8.383179%,50.535583%,77.767944%)","stopOpacity":"1"},"id":"stop16572"},"children":[]},{"type":"stop","props":{"offset":"0.523438","style":{"stopColor":"rgb(8.381653%,50.415039%,77.864075%)","stopOpacity":"1"},"id":"stop16574"},"children":[]},{"type":"stop","props":{"offset":"0.527344","style":{"stopColor":"rgb(8.377075%,50.294495%,77.955627%)","stopOpacity":"1"},"id":"stop16576"},"children":[]},{"type":"stop","props":{"offset":"0.53125","style":{"stopColor":"rgb(8.302307%,50.111389%,77.961731%)","stopOpacity":"1"},"id":"stop16578"},"children":[]},{"type":"stop","props":{"offset":"0.535156","style":{"stopColor":"rgb(8.233643%,49.905396%,77.946472%)","stopOpacity":"1"},"id":"stop16580"},"children":[]},{"type":"stop","props":{"offset":"0.539062","style":{"stopColor":"rgb(8.251953%,49.711609%,77.984619%)","stopOpacity":"1"},"id":"stop16582"},"children":[]},{"type":"stop","props":{"offset":"0.542969","style":{"stopColor":"rgb(8.280945%,49.520874%,78.025818%)","stopOpacity":"1"},"id":"stop16584"},"children":[]},{"type":"stop","props":{"offset":"0.546875","style":{"stopColor":"rgb(8.221436%,49.316406%,78.016663%)","stopOpacity":"1"},"id":"stop16586"},"children":[]},{"type":"stop","props":{"offset":"0.550781","style":{"stopColor":"rgb(8.106995%,49.124146%,78.007507%)","stopOpacity":"1"},"id":"stop16588"},"children":[]},{"type":"stop","props":{"offset":"0.554688","style":{"stopColor":"rgb(7.975769%,48.979187%,78.08075%)","stopOpacity":"1"},"id":"stop16590"},"children":[]},{"type":"stop","props":{"offset":"0.558594","style":{"stopColor":"rgb(7.868958%,48.854065%,78.179932%)","stopOpacity":"1"},"id":"stop16592"},"children":[]},{"type":"stop","props":{"offset":"0.5625","style":{"stopColor":"rgb(7.86438%,48.690796%,78.196716%)","stopOpacity":"1"},"id":"stop16594"},"children":[]},{"type":"stop","props":{"offset":"0.566406","style":{"stopColor":"rgb(7.905579%,48.501587%,78.172302%)","stopOpacity":"1"},"id":"stop16596"},"children":[]},{"type":"stop","props":{"offset":"0.570312","style":{"stopColor":"rgb(7.858276%,48.301697%,78.192139%)","stopOpacity":"1"},"id":"stop16598"},"children":[]},{"type":"stop","props":{"offset":"0.574219","style":{"stopColor":"rgb(7.76825%,48.109436%,78.244019%)","stopOpacity":"1"},"id":"stop16600"},"children":[]},{"type":"stop","props":{"offset":"0.578125","style":{"stopColor":"rgb(7.748413%,47.975159%,78.28064%)","stopOpacity":"1"},"id":"stop16602"},"children":[]},{"type":"stop","props":{"offset":"0.582031","style":{"stopColor":"rgb(7.766724%,47.871399%,78.312683%)","stopOpacity":"1"},"id":"stop16604"},"children":[]},{"type":"stop","props":{"offset":"0.585938","style":{"stopColor":"rgb(7.713318%,47.709656%,78.355408%)","stopOpacity":"1"},"id":"stop16606"},"children":[]},{"type":"stop","props":{"offset":"0.589844","style":{"stopColor":"rgb(7.614136%,47.523499%,78.401184%)","stopOpacity":"1"},"id":"stop16608"},"children":[]},{"type":"stop","props":{"offset":"1","style":{"stopColor":"rgb(7.568359%,47.438049%,78.422546%)","stopOpacity":"1"},"id":"stop16610"},"children":[]}]}]},{"type":"g","props":{"id":"layer1","transform":"translate(44.459148,-242.00001)"},"children":[{"type":"path","props":{"style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"evenodd","stroke":"none","strokeWidth":"2.61696"},"d":"m 244.12457,470.46028 c -0.10245,-0.35755 -0.23515,-0.70546 -0.39835,-1.04276 -0.15349,-0.29672 -14.91468,-30.3609 -29.6147,-84.01895 l -0.75643,-2.48415 c 2.97477,-4.61031 3.88461,-8.23937 4.14015,-10.00786 0.26558,-1.53332 0.38872,-3.03603 0.38872,-4.46723 0,-5.46904 -1.76849,-9.97714 -3.89477,-12.36922 -1.78897,-2.00364 -3.77215,-3.41435 -6.01087,-4.31395 l -1.24714,-7.25795 c -6.53215,-54.27148 -9.0674,-75.28902 -9.32295,-78.74419 -0.25592,-3.44501 -0.6847,-8.42335 -1.07333,-12.01145 -0.24554,-2.28991 -1.09381,-5.45887 -1.09381,-5.45887 -0.58307,-2.27961 -2.06501,-4.22192 -4.08905,-5.31573 -2.03429,-1.10405 -4.48771,-1.26761 -6.71619,-0.47031 -0.25594,0.092 -0.50073,0.20401 -0.74627,0.32715 -0.35757,0.19431 -36.35132,19.8419 -92.565018,40.79811 -25.02476,9.82382 -40.634535,16.42765 -72.385755,23.09273 -26.5785951,5.09078 -45.357417,8.32112 -45.653847,8.37223 l -10.416754,1.86047 -1.236906,0.40875 c -2.627223,1.09381 -4.681984,3.28143 -5.499764,5.85747 -0.275957,0.87912 -0.408741,1.76849 -0.388712,2.65786 0.02968,1.47205 0.459926,2.90317 1.267543,4.16055 l 0.449542,0.61349 c 0.08159,0.11286 8.617549,10.94826 22.970019,52.09399 -3.598335,2.93391 -5.550801,6.72644 -5.550801,10.87677 0,1.06317 0.122396,2.1365 0.388712,3.24056 1.758258,7.44199 10.191836,9.41492 14.403582,9.41492 l 0.398355,-0.0222 c 0.4903419,-0.0222 0.9915889,-0.0593 1.4924629,-0.10245 l 2.24897,4.67168 c 1.267618,7.59532 2.432938,15.25199 3.516588,22.53041 7.40112,49.7633 9.23088,75.013 9.49668,87.33111 0.1632,8.01452 -1.25731,27.66224 -1.27778,28.24487 -0.0297,0.90983 -0.1632,2.02412 0.0593,2.893 0.6031,2.3205 2.14674,4.25256 4.23207,5.30549 2.1058701,1.06317 4.6308701,1.16541 6.9104801,0.26557 0.28634,-0.10245 0.5623,-0.23515 0.83825,-0.39835 0.34717,-0.19431 35.10416,-19.96462 95.918013,-43.52758 0.50073,-0.19431 36.77042,-15.46668 52.40067,-19.63747 35.51312,-9.47628 51.0309,-9.52739 58.10488,-10.19191 1.33913,-0.12247 8.69938,-0.62387 10.55994,-0.93023 1.86047,-0.30638 3.66985,-1.012 3.66985,-1.012 0.24554,-0.0742 0.56228,-0.17351 0.8076,-0.26558 4.20143,-1.76847 6.52201,-6.58332 5.27477,-10.96881","id":"path16834"},"children":[]},{"type":"path","props":{"id":"path16836","style":{"clipRule":"nonzero","fill":"url(#radial0-1)","fillRule":"nonzero","stroke":"none","strokeWidth":"2.61696"},"d":"m 187.98208,258.66016 c -0.23521,0 -0.4907,0.0355 -0.73602,0.11109 0,0 -36.07405,16.97191 -91.868628,34.46271 -2.95433,0.93023 -5.88818,1.82722 -8.80161,2.70642 4.87616,-1.12452 9.82256,-2.29747 14.831618,-3.53444 45.5823,-11.25501 78.43622,-22.9317 89.62992,-27.1025 -0.59294,-3.30189 -0.88937,-4.93747 -0.88937,-4.93747 -0.23502,-1.0427 -1.13342,-1.70589 -2.16591,-1.70589 z m 1.55256,15.67881 -0.54052,0.0575 v 0.008 c 0,0 -37.37229,13.82847 -94.414038,26.53514 -57.041735,12.69634 -107.175595,18.48489 -107.175595,18.48489 -1.339152,0.29673 -2.269396,1.59468 -2.085396,2.91342 0,0 6.9819999,11.46713 15.14979592,57.47875 -1.64582002,0.5519 -3.36194002,1.14747 -5.04866002,1.77105 -9.8954069,-41.01282 -17.7041519,-57.09408 -19.5544229,-60.97869 -2.647646,0.69508 -4.109459,1.06187 -4.109459,1.06187 -1.277811,0.4807 -2.464909,1.88224 -1.667552,3.17026 0,0 8.945995,10.87548 23.6868889,57.36758 -2.668082,1.02229 -5.1725909,2.14803 -7.1762189,3.17026 -4.835243,2.48412 -6.777529,6.07091 -5.857511,9.9248 0.981365,4.10946 6.85932,4.89916 8.740266,4.89916 h 0.111168 c 2.5760909,-0.11266 5.4601109,-0.57266 8.7824309,-1.38005 l 0.67469002,-0.17625 0.32584,-0.0805 c 0,0 1.61642,-0.41916 3.84495998,-1.01202 1.34935,8.5562 2.51218,17.2454 3.87178,27.72351 10.6519001,82.53673 6.5130301,94.40638 6.5130301,94.40638 0.19421,1.30849 1.43242,2.12498 2.77159,1.82855 0,0 35.50287,-13.91288 98.013633,-27.87686 62.52104,-13.96397 103.5645,-17.13167 103.5645,-17.13167 1.33915,-0.30639 2.27963,-1.60628 2.08539,-2.92494 0,0 -10.5522,-30.79922 -17.35018,-86.65513 0.34754,-0.30711 0.69771,-0.62511 1.03502,-0.96219 l 0.0997,-0.092 c 5.86771,-5.91882 7.98382,-11.14256 8.37224,-14.0151 1.00184,-5.60192 -0.58269,-10.29531 -2.11605,-12.00253 -2.13653,-2.39207 -4.6602,-4.02512 -10.38483,-3.50378 l -0.0921,0.008 c -5.61216,-56.00924 -7.8509,-80.11527 -7.8509,-80.11527 -0.1635,-1.13467 -1.10533,-1.90139 -2.21957,-1.90139 z m 15.98931,116.83971 c 8.33138,46.0014 18.34817,75.89466 21.97717,85.8923 2.43298,-0.54154 3.73378,-0.80886 3.73378,-0.80886 1.28806,-0.45993 2.05344,-1.86948 1.70588,-3.14727 0,0 -13.94352,-29.2185 -27.41683,-81.93617 z m -89.61073,107.22544 c -3.73124,0.92007 -7.56466,1.87078 -11.46968,2.88276 -48.086788,12.41016 -79.941473,24.2594 -91.860953,28.96171 0.17374,4.20151 -0.11117,5.41666 -0.11117,5.41666 0.30667,1.28802 1.62667,1.98192 2.92492,1.55255 0,0 34.04104,-17.20319 94.977563,-37.03495 1.87071,-0.60311 3.70949,-1.20628 5.53932,-1.77873 z"},"children":[]},{"type":"path","props":{"style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"2.61696"},"d":"m 185.92772,377.73165 c 2.52498,-9.69097 7.27849,-13.08485 8.02468,-13.7289 3.24056,-2.18762 3.84373,-0.39836 4.27301,0.34791 0.94048,2.04445 -0.34791,6.34818 -0.75643,7.66692 -2.2592,7.31928 -6.80817,10.75405 -7.53404,11.33675 -3.96628,2.52493 -4.10944,-0.71585 -4.23207,-1.65603 -0.0921,-0.66468 0.0742,-2.70898 0.22477,-3.96636 m -10.47812,3.65968 c 0,0 -0.82801,8.28025 8.68915,7.59534 1.15516,-0.092 9.97723,-0.64391 17.16367,-7.78961 1.09381,-1.10398 6.59348,-6.522 7.35,-12.1239 0.20473,-1.21644 2.41254,-11.64342 -9.39453,-10.95859 -1.43113,0.22477 -8.87312,0.92009 -15.76311,7.93271 -1.01206,0.99159 -8.00429,8.16779 -8.04518,15.34405 m -10.33493,-13.95373 c 0,0 -2.30008,-4.75351 -7.97363,-3.96643 -0.97112,0.20475 -3.05652,0.7255 -4.8659,2.24897 -0.26555,0.26557 -1.18588,1.3596 0.21439,1.52317 0.84843,0.13288 4.9477,0.42952 5.1828,4.40595 0.008,1.05294 0.54151,4.76365 -2.65787,17.66454 -0.24553,0.76668 -1.11422,3.38366 2.01382,3.20984 1.07339,-0.0446 6.11309,-0.28632 8.64832,-1.52317 0.83818,-0.45993 2.0547,-0.6847 1.9116,-2.97469 0.008,-0.98143 0.008,-11.88881 -0.79738,-14.85335 0.37832,-0.93031 2.26944,-5.09086 7.04334,-7.6669 0.79738,-0.38871 3.59833,-2.12636 5.87794,0.41912 0.35755,0.34792 0.78715,0.92009 1.84007,0.0593 0.71587,-0.67432 3.36319,-3.11785 2.8828,-6.42999 -0.23518,-0.82804 -0.43991,-2.86232 -4.69216,-2.41247 -1.24715,0.21437 -7.18644,0.60309 -14.62849,10.29405 m -30.12577,4.28326 c 6.72636,-2.4023 5.08058,7.6669 3.85383,9.81365 -1.67644,5.21349 -5.98017,7.91224 -5.98017,7.91224 l -1.5742,-15.64049 c 1.27777,-0.87913 2.85205,-1.74811 3.70054,-2.0854 m -23.13365,-25.76082 c 0,0 -1.2062,0.54153 0.35754,0.99159 0.62388,0.3991 2.39216,1.42095 3.41438,4.62063 0.5215,1.58445 3.56769,10.75407 5.50993,24.51358 0.1735,1.28802 1.73785,13.7289 1.5334,17.03074 0.12247,0.89961 0.0222,4.9273 5.90867,3.42452 4.03785,-1.05286 13.46302,-7.46238 19.92365,-17.1227 0.84851,-1.00184 8.79144,-14.48534 -6.44016,-14.30129 -2.34096,0.37833 -5.21349,0.59272 -11.14255,4.50811 -0.16389,-0.79738 -1.57428,-16.86716 -3.65968,-23.17446 -0.7255,-1.42096 -1.26763,-3.6597 -6.07222,-3.11787 -1.17556,0.1735 -6.45041,0.92001 -9.33318,2.62715 m 4.88642,23.21542 c 0,0 0.69508,0.22477 0.59271,-0.7974 -0.11286,-1.03245 -0.33751,-4.49792 -3.28143,-6.08237 -0.68469,-0.29672 -1.93207,-1.1143 -5.01922,-0.0742 -0.8792,0.32713 -12.031978,4.35484 -17.316998,14.00484 -0.39835,0.83834 -3.905,8.32119 2.7805,10.35548 0,0 4.98864,1.40048 8.024758,1.71738 0,0 9.50692,0.8689 3.86404,8.69938 -0.81777,1.11428 -4.09919,5.47928 -9.108238,9.35358 -0.94048,0.6439 -4.82501,3.445 -9.36382,1.00182 -0.76668,-0.33753 -2.21833,-0.75644 -1.69699,1.01206 0.36793,0.7255 2.74992,4.7739 6.30738,6.66508 0.80754,0.35757 3.28136,2.40232 11.490088,-2.1365 1.7685,-0.90984 10.86652,-7.76912 14.50581,-15.47692 0.50073,-1.39024 3.43477,-8.11666 -2.95438,-10.39635 -1.92182,-0.7769 -7.06373,-1.89111 -8.42333,-2.23866 -2.51477,-0.6847 -9.915868,-1.97302 -5.18286,-8.59722 1.19611,-1.22666 5.74508,-5.90857 14.78183,-7.01262 M -5.9908801,388.56321 c -1.58445,0.12247 -1.063173,-1.13475 -0.245543,-1.60493 6.31754002,-3.87436 17.6645401,-6.66516 17.6645401,-6.66516 l 0.63351,4.36509 c -8.2597701,2.40229 -15.9369201,3.91516 -18.0529521,3.905 M 11.162097,378.16686 c 0,0 -16.5094501,4.54905 -24.186522,8.66873 -2.933892,1.46182 -9.517153,8.13715 1.564047,8.13715 2.1160349,-0.092 5.0499259,-0.45992 9.2820749,-1.55381 1.29825002,-0.33753 14.9146101,-3.93572 14.9146101,-3.93572 l 2.49437,16.45827 c 0,0 0.45992,2.7192 0.72549,3.61882 0,0 0.57269,4.67166 4.33437,4.01746 1.03246,-0.0593 4.65127,-0.1735 7.9123,-1.31874 0.59272,-0.27595 2.15692,-0.6335 1.43112,-2.92365 -0.10237,-1.13467 -3.77214,-23.18471 -3.77214,-23.18471 l 12.98263,-3.1996 3.4961,22.17265 c 0,0 0.6543,5.08063 4.66152,4.14008 1.20627,-0.17351 4.18104,-0.5623 6.00056,-1.57421 0.44955,-0.29672 1.49254,-0.64391 0.24554,-2.92366 -0.36793,-1.17555 -4.32412,-14.91469 -5.08056,-23.63454 0.83826,-0.15348 15.405315,-2.67826 14.853345,-2.06492 -0.55192,0.6031 -4.8046,4.92722 -7.09445,11.43906 -1.666275,3.50627 -0.10246,14.30127 10.55986,11.32652 1.80936,-0.66468 6.11308,-1.96271 10.87674,-7.97359 0.23515,0.58308 3.28144,8.3416 11.93993,6.16421 0.88937,-0.25592 2.2285,-0.4295 0.87913,-1.53342 -0.66466,-0.41912 -3.93564,-2.09554 -3.7823,-8.68912 0.0921,-1.7685 0.62386,-6.8593 1.77872,-12.87017 0.0816,-0.66468 0.27596,-3.03612 -2.36143,-2.46365 -1.32888,0.37833 -4.16055,1.29826 -6.63445,3.12809 -0.60308,0.51112 -1.29824,0.86898 -1.75825,3.03612 -0.35755,1.09381 -4.0481,12.28748 -10.02825,16.26406 -1.03255,0.63351 -2.97477,1.9627 -3.08723,-0.75652 -0.12248,-1.48221 1.12444,-9.76246 11.49009,-18.84009 1.25738,-1.03245 4.29348,-3.22009 5.52023,-3.55746 1.02222,-0.1735 2.17739,-1.45159 0.19431,-1.98318 0,0 -3.31206,-0.7973 -14.29104,0.72625 -1.06317,0.13288 -10.06922,1.31866 -19.647715,3.31206 -0.10245,-1.16539 -1.17563,-15.72222 -0.32715,-23.10296 0.14309,-1.44134 1.67652,-6.47087 -3.43475,-5.62238 -0.96095,0.11285 -5.95978,0.83826 -8.52565,2.4739 -0.69508,0.38871 -1.61515,0.69508 -0.56228,1.42087 0.4295,0.49108 1.19602,1.19603 1.3596,3.93572 0.11285,1.03245 2.07515,23.00066 2.07515,23.00066 l -13.0235,3.33261 c 0,0 -2.45334,-18.36994 -2.57604,-26.12883 -0.092,-1.27785 0.6847,-6.64467 -5.16238,-4.64103 -1.31873,0.33754 -7.35,1.88094 -11.5310401,5.11128 0,0 -2.38183,1.39024 0.0519,1.96269 0.70547,0.42952 1.65604,0.88937 2.03429,3.01565 0.24554,1.23696 3.2098501,17.61342 3.2098501,17.61342","id":"path16842"},"children":[]},{"type":"path","props":{"style":{"fill":"#ffffff","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"2.61696"},"d":"m 148.03283,396.2242 -0.18391,0.45992 c -5.46898,11.93994 -19.54542,22.05002 -20.81304,22.89852 -12.83953,9.67047 -26.99772,12.7781 -28.837788,13.1973 -16.27422,4.21167 -30.72892,2.67826 -31.77162,2.66803 3.50636,11.19366 21.81494,18.35969 22.54066,18.64588 19.443258,7.96343 35.349548,1.36985 37.230498,0.77698 14.76136,-5.08063 19.44326,-17.48057 20.41438,-19.6273 5.23398,-12.90082 3.28142,-26.24122 2.98499,-28.6844 -0.1839,-2.83166 -0.9711,-5.75532 -1.15514,-6.6958 -0.22477,-1.49246 1.42095,-1.2573 1.45157,-0.33751 2.96454,10.09983 2.97479,19.04453 2.96454,20.52684 -0.0371,14.37287 -4.18096,20.81302 -4.82501,22.19311 -5.37706,10.34516 -12.55326,14.27063 -13.8004,15.04754 -12.17508,8.00421 -26.75241,7.22739 -29.04224,7.14556 C 84.039902,463.47792 70.852832,453.17363 68.419882,451.2518 54.803447,440.59989 53.617667,427.12662 53.597177,426.28838 c -0.0296,-0.83826 0.19431,-0.50073 1.69699,-0.14309 23.491365,6.4811 44.028445,0.008 45.173363,-0.25519 30.65741,-7.36016 46.16495,-30.03383 46.16495,-30.03383 1.07334,-1.64579 1.77874,-0.23516 1.40048,0.36795","id":"path16844"},"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 Hasbro = forwardRef(
   function Hasbro({ 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 Hasbro = 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/hcaptcha.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"49.979%","x2":"49.979%","y1":"-702.201%","y2":"97.969%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"50%","x2":"50%","y1":"-602.243%","y2":"197.926%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"49.979%","x2":"49.979%","y1":"-602.243%","y2":"197.926%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"50.021%","x2":"50.021%","y1":"-502.498%","y2":"298.01%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"50%","x2":"50%","y1":"-502.498%","y2":"298.01%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"f","x1":"49.979%","x2":"49.979%","y1":"-502.498%","y2":"298.01%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"g","x1":"50.021%","x2":"50.021%","y1":"-402.285%","y2":"397.884%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"h","x1":"50%","x2":"50%","y1":"-402.285%","y2":"397.884%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"i","x1":"49.979%","x2":"49.979%","y1":"-402.285%","y2":"397.884%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"j","x1":"50.021%","x2":"50.021%","y1":"-302.328%","y2":"497.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"k","x1":"50%","x2":"50%","y1":"-302.328%","y2":"497.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"l","x1":"49.979%","x2":"49.979%","y1":"-302.328%","y2":"497.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"m","x1":"50.021%","x2":"50.021%","y1":"-202.328%","y2":"597.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"n","x1":"50%","x2":"50%","y1":"-202.328%","y2":"597.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"o","x1":"49.979%","x2":"49.979%","y1":"-202.328%","y2":"597.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"p","x1":"50%","x2":"50%","y1":"-102.37%","y2":"697.799%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"q","x1":"49.979%","x2":"49.979%","y1":"-102.37%","y2":"697.799%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"r","x1":"49.979%","x2":"49.979%","y1":"-2.37%","y2":"797.799%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M160.007 223.993h32.007V256h-32.007z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M128 223.993h32.007V256H128z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M96.007 223.993h32.007V256H96.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M64 223.993h32.007V256H64z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M192 192h31.993v32.007H192z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M160.007 192h32.007v32.007h-32.007z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M128 192h32.007v32.007H128z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M96.007 192h32.007v32.007H96.007z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M64 192h32.007v32.007H64z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M32.007 192h32.007v32.007H32.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M223.993 160.007H256V192h-32.007z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M192 160.007h31.993V192H192z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M160.007 160.007h32.007V192h-32.007zM128 160.007h32.007V192H128z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M96.007 160.007h32.007V192H96.007zM64 160.007h32.007V192H64z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M32.007 160.007h32.007V192H32.007z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M0 160.007h32.007V192H0z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#g)","d":"M223.993 128H256v32.007h-32.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#h)","d":"M192 128h31.993v32.007H192z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M160.007 128h32.007v32.007h-32.007zM128 128h32.007v32.007H128z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M96.007 128h32.007v32.007H96.007zM64 128h32.007v32.007H64z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M32.007 128h32.007v32.007H32.007z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M0 128h32.007v32.007H0z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#j)","d":"M223.993 96.007H256v32.007h-32.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#k)","d":"M192 96.007h31.993v32.007H192z"},"children":[]},{"type":"path","props":{"fill":"url(#l)","d":"M160.007 96.007h32.007v32.007h-32.007zM128 96.007h32.007v32.007H128z"},"children":[]},{"type":"path","props":{"fill":"url(#l)","d":"M96.007 96.007h32.007v32.007H96.007zM64 96.007h32.007v32.007H64z"},"children":[]},{"type":"path","props":{"fill":"url(#l)","d":"M32.007 96.007h32.007v32.007H32.007z"},"children":[]},{"type":"path","props":{"fill":"url(#l)","d":"M0 96.007h32.007v32.007H0z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#m)","d":"M223.993 64H256v32.007h-32.007z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#n)","d":"M192 64h31.993v32.007H192z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#o)","d":"M160.007 64h32.007v32.007h-32.007zM128 64h32.007v32.007H128z"},"children":[]},{"type":"path","props":{"fill":"url(#o)","d":"M96.007 64h32.007v32.007H96.007zM64 64h32.007v32.007H64z"},"children":[]},{"type":"path","props":{"fill":"url(#o)","d":"M32.007 64h32.007v32.007H32.007z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#o)","d":"M0 64h32.007v32.007H0z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#p)","d":"M192 32.007h31.993v32.007H192z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#q)","d":"M160.007 32.007h32.007v32.007h-32.007z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#q)","d":"M128 32.007h32.007v32.007H128z"},"children":[]},{"type":"path","props":{"fill":"url(#q)","d":"M96.007 32.007h32.007v32.007H96.007z"},"children":[]},{"type":"path","props":{"fill":"url(#q)","d":"M64 32.007h32.007v32.007H64z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#q)","d":"M32.007 32.007h32.007v32.007H32.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#r)","d":"M160.007 0h32.007v32.007h-32.007z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#r)","d":"M128 0h32.007v32.007H128z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#r)","d":"M96.007 0h32.007v32.007H96.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#r)","d":"M64 0h32.007v32.007H64z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"m84.25 117.841 8.912-19.951c3.251-5.12 2.818-11.378-.745-14.9a9.13 9.13 0 0 0-1.57-1.26 9.847 9.847 0 0 0-8.223-.934 13.437 13.437 0 0 0-7.409 5.756s-12.19 28.445-16.755 41.285c-4.565 12.841-2.709 36.274 14.778 53.828 18.556 18.557 45.47 22.837 62.605 9.942a10.755 10.755 0 0 0 2.018-1.354l52.825-44.143c2.574-2.154 6.38-6.502 2.953-11.487-3.427-4.984-9.63-1.557-12.19.095l-30.423 22.12a1.354 1.354 0 0 1-1.964-.231 3.738 3.738 0 0 1 .298-4.47l46.636-39.578c4.063-3.63 4.592-8.9 1.354-12.516-3.237-3.616-8.249-3.44-12.299.23l-41.989 32.833a1.87 1.87 0 0 1-2.709-.352 2.587 2.587 0 0 1-.217-3.44l47.557-46.148a9.305 9.305 0 0 0 .474-13.125 8.886 8.886 0 0 0-6.461-2.709 9.481 9.481 0 0 0-6.678 2.71l-48.531 45.578c-1.165 1.165-3.44 0-3.712-1.355-.1-.493.058-1.004.42-1.354L160.4 70.556a9.17 9.17 0 1 0-12.936-12.976l-56.428 62.307c-2.018 2.018-4.998 2.113-6.42.948a2.113 2.113 0 0 1-.366-2.994Z"},"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 Hcaptcha = react_1.forwardRef(function Hcaptcha({ 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 Hcaptcha = react_1.forwardRef(function Hcaptcha({ 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/hcaptcha.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":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"49.979%","x2":"49.979%","y1":"-702.201%","y2":"97.969%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"50%","x2":"50%","y1":"-602.243%","y2":"197.926%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"49.979%","x2":"49.979%","y1":"-602.243%","y2":"197.926%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"d","x1":"50.021%","x2":"50.021%","y1":"-502.498%","y2":"298.01%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"e","x1":"50%","x2":"50%","y1":"-502.498%","y2":"298.01%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"f","x1":"49.979%","x2":"49.979%","y1":"-502.498%","y2":"298.01%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"g","x1":"50.021%","x2":"50.021%","y1":"-402.285%","y2":"397.884%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"h","x1":"50%","x2":"50%","y1":"-402.285%","y2":"397.884%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"i","x1":"49.979%","x2":"49.979%","y1":"-402.285%","y2":"397.884%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"j","x1":"50.021%","x2":"50.021%","y1":"-302.328%","y2":"497.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"k","x1":"50%","x2":"50%","y1":"-302.328%","y2":"497.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"l","x1":"49.979%","x2":"49.979%","y1":"-302.328%","y2":"497.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"m","x1":"50.021%","x2":"50.021%","y1":"-202.328%","y2":"597.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"n","x1":"50%","x2":"50%","y1":"-202.328%","y2":"597.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"o","x1":"49.979%","x2":"49.979%","y1":"-202.328%","y2":"597.842%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"p","x1":"50%","x2":"50%","y1":"-102.37%","y2":"697.799%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"q","x1":"49.979%","x2":"49.979%","y1":"-102.37%","y2":"697.799%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]},{"type":"linearGradient","props":{"id":"r","x1":"49.979%","x2":"49.979%","y1":"-2.37%","y2":"797.799%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#00D4BF"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#0074BF"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#a)","d":"M160.007 223.993h32.007V256h-32.007z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M128 223.993h32.007V256H128z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M96.007 223.993h32.007V256H96.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#a)","d":"M64 223.993h32.007V256H64z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#b)","d":"M192 192h31.993v32.007H192z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M160.007 192h32.007v32.007h-32.007z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M128 192h32.007v32.007H128z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M96.007 192h32.007v32.007H96.007z"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M64 192h32.007v32.007H64z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#c)","d":"M32.007 192h32.007v32.007H32.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#d)","d":"M223.993 160.007H256V192h-32.007z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#e)","d":"M192 160.007h31.993V192H192z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M160.007 160.007h32.007V192h-32.007zM128 160.007h32.007V192H128z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M96.007 160.007h32.007V192H96.007zM64 160.007h32.007V192H64z"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M32.007 160.007h32.007V192H32.007z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#f)","d":"M0 160.007h32.007V192H0z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#g)","d":"M223.993 128H256v32.007h-32.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#h)","d":"M192 128h31.993v32.007H192z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M160.007 128h32.007v32.007h-32.007zM128 128h32.007v32.007H128z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M96.007 128h32.007v32.007H96.007zM64 128h32.007v32.007H64z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M32.007 128h32.007v32.007H32.007z"},"children":[]},{"type":"path","props":{"fill":"url(#i)","d":"M0 128h32.007v32.007H0z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#j)","d":"M223.993 96.007H256v32.007h-32.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#k)","d":"M192 96.007h31.993v32.007H192z"},"children":[]},{"type":"path","props":{"fill":"url(#l)","d":"M160.007 96.007h32.007v32.007h-32.007zM128 96.007h32.007v32.007H128z"},"children":[]},{"type":"path","props":{"fill":"url(#l)","d":"M96.007 96.007h32.007v32.007H96.007zM64 96.007h32.007v32.007H64z"},"children":[]},{"type":"path","props":{"fill":"url(#l)","d":"M32.007 96.007h32.007v32.007H32.007z"},"children":[]},{"type":"path","props":{"fill":"url(#l)","d":"M0 96.007h32.007v32.007H0z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#m)","d":"M223.993 64H256v32.007h-32.007z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#n)","d":"M192 64h31.993v32.007H192z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#o)","d":"M160.007 64h32.007v32.007h-32.007zM128 64h32.007v32.007H128z"},"children":[]},{"type":"path","props":{"fill":"url(#o)","d":"M96.007 64h32.007v32.007H96.007zM64 64h32.007v32.007H64z"},"children":[]},{"type":"path","props":{"fill":"url(#o)","d":"M32.007 64h32.007v32.007H32.007z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#o)","d":"M0 64h32.007v32.007H0z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#p)","d":"M192 32.007h31.993v32.007H192z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#q)","d":"M160.007 32.007h32.007v32.007h-32.007z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#q)","d":"M128 32.007h32.007v32.007H128z"},"children":[]},{"type":"path","props":{"fill":"url(#q)","d":"M96.007 32.007h32.007v32.007H96.007z"},"children":[]},{"type":"path","props":{"fill":"url(#q)","d":"M64 32.007h32.007v32.007H64z","opacity":".8"},"children":[]},{"type":"path","props":{"fill":"url(#q)","d":"M32.007 32.007h32.007v32.007H32.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#r)","d":"M160.007 0h32.007v32.007h-32.007z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"url(#r)","d":"M128 0h32.007v32.007H128z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#r)","d":"M96.007 0h32.007v32.007H96.007z","opacity":".7"},"children":[]},{"type":"path","props":{"fill":"url(#r)","d":"M64 0h32.007v32.007H64z","opacity":".5"},"children":[]},{"type":"path","props":{"fill":"#FFF","d":"m84.25 117.841 8.912-19.951c3.251-5.12 2.818-11.378-.745-14.9a9.13 9.13 0 0 0-1.57-1.26 9.847 9.847 0 0 0-8.223-.934 13.437 13.437 0 0 0-7.409 5.756s-12.19 28.445-16.755 41.285c-4.565 12.841-2.709 36.274 14.778 53.828 18.556 18.557 45.47 22.837 62.605 9.942a10.755 10.755 0 0 0 2.018-1.354l52.825-44.143c2.574-2.154 6.38-6.502 2.953-11.487-3.427-4.984-9.63-1.557-12.19.095l-30.423 22.12a1.354 1.354 0 0 1-1.964-.231 3.738 3.738 0 0 1 .298-4.47l46.636-39.578c4.063-3.63 4.592-8.9 1.354-12.516-3.237-3.616-8.249-3.44-12.299.23l-41.989 32.833a1.87 1.87 0 0 1-2.709-.352 2.587 2.587 0 0 1-.217-3.44l47.557-46.148a9.305 9.305 0 0 0 .474-13.125 8.886 8.886 0 0 0-6.461-2.709 9.481 9.481 0 0 0-6.678 2.71l-48.531 45.578c-1.165 1.165-3.44 0-3.712-1.355-.1-.493.058-1.004.42-1.354L160.4 70.556a9.17 9.17 0 1 0-12.936-12.976l-56.428 62.307c-2.018 2.018-4.998 2.113-6.42.948a2.113 2.113 0 0 1-.366-2.994Z"},"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 Hcaptcha = forwardRef(
   function Hcaptcha({ 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 Hcaptcha = 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/headlamp.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"72 28 356 445","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Page-1","stroke":"none","strokeWidth":"1","fill":"none","fillRule":"evenodd"},"children":[{"type":"g","props":{"id":"headlamp-logo-light","transform":"translate(72.000000, 28.000000)"},"children":[{"type":"polygon","props":{"id":"Path","fill":"#000000","points":"356 282.418887 328.216573 319.725397 356 405.714522 178.123413 445 0 405.714522 27.783308 319.725397 0 282.418887 0 177.903303 27.783308 141.829204 27.783308 81.0419414 116.844777 49.1724976 116.844777 0 239.147747 0 239.147747 49.1724976 328.216573 81.0419414 328.216573 141.829204 356 177.903303"},"children":[]},{"type":"path","props":{"d":"M177.500236,147 C200.802399,147 221.928392,156.472115 237.228156,171.771924 C252.527914,187.071727 262,208.197775 262,231.5 C262,254.802225 252.527914,275.928273 237.228156,291.228076 C221.928392,306.527885 200.802399,316 177.500236,316 C154.080178,316 132.958056,306.580128 117.689033,291.311151 C102.419848,276.042011 93,254.919748 93,231.5 C93,208.108912 102.452155,187.008469 117.717511,171.743158 C133.021103,156.439611 154.169065,147 177.500236,147 Z","id":"Path","stroke":"#FFFFFF","strokeWidth":"10","fill":"#FFF200","fillRule":"nonzero"},"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 Headlamp = react_1.forwardRef(function Headlamp({ 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 Headlamp = react_1.forwardRef(function Headlamp({ 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/headlamp.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":"72 28 356 445","fill":"currentColor","childNodes":[{"type":"g","props":{"id":"Page-1","stroke":"none","strokeWidth":"1","fill":"none","fillRule":"evenodd"},"children":[{"type":"g","props":{"id":"headlamp-logo-light","transform":"translate(72.000000, 28.000000)"},"children":[{"type":"polygon","props":{"id":"Path","fill":"#000000","points":"356 282.418887 328.216573 319.725397 356 405.714522 178.123413 445 0 405.714522 27.783308 319.725397 0 282.418887 0 177.903303 27.783308 141.829204 27.783308 81.0419414 116.844777 49.1724976 116.844777 0 239.147747 0 239.147747 49.1724976 328.216573 81.0419414 328.216573 141.829204 356 177.903303"},"children":[]},{"type":"path","props":{"d":"M177.500236,147 C200.802399,147 221.928392,156.472115 237.228156,171.771924 C252.527914,187.071727 262,208.197775 262,231.5 C262,254.802225 252.527914,275.928273 237.228156,291.228076 C221.928392,306.527885 200.802399,316 177.500236,316 C154.080178,316 132.958056,306.580128 117.689033,291.311151 C102.419848,276.042011 93,254.919748 93,231.5 C93,208.108912 102.452155,187.008469 117.717511,171.743158 C133.021103,156.439611 154.169065,147 177.500236,147 Z","id":"Path","stroke":"#FFFFFF","strokeWidth":"10","fill":"#FFF200","fillRule":"nonzero"},"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 Headlamp = forwardRef(
   function Headlamp({ 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 Headlamp = 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/headless-ui.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"35.871%","y1":"7.224%","x2":"60.314%","y2":"115.988%","id":"a"},"children":[{"type":"stop","props":{"stopColor":"#66E3FF","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#7064F9","offset":"100%"},"children":[]}]},{"type":"linearGradient","props":{"x1":"39.172%","y1":"0%","x2":"55.05%","y2":"99.181%","id":"b"},"children":[{"type":"stop","props":{"stopColor":"#66E3FF","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#7064F9","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"d":"m50.699 159.089 156.225-52.153c-3.122-19.523-5.346-32.565-7.924-42.518-2.777-10.706-4.978-13.57-5.842-14.563a30.468 30.468 0 0 0-10.973-7.969c-1.216-.52-4.625-1.728-15.654-1.064-11.669.704-26.987 3.088-51.245 6.929-24.25 3.84-39.56 6.313-50.87 9.241-10.7 2.777-13.573 4.985-14.566 5.85a30.581 30.581 0 0 0-7.963 10.97c-.52 1.215-1.729 4.624-1.064 15.658.704 11.665 3.089 26.988 6.93 51.24 1.073 6.8 2.041 12.882 2.946 18.379Z","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M7.625 147.063c-7.427-46.92-11.149-70.38-3.098-89.214a71.092 71.092 0 0 1 18.6-25.605c15.423-13.466 38.88-17.178 85.796-24.611C155.854.19 179.313-3.521 198.16 4.528a71.085 71.085 0 0 1 25.595 18.595c13.477 15.426 17.19 38.886 24.618 85.814 7.435 46.92 11.149 70.387 3.097 89.214a71.076 71.076 0 0 1-18.591 25.604c-15.423 13.474-38.889 17.187-85.812 24.62-46.916 7.433-70.382 11.146-89.213 3.096a71.093 71.093 0 0 1-25.595-18.595C18.781 217.45 15.068 193.99 7.633 147.063h-.008Zm82.762 83.325c12.565-.76 28.748-3.296 52.702-7.09 23.962-3.792 40.12-6.384 52.318-9.545 11.805-3.064 17.247-6.049 20.76-9.121a45.696 45.696 0 0 0 11.95-16.459c1.84-4.288 3-10.385 2.264-22.563-.76-12.562-3.297-28.749-7.09-52.705-3.794-23.955-6.38-40.126-9.54-52.312-3.066-11.81-6.059-17.25-9.124-20.763a45.699 45.699 0 0 0-16.455-11.954c-4.29-1.84-10.388-3-22.57-2.265-12.565.76-28.74 3.297-52.701 7.09-23.954 3.8-40.121 6.385-52.31 9.545-11.813 3.065-17.247 6.057-20.76 9.122a45.704 45.704 0 0 0-11.958 16.458c-1.833 4.289-2.993 10.386-2.257 22.564.76 12.57 3.29 28.748 7.091 52.704 3.794 23.956 6.379 40.127 9.54 52.313 3.065 11.81 6.05 17.25 9.124 20.763a45.707 45.707 0 0 0 16.455 11.954c4.29 1.84 10.38 3 22.57 2.264h-.009Z","fill":"url(#b)"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Headless UI"]},{"type":"path","props":{"d":"M4.477 13.192c-.36-2.274-.584-3.711-.65-4.805-.062-1.035.051-1.354.1-1.468.169-.395.424-.746.746-1.029.093-.081.363-.288 1.366-.548 1.06-.275 2.496-.507 4.769-.867 2.274-.36 3.71-.584 4.804-.65 1.034-.062 1.354.051 1.468.1.395.169.746.424 1.029.747.08.093.287.362.547 1.366.242.933.45 2.156.743 3.987l-14.646 4.89c-.085-.515-.176-1.085-.276-1.723Zm-3.762.596C.018 9.387-.33 7.187.425 5.422a6.665 6.665 0 0 1 1.743-2.401C3.614 1.757 5.813 1.41 10.211.713c4.4-.698 6.6-1.046 8.367-.291.92.393 1.74.99 2.399 1.743 1.264 1.447 1.612 3.647 2.308 8.047.697 4.4 1.045 6.601.29 8.366a6.664 6.664 0 0 1-1.743 2.402c-1.445 1.263-3.645 1.611-8.045 2.308-4.398.697-6.598 1.045-8.363.29a6.666 6.666 0 0 1-2.4-1.743c-1.263-1.448-1.611-3.648-2.308-8.048H.715v.001Zm7.759 7.814c1.178-.072 2.695-.31 4.94-.665 2.247-.356 3.762-.599 4.905-.895 1.107-.288 1.617-.568 1.947-.856a4.286 4.286 0 0 0 1.12-1.543c.172-.402.281-.974.212-2.116-.071-1.178-.309-2.696-.665-4.942-.355-2.247-.598-3.763-.894-4.906-.287-1.107-.568-1.618-.855-1.947a4.285 4.285 0 0 0-1.543-1.12c-.402-.174-.974-.282-2.116-.213-1.178.071-2.694.309-4.94.664-2.246.357-3.762.6-4.905.896-1.107.287-1.616.568-1.946.855a4.286 4.286 0 0 0-1.12 1.543c-.173.403-.281.974-.212 2.116.07 1.179.308 2.696.664 4.943.356 2.246.598 3.762.895 4.905.287 1.108.567 1.618.855 1.947.423.485.95.868 1.543 1.121.402.173.973.282 2.116.213Z"},"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 HeadlessUi = react_1.forwardRef(function HeadlessUi({ 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 HeadlessUi = react_1.forwardRef(function HeadlessUi({ 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/headless-ui.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 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"x1":"35.871%","y1":"7.224%","x2":"60.314%","y2":"115.988%","id":"a"},"children":[{"type":"stop","props":{"stopColor":"#66E3FF","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#7064F9","offset":"100%"},"children":[]}]},{"type":"linearGradient","props":{"x1":"39.172%","y1":"0%","x2":"55.05%","y2":"99.181%","id":"b"},"children":[{"type":"stop","props":{"stopColor":"#66E3FF","offset":"0%"},"children":[]},{"type":"stop","props":{"stopColor":"#7064F9","offset":"100%"},"children":[]}]}]},{"type":"path","props":{"d":"m50.699 159.089 156.225-52.153c-3.122-19.523-5.346-32.565-7.924-42.518-2.777-10.706-4.978-13.57-5.842-14.563a30.468 30.468 0 0 0-10.973-7.969c-1.216-.52-4.625-1.728-15.654-1.064-11.669.704-26.987 3.088-51.245 6.929-24.25 3.84-39.56 6.313-50.87 9.241-10.7 2.777-13.573 4.985-14.566 5.85a30.581 30.581 0 0 0-7.963 10.97c-.52 1.215-1.729 4.624-1.064 15.658.704 11.665 3.089 26.988 6.93 51.24 1.073 6.8 2.041 12.882 2.946 18.379Z","fill":"url(#a)"},"children":[]},{"type":"path","props":{"d":"M7.625 147.063c-7.427-46.92-11.149-70.38-3.098-89.214a71.092 71.092 0 0 1 18.6-25.605c15.423-13.466 38.88-17.178 85.796-24.611C155.854.19 179.313-3.521 198.16 4.528a71.085 71.085 0 0 1 25.595 18.595c13.477 15.426 17.19 38.886 24.618 85.814 7.435 46.92 11.149 70.387 3.097 89.214a71.076 71.076 0 0 1-18.591 25.604c-15.423 13.474-38.889 17.187-85.812 24.62-46.916 7.433-70.382 11.146-89.213 3.096a71.093 71.093 0 0 1-25.595-18.595C18.781 217.45 15.068 193.99 7.633 147.063h-.008Zm82.762 83.325c12.565-.76 28.748-3.296 52.702-7.09 23.962-3.792 40.12-6.384 52.318-9.545 11.805-3.064 17.247-6.049 20.76-9.121a45.696 45.696 0 0 0 11.95-16.459c1.84-4.288 3-10.385 2.264-22.563-.76-12.562-3.297-28.749-7.09-52.705-3.794-23.955-6.38-40.126-9.54-52.312-3.066-11.81-6.059-17.25-9.124-20.763a45.699 45.699 0 0 0-16.455-11.954c-4.29-1.84-10.388-3-22.57-2.265-12.565.76-28.74 3.297-52.701 7.09-23.954 3.8-40.121 6.385-52.31 9.545-11.813 3.065-17.247 6.057-20.76 9.122a45.704 45.704 0 0 0-11.958 16.458c-1.833 4.289-2.993 10.386-2.257 22.564.76 12.57 3.29 28.748 7.091 52.704 3.794 23.956 6.379 40.127 9.54 52.313 3.065 11.81 6.05 17.25 9.124 20.763a45.707 45.707 0 0 0 16.455 11.954c4.29 1.84 10.38 3 22.57 2.264h-.009Z","fill":"url(#b)"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Headless UI"]},{"type":"path","props":{"d":"M4.477 13.192c-.36-2.274-.584-3.711-.65-4.805-.062-1.035.051-1.354.1-1.468.169-.395.424-.746.746-1.029.093-.081.363-.288 1.366-.548 1.06-.275 2.496-.507 4.769-.867 2.274-.36 3.71-.584 4.804-.65 1.034-.062 1.354.051 1.468.1.395.169.746.424 1.029.747.08.093.287.362.547 1.366.242.933.45 2.156.743 3.987l-14.646 4.89c-.085-.515-.176-1.085-.276-1.723Zm-3.762.596C.018 9.387-.33 7.187.425 5.422a6.665 6.665 0 0 1 1.743-2.401C3.614 1.757 5.813 1.41 10.211.713c4.4-.698 6.6-1.046 8.367-.291.92.393 1.74.99 2.399 1.743 1.264 1.447 1.612 3.647 2.308 8.047.697 4.4 1.045 6.601.29 8.366a6.664 6.664 0 0 1-1.743 2.402c-1.445 1.263-3.645 1.611-8.045 2.308-4.398.697-6.598 1.045-8.363.29a6.666 6.666 0 0 1-2.4-1.743c-1.263-1.448-1.611-3.648-2.308-8.048H.715v.001Zm7.759 7.814c1.178-.072 2.695-.31 4.94-.665 2.247-.356 3.762-.599 4.905-.895 1.107-.288 1.617-.568 1.947-.856a4.286 4.286 0 0 0 1.12-1.543c.172-.402.281-.974.212-2.116-.071-1.178-.309-2.696-.665-4.942-.355-2.247-.598-3.763-.894-4.906-.287-1.107-.568-1.618-.855-1.947a4.285 4.285 0 0 0-1.543-1.12c-.402-.174-.974-.282-2.116-.213-1.178.071-2.694.309-4.94.664-2.246.357-3.762.6-4.905.896-1.107.287-1.616.568-1.946.855a4.286 4.286 0 0 0-1.12 1.543c-.173.403-.281.974-.212 2.116.07 1.179.308 2.696.664 4.943.356 2.246.598 3.762.895 4.905.287 1.108.567 1.618.855 1.947.423.485.95.868 1.543 1.121.402.173.973.282 2.116.213Z"},"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 HeadlessUi = forwardRef(
   function HeadlessUi({ 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 HeadlessUi = 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/headlessui.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 256 256","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"SVGno1JGHlx","x1":"35.871%","x2":"60.314%","y1":"7.224%","y2":"115.988%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#66e3ff"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#7064f9"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGHMrgPdGo","x1":"39.172%","x2":"55.05%","y1":"0%","y2":"99.181%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#66e3ff"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#7064f9"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#SVGno1JGHlx)","d":"m50.699 159.089l156.225-52.153c-3.122-19.523-5.346-32.565-7.924-42.518c-2.777-10.706-4.978-13.57-5.842-14.563a30.5 30.5 0 0 0-10.973-7.969c-1.216-.52-4.625-1.728-15.654-1.064c-11.669.704-26.987 3.088-51.245 6.929c-24.25 3.84-39.56 6.313-50.87 9.241c-10.7 2.777-13.573 4.985-14.566 5.85a30.6 30.6 0 0 0-7.963 10.97c-.52 1.215-1.729 4.624-1.064 15.658c.704 11.665 3.089 26.988 6.93 51.24c1.073 6.8 2.041 12.882 2.946 18.379"},"children":[]},{"type":"path","props":{"fill":"url(#SVGHMrgPdGo)","d":"M7.625 147.063c-7.427-46.92-11.149-70.38-3.098-89.214a71.1 71.1 0 0 1 18.6-25.605c15.423-13.466 38.88-17.178 85.796-24.611C155.854.19 179.313-3.521 198.16 4.528a71.1 71.1 0 0 1 25.595 18.595c13.477 15.426 17.19 38.886 24.618 85.814c7.435 46.92 11.149 70.387 3.097 89.214a71.1 71.1 0 0 1-18.591 25.604c-15.423 13.474-38.889 17.187-85.812 24.62c-46.916 7.433-70.382 11.146-89.213 3.096a71.1 71.1 0 0 1-25.595-18.595C18.781 217.45 15.068 193.99 7.633 147.063zm82.762 83.325c12.565-.76 28.748-3.296 52.702-7.09c23.962-3.792 40.12-6.384 52.318-9.545c11.805-3.064 17.247-6.049 20.76-9.121a45.7 45.7 0 0 0 11.95-16.459c1.84-4.288 3-10.385 2.264-22.563c-.76-12.562-3.297-28.749-7.09-52.705c-3.794-23.955-6.38-40.126-9.54-52.312c-3.066-11.81-6.059-17.25-9.124-20.763a45.7 45.7 0 0 0-16.455-11.954c-4.29-1.84-10.388-3-22.57-2.265c-12.565.76-28.74 3.297-52.701 7.09c-23.954 3.8-40.121 6.385-52.31 9.545c-11.813 3.065-17.247 6.057-20.76 9.122a45.7 45.7 0 0 0-11.958 16.458c-1.833 4.289-2.993 10.386-2.257 22.564c.76 12.57 3.29 28.748 7.091 52.704c3.794 23.956 6.379 40.127 9.54 52.313c3.065 11.81 6.05 17.25 9.124 20.763a45.7 45.7 0 0 0 16.455 11.954c4.29 1.84 10.38 3 22.57 2.264z"},"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 Headlessui = react_1.forwardRef(function Headlessui({ 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 Headlessui = react_1.forwardRef(function Headlessui({ 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/headlessui.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":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"SVGno1JGHlx","x1":"35.871%","x2":"60.314%","y1":"7.224%","y2":"115.988%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#66e3ff"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#7064f9"},"children":[]}]},{"type":"linearGradient","props":{"id":"SVGHMrgPdGo","x1":"39.172%","x2":"55.05%","y1":"0%","y2":"99.181%"},"children":[{"type":"stop","props":{"offset":"0%","stopColor":"#66e3ff"},"children":[]},{"type":"stop","props":{"offset":"100%","stopColor":"#7064f9"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#SVGno1JGHlx)","d":"m50.699 159.089l156.225-52.153c-3.122-19.523-5.346-32.565-7.924-42.518c-2.777-10.706-4.978-13.57-5.842-14.563a30.5 30.5 0 0 0-10.973-7.969c-1.216-.52-4.625-1.728-15.654-1.064c-11.669.704-26.987 3.088-51.245 6.929c-24.25 3.84-39.56 6.313-50.87 9.241c-10.7 2.777-13.573 4.985-14.566 5.85a30.6 30.6 0 0 0-7.963 10.97c-.52 1.215-1.729 4.624-1.064 15.658c.704 11.665 3.089 26.988 6.93 51.24c1.073 6.8 2.041 12.882 2.946 18.379"},"children":[]},{"type":"path","props":{"fill":"url(#SVGHMrgPdGo)","d":"M7.625 147.063c-7.427-46.92-11.149-70.38-3.098-89.214a71.1 71.1 0 0 1 18.6-25.605c15.423-13.466 38.88-17.178 85.796-24.611C155.854.19 179.313-3.521 198.16 4.528a71.1 71.1 0 0 1 25.595 18.595c13.477 15.426 17.19 38.886 24.618 85.814c7.435 46.92 11.149 70.387 3.097 89.214a71.1 71.1 0 0 1-18.591 25.604c-15.423 13.474-38.889 17.187-85.812 24.62c-46.916 7.433-70.382 11.146-89.213 3.096a71.1 71.1 0 0 1-25.595-18.595C18.781 217.45 15.068 193.99 7.633 147.063zm82.762 83.325c12.565-.76 28.748-3.296 52.702-7.09c23.962-3.792 40.12-6.384 52.318-9.545c11.805-3.064 17.247-6.049 20.76-9.121a45.7 45.7 0 0 0 11.95-16.459c1.84-4.288 3-10.385 2.264-22.563c-.76-12.562-3.297-28.749-7.09-52.705c-3.794-23.955-6.38-40.126-9.54-52.312c-3.066-11.81-6.059-17.25-9.124-20.763a45.7 45.7 0 0 0-16.455-11.954c-4.29-1.84-10.388-3-22.57-2.265c-12.565.76-28.74 3.297-52.701 7.09c-23.954 3.8-40.121 6.385-52.31 9.545c-11.813 3.065-17.247 6.057-20.76 9.122a45.7 45.7 0 0 0-11.958 16.458c-1.833 4.289-2.993 10.386-2.257 22.564c.76 12.57 3.29 28.748 7.091 52.704c3.794 23.956 6.379 40.127 9.54 52.313c3.065 11.81 6.05 17.25 9.124 20.763a45.7 45.7 0 0 0 16.455 11.954c4.29 1.84 10.38 3 22.57 2.264z"},"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 Headlessui = forwardRef(
   function Headlessui({ 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 Headlessui = 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));
         })
     );
   }