@thesvg/react 3.2.2 → 3.2.4

package/dist/cogview.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, color
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["CogView"]},{"type":"path","props":{"d":"M15.271 16.555l5.72 4.877s-3.276 3.125-7.223-2.866l1.503-2.01z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M15.4 16.523l4.596 5.947s-3.85 2.39-6.477-4.293l1.882-1.654z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M13.833 21.043h-3.72a.44.44 0 01-.41-.27L2.024 2.94c-.087-.194.065-.421.28-.421H6.07c.184 0 .346.108.41.27l7.635 17.831c.076.205-.065.422-.281.422z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M7.637 3.547c-2.087.562-2.855 2.465-2.855 2.465s1.33-.465 3.18-.876a30.14 30.14 0 012.551-.421c-.043-.617-1.276-1.6-2.876-1.168z","fill":"url(#grad-d)"},"children":[]},{"type":"path","props":{"d":"M6.664 5.05c-1.644 1.416-1.6 3.46-1.6 3.46s.94-.908 2.357-2.163c.951-.843 2.032-1.6 2.032-1.6-.335-.519-1.47-.833-2.79.303z","fill":"url(#grad-e)"},"children":[]},{"type":"path","props":{"d":"M6.307 7.18c-1.363 1.665-1.05 3.385-1.05 3.385s.801-.768 2.001-2.217a31.1 31.1 0 011.763-1.892C8.61 6 7.388 5.872 6.307 7.18z","fill":"url(#grad-f)"},"children":[]},{"type":"path","props":{"d":"M14.957 4.141s-.41-1.07-1.254-1.535c-.822-.454-3.028-.552-4.585.616-2.065 1.536-2.768 4.044-2.92 4.64-1.492 5.795 1.558 9.06 4.942 10.64l3.817-14.36z","fill":"url(#grad-g)"},"children":[]},{"type":"path","props":{"d":"M4.912 11.246a7.404 7.404 0 007.558 7.245l-.313-14.814c-4.088.097-7.332 3.481-7.245 7.569z","fill":"url(#grad-h)"},"children":[]},{"type":"path","props":{"d":"M6.296 12.62c.443 4.032 4.087 6.941 8.12 6.498l-1.621-14.62a7.366 7.366 0 00-6.499 8.121z","fill":"url(#grad-i)"},"children":[]},{"type":"path","props":{"d":"M9.313 3.785a3.107 3.107 0 00-.097 4.195 3.126 3.126 0 004.174.487L9.313 3.785z","fill":"url(#grad-j)"},"children":[]},{"type":"path","props":{"d":"M11.79 8.077a2.909 2.909 0 100-5.817 2.909 2.909 0 000 5.817z","fill":"url(#grad-k)"},"children":[]},{"type":"path","props":{"d":"M8.729 13.625c1.016 3.233 4.466 5.039 7.699 4.022L12.751 5.926a6.138 6.138 0 00-4.022 7.699z","fill":"url(#grad-l)"},"children":[]},{"type":"path","props":{"d":"M9.562 12.079a5.306 5.306 0 006.239 4.173L13.725 5.84c-2.866.563-4.736 3.363-4.163 6.24z","fill":"url(#grad-m)"},"children":[]},{"type":"path","props":{"d":"M11.075 2.822s-.648 1.125-.291 2.38c.443 1.556 2.097 1.783 2.8 1.61l1.006-2.108-1.763-2.358-1.752.476z","fill":"url(#grad-n)"},"children":[]},{"type":"path","props":{"d":"M12.903 5.807s-.54.162-.887.81c-.292.541-.205 1.287-.205 1.287l2.195-1.686-1.103-.411z","fill":"url(#grad-o)"},"children":[]},{"type":"path","props":{"d":"M15.325 9.97S13.465 9.948 13 8.218c-.313-1.178.249-1.99.249-1.99l1.211-.356.865 4.098z","fill":"url(#grad-p)"},"children":[]},{"type":"path","props":{"d":"M7.02.757s.4 1.849 2.412 2.595c1.524.562 4.076-.973 4.076-.973s-1.34-.552-3.33-.552C8.686 1.827 7.02.757 7.02.757z","fill":"url(#grad-q)"},"children":[]},{"type":"path","props":{"d":"M16.904 4.671s.238-1.243-.552-2.4c-.605-.887-2.12-1.882-4.93-1.265C9.053 1.525 8.697 0 8.697 0c-.076.39.183 2.92 2.649 2.552 3.027-.454 2.768 2.509 3.838 3.006.887.39 1.72-.887 1.72-.887z","fill":"url(#grad-r)"},"children":[]},{"type":"path","props":{"d":"M13.757 6.412a1.492 1.492 0 100-2.984 1.492 1.492 0 000 2.984z","fill":"url(#grad-s)"},"children":[]},{"type":"path","props":{"d":"M10.059 21.043h3.828a.44.44 0 00.41-.27L21.976 2.94c.087-.194-.065-.421-.28-.421h-3.872a.44.44 0 00-.411.27L9.778 20.62c-.076.205.065.422.281.422z","fill":"url(#grad-t)"},"children":[]},{"type":"path","props":{"d":"M10.059 21.043h3.828a.439.439 0 00.41-.27l6.1-14.144c.086-.195-.065-.422-.282-.422h-3.87a.44.44 0 00-.412.27L9.778 20.621c-.076.205.065.422.281.422z","fill":"url(#grad-u)"},"children":[]},{"type":"path","props":{"d":"M16.071 4.888s.054-1.795-1.806-2.736c-2.595-1.309-4.974 1.795-7.699 0 0 0 .552 2.768 6.11 1.72 1.373-.26 1.979.172 2.281.67.26.421.238.789.238 1.005l.876-.66z","fill":"url(#grad-v)"},"children":[]},{"type":"path","props":{"d":"M15.671 5.223s.14-.973-.67-1.568c-.876-.638-1.58-.508-1.58-.508s.498-.303 1.212-.303c.379 0 .508-.054.508-.054s.054-.173-.184-.444c2.033.898 1.503 2.433 1.503 2.433l-.789.444z","fill":"url(#grad-w)"},"children":[]},{"type":"path","props":{"d":"M16.352 6.856s-.8.746-1.946.356c-.076-.021-.065-.475 0-.767.065-.336.292-.703.476-.93 1.243.108 1.47 1.34 1.47 1.34z","fill":"url(#grad-x)"},"children":[]},{"type":"path","props":{"d":"M16.904 4.596s.616.962.432 2.054c-.216 1.265-1.416 1.86-1.416 1.86s.573-2.206-1.05-2.995c0 0 .336-.368.823-.595.713-.324 1.21-.324 1.21-.324z","fill":"url(#grad-y)"},"children":[]},{"type":"path","props":{"d":"M13.52 5.504a.724.724 0 100-1.449.724.724 0 000 1.449z","fill":"url(#grad-z)"},"children":[]},{"type":"path","props":{"d":"M13.357 5.169c.257 0 .465-.223.465-.498 0-.274-.208-.497-.465-.497s-.465.223-.465.497c0 .275.208.498.465.498z","fill":"url(#grad-A)"},"children":[]},{"type":"path","props":{"d":"M13.681 4.423a.108.108 0 100-.217.108.108 0 000 .217z","fill":"#fff"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"14.07","x2":"20.313","y1":"18.852","y2":"20.083"},"children":[{"type":"stop","props":{"offset":".006","stopColor":"#E8096A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00AFFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"11.764","x2":"3.911","y1":"20.533","y2":"1.932"},"children":[{"type":"stop","props":{"stopColor":"#412DF5"},"children":[]},{"type":"stop","props":{"offset":".691","stopColor":"#0606B6"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4B00B4"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"5.23","x2":"8.449","y1":"4.866","y2":"4.518"},"children":[{"type":"stop","props":{"stopColor":"#E60030"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#690040"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-e","x1":"5.359","x2":"7.933","y1":"6.753","y2":"6.013"},"children":[{"type":"stop","props":{"stopColor":"#FF6500"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#EE182C"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-f","x1":"5.528","x2":"8.59","y1":"8.108","y2":"8.699"},"children":[{"type":"stop","props":{"stopColor":"#EA4D07"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#C5171E"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-g","x1":"12.023","x2":"7.057","y1":"3.007","y2":"18.02"},"children":[{"type":"stop","props":{"stopColor":"#0091FF"},"children":[]},{"type":"stop","props":{"offset":".005","stopColor":"#0292FC"},"children":[]},{"type":"stop","props":{"offset":".126","stopColor":"#37A5C2"},"children":[]},{"type":"stop","props":{"offset":".249","stopColor":"#65B58E"},"children":[]},{"type":"stop","props":{"offset":".372","stopColor":"#8CC363"},"children":[]},{"type":"stop","props":{"offset":".496","stopColor":"#ACCF3F"},"children":[]},{"type":"stop","props":{"offset":".62","stopColor":"#C4D823"},"children":[]},{"type":"stop","props":{"offset":".745","stopColor":"#D6DE10"},"children":[]},{"type":"stop","props":{"offset":".871","stopColor":"#E1E204"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#E4E300"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-h","x1":"6.803","x2":"13.616","y1":"4.807","y2":"18.4"},"children":[{"type":"stop","props":{"offset":".006","stopColor":"#DE003B"},"children":[]},{"type":"stop","props":{"offset":".241","stopColor":"#D976FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00A4EA"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-l","x1":"11.435","x2":"12.609","y1":"7.86","y2":"16.15"},"children":[{"type":"stop","props":{"stopColor":"#FF9500"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F7FF2B"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-m","x1":"15.495","x2":"10.596","y1":"13.571","y2":"8.476"},"children":[{"type":"stop","props":{"offset":".207","stopColor":"#FF8E00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F41B56"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-o","x1":"12.031","x2":"12.816","y1":"7.438","y2":"6.584"},"children":[{"type":"stop","props":{"stopColor":"#FFB41F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F42A56"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-p","x1":"13.472","x2":"14.931","y1":"9.574","y2":"6.928"},"children":[{"type":"stop","props":{"stopColor":"#FFB900"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F41880"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-r","x1":"8.686","x2":"16.938","y1":"2.816","y2":"2.816"},"children":[{"type":"stop","props":{"stopColor":"#FF6500"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#EE182C"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-t","x1":"10.556","x2":"21.346","y1":"21.192","y2":"2.03"},"children":[{"type":"stop","props":{"stopColor":"#008DFF"},"children":[]},{"type":"stop","props":{"offset":".181","stopColor":"#331DEA"},"children":[]},{"type":"stop","props":{"offset":".833","stopColor":"#39C3FE"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#60F5A9"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-w","x1":"14.947","x2":"15.001","y1":"2.631","y2":"4.948"},"children":[{"type":"stop","props":{"stopColor":"#E60030"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#690040"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-x","x1":"15.335","x2":"15.426","y1":"7.144","y2":"5.699"},"children":[{"type":"stop","props":{"stopColor":"#FFD71F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#DD001B"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-y","x1":"15.25","x2":"17.127","y1":"6.472","y2":"6.603"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#FF4C00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FFFF1E"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(5.75 -186.105 166.894) scale(6.42878)","gradientUnits":"userSpaceOnUse","id":"grad-b","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#00CAFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#38E700"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-6.338 87.254 -95.948) scale(11.4818)","gradientUnits":"userSpaceOnUse","id":"grad-i","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#00DFFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ABE700"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-40.957 13.589 -11.156) scale(2.76891)","gradientUnits":"userSpaceOnUse","id":"grad-j","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#0068FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9CE830"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"translate(11.79 5.169) scale(2.91494)","gradientUnits":"userSpaceOnUse","id":"grad-k","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#008A43"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A3E830"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"translate(13.404 4.87) scale(2.39805)","gradientUnits":"userSpaceOnUse","id":"grad-n","r":"1"},"children":[{"type":"stop","props":{"stopColor":"red"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF0"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-9.492 18.79 -57.53) scale(3.31553)","gradientUnits":"userSpaceOnUse","id":"grad-q","r":"1"},"children":[{"type":"stop","props":{"offset":".001","stopColor":"#72003F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CA1D67"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"translate(13.777 4.91) scale(1.18046)","gradientUnits":"userSpaceOnUse","id":"grad-s","r":"1"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#D1DEE7"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-156.16 9.63 6.572) scale(2.7555 7.64116)","gradientUnits":"userSpaceOnUse","id":"grad-u","r":"1"},"children":[{"type":"stop","props":{"offset":".001","stopColor":"#7F06FB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#7A10FB","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"translate(7.1 2.821) scale(8.64049)","gradientUnits":"userSpaceOnUse","id":"grad-v","r":"1"},"children":[{"type":"stop","props":{"offset":".001","stopColor":"#FF0042"},"children":[]},{"type":"stop","props":{"offset":".422","stopColor":"#0068FF"},"children":[]},{"type":"stop","props":{"offset":".659","stopColor":"#1877E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4EEFBE"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(.9051 0 0 .9051 13.173 4.8)","gradientUnits":"userSpaceOnUse","id":"grad-z","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#FF9100"},"children":[]},{"type":"stop","props":{"offset":".226","stopColor":"#FF9500"},"children":[]},{"type":"stop","props":{"offset":".443","stopColor":"#FEA000"},"children":[]},{"type":"stop","props":{"offset":".657","stopColor":"#FCB400"},"children":[]},{"type":"stop","props":{"offset":".867","stopColor":"#F9CF00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F7E400"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(.97336 0 0 .97336 13.13 4.64)","gradientUnits":"userSpaceOnUse","id":"grad-A","r":"1"},"children":[{"type":"stop","props":{},"children":[]},{"type":"stop","props":{"offset":".092","stopColor":"#000004"},"children":[]},{"type":"stop","props":{"offset":".177","stopColor":"#01000F"},"children":[]},{"type":"stop","props":{"offset":".258","stopColor":"#020021"},"children":[]},{"type":"stop","props":{"offset":".338","stopColor":"#03003C"},"children":[]},{"type":"stop","props":{"offset":".417","stopColor":"#05005D"},"children":[]},{"type":"stop","props":{"offset":".494","stopColor":"#080087"},"children":[]},{"type":"stop","props":{"offset":".571","stopColor":"#0A00B8"},"children":[]},{"type":"stop","props":{"offset":".645","stopColor":"#0E00F0"},"children":[]},{"type":"stop","props":{"offset":".654","stopColor":"#0E00F7"},"children":[]}]}]}]},"color":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["CogView"]},{"type":"path","props":{"d":"M15.271 16.555l5.72 4.877s-3.276 3.125-7.223-2.866l1.503-2.01z","fill":"url(#grad-a)"},"children":[]},{"type":"path","props":{"d":"M15.4 16.523l4.596 5.947s-3.85 2.39-6.477-4.293l1.882-1.654z","fill":"url(#grad-b)"},"children":[]},{"type":"path","props":{"d":"M13.833 21.043h-3.72a.44.44 0 01-.41-.27L2.024 2.94c-.087-.194.065-.421.28-.421H6.07c.184 0 .346.108.41.27l7.635 17.831c.076.205-.065.422-.281.422z","fill":"url(#grad-c)"},"children":[]},{"type":"path","props":{"d":"M7.637 3.547c-2.087.562-2.855 2.465-2.855 2.465s1.33-.465 3.18-.876a30.14 30.14 0 012.551-.421c-.043-.617-1.276-1.6-2.876-1.168z","fill":"url(#grad-d)"},"children":[]},{"type":"path","props":{"d":"M6.664 5.05c-1.644 1.416-1.6 3.46-1.6 3.46s.94-.908 2.357-2.163c.951-.843 2.032-1.6 2.032-1.6-.335-.519-1.47-.833-2.79.303z","fill":"url(#grad-e)"},"children":[]},{"type":"path","props":{"d":"M6.307 7.18c-1.363 1.665-1.05 3.385-1.05 3.385s.801-.768 2.001-2.217a31.1 31.1 0 011.763-1.892C8.61 6 7.388 5.872 6.307 7.18z","fill":"url(#grad-f)"},"children":[]},{"type":"path","props":{"d":"M14.957 4.141s-.41-1.07-1.254-1.535c-.822-.454-3.028-.552-4.585.616-2.065 1.536-2.768 4.044-2.92 4.64-1.492 5.795 1.558 9.06 4.942 10.64l3.817-14.36z","fill":"url(#grad-g)"},"children":[]},{"type":"path","props":{"d":"M4.912 11.246a7.404 7.404 0 007.558 7.245l-.313-14.814c-4.088.097-7.332 3.481-7.245 7.569z","fill":"url(#grad-h)"},"children":[]},{"type":"path","props":{"d":"M6.296 12.62c.443 4.032 4.087 6.941 8.12 6.498l-1.621-14.62a7.366 7.366 0 00-6.499 8.121z","fill":"url(#grad-i)"},"children":[]},{"type":"path","props":{"d":"M9.313 3.785a3.107 3.107 0 00-.097 4.195 3.126 3.126 0 004.174.487L9.313 3.785z","fill":"url(#grad-j)"},"children":[]},{"type":"path","props":{"d":"M11.79 8.077a2.909 2.909 0 100-5.817 2.909 2.909 0 000 5.817z","fill":"url(#grad-k)"},"children":[]},{"type":"path","props":{"d":"M8.729 13.625c1.016 3.233 4.466 5.039 7.699 4.022L12.751 5.926a6.138 6.138 0 00-4.022 7.699z","fill":"url(#grad-l)"},"children":[]},{"type":"path","props":{"d":"M9.562 12.079a5.306 5.306 0 006.239 4.173L13.725 5.84c-2.866.563-4.736 3.363-4.163 6.24z","fill":"url(#grad-m)"},"children":[]},{"type":"path","props":{"d":"M11.075 2.822s-.648 1.125-.291 2.38c.443 1.556 2.097 1.783 2.8 1.61l1.006-2.108-1.763-2.358-1.752.476z","fill":"url(#grad-n)"},"children":[]},{"type":"path","props":{"d":"M12.903 5.807s-.54.162-.887.81c-.292.541-.205 1.287-.205 1.287l2.195-1.686-1.103-.411z","fill":"url(#grad-o)"},"children":[]},{"type":"path","props":{"d":"M15.325 9.97S13.465 9.948 13 8.218c-.313-1.178.249-1.99.249-1.99l1.211-.356.865 4.098z","fill":"url(#grad-p)"},"children":[]},{"type":"path","props":{"d":"M7.02.757s.4 1.849 2.412 2.595c1.524.562 4.076-.973 4.076-.973s-1.34-.552-3.33-.552C8.686 1.827 7.02.757 7.02.757z","fill":"url(#grad-q)"},"children":[]},{"type":"path","props":{"d":"M16.904 4.671s.238-1.243-.552-2.4c-.605-.887-2.12-1.882-4.93-1.265C9.053 1.525 8.697 0 8.697 0c-.076.39.183 2.92 2.649 2.552 3.027-.454 2.768 2.509 3.838 3.006.887.39 1.72-.887 1.72-.887z","fill":"url(#grad-r)"},"children":[]},{"type":"path","props":{"d":"M13.757 6.412a1.492 1.492 0 100-2.984 1.492 1.492 0 000 2.984z","fill":"url(#grad-s)"},"children":[]},{"type":"path","props":{"d":"M10.059 21.043h3.828a.44.44 0 00.41-.27L21.976 2.94c.087-.194-.065-.421-.28-.421h-3.872a.44.44 0 00-.411.27L9.778 20.62c-.076.205.065.422.281.422z","fill":"url(#grad-t)"},"children":[]},{"type":"path","props":{"d":"M10.059 21.043h3.828a.439.439 0 00.41-.27l6.1-14.144c.086-.195-.065-.422-.282-.422h-3.87a.44.44 0 00-.412.27L9.778 20.621c-.076.205.065.422.281.422z","fill":"url(#grad-u)"},"children":[]},{"type":"path","props":{"d":"M16.071 4.888s.054-1.795-1.806-2.736c-2.595-1.309-4.974 1.795-7.699 0 0 0 .552 2.768 6.11 1.72 1.373-.26 1.979.172 2.281.67.26.421.238.789.238 1.005l.876-.66z","fill":"url(#grad-v)"},"children":[]},{"type":"path","props":{"d":"M15.671 5.223s.14-.973-.67-1.568c-.876-.638-1.58-.508-1.58-.508s.498-.303 1.212-.303c.379 0 .508-.054.508-.054s.054-.173-.184-.444c2.033.898 1.503 2.433 1.503 2.433l-.789.444z","fill":"url(#grad-w)"},"children":[]},{"type":"path","props":{"d":"M16.352 6.856s-.8.746-1.946.356c-.076-.021-.065-.475 0-.767.065-.336.292-.703.476-.93 1.243.108 1.47 1.34 1.47 1.34z","fill":"url(#grad-x)"},"children":[]},{"type":"path","props":{"d":"M16.904 4.596s.616.962.432 2.054c-.216 1.265-1.416 1.86-1.416 1.86s.573-2.206-1.05-2.995c0 0 .336-.368.823-.595.713-.324 1.21-.324 1.21-.324z","fill":"url(#grad-y)"},"children":[]},{"type":"path","props":{"d":"M13.52 5.504a.724.724 0 100-1.449.724.724 0 000 1.449z","fill":"url(#grad-z)"},"children":[]},{"type":"path","props":{"d":"M13.357 5.169c.257 0 .465-.223.465-.498 0-.274-.208-.497-.465-.497s-.465.223-.465.497c0 .275.208.498.465.498z","fill":"url(#grad-A)"},"children":[]},{"type":"path","props":{"d":"M13.681 4.423a.108.108 0 100-.217.108.108 0 000 .217z","fill":"#fff"},"children":[]},{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-a","x1":"14.07","x2":"20.313","y1":"18.852","y2":"20.083"},"children":[{"type":"stop","props":{"offset":".006","stopColor":"#E8096A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00AFFF"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-c","x1":"11.764","x2":"3.911","y1":"20.533","y2":"1.932"},"children":[{"type":"stop","props":{"stopColor":"#412DF5"},"children":[]},{"type":"stop","props":{"offset":".691","stopColor":"#0606B6"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4B00B4"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-d","x1":"5.23","x2":"8.449","y1":"4.866","y2":"4.518"},"children":[{"type":"stop","props":{"stopColor":"#E60030"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#690040"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-e","x1":"5.359","x2":"7.933","y1":"6.753","y2":"6.013"},"children":[{"type":"stop","props":{"stopColor":"#FF6500"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#EE182C"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-f","x1":"5.528","x2":"8.59","y1":"8.108","y2":"8.699"},"children":[{"type":"stop","props":{"stopColor":"#EA4D07"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#C5171E"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-g","x1":"12.023","x2":"7.057","y1":"3.007","y2":"18.02"},"children":[{"type":"stop","props":{"stopColor":"#0091FF"},"children":[]},{"type":"stop","props":{"offset":".005","stopColor":"#0292FC"},"children":[]},{"type":"stop","props":{"offset":".126","stopColor":"#37A5C2"},"children":[]},{"type":"stop","props":{"offset":".249","stopColor":"#65B58E"},"children":[]},{"type":"stop","props":{"offset":".372","stopColor":"#8CC363"},"children":[]},{"type":"stop","props":{"offset":".496","stopColor":"#ACCF3F"},"children":[]},{"type":"stop","props":{"offset":".62","stopColor":"#C4D823"},"children":[]},{"type":"stop","props":{"offset":".745","stopColor":"#D6DE10"},"children":[]},{"type":"stop","props":{"offset":".871","stopColor":"#E1E204"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#E4E300"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-h","x1":"6.803","x2":"13.616","y1":"4.807","y2":"18.4"},"children":[{"type":"stop","props":{"offset":".006","stopColor":"#DE003B"},"children":[]},{"type":"stop","props":{"offset":".241","stopColor":"#D976FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#00A4EA"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-l","x1":"11.435","x2":"12.609","y1":"7.86","y2":"16.15"},"children":[{"type":"stop","props":{"stopColor":"#FF9500"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F7FF2B"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-m","x1":"15.495","x2":"10.596","y1":"13.571","y2":"8.476"},"children":[{"type":"stop","props":{"offset":".207","stopColor":"#FF8E00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F41B56"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-o","x1":"12.031","x2":"12.816","y1":"7.438","y2":"6.584"},"children":[{"type":"stop","props":{"stopColor":"#FFB41F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F42A56"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-p","x1":"13.472","x2":"14.931","y1":"9.574","y2":"6.928"},"children":[{"type":"stop","props":{"stopColor":"#FFB900"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F41880"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-r","x1":"8.686","x2":"16.938","y1":"2.816","y2":"2.816"},"children":[{"type":"stop","props":{"stopColor":"#FF6500"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#EE182C"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-t","x1":"10.556","x2":"21.346","y1":"21.192","y2":"2.03"},"children":[{"type":"stop","props":{"stopColor":"#008DFF"},"children":[]},{"type":"stop","props":{"offset":".181","stopColor":"#331DEA"},"children":[]},{"type":"stop","props":{"offset":".833","stopColor":"#39C3FE"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#60F5A9"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-w","x1":"14.947","x2":"15.001","y1":"2.631","y2":"4.948"},"children":[{"type":"stop","props":{"stopColor":"#E60030"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#690040"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-x","x1":"15.335","x2":"15.426","y1":"7.144","y2":"5.699"},"children":[{"type":"stop","props":{"stopColor":"#FFD71F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#DD001B"},"children":[]}]},{"type":"linearGradient","props":{"gradientUnits":"userSpaceOnUse","id":"grad-y","x1":"15.25","x2":"17.127","y1":"6.472","y2":"6.603"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#FF4C00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FFFF1E"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(5.75 -186.105 166.894) scale(6.42878)","gradientUnits":"userSpaceOnUse","id":"grad-b","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#00CAFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#38E700"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-6.338 87.254 -95.948) scale(11.4818)","gradientUnits":"userSpaceOnUse","id":"grad-i","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#00DFFF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#ABE700"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-40.957 13.589 -11.156) scale(2.76891)","gradientUnits":"userSpaceOnUse","id":"grad-j","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#0068FF"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#9CE830"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"translate(11.79 5.169) scale(2.91494)","gradientUnits":"userSpaceOnUse","id":"grad-k","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#008A43"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#A3E830"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"translate(13.404 4.87) scale(2.39805)","gradientUnits":"userSpaceOnUse","id":"grad-n","r":"1"},"children":[{"type":"stop","props":{"stopColor":"red"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#FF0"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-9.492 18.79 -57.53) scale(3.31553)","gradientUnits":"userSpaceOnUse","id":"grad-q","r":"1"},"children":[{"type":"stop","props":{"offset":".001","stopColor":"#72003F"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#CA1D67"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"translate(13.777 4.91) scale(1.18046)","gradientUnits":"userSpaceOnUse","id":"grad-s","r":"1"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#D1DEE7"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#fff"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"rotate(-156.16 9.63 6.572) scale(2.7555 7.64116)","gradientUnits":"userSpaceOnUse","id":"grad-u","r":"1"},"children":[{"type":"stop","props":{"offset":".001","stopColor":"#7F06FB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#7A10FB","stopOpacity":"0"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"translate(7.1 2.821) scale(8.64049)","gradientUnits":"userSpaceOnUse","id":"grad-v","r":"1"},"children":[{"type":"stop","props":{"offset":".001","stopColor":"#FF0042"},"children":[]},{"type":"stop","props":{"offset":".422","stopColor":"#0068FF"},"children":[]},{"type":"stop","props":{"offset":".659","stopColor":"#1877E2"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4EEFBE"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(.9051 0 0 .9051 13.173 4.8)","gradientUnits":"userSpaceOnUse","id":"grad-z","r":"1"},"children":[{"type":"stop","props":{"stopColor":"#FF9100"},"children":[]},{"type":"stop","props":{"offset":".226","stopColor":"#FF9500"},"children":[]},{"type":"stop","props":{"offset":".443","stopColor":"#FEA000"},"children":[]},{"type":"stop","props":{"offset":".657","stopColor":"#FCB400"},"children":[]},{"type":"stop","props":{"offset":".867","stopColor":"#F9CF00"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#F7E400"},"children":[]}]},{"type":"radialGradient","props":{"cx":"0","cy":"0","gradientTransform":"matrix(.97336 0 0 .97336 13.13 4.64)","gradientUnits":"userSpaceOnUse","id":"grad-A","r":"1"},"children":[{"type":"stop","props":{},"children":[]},{"type":"stop","props":{"offset":".092","stopColor":"#000004"},"children":[]},{"type":"stop","props":{"offset":".177","stopColor":"#01000F"},"children":[]},{"type":"stop","props":{"offset":".258","stopColor":"#020021"},"children":[]},{"type":"stop","props":{"offset":".338","stopColor":"#03003C"},"children":[]},{"type":"stop","props":{"offset":".417","stopColor":"#05005D"},"children":[]},{"type":"stop","props":{"offset":".494","stopColor":"#080087"},"children":[]},{"type":"stop","props":{"offset":".571","stopColor":"#0A00B8"},"children":[]},{"type":"stop","props":{"offset":".645","stopColor":"#0E00F0"},"children":[]},{"type":"stop","props":{"offset":".654","stopColor":"#0E00F7"},"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 Cogview = forwardRef(
   function Cogview({ 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 Cogview = 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/coinbase.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 48 48","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_2)"},"children":[{"type":"path","props":{"d":"M0 11.0769C0 4.95931 4.95931 0 11.0769 0H36.9231C43.0407 0 48 4.95931 48 11.0769V36.9231C48 43.0407 43.0407 48 36.9231 48H11.0769C4.95931 48 0 43.0407 0 36.9231V11.0769Z","fill":"#0052FF"},"children":[]},{"type":"path","props":{"d":"M23.9573 32.5C22.3527 32.4676 20.7898 31.9838 19.4487 31.1044C18.1076 30.2249 17.0427 28.9855 16.3767 27.5289C15.7108 26.0724 15.4707 24.4578 15.6842 22.8711C15.8977 21.2843 16.5561 19.79 17.5835 18.5602C18.611 17.3303 19.9658 16.4149 21.4919 15.9193C23.018 15.4237 24.6534 15.3681 26.2098 15.7589C27.7663 16.1497 29.1804 16.9709 30.2894 18.1281C31.3985 19.2853 32.1574 20.7315 32.4787 22.3H41C40.5628 17.9606 38.4703 13.9546 35.1552 11.1109C31.8402 8.26711 27.5563 6.803 23.1895 7.02133C18.8226 7.23967 14.707 9.12377 11.6937 12.284C8.68042 15.4442 7 19.6386 7 24C7 28.3613 8.68042 32.5558 11.6937 35.716C14.707 38.8762 18.8226 40.7603 23.1895 40.9787C27.5563 41.197 31.8402 39.7329 35.1552 36.8891C38.4703 34.0454 40.5628 30.0394 41 25.7H32.4787C32.4787 29.1 27.3658 32.5 23.9573 32.5Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_2"},"children":[{"type":"rect","props":{"width":"48","height":"48","rx":"24","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Coinbase"]},{"type":"path","props":{"d":"M4.844 11.053c-.872 0-1.553.662-1.553 1.548s.664 1.542 1.553 1.542c.889 0 1.564-.667 1.564-1.547 0-.875-.664-1.543-1.564-1.543zm.006 2.452c-.497 0-.86-.386-.86-.904 0-.523.357-.909.854-.909.502 0 .866.392.866.91 0 .517-.364.903-.86.903zm1.749-1.778h.433v2.36h.693V11.11H6.599zm-5.052-.035c.364 0 .653.224.762.558h.734c-.133-.713-.722-1.197-1.49-1.197-.872 0-1.553.662-1.553 1.548 0 .887.664 1.543 1.553 1.543.75 0 1.351-.484 1.484-1.203h-.728a.78.78 0 01-.756.564c-.502 0-.855-.386-.855-.904 0-.523.347-.909.85-.909zm18.215.622l-.508-.075c-.242-.035-.415-.115-.415-.305 0-.207.225-.31.53-.31.336 0 .55.143.595.379h.67c-.075-.599-.537-.95-1.247-.95-.733 0-1.218.375-1.218.904 0 .506.317.8.958.892l.508.075c.249.034.387.132.387.316 0 .236-.242.334-.577.334-.41 0-.641-.167-.676-.42h-.681c.064.581.52.99 1.35.99.757 0 1.26-.346 1.26-.938 0-.53-.364-.806-.936-.892zM7.378 9.885a.429.429 0 00-.444.437c0 .254.19.438.444.438a.429.429 0 00.445-.438.429.429 0 00-.445-.437zm10.167 2.245c0-.645-.392-1.076-1.224-1.076-.785 0-1.224.397-1.31 1.007h.687c.035-.236.22-.432.612-.432.352 0 .525.155.525.345 0 .248-.317.311-.71.351-.531.058-1.19.242-1.19.933 0 .535.4.88 1.034.88.497 0 .809-.207.965-.535.023.293.242.483.548.483h.404v-.616h-.34v-1.34zm-.68.748c0 .397-.347.69-.769.69-.26 0-.48-.11-.48-.34 0-.293.353-.373.676-.408.312-.028.485-.097.572-.23zm-3.679-1.825c-.386 0-.71.162-.94.432V9.856h-.693v4.23h.68v-.391c.232.282.56.449.953.449.832 0 1.461-.656 1.461-1.543 0-.886-.64-1.548-1.46-1.548zm-.103 2.452c-.497 0-.86-.386-.86-.904 0-.517.369-.909.865-.909.503 0 .855.386.855.91 0 .517-.364.903-.86.903zm-3.187-2.452c-.45 0-.745.184-.919.443v-.385H8.29v2.975h.693v-1.617c0-.455.289-.777.716-.777.398 0 .647.282.647.69v1.704h.692v-1.755c0-.748-.386-1.278-1.142-1.278zM24 12.503c0-.851-.624-1.45-1.46-1.45-.89 0-1.542.668-1.542 1.548 0 .927.698 1.543 1.553 1.543.722 0 1.287-.426 1.432-1.03h-.722c-.104.264-.358.414-.699.414-.445 0-.78-.276-.854-.76H24v-.264zm-2.252-.23c.11-.414.422-.615.78-.615.392 0 .693.224.762.615Z"},"children":[]}]},"wordmark":{"viewBox":"0 0 24 24","fill":"#fff","childNodes":[{"type":"path","props":{"d":"M4.844 11.053c-.872 0-1.553.662-1.553 1.548s.664 1.542 1.553 1.542c.889 0 1.564-.667 1.564-1.547 0-.875-.664-1.543-1.564-1.543zm.006 2.452c-.497 0-.86-.386-.86-.904 0-.523.357-.909.854-.909.502 0 .866.392.866.91 0 .517-.364.903-.86.903zm1.749-1.778h.433v2.36h.693V11.11H6.599zm-5.052-.035c.364 0 .653.224.762.558h.734c-.133-.713-.722-1.197-1.49-1.197-.872 0-1.553.662-1.553 1.548 0 .887.664 1.543 1.553 1.543.75 0 1.351-.484 1.484-1.203h-.728a.78.78 0 01-.756.564c-.502 0-.855-.386-.855-.904 0-.523.347-.909.85-.909zm18.215.622l-.508-.075c-.242-.035-.415-.115-.415-.305 0-.207.225-.31.53-.31.336 0 .55.143.595.379h.67c-.075-.599-.537-.95-1.247-.95-.733 0-1.218.375-1.218.904 0 .506.317.8.958.892l.508.075c.249.034.387.132.387.316 0 .236-.242.334-.577.334-.41 0-.641-.167-.676-.42h-.681c.064.581.52.99 1.35.99.757 0 1.26-.346 1.26-.938 0-.53-.364-.806-.936-.892zM7.378 9.885a.429.429 0 00-.444.437c0 .254.19.438.444.438a.429.429 0 00.445-.438.429.429 0 00-.445-.437zm10.167 2.245c0-.645-.392-1.076-1.224-1.076-.785 0-1.224.397-1.31 1.007h.687c.035-.236.22-.432.612-.432.352 0 .525.155.525.345 0 .248-.317.311-.71.351-.531.058-1.19.242-1.19.933 0 .535.4.88 1.034.88.497 0 .809-.207.965-.535.023.293.242.483.548.483h.404v-.616h-.34v-1.34zm-.68.748c0 .397-.347.69-.769.69-.26 0-.48-.11-.48-.34 0-.293.353-.373.676-.408.312-.028.485-.097.572-.23zm-3.679-1.825c-.386 0-.71.162-.94.432V9.856h-.693v4.23h.68v-.391c.232.282.56.449.953.449.832 0 1.461-.656 1.461-1.543 0-.886-.64-1.548-1.46-1.548zm-.103 2.452c-.497 0-.86-.386-.86-.904 0-.517.369-.909.865-.909.503 0 .855.386.855.91 0 .517-.364.903-.86.903zm-3.187-2.452c-.45 0-.745.184-.919.443v-.385H8.29v2.975h.693v-1.617c0-.455.289-.777.716-.777.398 0 .647.282.647.69v1.704h.692v-1.755c0-.748-.386-1.278-1.142-1.278zM24 12.503c0-.851-.624-1.45-1.46-1.45-.89 0-1.542.668-1.542 1.548 0 .927.698 1.543 1.553 1.543.722 0 1.287-.426 1.432-1.03h-.722c-.104.264-.358.414-.699.414-.445 0-.78-.276-.854-.76H24v-.264zm-2.252-.23c.11-.414.422-.615.78-.615.392 0 .693.224.762.615Z"},"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 Coinbase = react_1.forwardRef(function Coinbase({ 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 Coinbase = react_1.forwardRef(function Coinbase({ 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/coinbase.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 48 48","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_2)"},"children":[{"type":"path","props":{"d":"M0 11.0769C0 4.95931 4.95931 0 11.0769 0H36.9231C43.0407 0 48 4.95931 48 11.0769V36.9231C48 43.0407 43.0407 48 36.9231 48H11.0769C4.95931 48 0 43.0407 0 36.9231V11.0769Z","fill":"#0052FF"},"children":[]},{"type":"path","props":{"d":"M23.9573 32.5C22.3527 32.4676 20.7898 31.9838 19.4487 31.1044C18.1076 30.2249 17.0427 28.9855 16.3767 27.5289C15.7108 26.0724 15.4707 24.4578 15.6842 22.8711C15.8977 21.2843 16.5561 19.79 17.5835 18.5602C18.611 17.3303 19.9658 16.4149 21.4919 15.9193C23.018 15.4237 24.6534 15.3681 26.2098 15.7589C27.7663 16.1497 29.1804 16.9709 30.2894 18.1281C31.3985 19.2853 32.1574 20.7315 32.4787 22.3H41C40.5628 17.9606 38.4703 13.9546 35.1552 11.1109C31.8402 8.26711 27.5563 6.803 23.1895 7.02133C18.8226 7.23967 14.707 9.12377 11.6937 12.284C8.68042 15.4442 7 19.6386 7 24C7 28.3613 8.68042 32.5558 11.6937 35.716C14.707 38.8762 18.8226 40.7603 23.1895 40.9787C27.5563 41.197 31.8402 39.7329 35.1552 36.8891C38.4703 34.0454 40.5628 30.0394 41 25.7H32.4787C32.4787 29.1 27.3658 32.5 23.9573 32.5Z","fill":"white"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_2"},"children":[{"type":"rect","props":{"width":"48","height":"48","rx":"24","fill":"white"},"children":[]}]}]}]},"mono":{"viewBox":"0 0 24 24","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Coinbase"]},{"type":"path","props":{"d":"M4.844 11.053c-.872 0-1.553.662-1.553 1.548s.664 1.542 1.553 1.542c.889 0 1.564-.667 1.564-1.547 0-.875-.664-1.543-1.564-1.543zm.006 2.452c-.497 0-.86-.386-.86-.904 0-.523.357-.909.854-.909.502 0 .866.392.866.91 0 .517-.364.903-.86.903zm1.749-1.778h.433v2.36h.693V11.11H6.599zm-5.052-.035c.364 0 .653.224.762.558h.734c-.133-.713-.722-1.197-1.49-1.197-.872 0-1.553.662-1.553 1.548 0 .887.664 1.543 1.553 1.543.75 0 1.351-.484 1.484-1.203h-.728a.78.78 0 01-.756.564c-.502 0-.855-.386-.855-.904 0-.523.347-.909.85-.909zm18.215.622l-.508-.075c-.242-.035-.415-.115-.415-.305 0-.207.225-.31.53-.31.336 0 .55.143.595.379h.67c-.075-.599-.537-.95-1.247-.95-.733 0-1.218.375-1.218.904 0 .506.317.8.958.892l.508.075c.249.034.387.132.387.316 0 .236-.242.334-.577.334-.41 0-.641-.167-.676-.42h-.681c.064.581.52.99 1.35.99.757 0 1.26-.346 1.26-.938 0-.53-.364-.806-.936-.892zM7.378 9.885a.429.429 0 00-.444.437c0 .254.19.438.444.438a.429.429 0 00.445-.438.429.429 0 00-.445-.437zm10.167 2.245c0-.645-.392-1.076-1.224-1.076-.785 0-1.224.397-1.31 1.007h.687c.035-.236.22-.432.612-.432.352 0 .525.155.525.345 0 .248-.317.311-.71.351-.531.058-1.19.242-1.19.933 0 .535.4.88 1.034.88.497 0 .809-.207.965-.535.023.293.242.483.548.483h.404v-.616h-.34v-1.34zm-.68.748c0 .397-.347.69-.769.69-.26 0-.48-.11-.48-.34 0-.293.353-.373.676-.408.312-.028.485-.097.572-.23zm-3.679-1.825c-.386 0-.71.162-.94.432V9.856h-.693v4.23h.68v-.391c.232.282.56.449.953.449.832 0 1.461-.656 1.461-1.543 0-.886-.64-1.548-1.46-1.548zm-.103 2.452c-.497 0-.86-.386-.86-.904 0-.517.369-.909.865-.909.503 0 .855.386.855.91 0 .517-.364.903-.86.903zm-3.187-2.452c-.45 0-.745.184-.919.443v-.385H8.29v2.975h.693v-1.617c0-.455.289-.777.716-.777.398 0 .647.282.647.69v1.704h.692v-1.755c0-.748-.386-1.278-1.142-1.278zM24 12.503c0-.851-.624-1.45-1.46-1.45-.89 0-1.542.668-1.542 1.548 0 .927.698 1.543 1.553 1.543.722 0 1.287-.426 1.432-1.03h-.722c-.104.264-.358.414-.699.414-.445 0-.78-.276-.854-.76H24v-.264zm-2.252-.23c.11-.414.422-.615.78-.615.392 0 .693.224.762.615Z"},"children":[]}]},"wordmark":{"viewBox":"0 0 24 24","fill":"#fff","childNodes":[{"type":"path","props":{"d":"M4.844 11.053c-.872 0-1.553.662-1.553 1.548s.664 1.542 1.553 1.542c.889 0 1.564-.667 1.564-1.547 0-.875-.664-1.543-1.564-1.543zm.006 2.452c-.497 0-.86-.386-.86-.904 0-.523.357-.909.854-.909.502 0 .866.392.866.91 0 .517-.364.903-.86.903zm1.749-1.778h.433v2.36h.693V11.11H6.599zm-5.052-.035c.364 0 .653.224.762.558h.734c-.133-.713-.722-1.197-1.49-1.197-.872 0-1.553.662-1.553 1.548 0 .887.664 1.543 1.553 1.543.75 0 1.351-.484 1.484-1.203h-.728a.78.78 0 01-.756.564c-.502 0-.855-.386-.855-.904 0-.523.347-.909.85-.909zm18.215.622l-.508-.075c-.242-.035-.415-.115-.415-.305 0-.207.225-.31.53-.31.336 0 .55.143.595.379h.67c-.075-.599-.537-.95-1.247-.95-.733 0-1.218.375-1.218.904 0 .506.317.8.958.892l.508.075c.249.034.387.132.387.316 0 .236-.242.334-.577.334-.41 0-.641-.167-.676-.42h-.681c.064.581.52.99 1.35.99.757 0 1.26-.346 1.26-.938 0-.53-.364-.806-.936-.892zM7.378 9.885a.429.429 0 00-.444.437c0 .254.19.438.444.438a.429.429 0 00.445-.438.429.429 0 00-.445-.437zm10.167 2.245c0-.645-.392-1.076-1.224-1.076-.785 0-1.224.397-1.31 1.007h.687c.035-.236.22-.432.612-.432.352 0 .525.155.525.345 0 .248-.317.311-.71.351-.531.058-1.19.242-1.19.933 0 .535.4.88 1.034.88.497 0 .809-.207.965-.535.023.293.242.483.548.483h.404v-.616h-.34v-1.34zm-.68.748c0 .397-.347.69-.769.69-.26 0-.48-.11-.48-.34 0-.293.353-.373.676-.408.312-.028.485-.097.572-.23zm-3.679-1.825c-.386 0-.71.162-.94.432V9.856h-.693v4.23h.68v-.391c.232.282.56.449.953.449.832 0 1.461-.656 1.461-1.543 0-.886-.64-1.548-1.46-1.548zm-.103 2.452c-.497 0-.86-.386-.86-.904 0-.517.369-.909.865-.909.503 0 .855.386.855.91 0 .517-.364.903-.86.903zm-3.187-2.452c-.45 0-.745.184-.919.443v-.385H8.29v2.975h.693v-1.617c0-.455.289-.777.716-.777.398 0 .647.282.647.69v1.704h.692v-1.755c0-.748-.386-1.278-1.142-1.278zM24 12.503c0-.851-.624-1.45-1.46-1.45-.89 0-1.542.668-1.542 1.548 0 .927.698 1.543 1.553 1.543.722 0 1.287-.426 1.432-1.03h-.722c-.104.264-.358.414-.699.414-.445 0-.78-.276-.854-.76H24v-.264zm-2.252-.23c.11-.414.422-.615.78-.615.392 0 .693.224.762.615Z"},"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 Coinbase = forwardRef(
   function Coinbase({ 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 Coinbase = 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/coldfusion-builder.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_149)"},"children":[{"type":"path","props":{"d":"M30.675 1.33749H1.33749V29.875H30.675V1.33749Z","fill":"#000F34"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0V31.2H32V0H0ZM1.3375 1.3375H30.675V29.875H1.3375V1.3375Z","fill":"#7AA7FF"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M16.925 21.3875C16.925 21.525 16.875 21.5875 16.775 21.625C16.2 21.8625 15.2875 21.95 14.35 21.95C10.925 21.95 7.8875 19.7125 7.8875 14.4375C7.8875 9.9125 10.5625 6.875 14.65 6.875C15.725 6.875 16.5125 6.9875 16.925 7.1875C17.0375 7.2375 17.0625 7.3 17.0625 7.425V9.3125C17.0625 9.4875 16.975 9.4875 16.9125 9.4625C16.3875 9.2 15.6 9.05 14.675 9.05C12.1 9.05 10.3875 11 10.3875 14.3625C10.3875 18.5125 12.7375 19.75 14.675 19.75C15.55 19.75 16.1375 19.6875 16.775 19.4625C16.8625 19.4125 16.925 19.4125 16.925 19.575V21.3875ZM17.775 13.4125C17.6875 13.4125 17.6875 13.3625 17.6875 13.2625V11.45C17.6875 11.3375 17.7125 11.3125 17.8 11.3125H19.025V10.6375C19.025 9.825 19.1625 9.125 19.4625 8.5375C20.0125 7.4125 20.975 6.9125 22.3 6.9125C22.7 6.9125 22.9625 6.9375 23.1875 7.025C23.3 7.075 23.325 7.1125 23.325 7.225V8.9875C23.325 9.1 23.275 9.1375 23.175 9.125C23 9.075 22.75 9.0625 22.575 9.0625C21.8 9.0625 21.4375 9.6125 21.4375 10.6625V11.3375H23.1875C23.3 11.3375 23.3375 11.3625 23.3375 11.45V13.2875C23.3375 13.4 23.3125 13.425 23.2 13.4375H21.4375V21.625C21.4375 21.7125 21.4125 21.775 21.2875 21.775H19.2C19.0875 21.775 19.05 21.7125 19.05 21.625V13.425H17.775V13.4125Z","fill":"#7AA7FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_149"},"children":[{"type":"rect","props":{"width":"32","height":"31.2","fill":"white"},"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 ColdfusionBuilder = react_1.forwardRef(function ColdfusionBuilder({ 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 ColdfusionBuilder = react_1.forwardRef(function ColdfusionBuilder({ varian
     ..._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/coldfusion-builder.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 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_149)"},"children":[{"type":"path","props":{"d":"M30.675 1.33749H1.33749V29.875H30.675V1.33749Z","fill":"#000F34"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0V31.2H32V0H0ZM1.3375 1.3375H30.675V29.875H1.3375V1.3375Z","fill":"#7AA7FF"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M16.925 21.3875C16.925 21.525 16.875 21.5875 16.775 21.625C16.2 21.8625 15.2875 21.95 14.35 21.95C10.925 21.95 7.8875 19.7125 7.8875 14.4375C7.8875 9.9125 10.5625 6.875 14.65 6.875C15.725 6.875 16.5125 6.9875 16.925 7.1875C17.0375 7.2375 17.0625 7.3 17.0625 7.425V9.3125C17.0625 9.4875 16.975 9.4875 16.9125 9.4625C16.3875 9.2 15.6 9.05 14.675 9.05C12.1 9.05 10.3875 11 10.3875 14.3625C10.3875 18.5125 12.7375 19.75 14.675 19.75C15.55 19.75 16.1375 19.6875 16.775 19.4625C16.8625 19.4125 16.925 19.4125 16.925 19.575V21.3875ZM17.775 13.4125C17.6875 13.4125 17.6875 13.3625 17.6875 13.2625V11.45C17.6875 11.3375 17.7125 11.3125 17.8 11.3125H19.025V10.6375C19.025 9.825 19.1625 9.125 19.4625 8.5375C20.0125 7.4125 20.975 6.9125 22.3 6.9125C22.7 6.9125 22.9625 6.9375 23.1875 7.025C23.3 7.075 23.325 7.1125 23.325 7.225V8.9875C23.325 9.1 23.275 9.1375 23.175 9.125C23 9.075 22.75 9.0625 22.575 9.0625C21.8 9.0625 21.4375 9.6125 21.4375 10.6625V11.3375H23.1875C23.3 11.3375 23.3375 11.3625 23.3375 11.45V13.2875C23.3375 13.4 23.3125 13.425 23.2 13.4375H21.4375V21.625C21.4375 21.7125 21.4125 21.775 21.2875 21.775H19.2C19.0875 21.775 19.05 21.7125 19.05 21.625V13.425H17.775V13.4125Z","fill":"#7AA7FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_149"},"children":[{"type":"rect","props":{"width":"32","height":"31.2","fill":"white"},"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 ColdfusionBuilder = forwardRef(
   function ColdfusionBuilder({ 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 ColdfusionBuilder = 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/coldfusion.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_78)"},"children":[{"type":"path","props":{"d":"M30.675 1.33749H1.3375V29.875H30.675V1.33749Z","fill":"#000F34"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0V31.2H32V0H0ZM1.3375 1.3375H30.675V29.875H1.3375V1.3375Z","fill":"#CADBFE"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M16.925 21.3875C16.925 21.525 16.875 21.5875 16.775 21.625C16.2 21.8625 15.2875 21.95 14.35 21.95C10.925 21.95 7.8875 19.7125 7.8875 14.4375C7.8875 9.9125 10.5625 6.875 14.65 6.875C15.725 6.875 16.5125 6.9875 16.925 7.1875C17.0375 7.2375 17.0625 7.3 17.0625 7.425V9.3125C17.0625 9.4875 16.975 9.4875 16.9125 9.4625C16.3875 9.2 15.6 9.05 14.675 9.05C12.1 9.05 10.3875 11 10.3875 14.3625C10.3875 18.5125 12.7375 19.75 14.675 19.75C15.55 19.75 16.1375 19.6875 16.775 19.4625C16.8625 19.4125 16.925 19.4125 16.925 19.575V21.3875ZM17.775 13.4125C17.6875 13.4125 17.6875 13.3625 17.6875 13.2625V11.45C17.6875 11.3375 17.7125 11.3125 17.8 11.3125H19.025V10.6375C19.025 9.825 19.1625 9.125 19.4625 8.5375C20.0125 7.4125 20.975 6.9125 22.3 6.9125C22.7 6.9125 22.9625 6.9375 23.1875 7.025C23.3 7.075 23.325 7.1125 23.325 7.225V8.9875C23.325 9.1 23.275 9.1375 23.175 9.125C23 9.075 22.75 9.0625 22.575 9.0625C21.8 9.0625 21.4375 9.6125 21.4375 10.6625V11.3375H23.1875C23.3 11.3375 23.3375 11.3625 23.3375 11.45V13.2875C23.3375 13.4 23.3125 13.425 23.2 13.4375H21.4375V21.625C21.4375 21.7125 21.4125 21.775 21.2875 21.775H19.2C19.0875 21.775 19.05 21.7125 19.05 21.625V13.425H17.775V13.4125Z","fill":"#CADBFE"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_78"},"children":[{"type":"rect","props":{"width":"32","height":"31.2","fill":"white"},"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 Coldfusion = react_1.forwardRef(function Coldfusion({ 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 Coldfusion = react_1.forwardRef(function Coldfusion({ 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/coldfusion.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 32 32","fill":"none","childNodes":[{"type":"g","props":{"clipPath":"url(#clip0_2_78)"},"children":[{"type":"path","props":{"d":"M30.675 1.33749H1.3375V29.875H30.675V1.33749Z","fill":"#000F34"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M0 0V31.2H32V0H0ZM1.3375 1.3375H30.675V29.875H1.3375V1.3375Z","fill":"#CADBFE"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","clipRule":"evenodd","d":"M16.925 21.3875C16.925 21.525 16.875 21.5875 16.775 21.625C16.2 21.8625 15.2875 21.95 14.35 21.95C10.925 21.95 7.8875 19.7125 7.8875 14.4375C7.8875 9.9125 10.5625 6.875 14.65 6.875C15.725 6.875 16.5125 6.9875 16.925 7.1875C17.0375 7.2375 17.0625 7.3 17.0625 7.425V9.3125C17.0625 9.4875 16.975 9.4875 16.9125 9.4625C16.3875 9.2 15.6 9.05 14.675 9.05C12.1 9.05 10.3875 11 10.3875 14.3625C10.3875 18.5125 12.7375 19.75 14.675 19.75C15.55 19.75 16.1375 19.6875 16.775 19.4625C16.8625 19.4125 16.925 19.4125 16.925 19.575V21.3875ZM17.775 13.4125C17.6875 13.4125 17.6875 13.3625 17.6875 13.2625V11.45C17.6875 11.3375 17.7125 11.3125 17.8 11.3125H19.025V10.6375C19.025 9.825 19.1625 9.125 19.4625 8.5375C20.0125 7.4125 20.975 6.9125 22.3 6.9125C22.7 6.9125 22.9625 6.9375 23.1875 7.025C23.3 7.075 23.325 7.1125 23.325 7.225V8.9875C23.325 9.1 23.275 9.1375 23.175 9.125C23 9.075 22.75 9.0625 22.575 9.0625C21.8 9.0625 21.4375 9.6125 21.4375 10.6625V11.3375H23.1875C23.3 11.3375 23.3375 11.3625 23.3375 11.45V13.2875C23.3375 13.4 23.3125 13.425 23.2 13.4375H21.4375V21.625C21.4375 21.7125 21.4125 21.775 21.2875 21.775H19.2C19.0875 21.775 19.05 21.7125 19.05 21.625V13.425H17.775V13.4125Z","fill":"#CADBFE"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_78"},"children":[{"type":"rect","props":{"width":"32","height":"31.2","fill":"white"},"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 Coldfusion = forwardRef(
   function Coldfusion({ 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 Coldfusion = 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/colgate.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 249 33","fill":"none","childNodes":[{"type":"g","props":{"id":"Logo Horizontal"},"children":[{"type":"g","props":{"id":"Group"},"children":[{"type":"path","props":{"id":"Vector","d":"M147.052 13.5396H139.793V15.8809H147.052V13.5396Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_2","d":"M77.0924 9.479C73.4645 9.479 70.9009 12.1162 70.9009 15.949C70.9009 19.7819 73.4645 22.4457 77.0924 22.4457C80.7203 22.4457 83.2839 19.7804 83.2839 15.949C83.2839 12.1177 80.7203 9.479 77.0924 9.479ZM77.0939 20.1106C75.1626 20.1106 73.8448 18.5627 73.8448 15.949C73.8448 13.3354 75.1642 11.8141 77.0939 11.8141C79.0237 11.8141 80.3431 13.3354 80.3431 15.949C80.3431 18.5627 79.0237 20.1106 77.0939 20.1106Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_3","d":"M99.0746 11.7672C98.5268 10.4994 97.2544 9.479 95.179 9.479C92.1756 9.479 89.6292 12.0708 89.6292 15.7831C89.6292 19.879 91.9299 22.128 95.2041 22.128C96.8161 22.128 98.0713 21.502 98.9384 20.3281V22.1186C98.9384 24.6572 97.5439 25.6682 95.8113 25.6682C93.5388 25.6682 92.8783 24.3723 92.678 23.1218L89.6558 23.8183C90.1003 26.396 92.5653 27.864 95.5687 27.864C99.7976 27.864 101.873 25.6259 101.873 21.5113V9.79828H99.0714L99.0761 11.7687L99.0746 11.7672ZM95.7612 19.7491C93.9583 19.7491 92.5622 18.3953 92.5622 15.7816C92.5622 13.3041 94.0209 11.8235 95.7612 11.8235C97.738 11.8235 98.9368 13.1773 98.9368 15.7816C98.9368 18.1918 97.8647 19.7491 95.7612 19.7491Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_4","d":"M122.461 19.9697C121.402 19.9697 120.863 19.4407 120.863 18.3968V11.9503H125.02V9.79829H120.863V5.74316H118.821C118.821 8.26764 117.741 9.89689 115.661 10.0377V11.9503H117.951V18.8382C117.996 21.2406 119.295 22.4457 121.902 22.4457C123.114 22.4457 124.402 22.0482 125.269 21.2954L124.585 19.0714C124.145 19.508 123.439 19.9697 122.463 19.9697H122.461Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_5","d":"M62.512 19.6807C59.5696 19.6807 57.5241 17.4317 57.5241 13.7522C57.5241 10.0727 59.6698 7.84714 62.512 7.84714C64.8722 7.84714 66.503 9.38248 67.2683 11.8224L69.8367 10.1822C68.8209 7.03487 66.0397 5.08008 62.5105 5.08008C57.8152 5.08008 54.325 8.70011 54.325 13.7522C54.325 18.8043 57.9169 22.4478 62.5371 22.4478C66.0648 22.4478 68.846 20.5196 69.8867 17.4239L67.3779 15.8212C66.8301 18.1751 64.9457 19.6792 62.512 19.6792V19.6807Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_6","d":"M87.901 5.39941H85.0087V22.127H87.901V5.39941Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_7","d":"M114.974 20.3657C114.492 20.3657 114.352 20.0871 114.352 19.4767L114.379 14.1977C114.429 11.1771 112.357 9.479 109.386 9.479C106.746 9.479 104.766 10.8234 104.107 12.955L106.309 14.3558C106.704 12.8001 107.865 11.7875 109.335 11.7875C110.804 11.7875 111.534 12.6765 111.534 14.1226V14.4763C105.049 15.1571 103.661 16.6659 103.661 19.1747C103.661 21.178 105.192 22.4473 107.375 22.4473C109.558 22.4473 110.986 21.3282 111.61 19.5096C111.444 21.4206 112.394 22.4473 113.886 22.4473C114.65 22.4473 115.471 22.1577 115.996 21.6538L115.537 20.1638C115.396 20.2749 115.213 20.3657 114.974 20.3657ZM111.534 16.6846C111.455 18.8679 109.959 20.289 108.284 20.289C107.169 20.289 106.585 19.5863 106.585 18.7505C106.585 17.3561 107.925 16.8537 111.534 16.309V16.6846Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_8","d":"M217.589 5.39941H214.697V22.127H217.589V5.39941Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_9","d":"M178.356 5.39941H175.463V22.127H178.356V5.39941Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_10","d":"M234.051 9.7959L230.802 18.5478L227.631 9.7959H224.434L229.408 22.1272H232.096L237.097 9.7959H234.051Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_11","d":"M206.78 9.479C203.152 9.479 200.588 12.1162 200.588 15.949C200.588 19.7819 203.152 22.4457 206.78 22.4457C210.407 22.4457 212.971 19.7804 212.971 15.949C212.971 12.1177 210.407 9.479 206.78 9.479ZM206.781 20.1106C204.85 20.1106 203.532 18.5627 203.532 15.949C203.532 13.3354 204.851 11.8141 206.781 11.8141C208.711 11.8141 210.03 13.3354 210.03 15.949C210.03 18.5627 208.711 20.1106 206.781 20.1106Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_12","d":"M173.225 20.3657C172.743 20.3657 172.604 20.0871 172.604 19.4767L172.631 14.1977C172.681 11.1771 170.608 9.479 167.638 9.479C164.998 9.479 163.018 10.8234 162.359 12.9551L164.561 14.3558C164.955 12.8001 166.117 11.7875 167.586 11.7875C169.056 11.7875 169.785 12.6765 169.785 14.1226V14.4763C163.301 15.1571 161.913 16.6659 161.913 19.1747C161.913 21.178 163.443 22.4473 165.627 22.4473C167.81 22.4473 169.237 21.3282 169.862 19.5096C169.696 21.4206 170.646 22.4473 172.138 22.4473C172.901 22.4473 173.723 22.1577 174.247 21.6538L173.789 20.1638C173.648 20.2749 173.465 20.3657 173.225 20.3657ZM169.785 16.6862C169.707 18.8695 168.211 20.2906 166.536 20.2906C165.42 20.2906 164.836 19.5879 164.836 18.7521C164.836 17.3576 166.176 16.8552 169.785 16.3106V16.6862Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_13","d":"M131.84 9.48057C128.364 9.48057 125.75 11.9409 125.75 15.9506C125.75 19.9603 128.265 22.4441 131.918 22.4441C134.508 22.4441 136.511 21.2015 137.375 19.2467L135.267 17.8569C134.687 19.3907 133.417 20.1356 131.945 20.1356C130.016 20.1356 128.774 18.8163 128.57 16.6095H137.759C138.083 11.3743 134.989 9.479 131.841 9.479L131.84 9.48057ZM128.672 14.6046C129.052 12.8017 130.27 11.7609 131.843 11.7609C133.416 11.7609 134.652 12.6749 134.787 14.6046H128.67H128.672Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_14","d":"M242.982 9.48057C239.506 9.48057 236.892 11.9409 236.892 15.9506C236.892 19.9603 239.407 22.4441 243.06 22.4441C245.65 22.4441 247.653 21.2015 248.517 19.2467L246.409 17.8569C245.829 19.3907 244.559 20.1356 243.087 20.1356C241.158 20.1356 239.916 18.8163 239.712 16.6095H248.901C249.225 11.3743 246.131 9.479 242.983 9.479L242.982 9.48057ZM239.816 14.6046C240.196 12.8017 241.413 11.7609 242.986 11.7609C244.559 11.7609 245.796 12.6749 245.93 14.6046H239.814H239.816Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_15","d":"M221.644 5.08008C220.63 5.08008 219.818 5.81567 219.818 6.90653C219.818 7.9207 220.629 8.73298 221.644 8.73298C222.737 8.73298 223.471 7.92227 223.471 6.90653C223.471 5.8141 222.735 5.08008 221.644 5.08008Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_16","d":"M223.091 9.7959H220.199V22.1256H223.091V9.7959Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_17","d":"M156.14 5.39941H148.983V22.127H152.055V16.2313H156.14C159.518 16.2313 161.725 13.9933 161.725 10.8021C161.75 7.63435 159.513 5.39941 156.14 5.39941ZM155.888 13.5394H152.055V8.08666H155.888C157.511 8.08666 158.577 9.10396 158.577 10.8005C158.577 12.4971 157.511 13.5394 155.888 13.5394Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_18","d":"M195.204 9.47813C193.351 9.47813 191.905 10.5173 191.269 12.397C190.837 10.5706 189.443 9.47813 187.665 9.47813C185.887 9.47813 184.517 10.4547 183.857 12.1795V9.79584H180.965V22.1255H183.857V14.9684C183.857 13.2672 184.644 11.8085 186.294 11.8085C187.688 11.8085 188.501 12.6709 188.501 14.4222V22.124H191.421V14.9575C191.421 13.2562 192.208 11.8101 193.858 11.8101C195.252 11.8101 196.065 12.6725 196.065 14.4238V22.124H198.957V13.7915C198.957 11.1262 197.487 9.47656 195.202 9.47656L195.204 9.47813Z","fill":"#002A46"},"children":[]}]},{"type":"g","props":{"id":"Group_2"},"children":[{"type":"path","props":{"id":"Vector_19","d":"M7.03831 11.3687L8.2763 9.75671C12.369 12.8869 17.4102 14.4441 22.4232 14.7008L25.3186 0H13.9498C6.32306 0 0.0266921 6.12416 8.54747e-05 13.7508C-0.0265211 21.3947 6.16186 27.5986 13.7995 27.5986H19.883L21.5561 19.0987C16.6824 18.5102 11.6851 16.0812 7.03831 11.3672V11.3687Z","fill":"#0068FF"},"children":[]},{"type":"path","props":{"id":"Vector_20","d":"M33.9106 0.00292969H27.3231L24.4214 14.7382C29.7631 14.649 35.2128 13.0995 39.5825 9.75808L40.8205 11.3701C35.2378 17.0576 29.0839 19.3661 23.5356 19.2409L20.8264 33.0011H31.1185L32.1812 27.6016H34.0624C41.7001 27.6016 47.8885 21.3976 47.8619 13.7537C47.8352 6.12709 41.5389 0.00292969 33.9122 0.00292969H33.9106Z","fill":"#0068FF"},"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 Colgate = react_1.forwardRef(function Colgate({ 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 Colgate = react_1.forwardRef(function Colgate({ 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/colgate.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 249 33","fill":"none","childNodes":[{"type":"g","props":{"id":"Logo Horizontal"},"children":[{"type":"g","props":{"id":"Group"},"children":[{"type":"path","props":{"id":"Vector","d":"M147.052 13.5396H139.793V15.8809H147.052V13.5396Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_2","d":"M77.0924 9.479C73.4645 9.479 70.9009 12.1162 70.9009 15.949C70.9009 19.7819 73.4645 22.4457 77.0924 22.4457C80.7203 22.4457 83.2839 19.7804 83.2839 15.949C83.2839 12.1177 80.7203 9.479 77.0924 9.479ZM77.0939 20.1106C75.1626 20.1106 73.8448 18.5627 73.8448 15.949C73.8448 13.3354 75.1642 11.8141 77.0939 11.8141C79.0237 11.8141 80.3431 13.3354 80.3431 15.949C80.3431 18.5627 79.0237 20.1106 77.0939 20.1106Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_3","d":"M99.0746 11.7672C98.5268 10.4994 97.2544 9.479 95.179 9.479C92.1756 9.479 89.6292 12.0708 89.6292 15.7831C89.6292 19.879 91.9299 22.128 95.2041 22.128C96.8161 22.128 98.0713 21.502 98.9384 20.3281V22.1186C98.9384 24.6572 97.5439 25.6682 95.8113 25.6682C93.5388 25.6682 92.8783 24.3723 92.678 23.1218L89.6558 23.8183C90.1003 26.396 92.5653 27.864 95.5687 27.864C99.7976 27.864 101.873 25.6259 101.873 21.5113V9.79828H99.0714L99.0761 11.7687L99.0746 11.7672ZM95.7612 19.7491C93.9583 19.7491 92.5622 18.3953 92.5622 15.7816C92.5622 13.3041 94.0209 11.8235 95.7612 11.8235C97.738 11.8235 98.9368 13.1773 98.9368 15.7816C98.9368 18.1918 97.8647 19.7491 95.7612 19.7491Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_4","d":"M122.461 19.9697C121.402 19.9697 120.863 19.4407 120.863 18.3968V11.9503H125.02V9.79829H120.863V5.74316H118.821C118.821 8.26764 117.741 9.89689 115.661 10.0377V11.9503H117.951V18.8382C117.996 21.2406 119.295 22.4457 121.902 22.4457C123.114 22.4457 124.402 22.0482 125.269 21.2954L124.585 19.0714C124.145 19.508 123.439 19.9697 122.463 19.9697H122.461Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_5","d":"M62.512 19.6807C59.5696 19.6807 57.5241 17.4317 57.5241 13.7522C57.5241 10.0727 59.6698 7.84714 62.512 7.84714C64.8722 7.84714 66.503 9.38248 67.2683 11.8224L69.8367 10.1822C68.8209 7.03487 66.0397 5.08008 62.5105 5.08008C57.8152 5.08008 54.325 8.70011 54.325 13.7522C54.325 18.8043 57.9169 22.4478 62.5371 22.4478C66.0648 22.4478 68.846 20.5196 69.8867 17.4239L67.3779 15.8212C66.8301 18.1751 64.9457 19.6792 62.512 19.6792V19.6807Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_6","d":"M87.901 5.39941H85.0087V22.127H87.901V5.39941Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_7","d":"M114.974 20.3657C114.492 20.3657 114.352 20.0871 114.352 19.4767L114.379 14.1977C114.429 11.1771 112.357 9.479 109.386 9.479C106.746 9.479 104.766 10.8234 104.107 12.955L106.309 14.3558C106.704 12.8001 107.865 11.7875 109.335 11.7875C110.804 11.7875 111.534 12.6765 111.534 14.1226V14.4763C105.049 15.1571 103.661 16.6659 103.661 19.1747C103.661 21.178 105.192 22.4473 107.375 22.4473C109.558 22.4473 110.986 21.3282 111.61 19.5096C111.444 21.4206 112.394 22.4473 113.886 22.4473C114.65 22.4473 115.471 22.1577 115.996 21.6538L115.537 20.1638C115.396 20.2749 115.213 20.3657 114.974 20.3657ZM111.534 16.6846C111.455 18.8679 109.959 20.289 108.284 20.289C107.169 20.289 106.585 19.5863 106.585 18.7505C106.585 17.3561 107.925 16.8537 111.534 16.309V16.6846Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_8","d":"M217.589 5.39941H214.697V22.127H217.589V5.39941Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_9","d":"M178.356 5.39941H175.463V22.127H178.356V5.39941Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_10","d":"M234.051 9.7959L230.802 18.5478L227.631 9.7959H224.434L229.408 22.1272H232.096L237.097 9.7959H234.051Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_11","d":"M206.78 9.479C203.152 9.479 200.588 12.1162 200.588 15.949C200.588 19.7819 203.152 22.4457 206.78 22.4457C210.407 22.4457 212.971 19.7804 212.971 15.949C212.971 12.1177 210.407 9.479 206.78 9.479ZM206.781 20.1106C204.85 20.1106 203.532 18.5627 203.532 15.949C203.532 13.3354 204.851 11.8141 206.781 11.8141C208.711 11.8141 210.03 13.3354 210.03 15.949C210.03 18.5627 208.711 20.1106 206.781 20.1106Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_12","d":"M173.225 20.3657C172.743 20.3657 172.604 20.0871 172.604 19.4767L172.631 14.1977C172.681 11.1771 170.608 9.479 167.638 9.479C164.998 9.479 163.018 10.8234 162.359 12.9551L164.561 14.3558C164.955 12.8001 166.117 11.7875 167.586 11.7875C169.056 11.7875 169.785 12.6765 169.785 14.1226V14.4763C163.301 15.1571 161.913 16.6659 161.913 19.1747C161.913 21.178 163.443 22.4473 165.627 22.4473C167.81 22.4473 169.237 21.3282 169.862 19.5096C169.696 21.4206 170.646 22.4473 172.138 22.4473C172.901 22.4473 173.723 22.1577 174.247 21.6538L173.789 20.1638C173.648 20.2749 173.465 20.3657 173.225 20.3657ZM169.785 16.6862C169.707 18.8695 168.211 20.2906 166.536 20.2906C165.42 20.2906 164.836 19.5879 164.836 18.7521C164.836 17.3576 166.176 16.8552 169.785 16.3106V16.6862Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_13","d":"M131.84 9.48057C128.364 9.48057 125.75 11.9409 125.75 15.9506C125.75 19.9603 128.265 22.4441 131.918 22.4441C134.508 22.4441 136.511 21.2015 137.375 19.2467L135.267 17.8569C134.687 19.3907 133.417 20.1356 131.945 20.1356C130.016 20.1356 128.774 18.8163 128.57 16.6095H137.759C138.083 11.3743 134.989 9.479 131.841 9.479L131.84 9.48057ZM128.672 14.6046C129.052 12.8017 130.27 11.7609 131.843 11.7609C133.416 11.7609 134.652 12.6749 134.787 14.6046H128.67H128.672Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_14","d":"M242.982 9.48057C239.506 9.48057 236.892 11.9409 236.892 15.9506C236.892 19.9603 239.407 22.4441 243.06 22.4441C245.65 22.4441 247.653 21.2015 248.517 19.2467L246.409 17.8569C245.829 19.3907 244.559 20.1356 243.087 20.1356C241.158 20.1356 239.916 18.8163 239.712 16.6095H248.901C249.225 11.3743 246.131 9.479 242.983 9.479L242.982 9.48057ZM239.816 14.6046C240.196 12.8017 241.413 11.7609 242.986 11.7609C244.559 11.7609 245.796 12.6749 245.93 14.6046H239.814H239.816Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_15","d":"M221.644 5.08008C220.63 5.08008 219.818 5.81567 219.818 6.90653C219.818 7.9207 220.629 8.73298 221.644 8.73298C222.737 8.73298 223.471 7.92227 223.471 6.90653C223.471 5.8141 222.735 5.08008 221.644 5.08008Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_16","d":"M223.091 9.7959H220.199V22.1256H223.091V9.7959Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_17","d":"M156.14 5.39941H148.983V22.127H152.055V16.2313H156.14C159.518 16.2313 161.725 13.9933 161.725 10.8021C161.75 7.63435 159.513 5.39941 156.14 5.39941ZM155.888 13.5394H152.055V8.08666H155.888C157.511 8.08666 158.577 9.10396 158.577 10.8005C158.577 12.4971 157.511 13.5394 155.888 13.5394Z","fill":"#002A46"},"children":[]},{"type":"path","props":{"id":"Vector_18","d":"M195.204 9.47813C193.351 9.47813 191.905 10.5173 191.269 12.397C190.837 10.5706 189.443 9.47813 187.665 9.47813C185.887 9.47813 184.517 10.4547 183.857 12.1795V9.79584H180.965V22.1255H183.857V14.9684C183.857 13.2672 184.644 11.8085 186.294 11.8085C187.688 11.8085 188.501 12.6709 188.501 14.4222V22.124H191.421V14.9575C191.421 13.2562 192.208 11.8101 193.858 11.8101C195.252 11.8101 196.065 12.6725 196.065 14.4238V22.124H198.957V13.7915C198.957 11.1262 197.487 9.47656 195.202 9.47656L195.204 9.47813Z","fill":"#002A46"},"children":[]}]},{"type":"g","props":{"id":"Group_2"},"children":[{"type":"path","props":{"id":"Vector_19","d":"M7.03831 11.3687L8.2763 9.75671C12.369 12.8869 17.4102 14.4441 22.4232 14.7008L25.3186 0H13.9498C6.32306 0 0.0266921 6.12416 8.54747e-05 13.7508C-0.0265211 21.3947 6.16186 27.5986 13.7995 27.5986H19.883L21.5561 19.0987C16.6824 18.5102 11.6851 16.0812 7.03831 11.3672V11.3687Z","fill":"#0068FF"},"children":[]},{"type":"path","props":{"id":"Vector_20","d":"M33.9106 0.00292969H27.3231L24.4214 14.7382C29.7631 14.649 35.2128 13.0995 39.5825 9.75808L40.8205 11.3701C35.2378 17.0576 29.0839 19.3661 23.5356 19.2409L20.8264 33.0011H31.1185L32.1812 27.6016H34.0624C41.7001 27.6016 47.8885 21.3976 47.8619 13.7537C47.8352 6.12709 41.5389 0.00292969 33.9122 0.00292969H33.9106Z","fill":"#0068FF"},"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 Colgate = forwardRef(
   function Colgate({ 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 Colgate = 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/commonwealth-bank.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 105.83334 73.390968","fill":"currentColor","childNodes":[{"type":"defs","props":{"id":"defs2227"},"children":[]},{"type":"g","props":{"transform":"translate(0,-223.60903)","id":"layer1"},"children":[{"type":"path","props":{"id":"path1869","d":"m 51.182132,281.97539 29.26277,-29.18558 -7.3386,-7.25659 -9.119,9.11898 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1871","d":"m 51.182132,223.60903 -29.180765,29.18078 29.180765,29.18558 12.80517,-27.32319 9.119,-9.11415 z m 0,0","style":{"fill":"#ffcc00","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1873","d":"M 7.676348,295.09903 C 7.131133,296.18459 5.992473,297 4.284477,297 1.625968,297 0,295.23411 0,292.7493 c 0,-2.32077 1.355776,-4.29894 4.101127,-4.29894 2.692275,0 3.903306,1.61632 3.956382,3.22301 H 5.302512 c -0.226776,-0.8492 -0.757503,-1.01806 -1.133832,-1.01806 -0.487322,0 -1.312364,0.33787 -1.312364,2.04575 0,1.70798 0.825042,2.04574 1.312364,2.04574 0.294316,0 0.699596,-0.12044 0.984266,-0.59829 0.09166,-0.1446 0.192989,-0.37152 0.217112,-0.56451 h 2.687447 c 0,0.52109 -0.168865,1.10972 -0.38116,1.51503","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1875","d":"m 11.570008,297 c -2.01196,0 -3.333981,-1.21105 -3.333981,-3.18922 0,-2.00233 1.404034,-3.14581 3.333981,-3.14581 1.94925,0 3.396703,1.17726 3.396703,3.18922 0,2.02646 -1.461931,3.14581 -3.396703,3.14581 m 0.03855,-4.59326 c -0.704428,0 -0.771977,0.97461 -0.771977,1.48124 0,0.51143 0.0772,1.47158 0.771977,1.47158 0.689961,0 0.76716,-0.97465 0.76716,-1.47158 0,-0.50663 -0.0772,-1.48124 -0.76716,-1.48124","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1877","d":"m 30.111951,296.73947 v -3.19888 c 0,-0.55488 -0.178529,-0.78162 -0.574153,-0.78162 -0.395635,0 -0.65618,0.36185 -0.65618,0.82503 v 3.15547 h -2.523407 v -3.18926 c 0,-0.55484 -0.178528,-0.76712 -0.574153,-0.76712 -0.410122,0 -0.670658,0.34732 -0.670658,0.81058 v 3.1458 h -2.475159 v -3.18926 c 0,-0.55484 -0.178528,-0.76712 -0.574153,-0.76712 -0.410112,0 -0.670658,0.34732 -0.670658,0.81058 v 3.1458 h -2.475159 v -3.18926 c 0,-0.55484 -0.178528,-0.76712 -0.578981,-0.76712 -0.405284,0 -0.66583,0.34732 -0.66583,0.81058 v 3.1458 h -2.475159 v -5.73194 h 2.248397 l 0.05791,0.5066 c 0.371514,-0.46318 1.008399,-0.80091 1.799672,-0.80091 0.791284,0 1.592199,0.38115 1.862394,0.88295 0.308776,-0.47768 1.075949,-0.87332 1.891346,-0.87332 0.936032,0 1.558429,0.47284 1.852744,0.90707 0.270192,-0.43423 1.018049,-0.90707 1.809333,-0.90707 0.993925,0 1.52948,0.4053 1.900991,0.90707 0.574153,-0.77196 1.336485,-0.90707 1.799673,-0.90707 1.761071,0 2.180843,1.14351 2.180843,2.42209 v 3.59453 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1879","d":"m 36.171977,297 c -2.01196,0 -3.338796,-1.21105 -3.338796,-3.18922 0,-2.00233 1.404035,-3.14581 3.338796,-3.14581 1.944421,0 3.391885,1.17726 3.391885,3.18922 0,2.02646 -1.45711,3.14581 -3.391885,3.14581 m 0.03396,-4.59326 c -0.704438,0 -0.771977,0.97461 -0.771977,1.48124 0,0.51143 0.082,1.47158 0.771977,1.47158 0.689954,0 0.767149,-0.97465 0.767149,-1.47158 0,-0.50663 -0.0772,-1.48124 -0.767149,-1.48124","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1881","d":"m 43.573319,296.72981 v -3.1796 c 0,-0.55484 -0.236405,-0.77195 -0.63206,-0.77195 -0.410113,0 -0.670655,0.35222 -0.670655,0.81541 v 3.13614 h -2.475148 v -5.72228 h 2.28698 l 0.01926,0.57414 c 0.477662,-0.57414 1.119365,-0.86845 1.799669,-0.86845 0.825053,0 2.180847,0.47284 2.180847,1.94442 v 4.07217 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1883","d":"m 54.323102,296.72981 -2.59094,-0.014 c 0,0 -0.33773,-1.00356 -0.47283,-1.64044 -0.22678,-0.76716 -0.2509,-1.09523 -0.2509,-1.09523 0,0 -0.01,0.32807 -0.22678,1.09523 -0.12069,0.58863 -0.47285,1.65494 -0.47285,1.65494 H 47.698556 L 45.976082,291.008 h 2.69228 c 0,0 0.30881,0.98427 0.41975,1.53915 0.16887,0.63205 0.20266,1.00356 0.20266,1.00356 0,0 0.0336,-0.36185 0.21711,-1.00356 0.12545,-0.59346 0.4294,-1.53915 0.4294,-1.53915 h 2.26286 c 0,0 0.30398,0.94569 0.42942,1.53915 0.19299,0.67546 0.21231,1.00356 0.21231,1.00356 0,0 0.0242,-0.31826 0.21712,-1.00356 0.11092,-0.54521 0.41492,-1.53915 0.41492,-1.53915 h 2.56684 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1885","d":"m 58.207132,294.26433 c 0.0143,0.57414 0.26052,1.0711 0.93119,1.0711 0.3136,0 0.70925,-0.1593 0.82505,-0.50659 h 2.37384 c -0.0435,0.24614 -0.18336,0.54038 -0.30398,0.73337 -0.63688,0.95049 -1.8431,1.42333 -2.99624,1.42333 -2.11811,0 -3.38223,-1.25446 -3.44013,-3.04931 -0.0435,-1.59703 0.88296,-3.27126 3.25679,-3.27126 2.19531,0 3.52697,1.34613 3.52697,3.59936 z m 0.89742,-2.13744 c -0.48731,0 -0.81541,0.38118 -0.85883,0.86848 h 1.68388 c -0.0483,-0.46318 -0.37634,-0.86848 -0.82505,-0.86848","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1887","d":"m 66.708532,296.72981 -0.0676,-0.51143 c -0.41976,0.42939 -1.28823,0.76716 -1.94442,0.76716 -0.41975,0 -1.37025,-0.0774 -1.86722,-0.74304 -0.39564,-0.54521 -0.43907,-1.42816 -0.0917,-1.99266 0.47766,-0.7575 1.5729,-1.03736 2.6585,-1.17727 0.39564,-0.0434 0.9505,-0.16876 0.9505,-0.51626 0,-0.27519 -0.14474,-0.51142 -0.50662,-0.51142 -0.36186,0 -0.6803,0.3039 -0.6803,0.68995 h -2.35453 l 0.0144,-0.0676 c 0.24607,-1.36546 1.24481,-2.05541 2.93835,-2.05541 2.86113,0 3.19888,0.99393 3.21335,2.71158 l 0.0193,1.60669 c 0.0144,1.09523 0.0676,1.34613 0.18336,1.79968 z m -0.31844,-2.53305 c 0,0 -0.3281,0.10118 -0.63206,0.18801 -0.19299,0.0578 -0.67549,0.14951 -0.67549,0.53559 0,0.19292 0.15441,0.42939 0.49697,0.41493 0.64171,-0.021 0.81058,-0.39564 0.81058,-0.96014 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1889","d":"m 69.521422,288.65301 h 2.47516 v 8.0768 h -2.47516 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1891","d":"m 75.055542,296.91797 c -1.64045,0 -2.07951,-0.79125 -2.07951,-2.31591 v -2.01196 h -0.75751 v -1.58257 h 0.75751 v -2.35452 h 2.47514 v 2.35452 h 0.97463 v 1.58257 h -0.97463 v 1.55841 c 0,0.55488 0.18336,0.90707 0.73821,0.90707 0.0868,0 0.20265,-0.014 0.31361,-0.035 0.0579,-0.014 0.0579,-0.0245 0.0579,-0.0245 v 1.61632 c -0.46319,0.21217 -0.99393,0.30391 -1.50536,0.30391","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1893","d":"m 83.185432,296.72981 h -2.47998 v -3.16993 c 0,-0.55485 -0.24607,-0.78162 -0.64653,-0.78162 -0.39564,0 -0.65619,0.36668 -0.65619,0.82987 v 3.12168 h -2.57648 v -8.0768 h 2.39797 v 2.92866 c 0.37634,-0.46318 1.0856,-0.86845 1.79002,-0.86845 0.8347,0 2.17119,0.47284 2.17119,1.94442 z m 0,0","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1895","d":"m 88.767792,292.45982 c 0.71408,-0.21218 1.19175,-0.86365 1.19175,-1.71765 0,-1.30271 -0.93604,-2.08436 -2.49445,-2.08436 h -3.10722 v 8.08649 h 3.19406 c 1.73212,0 2.76464,-0.85882 2.76464,-2.30631 0,-1.27375 -0.95532,-1.84789 -1.54878,-1.97817 m -3.70066,0.40527 h 2.4848 c 0.76715,0 2.05539,0.20272 2.05539,1.56327 0,1.45712 -1.28824,1.67423 -2.05539,1.67423 h -2.4848 z m 2.4848,-0.65134 h -2.4848 v -2.9142 h 2.39796 c 0.66582,0 1.78519,0.18802 1.78519,1.46192 0,0.93602 -0.6031,1.45228 -1.69835,1.45228","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1897","d":"m 95.725252,296.14118 -0.0772,0.0105 -0.25573,0.0175 c -0.13508,0 -0.32327,-0.0532 -0.32327,-0.52593 v -3.1458 c 0,-1.09523 -0.69961,-1.67423 -2.02646,-1.67423 -1.29305,0 -2.07468,0.63691 -2.19048,1.80451 l -0.01,0.0676 h 0.67548 l 0.005,-0.0532 c 0.034,-0.28465 0.12545,-0.53072 0.26536,-0.71891 0.2509,-0.33297 0.67548,-0.50659 1.22069,-0.50659 1.29788,0 1.3992,0.81057 1.3992,1.06147 v 0.16876 c 0,0.36186 -0.23157,0.46318 -0.57898,0.50177 -0.82989,0.11589 -1.86239,0.299 -2.46549,0.65617 -0.25573,0.14005 -0.47285,0.35222 -0.58382,0.55971 -0.24606,0.43905 -0.26052,1.12418 -0.0336,1.62598 0.26053,0.57897 0.87812,0.8974 1.72729,0.8974 0.88295,0 1.54878,-0.38114 1.95406,-1.0711 v 0.0819 c 0.0144,0.5838 0.29432,0.86845 0.85401,0.86845 l 0.45354,-0.0819 -0.01,-0.0483 z m -1.3172,-2.47514 v 0.83953 c 0,0.46318 -0.35221,1.77552 -1.90098,1.77552 -0.74304,0 -1.25929,-0.44869 -1.25929,-1.09523 0,-0.85399 0.65135,-1.03252 1.34613,-1.22068 0.53074,-0.14005 1.29306,-0.25559 1.81414,-0.299","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1899","d":"m 98.509182,290.81934 c -0.78645,0 -1.46675,0.42943 -1.79484,1.06631 v -0.90707 h -0.66584 v 5.76572 h 0.66584 v -3.21821 c 0,-1.26409 0.70926,-2.10845 1.77556,-2.10845 0.93601,0 1.39437,0.55967 1.39437,1.70801 v 3.61865 h 0.661008 v -3.61865 c 0,-0.56934 0,-2.30631 -2.036098,-2.30631","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"children":[]},{"type":"path","props":{"id":"path1901","d":"m 103.39195,293.14494 c 0.0723,-0.0725 2.26768,-2.16636 2.26768,-2.16636 h -0.89743 c 0,0 -2.69709,2.57647 -2.89491,2.76466 v -5.08543 h -0.66583 v 8.08649 h 0.66583 v -2.17603 c 0.0385,-0.035 0.9312,-0.84915 1.02769,-0.93602 0.0772,0.11589 2.12778,3.11205 2.12778,3.11205 h 0.81057 c 0,0 -2.38348,-3.51252 -2.44138,-3.59936","style":{"fill":"#000002","fillOpacity":"1","fillRule":"nonzero","stroke":"none","strokeWidth":"1.23516452"}},"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 CommonwealthBank = react_1.forwardRef(function CommonwealthBank({ 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 CommonwealthBank = react_1.forwardRef(function CommonwealthBank({ variant
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });