@thesvg/react 3.2.2 → 3.2.4

package/dist/lobehub.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 320 320","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["LobeHub"]},{"type":"path","props":{"d":"M294 172.519c0 75.655-59.442 128.5-134 128.5-74.558 0-134-53.845-134-129.5 0-22.5 5-32.141 31.5-35.671 47.5-6.329 72.542-3.829 102.5-3.829 29.959 0 72.556-1.27 102.5 3.829 24.5 4.171 30 8.671 31.5 36.671z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M159.75 242.51c-28.25 0-35.75 3.5-35.75 3.5s3.5 27 35.75 27 35.75-27 35.75-27-7.5-3.5-35.75-3.5z","fill":"#972021"},"children":[]},{"type":"path","props":{"d":"M271.999 148.517c0 6.351-49.92 11.5-111.5 11.5s-111.5-5.149-111.5-11.5c0-6.352 49.92-11.5 111.5-11.5s111.5 5.148 111.5 11.5z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M135.503 160.013c.633-14.972-.483-22.788-5.5-36.443 0 0 9.5-12.056 27-12.056s30 3.064 30 3.064c-3.028 16.793-3.182 26.921-2.5 45.435h-49z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M119.191 234.294c14.742-7.076 24.811-21.51 24.811-39.273 0-25.406-20.595-48-46-48s-47 19.594-47 45c0 13.983 6.542 26.812 16.662 35.521 5.893-2.245 12.652-3.521 19.838-3.521 12.705 0 24.077 3.989 31.689 10.273zM200.813 234.294c-14.742-7.076-24.811-21.51-24.811-39.273 0-25.406 20.595-48 46-48s47 19.594 47 45c0 13.983-6.543 26.812-16.662 35.521-5.893-2.245-12.652-3.521-19.838-3.521-12.705 0-24.077 3.989-31.689 10.273z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M101 221.012c15.464 0 28-12.536 28-28s-12.536-28-28-28-28 12.536-28 28 12.536 28 28 28z","fill":"url(#grad-d)"},"children":[]},{"type":"path","props":{"d":"M219 221.012c-15.464 0-28-12.536-28-28s12.536-28 28-28 28 12.536 28 28-12.536 28-28 28z","fill":"url(#grad-e)"},"children":[]},{"type":"g","props":{"filter":""},"children":[{"type":"path","props":{"d":"M172.997 19.016c-14.027 0-19.5-11.5-41-11-23.394 0-34 13-45.5 23-1.958 1.702-11.5 7-16 9-19.683 8.748-34.5 21.5-34.5 40.5 0 20.711 17.461 37.5 39 37.5 3.536 0 6.963-.453 10.22-1.301 8.7 10.539 22.179 16.658 37.28 17.301 23.5 1 31-15.25 44.5-8.5 9.259 4.629 13.83 8.5 28.5 8.5 17.108 0 25.057-5.233 30-11 9-10.5 22.879-4 31.5-4 18.778 0 34-14.551 34-32.5 0-17.95-15.222-32.5-34-32.5-5.15 0-14.856 1.27-17-7-3.5-13.5-20.148-29-44-29-9.318 0-17.691 1-23 1z","fill":"url(#grad-g)"},"children":[]}]},{"type":"path","props":{"d":"M82.998 20.517a9.5 9.5 0 11-19 0 9.5 9.5 0 0119 0z","fill":"url(#grad-h)"},"children":[]},{"type":"path","props":{"d":"M71.002 108.021c0 8.836-7.163 16-16 16s-16-7.164-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z","fill":"url(#grad-i)"},"children":[]},{"type":"path","props":{"d":"M282.002 49.516c0 8.56-6.94 15.5-15.5 15.5-8.56 0-15.5-6.94-15.5-15.5 0-8.56 6.94-15.5 15.5-15.5 8.56 0 15.5 6.94 15.5 15.5z","fill":"url(#grad-j)"},"children":[]},{"type":"path","props":{"d":"M132.232 244.111c5.483-.823 14.191-1.601 27.515-1.601 12.212 0 20.546.654 26.073 1.396-1.542 5.861-12.963 8.104-26.823 8.104-13.698 0-25.013-2.191-26.765-7.899z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M160.006 290.016c20.099 0 23.305-20.488 23.927-25.61.478-4.146-1.675-6.244-4.02-7.659-2.345-1.414-9.379-2.731-19.907-2.731-10.527 0-17.514 1.317-19.906 2.731-2.393 1.415-4.546 3.513-4.02 7.659.622 5.122 3.828 25.61 23.926 25.61z","fill":"url(#grad-k)"},"children":[]},{"type":"g","props":{"filter":""},"children":[{"type":"path","props":{"d":"M171.694 129.744c-5.721-3.89-13.954-4.248-19.786-.526-7.724 4.929-16.971 7.798-26.91 7.798-27.062 0-49-21.267-49-47.5 0-26.234 21.938-47.5 49-47.5 13.628 0 25.956 5.392 34.838 14.097 4.948 4.85 13.088 6.24 19.498 3.609a42.502 42.502 0 0116.164-3.166c22.92 0 41.5 18.012 41.5 40.23 0 22.218-18.58 40.23-41.5 40.23-8.856 0-17.065-2.69-23.804-7.272z","fill":"url(#grad-m)"},"children":[]}]},{"type":"path","props":{"d":"M219.002 106.51c0 7.456-6.044 13.5-13.5 13.5s-13.5-6.044-13.5-13.5 6.044-13.5 13.5-13.5 13.5 6.044 13.5 13.5z","fill":"url(#grad-n)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-57.041 328.447 55.73) scale(238.957 377.848)","gradientUnits":"userSpaceOnUse","id":"grad-a","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#FCBD72"},"children":[]},{"type":"stop","props":{"offset":".255","stopColor":"#FAC371"},"children":[]},{"type":"stop","props":{"offset":".465","stopColor":"#FFA14C"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#EB7A34"},"children":[]},{"type":"stop","props":{"offset":".845","stopColor":"#F0866D"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(90 26.49 47.007) scale(9.5)","gradientUnits":"userSpaceOnUse","id":"grad-h","r":"1"},"children":[{"type":"stop","props":{"offset":".62","stopColor":"#58239F"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#8E3FE9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#AF6FEC"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 16 -16 0 55.002 108.021)","gradientUnits":"userSpaceOnUse","id":"grad-i","r":"1"},"children":[{"type":"stop","props":{"offset":".62","stopColor":"#C32F45"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#F44341"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FC9D9B"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 15.5 -15.5 0 266.502 49.516)","gradientUnits":"userSpaceOnUse","id":"grad-j","r":"1"},"children":[{"type":"stop","props":{"offset":".385","stopColor":"#4DA33C"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#63ED47"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#70D775"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 -44 58.6667 0 160 290)","gradientUnits":"userSpaceOnUse","id":"grad-k","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#FD9B8B"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#F24F3A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D93318"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(15.5 -61.50002 82.33886 20.75208 156 110)","gradientUnits":"userSpaceOnUse","id":"grad-m","r":"1"},"children":[{"type":"stop","props":{"offset":".26","stopColor":"#FFC1A3"},"children":[]},{"type":"stop","props":{"offset":".764","stopColor":"#FD82AB"},"children":[]},{"type":"stop","props":{"offset":".952","stopColor":"#DF4FAA"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(90 49.496 156.006) scale(13.5)","gradientUnits":"userSpaceOnUse","id":"grad-n","r":"1"},"children":[{"type":"stop","props":{"offset":".572","stopColor":"#4C86D3"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#72ADE2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#90BBE3"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"48.999","x2":"271.999","y1":"148.517","y2":"148.517"},"children":[{"type":"stop","props":{"stopColor":"#EB791E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#DB694E"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"135.5","x2":"187","y1":"147.5","y2":"147.5"},"children":[{"type":"stop","props":{"stopColor":"#FCC659"},"children":[]},{"type":"stop","props":{"offset":".183","stopColor":"#FFE366"},"children":[]},{"type":"stop","props":{"offset":".404","stopColor":"#FECA50"},"children":[]},{"type":"stop","props":{"offset":".702","stopColor":"#FFE76C"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FCC553"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"73","x2":"247","y1":"193.012","y2":"193.012"},"children":[{"type":"stop","props":{"stopColor":"#2A0B39"},"children":[]},{"type":"stop","props":{"offset":".322","stopColor":"#42180E"},"children":[]},{"type":"stop","props":{"offset":".678","stopColor":"#483A00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#310D1D"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-e","x1":"73","x2":"247","y1":"193.012","y2":"193.012"},"children":[{"type":"stop","props":{"stopColor":"#2A0B39"},"children":[]},{"type":"stop","props":{"offset":".322","stopColor":"#42180E"},"children":[]},{"type":"stop","props":{"offset":".678","stopColor":"#483A00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#310D1D"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-g","x1":"44.5","x2":"291","y1":"84","y2":"82"},"children":[{"type":"stop","props":{"stopColor":"#342FBD"},"children":[]},{"type":"stop","props":{"offset":".188","stopColor":"#733CC0"},"children":[]},{"type":"stop","props":{"offset":".375","stopColor":"#8748C2"},"children":[]},{"type":"stop","props":{"offset":".654","stopColor":"#7C80DE"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4A306D"},"children":[]}]},{"type":"filter","props":{"colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse","height":"126.061","id":"grad-f","width":"255","x":"35.997","y":"8"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"12"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","k2":"-1","k3":"1","operator":"arithmetic"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 1 0 0 0 0 0.764536 0 0 0 0 0.896726 0 0 0 1 0"},"children":[]},{"type":"feBlend","props":{"in2":"shape","result":"effect1_innerShadow_1562_736"},"children":[]}]},{"type":"filter","props":{"colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse","height":"95","id":"grad-l","width":"161","x":"75.998","y":"42.016"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"12"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","k2":"-1","k3":"1","operator":"arithmetic"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 1 0 0 0 0 0.824669 0 0 0 0 0.923101 0 0 0 1 0"},"children":[]},{"type":"feBlend","props":{"in2":"shape","result":"effect1_innerShadow_1562_736"},"children":[]}]}]}]},"color":{"viewBox":"0 0 320 320","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["LobeHub"]},{"type":"path","props":{"d":"M294 172.519c0 75.655-59.442 128.5-134 128.5-74.558 0-134-53.845-134-129.5 0-22.5 5-32.141 31.5-35.671 47.5-6.329 72.542-3.829 102.5-3.829 29.959 0 72.556-1.27 102.5 3.829 24.5 4.171 30 8.671 31.5 36.671z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M159.75 242.51c-28.25 0-35.75 3.5-35.75 3.5s3.5 27 35.75 27 35.75-27 35.75-27-7.5-3.5-35.75-3.5z","fill":"#972021"},"children":[]},{"type":"path","props":{"d":"M271.999 148.517c0 6.351-49.92 11.5-111.5 11.5s-111.5-5.149-111.5-11.5c0-6.352 49.92-11.5 111.5-11.5s111.5 5.148 111.5 11.5z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M135.503 160.013c.633-14.972-.483-22.788-5.5-36.443 0 0 9.5-12.056 27-12.056s30 3.064 30 3.064c-3.028 16.793-3.182 26.921-2.5 45.435h-49z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M119.191 234.294c14.742-7.076 24.811-21.51 24.811-39.273 0-25.406-20.595-48-46-48s-47 19.594-47 45c0 13.983 6.542 26.812 16.662 35.521 5.893-2.245 12.652-3.521 19.838-3.521 12.705 0 24.077 3.989 31.689 10.273zM200.813 234.294c-14.742-7.076-24.811-21.51-24.811-39.273 0-25.406 20.595-48 46-48s47 19.594 47 45c0 13.983-6.543 26.812-16.662 35.521-5.893-2.245-12.652-3.521-19.838-3.521-12.705 0-24.077 3.989-31.689 10.273z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M101 221.012c15.464 0 28-12.536 28-28s-12.536-28-28-28-28 12.536-28 28 12.536 28 28 28z","fill":"url(#grad-d)"},"children":[]},{"type":"path","props":{"d":"M219 221.012c-15.464 0-28-12.536-28-28s12.536-28 28-28 28 12.536 28 28-12.536 28-28 28z","fill":"url(#grad-e)"},"children":[]},{"type":"g","props":{"filter":""},"children":[{"type":"path","props":{"d":"M172.997 19.016c-14.027 0-19.5-11.5-41-11-23.394 0-34 13-45.5 23-1.958 1.702-11.5 7-16 9-19.683 8.748-34.5 21.5-34.5 40.5 0 20.711 17.461 37.5 39 37.5 3.536 0 6.963-.453 10.22-1.301 8.7 10.539 22.179 16.658 37.28 17.301 23.5 1 31-15.25 44.5-8.5 9.259 4.629 13.83 8.5 28.5 8.5 17.108 0 25.057-5.233 30-11 9-10.5 22.879-4 31.5-4 18.778 0 34-14.551 34-32.5 0-17.95-15.222-32.5-34-32.5-5.15 0-14.856 1.27-17-7-3.5-13.5-20.148-29-44-29-9.318 0-17.691 1-23 1z","fill":"url(#grad-g)"},"children":[]}]},{"type":"path","props":{"d":"M82.998 20.517a9.5 9.5 0 11-19 0 9.5 9.5 0 0119 0z","fill":"url(#grad-h)"},"children":[]},{"type":"path","props":{"d":"M71.002 108.021c0 8.836-7.163 16-16 16s-16-7.164-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z","fill":"url(#grad-i)"},"children":[]},{"type":"path","props":{"d":"M282.002 49.516c0 8.56-6.94 15.5-15.5 15.5-8.56 0-15.5-6.94-15.5-15.5 0-8.56 6.94-15.5 15.5-15.5 8.56 0 15.5 6.94 15.5 15.5z","fill":"url(#grad-j)"},"children":[]},{"type":"path","props":{"d":"M132.232 244.111c5.483-.823 14.191-1.601 27.515-1.601 12.212 0 20.546.654 26.073 1.396-1.542 5.861-12.963 8.104-26.823 8.104-13.698 0-25.013-2.191-26.765-7.899z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M160.006 290.016c20.099 0 23.305-20.488 23.927-25.61.478-4.146-1.675-6.244-4.02-7.659-2.345-1.414-9.379-2.731-19.907-2.731-10.527 0-17.514 1.317-19.906 2.731-2.393 1.415-4.546 3.513-4.02 7.659.622 5.122 3.828 25.61 23.926 25.61z","fill":"url(#grad-k)"},"children":[]},{"type":"g","props":{"filter":""},"children":[{"type":"path","props":{"d":"M171.694 129.744c-5.721-3.89-13.954-4.248-19.786-.526-7.724 4.929-16.971 7.798-26.91 7.798-27.062 0-49-21.267-49-47.5 0-26.234 21.938-47.5 49-47.5 13.628 0 25.956 5.392 34.838 14.097 4.948 4.85 13.088 6.24 19.498 3.609a42.502 42.502 0 0116.164-3.166c22.92 0 41.5 18.012 41.5 40.23 0 22.218-18.58 40.23-41.5 40.23-8.856 0-17.065-2.69-23.804-7.272z","fill":"url(#grad-m)"},"children":[]}]},{"type":"path","props":{"d":"M219.002 106.51c0 7.456-6.044 13.5-13.5 13.5s-13.5-6.044-13.5-13.5 6.044-13.5 13.5-13.5 13.5 6.044 13.5 13.5z","fill":"url(#grad-n)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-57.041 328.447 55.73) scale(238.957 377.848)","gradientUnits":"userSpaceOnUse","id":"grad-a","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#FCBD72"},"children":[]},{"type":"stop","props":{"offset":".255","stopColor":"#FAC371"},"children":[]},{"type":"stop","props":{"offset":".465","stopColor":"#FFA14C"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#EB7A34"},"children":[]},{"type":"stop","props":{"offset":".845","stopColor":"#F0866D"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(90 26.49 47.007) scale(9.5)","gradientUnits":"userSpaceOnUse","id":"grad-h","r":"1"},"children":[{"type":"stop","props":{"offset":".62","stopColor":"#58239F"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#8E3FE9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#AF6FEC"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 16 -16 0 55.002 108.021)","gradientUnits":"userSpaceOnUse","id":"grad-i","r":"1"},"children":[{"type":"stop","props":{"offset":".62","stopColor":"#C32F45"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#F44341"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FC9D9B"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 15.5 -15.5 0 266.502 49.516)","gradientUnits":"userSpaceOnUse","id":"grad-j","r":"1"},"children":[{"type":"stop","props":{"offset":".385","stopColor":"#4DA33C"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#63ED47"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#70D775"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 -44 58.6667 0 160 290)","gradientUnits":"userSpaceOnUse","id":"grad-k","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#FD9B8B"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#F24F3A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D93318"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(15.5 -61.50002 82.33886 20.75208 156 110)","gradientUnits":"userSpaceOnUse","id":"grad-m","r":"1"},"children":[{"type":"stop","props":{"offset":".26","stopColor":"#FFC1A3"},"children":[]},{"type":"stop","props":{"offset":".764","stopColor":"#FD82AB"},"children":[]},{"type":"stop","props":{"offset":".952","stopColor":"#DF4FAA"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(90 49.496 156.006) scale(13.5)","gradientUnits":"userSpaceOnUse","id":"grad-n","r":"1"},"children":[{"type":"stop","props":{"offset":".572","stopColor":"#4C86D3"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#72ADE2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#90BBE3"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"48.999","x2":"271.999","y1":"148.517","y2":"148.517"},"children":[{"type":"stop","props":{"stopColor":"#EB791E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#DB694E"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"135.5","x2":"187","y1":"147.5","y2":"147.5"},"children":[{"type":"stop","props":{"stopColor":"#FCC659"},"children":[]},{"type":"stop","props":{"offset":".183","stopColor":"#FFE366"},"children":[]},{"type":"stop","props":{"offset":".404","stopColor":"#FECA50"},"children":[]},{"type":"stop","props":{"offset":".702","stopColor":"#FFE76C"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FCC553"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"73","x2":"247","y1":"193.012","y2":"193.012"},"children":[{"type":"stop","props":{"stopColor":"#2A0B39"},"children":[]},{"type":"stop","props":{"offset":".322","stopColor":"#42180E"},"children":[]},{"type":"stop","props":{"offset":".678","stopColor":"#483A00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#310D1D"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-e","x1":"73","x2":"247","y1":"193.012","y2":"193.012"},"children":[{"type":"stop","props":{"stopColor":"#2A0B39"},"children":[]},{"type":"stop","props":{"offset":".322","stopColor":"#42180E"},"children":[]},{"type":"stop","props":{"offset":".678","stopColor":"#483A00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#310D1D"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-g","x1":"44.5","x2":"291","y1":"84","y2":"82"},"children":[{"type":"stop","props":{"stopColor":"#342FBD"},"children":[]},{"type":"stop","props":{"offset":".188","stopColor":"#733CC0"},"children":[]},{"type":"stop","props":{"offset":".375","stopColor":"#8748C2"},"children":[]},{"type":"stop","props":{"offset":".654","stopColor":"#7C80DE"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4A306D"},"children":[]}]},{"type":"filter","props":{"colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse","height":"126.061","id":"grad-f","width":"255","x":"35.997","y":"8"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"12"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","k2":"-1","k3":"1","operator":"arithmetic"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 1 0 0 0 0 0.764536 0 0 0 0 0.896726 0 0 0 1 0"},"children":[]},{"type":"feBlend","props":{"in2":"shape","result":"effect1_innerShadow_1562_736"},"children":[]}]},{"type":"filter","props":{"colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse","height":"95","id":"grad-l","width":"161","x":"75.998","y":"42.016"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"12"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","k2":"-1","k3":"1","operator":"arithmetic"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 1 0 0 0 0 0.824669 0 0 0 0 0.923101 0 0 0 1 0"},"children":[]},{"type":"feBlend","props":{"in2":"shape","result":"effect1_innerShadow_1562_736"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 320 320","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["LobeHub"]},{"type":"path","props":{"d":"M294 172.52c0 75.654-59.442 128.5-134 128.5-74.558 0-134-53.846-134-129.5 0-22.501 5-32.142 31.5-35.672 47.5-6.329 72.542-3.828 102.5-3.828 29.959-.001 72.556-1.271 102.5 3.828 24.5 4.171 30 8.671 31.5 36.672z","fill":"#BFBFBF"},"children":[]},{"type":"path","props":{"d":"M159.75 242.51c-28.25 0-35.75 3.5-35.75 3.5s3.5 27 35.75 27 35.75-27 35.75-27-7.5-3.5-35.75-3.5z","fill":"#4F4F4F"},"children":[]},{"type":"path","props":{"d":"M135.503 160.013c.633-14.972-.483-22.788-5.5-36.443 0 0 9.5-12.056 27-12.056s30 3.064 30 3.064c-3.028 16.793-3.182 26.921-2.5 45.435h-49z","fill":"#E1E1E1"},"children":[]},{"type":"path","props":{"d":"M119.191 234.294c14.742-7.076 24.811-21.51 24.811-39.273 0-25.406-20.595-48-46-48s-47 19.594-47 45c0 13.983 6.542 26.812 16.662 35.521 5.893-2.245 12.652-3.521 19.838-3.521 12.705 0 24.077 3.989 31.689 10.273zM200.813 234.294c-14.742-7.076-24.811-21.51-24.811-39.273 0-25.406 20.595-48 46-48s47 19.594 47 45c0 13.983-6.543 26.812-16.662 35.521-5.893-2.245-12.652-3.521-19.838-3.521-12.705 0-24.077 3.989-31.689 10.273z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M219 221.012c-15.464 0-28-12.536-28-28s12.536-28 28-28 28 12.536 28 28-12.536 28-28 28zM101 221.012c15.464 0 28-12.536 28-28s-12.536-28-28-28-28 12.536-28 28 12.536 28 28 28z","fill":"#1A1A1A"},"children":[]},{"type":"path","props":{"d":"M172.997 19.016c-14.027 0-19.5-11.5-41-11-23.394 0-34 13-45.5 23-1.958 1.702-11.5 7-16 9-19.683 8.748-34.5 21.5-34.5 40.5 0 20.711 17.461 37.5 39 37.5 3.537 0 6.963-.453 10.22-1.301 8.7 10.539 22.179 16.658 37.28 17.301 23.5 1 31-15.25 44.5-8.5 9.259 4.629 13.83 8.5 28.5 8.5 17.108 0 25.057-5.233 30-11 9-10.5 22.879-4 31.5-4 18.778 0 34-14.551 34-32.5 0-17.95-15.222-32.5-34-32.5-5.15 0-14.856 1.27-17-7-3.5-13.5-20.148-29-44-29-9.318 0-17.691 1-23 1z","fill":"#838383"},"children":[]},{"type":"path","props":{"d":"M132.232 244.111c5.483-.823 14.191-1.601 27.515-1.601 12.212 0 20.546.654 26.073 1.396-1.542 5.861-12.963 8.104-26.823 8.104-13.698 0-25.013-2.191-26.765-7.899z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M160.006 290.016c20.099 0 23.305-20.488 23.927-25.61.478-4.146-1.675-6.244-4.02-7.659-2.345-1.414-9.379-2.731-19.907-2.731-10.527 0-17.514 1.317-19.906 2.731-2.393 1.415-4.546 3.513-4.02 7.659.622 5.122 3.828 25.61 23.926 25.61z","fill":"#838383"},"children":[]},{"type":"path","props":{"d":"M171.694 129.744c-5.721-3.89-13.954-4.248-19.786-.526-7.724 4.929-16.971 7.798-26.91 7.798-27.062 0-49-21.267-49-47.5 0-26.234 21.938-47.5 49-47.5 13.628 0 25.956 5.392 34.838 14.097 4.948 4.85 13.088 6.24 19.498 3.609a42.502 42.502 0 0116.164-3.166c22.92 0 41.5 18.012 41.5 40.23 0 22.218-18.58 40.23-41.5 40.23-8.856 0-17.065-2.69-23.804-7.272z","fill":"#C8C8C8"},"children":[]},{"type":"path","props":{"d":"M55.002 124.021c8.837 0 16-7.164 16-16 0-8.837-7.163-16-16-16s-16 7.163-16 16c0 8.836 7.163 16 16 16zM205.502 120.021c7.456 0 13.5-6.045 13.5-13.5 0-7.456-6.044-13.5-13.5-13.5s-13.5 6.044-13.5 13.5c0 7.455 6.044 13.5 13.5 13.5z","fill":"#4F4F4F"},"children":[]},{"type":"circle","props":{"cx":"73.498","cy":"20.517","fill":"#838383","r":"9.5"},"children":[]},{"type":"circle","props":{"cx":"266.502","cy":"49.516","fill":"#C8C8C8","r":"15.5"},"children":[]},{"type":"ellipse","props":{"cx":"160.499","cy":"148.517","fill":"#838383","rx":"111.5","ry":"11.5"},"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 Lobehub = react_1.forwardRef(function Lobehub({ 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 Lobehub = react_1.forwardRef(function Lobehub({ variant = 'default', viewB
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/lobehub.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, color, mono
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 320 320","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["LobeHub"]},{"type":"path","props":{"d":"M294 172.519c0 75.655-59.442 128.5-134 128.5-74.558 0-134-53.845-134-129.5 0-22.5 5-32.141 31.5-35.671 47.5-6.329 72.542-3.829 102.5-3.829 29.959 0 72.556-1.27 102.5 3.829 24.5 4.171 30 8.671 31.5 36.671z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M159.75 242.51c-28.25 0-35.75 3.5-35.75 3.5s3.5 27 35.75 27 35.75-27 35.75-27-7.5-3.5-35.75-3.5z","fill":"#972021"},"children":[]},{"type":"path","props":{"d":"M271.999 148.517c0 6.351-49.92 11.5-111.5 11.5s-111.5-5.149-111.5-11.5c0-6.352 49.92-11.5 111.5-11.5s111.5 5.148 111.5 11.5z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M135.503 160.013c.633-14.972-.483-22.788-5.5-36.443 0 0 9.5-12.056 27-12.056s30 3.064 30 3.064c-3.028 16.793-3.182 26.921-2.5 45.435h-49z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M119.191 234.294c14.742-7.076 24.811-21.51 24.811-39.273 0-25.406-20.595-48-46-48s-47 19.594-47 45c0 13.983 6.542 26.812 16.662 35.521 5.893-2.245 12.652-3.521 19.838-3.521 12.705 0 24.077 3.989 31.689 10.273zM200.813 234.294c-14.742-7.076-24.811-21.51-24.811-39.273 0-25.406 20.595-48 46-48s47 19.594 47 45c0 13.983-6.543 26.812-16.662 35.521-5.893-2.245-12.652-3.521-19.838-3.521-12.705 0-24.077 3.989-31.689 10.273z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M101 221.012c15.464 0 28-12.536 28-28s-12.536-28-28-28-28 12.536-28 28 12.536 28 28 28z","fill":"url(#grad-d)"},"children":[]},{"type":"path","props":{"d":"M219 221.012c-15.464 0-28-12.536-28-28s12.536-28 28-28 28 12.536 28 28-12.536 28-28 28z","fill":"url(#grad-e)"},"children":[]},{"type":"g","props":{"filter":""},"children":[{"type":"path","props":{"d":"M172.997 19.016c-14.027 0-19.5-11.5-41-11-23.394 0-34 13-45.5 23-1.958 1.702-11.5 7-16 9-19.683 8.748-34.5 21.5-34.5 40.5 0 20.711 17.461 37.5 39 37.5 3.536 0 6.963-.453 10.22-1.301 8.7 10.539 22.179 16.658 37.28 17.301 23.5 1 31-15.25 44.5-8.5 9.259 4.629 13.83 8.5 28.5 8.5 17.108 0 25.057-5.233 30-11 9-10.5 22.879-4 31.5-4 18.778 0 34-14.551 34-32.5 0-17.95-15.222-32.5-34-32.5-5.15 0-14.856 1.27-17-7-3.5-13.5-20.148-29-44-29-9.318 0-17.691 1-23 1z","fill":"url(#grad-g)"},"children":[]}]},{"type":"path","props":{"d":"M82.998 20.517a9.5 9.5 0 11-19 0 9.5 9.5 0 0119 0z","fill":"url(#grad-h)"},"children":[]},{"type":"path","props":{"d":"M71.002 108.021c0 8.836-7.163 16-16 16s-16-7.164-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z","fill":"url(#grad-i)"},"children":[]},{"type":"path","props":{"d":"M282.002 49.516c0 8.56-6.94 15.5-15.5 15.5-8.56 0-15.5-6.94-15.5-15.5 0-8.56 6.94-15.5 15.5-15.5 8.56 0 15.5 6.94 15.5 15.5z","fill":"url(#grad-j)"},"children":[]},{"type":"path","props":{"d":"M132.232 244.111c5.483-.823 14.191-1.601 27.515-1.601 12.212 0 20.546.654 26.073 1.396-1.542 5.861-12.963 8.104-26.823 8.104-13.698 0-25.013-2.191-26.765-7.899z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M160.006 290.016c20.099 0 23.305-20.488 23.927-25.61.478-4.146-1.675-6.244-4.02-7.659-2.345-1.414-9.379-2.731-19.907-2.731-10.527 0-17.514 1.317-19.906 2.731-2.393 1.415-4.546 3.513-4.02 7.659.622 5.122 3.828 25.61 23.926 25.61z","fill":"url(#grad-k)"},"children":[]},{"type":"g","props":{"filter":""},"children":[{"type":"path","props":{"d":"M171.694 129.744c-5.721-3.89-13.954-4.248-19.786-.526-7.724 4.929-16.971 7.798-26.91 7.798-27.062 0-49-21.267-49-47.5 0-26.234 21.938-47.5 49-47.5 13.628 0 25.956 5.392 34.838 14.097 4.948 4.85 13.088 6.24 19.498 3.609a42.502 42.502 0 0116.164-3.166c22.92 0 41.5 18.012 41.5 40.23 0 22.218-18.58 40.23-41.5 40.23-8.856 0-17.065-2.69-23.804-7.272z","fill":"url(#grad-m)"},"children":[]}]},{"type":"path","props":{"d":"M219.002 106.51c0 7.456-6.044 13.5-13.5 13.5s-13.5-6.044-13.5-13.5 6.044-13.5 13.5-13.5 13.5 6.044 13.5 13.5z","fill":"url(#grad-n)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-57.041 328.447 55.73) scale(238.957 377.848)","gradientUnits":"userSpaceOnUse","id":"grad-a","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#FCBD72"},"children":[]},{"type":"stop","props":{"offset":".255","stopColor":"#FAC371"},"children":[]},{"type":"stop","props":{"offset":".465","stopColor":"#FFA14C"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#EB7A34"},"children":[]},{"type":"stop","props":{"offset":".845","stopColor":"#F0866D"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(90 26.49 47.007) scale(9.5)","gradientUnits":"userSpaceOnUse","id":"grad-h","r":"1"},"children":[{"type":"stop","props":{"offset":".62","stopColor":"#58239F"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#8E3FE9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#AF6FEC"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 16 -16 0 55.002 108.021)","gradientUnits":"userSpaceOnUse","id":"grad-i","r":"1"},"children":[{"type":"stop","props":{"offset":".62","stopColor":"#C32F45"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#F44341"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FC9D9B"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 15.5 -15.5 0 266.502 49.516)","gradientUnits":"userSpaceOnUse","id":"grad-j","r":"1"},"children":[{"type":"stop","props":{"offset":".385","stopColor":"#4DA33C"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#63ED47"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#70D775"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 -44 58.6667 0 160 290)","gradientUnits":"userSpaceOnUse","id":"grad-k","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#FD9B8B"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#F24F3A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D93318"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(15.5 -61.50002 82.33886 20.75208 156 110)","gradientUnits":"userSpaceOnUse","id":"grad-m","r":"1"},"children":[{"type":"stop","props":{"offset":".26","stopColor":"#FFC1A3"},"children":[]},{"type":"stop","props":{"offset":".764","stopColor":"#FD82AB"},"children":[]},{"type":"stop","props":{"offset":".952","stopColor":"#DF4FAA"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(90 49.496 156.006) scale(13.5)","gradientUnits":"userSpaceOnUse","id":"grad-n","r":"1"},"children":[{"type":"stop","props":{"offset":".572","stopColor":"#4C86D3"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#72ADE2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#90BBE3"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"48.999","x2":"271.999","y1":"148.517","y2":"148.517"},"children":[{"type":"stop","props":{"stopColor":"#EB791E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#DB694E"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"135.5","x2":"187","y1":"147.5","y2":"147.5"},"children":[{"type":"stop","props":{"stopColor":"#FCC659"},"children":[]},{"type":"stop","props":{"offset":".183","stopColor":"#FFE366"},"children":[]},{"type":"stop","props":{"offset":".404","stopColor":"#FECA50"},"children":[]},{"type":"stop","props":{"offset":".702","stopColor":"#FFE76C"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FCC553"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"73","x2":"247","y1":"193.012","y2":"193.012"},"children":[{"type":"stop","props":{"stopColor":"#2A0B39"},"children":[]},{"type":"stop","props":{"offset":".322","stopColor":"#42180E"},"children":[]},{"type":"stop","props":{"offset":".678","stopColor":"#483A00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#310D1D"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-e","x1":"73","x2":"247","y1":"193.012","y2":"193.012"},"children":[{"type":"stop","props":{"stopColor":"#2A0B39"},"children":[]},{"type":"stop","props":{"offset":".322","stopColor":"#42180E"},"children":[]},{"type":"stop","props":{"offset":".678","stopColor":"#483A00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#310D1D"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-g","x1":"44.5","x2":"291","y1":"84","y2":"82"},"children":[{"type":"stop","props":{"stopColor":"#342FBD"},"children":[]},{"type":"stop","props":{"offset":".188","stopColor":"#733CC0"},"children":[]},{"type":"stop","props":{"offset":".375","stopColor":"#8748C2"},"children":[]},{"type":"stop","props":{"offset":".654","stopColor":"#7C80DE"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4A306D"},"children":[]}]},{"type":"filter","props":{"colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse","height":"126.061","id":"grad-f","width":"255","x":"35.997","y":"8"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"12"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","k2":"-1","k3":"1","operator":"arithmetic"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 1 0 0 0 0 0.764536 0 0 0 0 0.896726 0 0 0 1 0"},"children":[]},{"type":"feBlend","props":{"in2":"shape","result":"effect1_innerShadow_1562_736"},"children":[]}]},{"type":"filter","props":{"colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse","height":"95","id":"grad-l","width":"161","x":"75.998","y":"42.016"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"12"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","k2":"-1","k3":"1","operator":"arithmetic"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 1 0 0 0 0 0.824669 0 0 0 0 0.923101 0 0 0 1 0"},"children":[]},{"type":"feBlend","props":{"in2":"shape","result":"effect1_innerShadow_1562_736"},"children":[]}]}]}]},"color":{"viewBox":"0 0 320 320","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["LobeHub"]},{"type":"path","props":{"d":"M294 172.519c0 75.655-59.442 128.5-134 128.5-74.558 0-134-53.845-134-129.5 0-22.5 5-32.141 31.5-35.671 47.5-6.329 72.542-3.829 102.5-3.829 29.959 0 72.556-1.27 102.5 3.829 24.5 4.171 30 8.671 31.5 36.671z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M159.75 242.51c-28.25 0-35.75 3.5-35.75 3.5s3.5 27 35.75 27 35.75-27 35.75-27-7.5-3.5-35.75-3.5z","fill":"#972021"},"children":[]},{"type":"path","props":{"d":"M271.999 148.517c0 6.351-49.92 11.5-111.5 11.5s-111.5-5.149-111.5-11.5c0-6.352 49.92-11.5 111.5-11.5s111.5 5.148 111.5 11.5z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M135.503 160.013c.633-14.972-.483-22.788-5.5-36.443 0 0 9.5-12.056 27-12.056s30 3.064 30 3.064c-3.028 16.793-3.182 26.921-2.5 45.435h-49z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M119.191 234.294c14.742-7.076 24.811-21.51 24.811-39.273 0-25.406-20.595-48-46-48s-47 19.594-47 45c0 13.983 6.542 26.812 16.662 35.521 5.893-2.245 12.652-3.521 19.838-3.521 12.705 0 24.077 3.989 31.689 10.273zM200.813 234.294c-14.742-7.076-24.811-21.51-24.811-39.273 0-25.406 20.595-48 46-48s47 19.594 47 45c0 13.983-6.543 26.812-16.662 35.521-5.893-2.245-12.652-3.521-19.838-3.521-12.705 0-24.077 3.989-31.689 10.273z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M101 221.012c15.464 0 28-12.536 28-28s-12.536-28-28-28-28 12.536-28 28 12.536 28 28 28z","fill":"url(#grad-d)"},"children":[]},{"type":"path","props":{"d":"M219 221.012c-15.464 0-28-12.536-28-28s12.536-28 28-28 28 12.536 28 28-12.536 28-28 28z","fill":"url(#grad-e)"},"children":[]},{"type":"g","props":{"filter":""},"children":[{"type":"path","props":{"d":"M172.997 19.016c-14.027 0-19.5-11.5-41-11-23.394 0-34 13-45.5 23-1.958 1.702-11.5 7-16 9-19.683 8.748-34.5 21.5-34.5 40.5 0 20.711 17.461 37.5 39 37.5 3.536 0 6.963-.453 10.22-1.301 8.7 10.539 22.179 16.658 37.28 17.301 23.5 1 31-15.25 44.5-8.5 9.259 4.629 13.83 8.5 28.5 8.5 17.108 0 25.057-5.233 30-11 9-10.5 22.879-4 31.5-4 18.778 0 34-14.551 34-32.5 0-17.95-15.222-32.5-34-32.5-5.15 0-14.856 1.27-17-7-3.5-13.5-20.148-29-44-29-9.318 0-17.691 1-23 1z","fill":"url(#grad-g)"},"children":[]}]},{"type":"path","props":{"d":"M82.998 20.517a9.5 9.5 0 11-19 0 9.5 9.5 0 0119 0z","fill":"url(#grad-h)"},"children":[]},{"type":"path","props":{"d":"M71.002 108.021c0 8.836-7.163 16-16 16s-16-7.164-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z","fill":"url(#grad-i)"},"children":[]},{"type":"path","props":{"d":"M282.002 49.516c0 8.56-6.94 15.5-15.5 15.5-8.56 0-15.5-6.94-15.5-15.5 0-8.56 6.94-15.5 15.5-15.5 8.56 0 15.5 6.94 15.5 15.5z","fill":"url(#grad-j)"},"children":[]},{"type":"path","props":{"d":"M132.232 244.111c5.483-.823 14.191-1.601 27.515-1.601 12.212 0 20.546.654 26.073 1.396-1.542 5.861-12.963 8.104-26.823 8.104-13.698 0-25.013-2.191-26.765-7.899z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M160.006 290.016c20.099 0 23.305-20.488 23.927-25.61.478-4.146-1.675-6.244-4.02-7.659-2.345-1.414-9.379-2.731-19.907-2.731-10.527 0-17.514 1.317-19.906 2.731-2.393 1.415-4.546 3.513-4.02 7.659.622 5.122 3.828 25.61 23.926 25.61z","fill":"url(#grad-k)"},"children":[]},{"type":"g","props":{"filter":""},"children":[{"type":"path","props":{"d":"M171.694 129.744c-5.721-3.89-13.954-4.248-19.786-.526-7.724 4.929-16.971 7.798-26.91 7.798-27.062 0-49-21.267-49-47.5 0-26.234 21.938-47.5 49-47.5 13.628 0 25.956 5.392 34.838 14.097 4.948 4.85 13.088 6.24 19.498 3.609a42.502 42.502 0 0116.164-3.166c22.92 0 41.5 18.012 41.5 40.23 0 22.218-18.58 40.23-41.5 40.23-8.856 0-17.065-2.69-23.804-7.272z","fill":"url(#grad-m)"},"children":[]}]},{"type":"path","props":{"d":"M219.002 106.51c0 7.456-6.044 13.5-13.5 13.5s-13.5-6.044-13.5-13.5 6.044-13.5 13.5-13.5 13.5 6.044 13.5 13.5z","fill":"url(#grad-n)"},"children":[]},{"type":"defs","props":{},"children":[{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-57.041 328.447 55.73) scale(238.957 377.848)","gradientUnits":"userSpaceOnUse","id":"grad-a","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#FCBD72"},"children":[]},{"type":"stop","props":{"offset":".255","stopColor":"#FAC371"},"children":[]},{"type":"stop","props":{"offset":".465","stopColor":"#FFA14C"},"children":[]},{"type":"stop","props":{"offset":".64","stopColor":"#EB7A34"},"children":[]},{"type":"stop","props":{"offset":".845","stopColor":"#F0866D"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(90 26.49 47.007) scale(9.5)","gradientUnits":"userSpaceOnUse","id":"grad-h","r":"1"},"children":[{"type":"stop","props":{"offset":".62","stopColor":"#58239F"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#8E3FE9"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#AF6FEC"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 16 -16 0 55.002 108.021)","gradientUnits":"userSpaceOnUse","id":"grad-i","r":"1"},"children":[{"type":"stop","props":{"offset":".62","stopColor":"#C32F45"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#F44341"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FC9D9B"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 15.5 -15.5 0 266.502 49.516)","gradientUnits":"userSpaceOnUse","id":"grad-j","r":"1"},"children":[{"type":"stop","props":{"offset":".385","stopColor":"#4DA33C"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#63ED47"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#70D775"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(0 -44 58.6667 0 160 290)","gradientUnits":"userSpaceOnUse","id":"grad-k","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#FD9B8B"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#F24F3A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D93318"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(15.5 -61.50002 82.33886 20.75208 156 110)","gradientUnits":"userSpaceOnUse","id":"grad-m","r":"1"},"children":[{"type":"stop","props":{"offset":".26","stopColor":"#FFC1A3"},"children":[]},{"type":"stop","props":{"offset":".764","stopColor":"#FD82AB"},"children":[]},{"type":"stop","props":{"offset":".952","stopColor":"#DF4FAA"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(90 49.496 156.006) scale(13.5)","gradientUnits":"userSpaceOnUse","id":"grad-n","r":"1"},"children":[{"type":"stop","props":{"offset":".572","stopColor":"#4C86D3"},"children":[]},{"type":"stop","props":{"offset":".822","stopColor":"#72ADE2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#90BBE3"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-b","x1":"48.999","x2":"271.999","y1":"148.517","y2":"148.517"},"children":[{"type":"stop","props":{"stopColor":"#EB791E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#DB694E"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"135.5","x2":"187","y1":"147.5","y2":"147.5"},"children":[{"type":"stop","props":{"stopColor":"#FCC659"},"children":[]},{"type":"stop","props":{"offset":".183","stopColor":"#FFE366"},"children":[]},{"type":"stop","props":{"offset":".404","stopColor":"#FECA50"},"children":[]},{"type":"stop","props":{"offset":".702","stopColor":"#FFE76C"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FCC553"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"73","x2":"247","y1":"193.012","y2":"193.012"},"children":[{"type":"stop","props":{"stopColor":"#2A0B39"},"children":[]},{"type":"stop","props":{"offset":".322","stopColor":"#42180E"},"children":[]},{"type":"stop","props":{"offset":".678","stopColor":"#483A00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#310D1D"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-e","x1":"73","x2":"247","y1":"193.012","y2":"193.012"},"children":[{"type":"stop","props":{"stopColor":"#2A0B39"},"children":[]},{"type":"stop","props":{"offset":".322","stopColor":"#42180E"},"children":[]},{"type":"stop","props":{"offset":".678","stopColor":"#483A00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#310D1D"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-g","x1":"44.5","x2":"291","y1":"84","y2":"82"},"children":[{"type":"stop","props":{"stopColor":"#342FBD"},"children":[]},{"type":"stop","props":{"offset":".188","stopColor":"#733CC0"},"children":[]},{"type":"stop","props":{"offset":".375","stopColor":"#8748C2"},"children":[]},{"type":"stop","props":{"offset":".654","stopColor":"#7C80DE"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4A306D"},"children":[]}]},{"type":"filter","props":{"colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse","height":"126.061","id":"grad-f","width":"255","x":"35.997","y":"8"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"12"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","k2":"-1","k3":"1","operator":"arithmetic"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 1 0 0 0 0 0.764536 0 0 0 0 0.896726 0 0 0 1 0"},"children":[]},{"type":"feBlend","props":{"in2":"shape","result":"effect1_innerShadow_1562_736"},"children":[]}]},{"type":"filter","props":{"colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse","height":"95","id":"grad-l","width":"161","x":"75.998","y":"42.016"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feColorMatrix","props":{"in":"SourceAlpha","result":"hardAlpha","values":"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"},"children":[]},{"type":"feOffset","props":{},"children":[]},{"type":"feGaussianBlur","props":{"stdDeviation":"12"},"children":[]},{"type":"feComposite","props":{"in2":"hardAlpha","k2":"-1","k3":"1","operator":"arithmetic"},"children":[]},{"type":"feColorMatrix","props":{"values":"0 0 0 0 1 0 0 0 0 0.824669 0 0 0 0 0.923101 0 0 0 1 0"},"children":[]},{"type":"feBlend","props":{"in2":"shape","result":"effect1_innerShadow_1562_736"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 320 320","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["LobeHub"]},{"type":"path","props":{"d":"M294 172.52c0 75.654-59.442 128.5-134 128.5-74.558 0-134-53.846-134-129.5 0-22.501 5-32.142 31.5-35.672 47.5-6.329 72.542-3.828 102.5-3.828 29.959-.001 72.556-1.271 102.5 3.828 24.5 4.171 30 8.671 31.5 36.672z","fill":"#BFBFBF"},"children":[]},{"type":"path","props":{"d":"M159.75 242.51c-28.25 0-35.75 3.5-35.75 3.5s3.5 27 35.75 27 35.75-27 35.75-27-7.5-3.5-35.75-3.5z","fill":"#4F4F4F"},"children":[]},{"type":"path","props":{"d":"M135.503 160.013c.633-14.972-.483-22.788-5.5-36.443 0 0 9.5-12.056 27-12.056s30 3.064 30 3.064c-3.028 16.793-3.182 26.921-2.5 45.435h-49z","fill":"#E1E1E1"},"children":[]},{"type":"path","props":{"d":"M119.191 234.294c14.742-7.076 24.811-21.51 24.811-39.273 0-25.406-20.595-48-46-48s-47 19.594-47 45c0 13.983 6.542 26.812 16.662 35.521 5.893-2.245 12.652-3.521 19.838-3.521 12.705 0 24.077 3.989 31.689 10.273zM200.813 234.294c-14.742-7.076-24.811-21.51-24.811-39.273 0-25.406 20.595-48 46-48s47 19.594 47 45c0 13.983-6.543 26.812-16.662 35.521-5.893-2.245-12.652-3.521-19.838-3.521-12.705 0-24.077 3.989-31.689 10.273z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M219 221.012c-15.464 0-28-12.536-28-28s12.536-28 28-28 28 12.536 28 28-12.536 28-28 28zM101 221.012c15.464 0 28-12.536 28-28s-12.536-28-28-28-28 12.536-28 28 12.536 28 28 28z","fill":"#1A1A1A"},"children":[]},{"type":"path","props":{"d":"M172.997 19.016c-14.027 0-19.5-11.5-41-11-23.394 0-34 13-45.5 23-1.958 1.702-11.5 7-16 9-19.683 8.748-34.5 21.5-34.5 40.5 0 20.711 17.461 37.5 39 37.5 3.537 0 6.963-.453 10.22-1.301 8.7 10.539 22.179 16.658 37.28 17.301 23.5 1 31-15.25 44.5-8.5 9.259 4.629 13.83 8.5 28.5 8.5 17.108 0 25.057-5.233 30-11 9-10.5 22.879-4 31.5-4 18.778 0 34-14.551 34-32.5 0-17.95-15.222-32.5-34-32.5-5.15 0-14.856 1.27-17-7-3.5-13.5-20.148-29-44-29-9.318 0-17.691 1-23 1z","fill":"#838383"},"children":[]},{"type":"path","props":{"d":"M132.232 244.111c5.483-.823 14.191-1.601 27.515-1.601 12.212 0 20.546.654 26.073 1.396-1.542 5.861-12.963 8.104-26.823 8.104-13.698 0-25.013-2.191-26.765-7.899z","fill":"#fff"},"children":[]},{"type":"path","props":{"d":"M160.006 290.016c20.099 0 23.305-20.488 23.927-25.61.478-4.146-1.675-6.244-4.02-7.659-2.345-1.414-9.379-2.731-19.907-2.731-10.527 0-17.514 1.317-19.906 2.731-2.393 1.415-4.546 3.513-4.02 7.659.622 5.122 3.828 25.61 23.926 25.61z","fill":"#838383"},"children":[]},{"type":"path","props":{"d":"M171.694 129.744c-5.721-3.89-13.954-4.248-19.786-.526-7.724 4.929-16.971 7.798-26.91 7.798-27.062 0-49-21.267-49-47.5 0-26.234 21.938-47.5 49-47.5 13.628 0 25.956 5.392 34.838 14.097 4.948 4.85 13.088 6.24 19.498 3.609a42.502 42.502 0 0116.164-3.166c22.92 0 41.5 18.012 41.5 40.23 0 22.218-18.58 40.23-41.5 40.23-8.856 0-17.065-2.69-23.804-7.272z","fill":"#C8C8C8"},"children":[]},{"type":"path","props":{"d":"M55.002 124.021c8.837 0 16-7.164 16-16 0-8.837-7.163-16-16-16s-16 7.163-16 16c0 8.836 7.163 16 16 16zM205.502 120.021c7.456 0 13.5-6.045 13.5-13.5 0-7.456-6.044-13.5-13.5-13.5s-13.5 6.044-13.5 13.5c0 7.455 6.044 13.5 13.5 13.5z","fill":"#4F4F4F"},"children":[]},{"type":"circle","props":{"cx":"73.498","cy":"20.517","fill":"#838383","r":"9.5"},"children":[]},{"type":"circle","props":{"cx":"266.502","cy":"49.516","fill":"#C8C8C8","r":"15.5"},"children":[]},{"type":"ellipse","props":{"cx":"160.499","cy":"148.517","fill":"#838383","rx":"111.5","ry":"11.5"},"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 Lobehub = forwardRef(
   function Lobehub({ 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 Lobehub = 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/lodgify.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 20 20","fill":"none","childNodes":[{"type":"title","props":{},"children":["Lodgify"]},{"type":"g","props":{"clipPath":"url(#lodgify-clip)"},"children":[{"type":"path","props":{"d":"M15.7484 0H4.25165C1.90353 0 0 1.87093 0 4.17884V15.8212C0 18.1291 1.90353 20 4.25165 20H15.7484C18.0965 20 20 18.1291 20 15.8212V4.17884C20 1.87093 18.0965 0 15.7484 0Z","fill":"#FFF65B"},"children":[]},{"type":"path","props":{"d":"M7.81054 15.7669H14.2838V9.54326L7.96136 13.3805C7.72779 13.53 7.44483 13.2977 7.56095 13.0308L11.198 4.08838H5.69238V13.6488C5.69238 14.8834 6.57595 15.7683 7.81054 15.7683V15.7669Z","fill":"#141313"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"lodgify-clip"},"children":[{"type":"rect","props":{"width":"20","height":"20","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 20 20","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Lodgify"]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"currentColor","d":"M15.7484 0H4.25165C1.90353 0 0 1.87093 0 4.17884V15.8212C0 18.1291 1.90353 20 4.25165 20H15.7484C18.0965 20 20 18.1291 20 15.8212V4.17884C20 1.87093 18.0965 0 15.7484 0ZM14.2838 15.7669H7.81054C6.57595 15.7683 5.69238 14.8834 5.69238 13.6488V4.08838H11.198L7.56095 13.0308C7.44483 13.2977 7.72779 13.53 7.96136 13.3805L14.2838 9.54326V15.7669Z"},"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 Lodgify = react_1.forwardRef(function Lodgify({ 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 Lodgify = react_1.forwardRef(function Lodgify({ variant = 'default', viewB
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/lodgify.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 20 20","fill":"none","childNodes":[{"type":"title","props":{},"children":["Lodgify"]},{"type":"g","props":{"clipPath":"url(#lodgify-clip)"},"children":[{"type":"path","props":{"d":"M15.7484 0H4.25165C1.90353 0 0 1.87093 0 4.17884V15.8212C0 18.1291 1.90353 20 4.25165 20H15.7484C18.0965 20 20 18.1291 20 15.8212V4.17884C20 1.87093 18.0965 0 15.7484 0Z","fill":"#FFF65B"},"children":[]},{"type":"path","props":{"d":"M7.81054 15.7669H14.2838V9.54326L7.96136 13.3805C7.72779 13.53 7.44483 13.2977 7.56095 13.0308L11.198 4.08838H5.69238V13.6488C5.69238 14.8834 6.57595 15.7683 7.81054 15.7683V15.7669Z","fill":"#141313"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"lodgify-clip"},"children":[{"type":"rect","props":{"width":"20","height":"20","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 20 20","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Lodgify"]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","fill":"currentColor","d":"M15.7484 0H4.25165C1.90353 0 0 1.87093 0 4.17884V15.8212C0 18.1291 1.90353 20 4.25165 20H15.7484C18.0965 20 20 18.1291 20 15.8212V4.17884C20 1.87093 18.0965 0 15.7484 0ZM14.2838 15.7669H7.81054C6.57595 15.7683 5.69238 14.8834 5.69238 13.6488V4.08838H11.198L7.56095 13.0308C7.44483 13.2977 7.72779 13.53 7.96136 13.3805L14.2838 9.54326V15.7669Z"},"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 Lodgify = forwardRef(
   function Lodgify({ 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 Lodgify = 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/lottiefiles.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 81 81","fill":"none","childNodes":[{"type":"path","props":{"d":"M60.0722 0.258789H20.5557C9.37652 0.258789 0.313965 9.3213 0.313965 20.5005V60.017C0.313965 71.1962 9.37652 80.2587 20.5557 80.2587H60.0722C71.2514 80.2587 80.314 71.1962 80.314 60.017V20.5005C80.314 9.3213 71.2514 0.258789 60.0722 0.258789Z","fill":"#00DDB3"},"children":[]},{"type":"path","props":{"d":"M61.1157 18.1768C47.3448 18.1768 42.2418 28.0092 38.1385 35.9082L35.458 40.9617C31.113 49.3385 27.8668 54.4305 19.501 54.4305C18.9816 54.4305 18.4673 54.5328 17.9874 54.7316C17.5076 54.9303 17.0716 55.2216 16.7043 55.5889C16.3371 55.9561 16.0456 56.3921 15.8468 56.872C15.6481 57.3518 15.5459 57.8661 15.5459 58.3855V58.3855C15.5474 59.4339 15.9645 60.4391 16.7059 61.1804C17.4473 61.9218 18.4525 62.339 19.501 62.3404V62.3404C33.2774 62.3404 38.3803 52.508 42.4836 44.609L45.1587 39.5555C49.5092 31.1787 52.7554 26.0867 61.1157 26.0867C61.6356 26.0874 62.1504 25.9856 62.6309 25.7872C63.1113 25.5888 63.548 25.2976 63.9159 24.9302C64.2837 24.5629 64.5756 24.1267 64.7747 23.6465C64.9738 23.1663 65.0762 22.6516 65.0762 22.1317V22.1317C65.0747 21.0823 64.6568 20.0764 63.9143 19.3348C63.1717 18.5933 62.1652 18.1768 61.1157 18.1768V18.1768Z","fill":"white"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["LottieFiles"]},{"type":"path","props":{"d":"M17.928 0H6.072A6.076 6.076 0 0 0 0 6.073v11.854A6.076 6.076 0 0 0 6.073 24h11.854A6.076 6.076 0 0 0 24 17.927V6.073A6.076 6.076 0 0 0 17.927 0m1.42 7.013a1.4 1.4 0 0 1-.26.39c-.11.11-.24.2-.39.26-.14.06-.3.09-.45.09-2.511 0-3.482 1.53-4.792 4.042l-.8 1.51c-1.231 2.382-2.762 5.323-6.894 5.323-.31 0-.62-.12-.84-.35a1.188 1.188 0 0 1 .84-2.031c2.511 0 3.482-1.53 4.792-4.042l.8-1.51c1.231-2.382 2.762-5.323 6.894-5.323q.24 0 .45.09c.14.06.27.15.39.26.11.11.2.24.26.39a1.17 1.17 0 0 1 0 .9"},"children":[]}]},"wordmark":{"viewBox":"0 0 401 79","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_274_2135)"},"children":[{"type":"path","props":{"d":"M313.847 28.1592H304.374V61.5326H313.847V28.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M313.847 17.1592H304.374V24.5385H313.847V17.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M107.249 17.1592H97.3477V61.5318H127.583V53.0246H107.249V17.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M147.151 25.3818C136.612 25.3818 128.27 33.5345 128.27 43.8086C128.27 54.0828 136.612 62.2569 147.151 62.2569C157.691 62.2569 166.103 54.1042 166.103 43.8247C166.103 33.5453 157.755 25.3818 147.151 25.3818ZM147.151 53.449C141.847 53.449 137.887 49.4102 137.887 43.7818C137.887 38.1533 141.847 34.1468 147.151 34.1468C152.456 34.1468 156.416 38.2553 156.416 43.7818C156.416 49.3082 152.456 53.449 147.151 53.449Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M205.834 54.0178C204.135 54.0178 202.651 53.0242 202.651 49.979V35.8058H211.685V28.158H202.651V18.5391H193.178V28.158H180.737V18.5391H171.263V28.158H166.104V35.8058H171.263V50.1187C171.263 58.1264 175.084 62.2403 182.151 62.2403C185.342 62.2466 188.465 61.3128 191.131 59.555L188.452 52.5408C187.111 53.4498 185.542 53.9651 183.924 54.0285C182.226 54.0285 180.742 53.0349 180.742 49.9898V35.8058H193.183V50.1187C193.183 58.1264 196.998 62.2403 204.071 62.2403C207.262 62.2456 210.385 61.3119 213.051 59.555L210.372 52.5408C209.027 53.4492 207.455 53.9609 205.834 54.0178Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M265.726 41.3117C264.28 31.3491 255.616 24.3028 246.094 25.6938C243.7 26.0214 241.395 26.825 239.314 28.0574C237.234 29.2898 235.419 30.9261 233.978 32.8705C232.537 34.8149 231.497 37.0282 230.921 39.3806C230.344 41.733 230.242 44.1771 230.62 46.5696C232.297 58.1434 242.226 63.5034 252.438 62.0103C257.063 61.3586 261.396 59.3584 264.896 56.2583L260.416 50.0337C257.859 52.2489 254.719 53.6774 251.372 54.1477C246.753 54.819 242.429 53.0735 240.607 48.4118L266.005 44.706C265.975 43.5703 265.882 42.4371 265.726 41.3117ZM239.557 42.1872C239.825 37.6382 242.901 34.1795 246.957 33.5941C249.018 33.2728 251.125 33.7157 252.883 34.8398C254.642 35.9639 255.932 37.692 256.51 39.7005L239.557 42.1872Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M368.564 41.3117C367.117 31.3491 358.448 24.3028 348.932 25.6938C346.537 26.0207 344.232 26.8239 342.151 28.056C340.07 29.2882 338.256 30.9246 336.814 32.8692C335.373 34.8137 334.333 37.0273 333.757 39.38C333.181 41.7327 333.079 44.177 333.458 46.5696C335.135 58.1434 345.058 63.5034 355.276 62.0103C359.9 61.3585 364.23 59.3582 367.728 56.2583L363.254 50.0337C360.695 52.2491 357.553 53.6775 354.204 54.1477C349.586 54.819 345.262 53.0735 343.44 48.4118L368.843 44.706C368.809 43.5705 368.716 42.4375 368.564 41.3117ZM342.395 42.1872C342.663 37.6382 345.733 34.1795 349.795 33.5941C351.853 33.2713 353.958 33.714 355.714 34.8387C357.47 35.9633 358.754 37.6924 359.327 39.7005L342.395 42.1872Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M329.402 17.1592H319.929V61.5264H329.402V17.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M388.181 39.3456C384.929 38.6367 381.96 37.9975 381.96 36.0158C381.96 34.5281 384.012 33.5345 386.204 33.5345C389.626 33.5889 392.99 34.4383 396.03 36.0158L399.213 28.9264C395.259 26.5022 390.692 25.2716 386.059 25.3818C379.415 25.3818 372.342 29.2111 372.342 36.44C372.342 43.2447 378.07 45.5702 385.073 47.4231C388.111 48.277 391.155 48.7711 391.155 50.8979C391.155 53.0247 387.549 53.8733 385.352 53.8733C381.351 53.9514 377.449 52.6211 374.325 50.1138L370.928 57.4233C372.91 59.2654 377.786 62.2569 385.352 62.2569C391.931 62.2569 400.767 59.3513 400.767 50.6294C400.767 43.3843 394.214 40.7742 388.181 39.3456Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M226.334 28.1592H216.86V61.5326H226.334V28.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M226.334 17.1592H216.86V24.5385H226.334V17.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M269.761 61.5318H279.641V43.4003H296.396V34.9845H279.641V25.6502H299.997V17.1592H269.761V61.5318Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M59.0965 0.59082H20.5503C9.64568 0.59082 0.805664 9.45154 0.805664 20.3818V59.0185C0.805664 69.9487 9.64568 78.8094 20.5503 78.8094H59.0965C70.0011 78.8094 78.8411 69.9487 78.8411 59.0185V20.3818C78.8411 9.45154 70.0011 0.59082 59.0965 0.59082Z","fill":"#00DDB3"},"children":[]},{"type":"path","props":{"d":"M60.1139 18.1094C46.6811 18.1094 41.7034 27.7229 37.7009 35.446L35.0862 40.387C30.8479 48.5773 27.6814 53.5559 19.521 53.5559C19.0144 53.5559 18.5127 53.6559 18.0447 53.8502C17.5766 54.0446 17.1513 54.3294 16.793 54.6885C16.4348 55.0475 16.1505 55.4738 15.9566 55.943C15.7628 56.4121 15.6631 56.915 15.6631 57.4228C15.6645 58.4479 16.0714 59.4306 16.7946 60.1555C17.5178 60.8804 18.4983 61.2883 19.521 61.2897C32.9591 61.2897 37.9367 51.6761 41.9392 43.9531L44.5487 39.0121C48.7923 30.8218 51.9588 25.8432 60.1139 25.8432C60.6209 25.8439 61.1231 25.7444 61.5918 25.5503C62.0605 25.3563 62.4864 25.0716 62.8452 24.7125C63.204 24.3533 63.4888 23.9268 63.683 23.4573C63.8772 22.9878 63.977 22.4845 63.977 21.9763C63.9756 20.9502 63.568 19.9667 62.8437 19.2416C62.1193 18.5166 61.1375 18.1094 60.1139 18.1094Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_274_2135"},"children":[{"type":"rect","props":{"width":"400","height":"78.232","fill":"white","transform":"translate(0.805664 0.59082)"},"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 Lottiefiles = react_1.forwardRef(function Lottiefiles({ 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 Lottiefiles = react_1.forwardRef(function Lottiefiles({ 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/lottiefiles.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, mono, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 81 81","fill":"none","childNodes":[{"type":"path","props":{"d":"M60.0722 0.258789H20.5557C9.37652 0.258789 0.313965 9.3213 0.313965 20.5005V60.017C0.313965 71.1962 9.37652 80.2587 20.5557 80.2587H60.0722C71.2514 80.2587 80.314 71.1962 80.314 60.017V20.5005C80.314 9.3213 71.2514 0.258789 60.0722 0.258789Z","fill":"#00DDB3"},"children":[]},{"type":"path","props":{"d":"M61.1157 18.1768C47.3448 18.1768 42.2418 28.0092 38.1385 35.9082L35.458 40.9617C31.113 49.3385 27.8668 54.4305 19.501 54.4305C18.9816 54.4305 18.4673 54.5328 17.9874 54.7316C17.5076 54.9303 17.0716 55.2216 16.7043 55.5889C16.3371 55.9561 16.0456 56.3921 15.8468 56.872C15.6481 57.3518 15.5459 57.8661 15.5459 58.3855V58.3855C15.5474 59.4339 15.9645 60.4391 16.7059 61.1804C17.4473 61.9218 18.4525 62.339 19.501 62.3404V62.3404C33.2774 62.3404 38.3803 52.508 42.4836 44.609L45.1587 39.5555C49.5092 31.1787 52.7554 26.0867 61.1157 26.0867C61.6356 26.0874 62.1504 25.9856 62.6309 25.7872C63.1113 25.5888 63.548 25.2976 63.9159 24.9302C64.2837 24.5629 64.5756 24.1267 64.7747 23.6465C64.9738 23.1663 65.0762 22.6516 65.0762 22.1317V22.1317C65.0747 21.0823 64.6568 20.0764 63.9143 19.3348C63.1717 18.5933 62.1652 18.1768 61.1157 18.1768V18.1768Z","fill":"white"},"children":[]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["LottieFiles"]},{"type":"path","props":{"d":"M17.928 0H6.072A6.076 6.076 0 0 0 0 6.073v11.854A6.076 6.076 0 0 0 6.073 24h11.854A6.076 6.076 0 0 0 24 17.927V6.073A6.076 6.076 0 0 0 17.927 0m1.42 7.013a1.4 1.4 0 0 1-.26.39c-.11.11-.24.2-.39.26-.14.06-.3.09-.45.09-2.511 0-3.482 1.53-4.792 4.042l-.8 1.51c-1.231 2.382-2.762 5.323-6.894 5.323-.31 0-.62-.12-.84-.35a1.188 1.188 0 0 1 .84-2.031c2.511 0 3.482-1.53 4.792-4.042l.8-1.51c1.231-2.382 2.762-5.323 6.894-5.323q.24 0 .45.09c.14.06.27.15.39.26.11.11.2.24.26.39a1.17 1.17 0 0 1 0 .9"},"children":[]}]},"wordmark":{"viewBox":"0 0 401 79","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_274_2135)"},"children":[{"type":"path","props":{"d":"M313.847 28.1592H304.374V61.5326H313.847V28.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M313.847 17.1592H304.374V24.5385H313.847V17.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M107.249 17.1592H97.3477V61.5318H127.583V53.0246H107.249V17.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M147.151 25.3818C136.612 25.3818 128.27 33.5345 128.27 43.8086C128.27 54.0828 136.612 62.2569 147.151 62.2569C157.691 62.2569 166.103 54.1042 166.103 43.8247C166.103 33.5453 157.755 25.3818 147.151 25.3818ZM147.151 53.449C141.847 53.449 137.887 49.4102 137.887 43.7818C137.887 38.1533 141.847 34.1468 147.151 34.1468C152.456 34.1468 156.416 38.2553 156.416 43.7818C156.416 49.3082 152.456 53.449 147.151 53.449Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M205.834 54.0178C204.135 54.0178 202.651 53.0242 202.651 49.979V35.8058H211.685V28.158H202.651V18.5391H193.178V28.158H180.737V18.5391H171.263V28.158H166.104V35.8058H171.263V50.1187C171.263 58.1264 175.084 62.2403 182.151 62.2403C185.342 62.2466 188.465 61.3128 191.131 59.555L188.452 52.5408C187.111 53.4498 185.542 53.9651 183.924 54.0285C182.226 54.0285 180.742 53.0349 180.742 49.9898V35.8058H193.183V50.1187C193.183 58.1264 196.998 62.2403 204.071 62.2403C207.262 62.2456 210.385 61.3119 213.051 59.555L210.372 52.5408C209.027 53.4492 207.455 53.9609 205.834 54.0178Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M265.726 41.3117C264.28 31.3491 255.616 24.3028 246.094 25.6938C243.7 26.0214 241.395 26.825 239.314 28.0574C237.234 29.2898 235.419 30.9261 233.978 32.8705C232.537 34.8149 231.497 37.0282 230.921 39.3806C230.344 41.733 230.242 44.1771 230.62 46.5696C232.297 58.1434 242.226 63.5034 252.438 62.0103C257.063 61.3586 261.396 59.3584 264.896 56.2583L260.416 50.0337C257.859 52.2489 254.719 53.6774 251.372 54.1477C246.753 54.819 242.429 53.0735 240.607 48.4118L266.005 44.706C265.975 43.5703 265.882 42.4371 265.726 41.3117ZM239.557 42.1872C239.825 37.6382 242.901 34.1795 246.957 33.5941C249.018 33.2728 251.125 33.7157 252.883 34.8398C254.642 35.9639 255.932 37.692 256.51 39.7005L239.557 42.1872Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M368.564 41.3117C367.117 31.3491 358.448 24.3028 348.932 25.6938C346.537 26.0207 344.232 26.8239 342.151 28.056C340.07 29.2882 338.256 30.9246 336.814 32.8692C335.373 34.8137 334.333 37.0273 333.757 39.38C333.181 41.7327 333.079 44.177 333.458 46.5696C335.135 58.1434 345.058 63.5034 355.276 62.0103C359.9 61.3585 364.23 59.3582 367.728 56.2583L363.254 50.0337C360.695 52.2491 357.553 53.6775 354.204 54.1477C349.586 54.819 345.262 53.0735 343.44 48.4118L368.843 44.706C368.809 43.5705 368.716 42.4375 368.564 41.3117ZM342.395 42.1872C342.663 37.6382 345.733 34.1795 349.795 33.5941C351.853 33.2713 353.958 33.714 355.714 34.8387C357.47 35.9633 358.754 37.6924 359.327 39.7005L342.395 42.1872Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M329.402 17.1592H319.929V61.5264H329.402V17.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M388.181 39.3456C384.929 38.6367 381.96 37.9975 381.96 36.0158C381.96 34.5281 384.012 33.5345 386.204 33.5345C389.626 33.5889 392.99 34.4383 396.03 36.0158L399.213 28.9264C395.259 26.5022 390.692 25.2716 386.059 25.3818C379.415 25.3818 372.342 29.2111 372.342 36.44C372.342 43.2447 378.07 45.5702 385.073 47.4231C388.111 48.277 391.155 48.7711 391.155 50.8979C391.155 53.0247 387.549 53.8733 385.352 53.8733C381.351 53.9514 377.449 52.6211 374.325 50.1138L370.928 57.4233C372.91 59.2654 377.786 62.2569 385.352 62.2569C391.931 62.2569 400.767 59.3513 400.767 50.6294C400.767 43.3843 394.214 40.7742 388.181 39.3456Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M226.334 28.1592H216.86V61.5326H226.334V28.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M226.334 17.1592H216.86V24.5385H226.334V17.1592Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M269.761 61.5318H279.641V43.4003H296.396V34.9845H279.641V25.6502H299.997V17.1592H269.761V61.5318Z","fill":"white"},"children":[]},{"type":"path","props":{"d":"M59.0965 0.59082H20.5503C9.64568 0.59082 0.805664 9.45154 0.805664 20.3818V59.0185C0.805664 69.9487 9.64568 78.8094 20.5503 78.8094H59.0965C70.0011 78.8094 78.8411 69.9487 78.8411 59.0185V20.3818C78.8411 9.45154 70.0011 0.59082 59.0965 0.59082Z","fill":"#00DDB3"},"children":[]},{"type":"path","props":{"d":"M60.1139 18.1094C46.6811 18.1094 41.7034 27.7229 37.7009 35.446L35.0862 40.387C30.8479 48.5773 27.6814 53.5559 19.521 53.5559C19.0144 53.5559 18.5127 53.6559 18.0447 53.8502C17.5766 54.0446 17.1513 54.3294 16.793 54.6885C16.4348 55.0475 16.1505 55.4738 15.9566 55.943C15.7628 56.4121 15.6631 56.915 15.6631 57.4228C15.6645 58.4479 16.0714 59.4306 16.7946 60.1555C17.5178 60.8804 18.4983 61.2883 19.521 61.2897C32.9591 61.2897 37.9367 51.6761 41.9392 43.9531L44.5487 39.0121C48.7923 30.8218 51.9588 25.8432 60.1139 25.8432C60.6209 25.8439 61.1231 25.7444 61.5918 25.5503C62.0605 25.3563 62.4864 25.0716 62.8452 24.7125C63.204 24.3533 63.4888 23.9268 63.683 23.4573C63.8772 22.9878 63.977 22.4845 63.977 21.9763C63.9756 20.9502 63.568 19.9667 62.8437 19.2416C62.1193 18.5166 61.1375 18.1094 60.1139 18.1094Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_274_2135"},"children":[{"type":"rect","props":{"width":"400","height":"78.232","fill":"white","transform":"translate(0.805664 0.59082)"},"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 Lottiefiles = forwardRef(
   function Lottiefiles({ 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 Lottiefiles = 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/lottielab.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 276 276","fill":"none","childNodes":[{"type":"rect","props":{"width":"274","height":"274","x":"1","y":"1","fill":"url(#a)","rx":"81"},"children":[]},{"type":"path","props":{"stroke":"url(#b)","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"20","d":"M142.892 59.721c-30.057-5.67-40.834 99.13-23.051 131.821"},"children":[]},{"type":"path","props":{"stroke":"#D7D5FF","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"20","d":"M119.577 191.219c17.747 32.552 50.284 32.552 65.206-4.71"},"children":[]},{"type":"path","props":{"stroke":"#F4F3FF","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"20","d":"M142.892 59.729c30.057 5.656-2.582 97.684-50.401 145.51"},"children":[]},{"type":"rect","props":{"width":"274","height":"274","x":"1","y":"1","stroke":"url(#c)","strokeWidth":"2","rx":"81"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"2","x2":"274","y1":"2","y2":"274","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#9688FD"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#607EF4"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"132.555","x2":"94.765","y1":"62.627","y2":"82.582","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#F4F3FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D7D5FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"2","x2":"274","y1":"2","y2":"274","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#9688FD"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#607EF4"},"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 Lottielab = react_1.forwardRef(function Lottielab({ 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 Lottielab = react_1.forwardRef(function Lottielab({ 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/lottielab.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 276 276","fill":"none","childNodes":[{"type":"rect","props":{"width":"274","height":"274","x":"1","y":"1","fill":"url(#a)","rx":"81"},"children":[]},{"type":"path","props":{"stroke":"url(#b)","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"20","d":"M142.892 59.721c-30.057-5.67-40.834 99.13-23.051 131.821"},"children":[]},{"type":"path","props":{"stroke":"#D7D5FF","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"20","d":"M119.577 191.219c17.747 32.552 50.284 32.552 65.206-4.71"},"children":[]},{"type":"path","props":{"stroke":"#F4F3FF","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"20","d":"M142.892 59.729c30.057 5.656-2.582 97.684-50.401 145.51"},"children":[]},{"type":"rect","props":{"width":"274","height":"274","x":"1","y":"1","stroke":"url(#c)","strokeWidth":"2","rx":"81"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"a","x1":"2","x2":"274","y1":"2","y2":"274","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#9688FD"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#607EF4"},"children":[]}]},{"type":"linearGradient","props":{"id":"b","x1":"132.555","x2":"94.765","y1":"62.627","y2":"82.582","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#F4F3FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#D7D5FF"},"children":[]}]},{"type":"linearGradient","props":{"id":"c","x1":"2","x2":"274","y1":"2","y2":"274","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"stopColor":"#9688FD"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#607EF4"},"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 Lottielab = forwardRef(
   function Lottielab({ 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 Lottielab = 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/lovable.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 121 122","fill":"none","childNodes":[{"type":"mask","props":{"id":"b","width":"121","height":"122","x":"0","y":"0","maskUnits":"userSpaceOnUse","style":{"maskType":"alpha"}},"children":[{"type":"path","props":{"fill":"url(#a)","fillRule":"evenodd","d":"M36.069 0c19.92 0 36.068 16.155 36.068 36.084v13.713h12.004c19.92 0 36.069 16.156 36.069 36.084 0 19.928-16.149 36.083-36.069 36.083H0v-85.88C0 16.155 16.148 0 36.069 0Z","clipRule":"evenodd"},"children":[]}]},{"type":"g","props":{"mask":"url(#b)"},"children":[{"type":"g","props":{"filter":"url(#c)"},"children":[{"type":"ellipse","props":{"cx":"52.738","cy":"65.101","fill":"#4B73FF","rx":"81.373","ry":"81.192"},"children":[]}]},{"type":"g","props":{"filter":"url(#d)"},"children":[{"type":"ellipse","props":{"cx":"61.673","cy":"20.547","fill":"#FF66F4","rx":"104.216","ry":"81.192"},"children":[]}]},{"type":"g","props":{"filter":"url(#e)"},"children":[{"type":"ellipse","props":{"cx":"78.666","cy":"5.268","fill":"#FF0105","rx":"81.373","ry":"71.304"},"children":[]}]},{"type":"g","props":{"filter":"url(#f)"},"children":[{"type":"ellipse","props":{"cx":"63.121","cy":"20.527","fill":"#FE7B02","rx":"48.937","ry":"48.829"},"children":[]}]}]},{"type":"defs","props":{},"children":[{"type":"filter","props":{"id":"c","width":"235.52","height":"235.159","x":"-65.022","y":"-52.478","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_572_319","stdDeviation":"18.194"},"children":[]}]},{"type":"filter","props":{"id":"d","width":"281.208","height":"235.159","x":"-78.93","y":"-97.032","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_572_319","stdDeviation":"18.194"},"children":[]}]},{"type":"filter","props":{"id":"e","width":"235.52","height":"215.383","x":"-39.094","y":"-102.423","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_572_319","stdDeviation":"18.194"},"children":[]}]},{"type":"filter","props":{"id":"f","width":"170.649","height":"170.432","x":"-22.204","y":"-64.688","colorInterpolationFilters":"sRGB","filterUnits":"userSpaceOnUse"},"children":[{"type":"feFlood","props":{"floodOpacity":"0","result":"BackgroundImageFix"},"children":[]},{"type":"feBlend","props":{"in":"SourceGraphic","in2":"BackgroundImageFix","result":"shape"},"children":[]},{"type":"feGaussianBlur","props":{"result":"effect1_foregroundBlur_572_319","stdDeviation":"18.194"},"children":[]}]},{"type":"linearGradient","props":{"id":"a","x1":"40.453","x2":"76.933","y1":"21.433","y2":"121.971","gradientUnits":"userSpaceOnUse"},"children":[{"type":"stop","props":{"offset":".025","stopColor":"#FF8E63"},"children":[]},{"type":"stop","props":{"offset":".56","stopColor":"#FF7EB0"},"children":[]},{"type":"stop","props":{"offset":".95","stopColor":"#4B73FF"},"children":[]}]}]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Lovable = react_1.forwardRef(function Lovable({ 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 Lovable = react_1.forwardRef(function Lovable({ variant = 'default', viewB
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });