@thesvg/react 3.2.2 → 3.2.5

package/dist/maxis-berhad.js

@@ -2,12 +2,29 @@
 // Auto-generated. Do not edit.
 // Variants: default, wordmark
 
-import { forwardRef, createElement } from 'react';
+import { forwardRef, createElement, useId } from 'react';
 
 const _variants = {"default":{"viewBox":"0 0 1544 1496","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a","clipPathUnits":"userSpaceOnUse"},"children":[{"type":"path","props":{"d":"M-23394.11-6104.09H2473.61V8438.29h-25867.72z"},"children":[]}]}]},{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"fill":"#40c706","d":"M1529.2 896.5c-56.6-148.2-175.2-323.2-273.5-430.9 53.9 28.2 118.5 64.6 160.3 87.5 32.3 17.5 62 21.5 86.2 8.1 21.6-14.8 45.8-53.9 4.1-141.4C1399.8 189.5 1158.7 33.3 897.3 1c-26.9-4-45.8 5.4-49.9 22.9-4 17.5 9.5 36.4 37.8 44.4 136 37.7 300.4 117.2 400.1 289.5-261.4-156.1-537.5-243.7-798.9-278.7-36.4-4-60.6 8.1-64.7 32.3-4 22.9 12.1 44.5 49.9 53.9 243.8 64.6 563.1 199.3 785.4 588.4-284.3-237-714-428.2-1073.8-483.4-39-5.4-64.6 8.1-70 32.3-5.4 24.3 9.4 48.5 49.8 62 277.6 91.5 671 301.6 878.5 737.9C836.7 887 398.8 652.7 78.2 580c-41.8-9.4-67.4 2.7-75.5 27-8.1 22.8 5.4 51.1 45.8 67.3 177.9 76.7 439.2 241 572.6 513-78.1-59.2-229-168.3-397.4-215.4-144.2-40.4-219.6 28.2-138.8 173.7 57.9 105 191.3 230.2 303.1 298.9 45.8 28.3 82.2-17.5 40.4-56.6-94.3-86.1-164.3-162.9-183.2-207.3-16.2-35 9.4-49.9 51.2-29.7 148.2 68.7 293.7 195.3 381.3 272 39.1 33.7 101 88.9 163 68.7 51.2-16.1 63.3-79.4 39.1-158.9-33.7-113.1-91.6-212.7-132-280.1 107.7 82.2 231.7 192.6 339.5 294.9 55.2 53.9 121.2 107.8 187.2 80.8 59.3-24.2 63.4-102.3 45.8-173.7-36.3-146.7-141.4-325.8-207.4-424.1 64.6 43.1 172.4 127.9 255.9 191.2 53.9 41.7 99.7 51.1 136.1 32.3 40.4-21.5 51.2-84.8 24.3-157.5"},"children":[]}]}]},"wordmark":{"viewBox":"0 0 1538 445","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"a","clipPathUnits":"userSpaceOnUse"},"children":[{"type":"path","props":{"d":"M-5870.8-1813h7684.98v4320H-5870.8z"},"children":[]}]}]},{"type":"g","props":{"clipPath":"url(#a)"},"children":[{"type":"path","props":{"fill":"#40c706","d":"M1533.6 266.6c-16.8-44-52-96-81.3-128 16.1 8.4 35.3 19.2 47.7 26 9.6 5.2 18.4 6.4 25.6 2.4 6.4-4.4 13.6-16 1.2-42C1495.2 56.6 1423.5 10.2 1345.9.6c-8-1.2-13.6 1.6-14.8 6.8s2.8 10.8 11.2 13.2c40.4 11.2 89.2 34.8 118.8 86-77.6-46.4-159.7-72.4-237.3-82.8-10.8-1.2-18 2.4-19.2 9.6-1.2 6.8 3.6 13.2 14.8 16 72.4 19.2 167.3 59.2 233.3 174.8-84.4-70.4-212.1-127.2-319-143.6-11.6-1.6-19.2 2.4-20.8 9.6s2.8 14.4 14.8 18.4c82.5 27.2 199.4 89.6 261 219.2-60.8-64-190.9-133.6-286.2-155.2-12.4-2.8-20 .8-22.4 8-2.4 6.8 1.6 15.2 13.6 20 52.8 22.8 130.5 71.6 170.1 152.4-23.2-17.6-68-50-118.1-64-42.8-12-65.2 8.4-41.2 51.6 17.2 31.2 56.9 68.4 90.1 88.8 13.6 8.4 24.4-5.2 12-16.8-28-25.6-48.8-48.4-54.5-61.6-4.8-10.4 2.8-14.8 15.3-8.8 44 20.4 87.2 58 113.2 80.8 11.6 10 30.1 26.4 48.5 20.4 15.2-4.8 18.8-23.6 11.6-47.2-10-33.6-27.2-63.2-39.3-83.2 32.1 24.4 68.9 57.2 100.9 87.6 16.4 16 36 32 55.6 24 17.7-7.2 18.9-30.4 13.7-51.6-10.9-43.6-42.1-96.8-61.7-126 19.2 12.8 51.2 38 76.1 56.8 16 12.4 29.6 15.2 40.4 9.6 12-6.4 15.2-25.2 7.2-46.8"},"children":[]},{"type":"path","props":{"fill":"#002391","fillRule":"evenodd","d":"m640.6 257 66.5 95.2h-54.5l-42.4-62.8-42.4 62.8h-54.1l65.7-95.2-62.1-90.4H573l37.2 57.2 37.6-57.2h55.3zm121.6-114.4c-15.7 0-28.4-12.7-28.4-28.4s12.7-28.4 28.4-28.4c15.8 0 28.5 12.7 28.5 28.4s-12.7 28.4-28.5 28.4m-482.7 76v134h-49.2V235.4c0-17.2-7.6-29.6-27.6-29.6-17.2 0-31.6 11.6-38.5 21.6v125.2H115V235.4c0-17.2-7.6-29.6-27.6-29.6-16.8 0-31.2 11.6-38.4 22v124.8H.1V167h33.3L49 191.4c7.6-11.2 32.4-28.8 60.8-28.8 27.2 0 44.4 12.8 51.2 33.6 10.9-16.8 35.7-33.6 64.1-33.6 34 0 54.4 18 54.4 56M486.9 233v119.6H438v-16.4C425.2 347 403.6 357 379.2 357c-29.2 0-64.5-20-64.5-61.2 0-40 35.3-57.6 64.5-58.4 29.2-.4 45.6 6.4 58.8 13.6v-18c0-18.8-16-31.2-40.8-31.2-18.8 0-38.4 6.8-53.6 16.8l-20-30.4c26-16.8 53.2-25.6 82.4-25.6 42 0 80.9 16.8 80.9 70.4M438 278.6c-8.4-6-24.8-10.8-40.8-10.8-18.8 0-33.2 10.8-33.2 28.4s15.6 27.6 34.8 27.6c16 0 30.4-6 39.2-13.6zm300.2-111.2h48.9v185.2h-48.9zM986 297.8c0 34.4-28.8 59.6-80.5 59.6-32 0-63.2-10.8-82.8-28.8l22-33.6c13.6 12.4 40.8 24.8 63.2 24.8 21.2 0 31.3-7.2 31.3-18.8 0-13.2-16.5-17.6-37.3-22-32-6-73.2-13.6-73.2-57.6 0-31.2 27.6-58.4 76-58.4 31.6 0 56.5 10.8 74.9 25.2l-20.8 32c-11.6-11.2-31.7-20-53.7-20-17.6 0-29.2 6.4-29.2 17.2 0 11.6 14.8 15.6 35.6 20 31.7 6 74.5 14.4 74.5 60.4"},"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 MaxisBerhad = forwardRef(
   function MaxisBerhad({ 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 MaxisBerhad = 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/maya.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"maya-original-a","gradientUnits":"userSpaceOnUse","x1":"100.777","y1":"85.094","x2":"86.576","y2":"91.058"},"children":[{"type":"stop","props":{"offset":".09","stopColor":"#1A5964"},"children":[]},{"type":"stop","props":{"offset":".3","stopColor":"#137078"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#0E8085"},"children":[]},{"type":"stop","props":{"offset":".66","stopColor":"#0C858A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0A8B8F"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-b","gradientUnits":"userSpaceOnUse","x1":"99.581","y1":"56.123","x2":"130.166","y2":"75.523"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#079EA0"},"children":[]},{"type":"stop","props":{"offset":".43","stopColor":"#14878E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#256A77"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-c","gradientUnits":"userSpaceOnUse","x1":"112","y1":"16.835","x2":"112","y2":"120.497"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#B4B4B4"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#03ABAB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#137980"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-d","gradientUnits":"userSpaceOnUse","x1":"59.349","y1":"57.417","x2":"135.485","y2":"42.575"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0F5D64"},"children":[]},{"type":"stop","props":{"offset":".1","stopColor":"#097A7E"},"children":[]},{"type":"stop","props":{"offset":".23","stopColor":"#049395"},"children":[]},{"type":"stop","props":{"offset":".34","stopColor":"#01A3A3"},"children":[]},{"type":"stop","props":{"offset":".43","stopColor":"#00A8A8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4EBCC1"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-e","gradientUnits":"userSpaceOnUse","x1":"-10.003","y1":"72.033","x2":"26.772","y2":"50.748"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#00A9A9"},"children":[]},{"type":"stop","props":{"offset":".65","stopColor":"#049496"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#088286"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-f","gradientUnits":"userSpaceOnUse","x1":"2.06","y1":"91.643","x2":"32.014","y2":"89.985"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#20626E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#069D9F"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-g","gradientUnits":"userSpaceOnUse","x1":"41.036","y1":"5.266","x2":"36.336","y2":"101.578"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#99CBD2"},"children":[]},{"type":"stop","props":{"offset":".9","stopColor":"#498F93"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#2E7B7D"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#maya-original-a)","d":"M98 121h3V49l-6 9v56l3 7z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-b)","d":"M98 121V51l23-44h5v54l-22 60h-6"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-c)","d":"M126 121H98c2.9-5.7 14.1-29.2 19-48 8.5-33.1 9-58 9-58v106z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-d)","d":"M126 7H89L63 69l11 30h1c.4 0 1-.3 2-2 4.1-7.6 49-90 49-90z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-e)","d":"M2 121.7l3-.7 27-49V56L5 9 2 7.4v114.3z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-f)","d":"M32 59.1c-2.3 6.9-7.9 23.6-13.6 34.3C8.2 113 2 121.7 2 121.7s23.7 2 30-5.7V60v-.9z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-g)","d":"M52 97c1 1.8 1.6 2 2 2h21c.2-.2.4-.4.4-.7-.1-.4-.2-.9-.4-1.3L38 4 2 7.4S47.7 89.2 52 97z"},"children":[]}]},"mono":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#149B9A","d":"M98 121h28V7l-37-.014-24.374 58.376s2.3 5.781 4.227 11.71C71.8 86.145 75 97 75 97l-2 2h2c.4 0 .969-.255 2-2 4.073-7.553 44-82 44-82s-5.074 12.43-13.162 27.878C101.3 55.376 95 67 95 67v47l3 7s.216-.659 1-3a396.842 396.842 0 0014-40.928C120.125 51.452 124 29 124 29a316.851 316.851 0 01-9.273 49.009A219.928 219.928 0 0199 118l-1 3z"},"children":[]},{"type":"path","props":{"fill":"#149B9A","d":"M75 99H54c-.4 0-.958-.218-2-2-4.319-7.767-47-85-47-85s6.982 16.412 13.6 28.224a3265.484 3265.484 0 0111.273 20.3 260.346 260.346 0 01-11.9 30.6C12.866 101.955 4 118 4 118a276.023 276.023 0 0014.439-24.534C25.677 79.607 31 62 31 62l1 2v52c-6.3 7.77-30 5.727-30 5.727V7.435L38 4l37 93v2z"},"children":[]}]},"wordmark":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"maya-original-wordmark-a","gradientUnits":"userSpaceOnUse","x1":"94.252","y1":"60.301","x2":"82.572","y2":"55.395","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":".09","stopColor":"#1A5964"},"children":[]},{"type":"stop","props":{"offset":".3","stopColor":"#137078"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#0E8085"},"children":[]},{"type":"stop","props":{"offset":".66","stopColor":"#0C858A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0A8B8F"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-b","gradientUnits":"userSpaceOnUse","x1":"93.27","y1":"84.129","x2":"118.425","y2":"68.173","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#079EA0"},"children":[]},{"type":"stop","props":{"offset":".43","stopColor":"#14878E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#256A77"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-c","gradientUnits":"userSpaceOnUse","x1":"103.484","y1":"116.443","x2":"103.484","y2":"31.181","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#B4B4B4"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#03ABAB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#137980"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-d","gradientUnits":"userSpaceOnUse","x1":"60.175","y1":"83.059","x2":"122.803","y2":"95.268","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0F5D64"},"children":[]},{"type":"stop","props":{"offset":".1","stopColor":"#097A7E"},"children":[]},{"type":"stop","props":{"offset":".23","stopColor":"#049395"},"children":[]},{"type":"stop","props":{"offset":".34","stopColor":"#01A3A3"},"children":[]},{"type":"stop","props":{"offset":".43","stopColor":"#00A8A8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4EBCC1"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-e","gradientUnits":"userSpaceOnUse","x1":"3.122","y1":"71.054","x2":"33.369","y2":"88.561","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#00A9A9"},"children":[]},{"type":"stop","props":{"offset":".65","stopColor":"#049496"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#088286"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-f","gradientUnits":"userSpaceOnUse","x1":"13.047","y1":"54.95","x2":"37.687","y2":"56.314","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#20626E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#069D9F"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-g","gradientUnits":"userSpaceOnUse","x1":"45.099","y1":"125.96","x2":"41.233","y2":"46.743","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#99CBD2"},"children":[]},{"type":"stop","props":{"offset":".9","stopColor":"#498F93"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#2E7B7D"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-a)","d":"M92 99.2h2.5V40l-4.9 7.4v46.1l2.4 5.7z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-b)","d":"M92 99.2V41.7l18.9-36.2h4.1v44.4L96.9 99.2H92"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-c)","d":"M115 99.2H92c2.4-4.7 11.6-24 15.6-39.5 7-27.2 7.4-47.7 7.4-47.7v87.2z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-d)","d":"M115 5.5H84.6l-21.4 51 9 24.7h.8c.3 0 .8-.2 1.6-1.6C78.1 73.2 115 5.5 115 5.5z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-e)","d":"M13 99.8l2.5-.6 22.2-40.3V45.8L15.5 7.1 13 5.8v94z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-f)","d":"M37.7 48.3c-1.9 5.7-6.5 19.4-11.2 28.2C18.1 92.7 13 99.8 13 99.8s19.5 1.6 24.7-4.7v-46-.8z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-g)","d":"M54.1 79.5c.8 1.5 1.3 1.6 1.6 1.6H73c.2-.2.3-.3.3-.6-.1-.3-.2-.7-.3-1.1L42.6 3 13 5.8s37.6 67.3 41.1 73.7z"},"children":[]},{"type":"path","props":{"fill":"#149B9A","d":"M61 106l-5 14-5-14h-4v19h3v-14l5 14h2l5-14v14h3v-19h-4zm38.5 0L93 117v8h-3v-8l-6.4-11H87l4.5 8 4.5-8h3.5zm10.4 14l1.5 5h3.6l-6-19h-5l-6 19h3.5l1.5-5h6.9zm-6-2.7l2.7-8.9 2.6 8.9h-5.3zm-24 2.7l1.5 5H85l-6-19h-5l-6 19h3.5l1.5-5h6.9zm-6-2.7l2.7-8.9 2.6 8.9h-5.3z"},"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 Maya = react_1.forwardRef(function Maya({ 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 Maya = react_1.forwardRef(function Maya({ variant = 'default', viewBox, ..
     ..._v.childNodes
       .map(function _c(el) {
         if (typeof el === 'string') return el;
-        return react_1.createElement(el.type, el.props, ...(el.children || []).map(_c));
+        return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
       })
   );
 });

package/dist/maya.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 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"maya-original-a","gradientUnits":"userSpaceOnUse","x1":"100.777","y1":"85.094","x2":"86.576","y2":"91.058"},"children":[{"type":"stop","props":{"offset":".09","stopColor":"#1A5964"},"children":[]},{"type":"stop","props":{"offset":".3","stopColor":"#137078"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#0E8085"},"children":[]},{"type":"stop","props":{"offset":".66","stopColor":"#0C858A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0A8B8F"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-b","gradientUnits":"userSpaceOnUse","x1":"99.581","y1":"56.123","x2":"130.166","y2":"75.523"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#079EA0"},"children":[]},{"type":"stop","props":{"offset":".43","stopColor":"#14878E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#256A77"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-c","gradientUnits":"userSpaceOnUse","x1":"112","y1":"16.835","x2":"112","y2":"120.497"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#B4B4B4"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#03ABAB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#137980"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-d","gradientUnits":"userSpaceOnUse","x1":"59.349","y1":"57.417","x2":"135.485","y2":"42.575"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0F5D64"},"children":[]},{"type":"stop","props":{"offset":".1","stopColor":"#097A7E"},"children":[]},{"type":"stop","props":{"offset":".23","stopColor":"#049395"},"children":[]},{"type":"stop","props":{"offset":".34","stopColor":"#01A3A3"},"children":[]},{"type":"stop","props":{"offset":".43","stopColor":"#00A8A8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4EBCC1"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-e","gradientUnits":"userSpaceOnUse","x1":"-10.003","y1":"72.033","x2":"26.772","y2":"50.748"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#00A9A9"},"children":[]},{"type":"stop","props":{"offset":".65","stopColor":"#049496"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#088286"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-f","gradientUnits":"userSpaceOnUse","x1":"2.06","y1":"91.643","x2":"32.014","y2":"89.985"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#20626E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#069D9F"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-g","gradientUnits":"userSpaceOnUse","x1":"41.036","y1":"5.266","x2":"36.336","y2":"101.578"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#99CBD2"},"children":[]},{"type":"stop","props":{"offset":".9","stopColor":"#498F93"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#2E7B7D"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#maya-original-a)","d":"M98 121h3V49l-6 9v56l3 7z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-b)","d":"M98 121V51l23-44h5v54l-22 60h-6"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-c)","d":"M126 121H98c2.9-5.7 14.1-29.2 19-48 8.5-33.1 9-58 9-58v106z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-d)","d":"M126 7H89L63 69l11 30h1c.4 0 1-.3 2-2 4.1-7.6 49-90 49-90z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-e)","d":"M2 121.7l3-.7 27-49V56L5 9 2 7.4v114.3z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-f)","d":"M32 59.1c-2.3 6.9-7.9 23.6-13.6 34.3C8.2 113 2 121.7 2 121.7s23.7 2 30-5.7V60v-.9z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-g)","d":"M52 97c1 1.8 1.6 2 2 2h21c.2-.2.4-.4.4-.7-.1-.4-.2-.9-.4-1.3L38 4 2 7.4S47.7 89.2 52 97z"},"children":[]}]},"mono":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"path","props":{"fill":"#149B9A","d":"M98 121h28V7l-37-.014-24.374 58.376s2.3 5.781 4.227 11.71C71.8 86.145 75 97 75 97l-2 2h2c.4 0 .969-.255 2-2 4.073-7.553 44-82 44-82s-5.074 12.43-13.162 27.878C101.3 55.376 95 67 95 67v47l3 7s.216-.659 1-3a396.842 396.842 0 0014-40.928C120.125 51.452 124 29 124 29a316.851 316.851 0 01-9.273 49.009A219.928 219.928 0 0199 118l-1 3z"},"children":[]},{"type":"path","props":{"fill":"#149B9A","d":"M75 99H54c-.4 0-.958-.218-2-2-4.319-7.767-47-85-47-85s6.982 16.412 13.6 28.224a3265.484 3265.484 0 0111.273 20.3 260.346 260.346 0 01-11.9 30.6C12.866 101.955 4 118 4 118a276.023 276.023 0 0014.439-24.534C25.677 79.607 31 62 31 62l1 2v52c-6.3 7.77-30 5.727-30 5.727V7.435L38 4l37 93v2z"},"children":[]}]},"wordmark":{"viewBox":"0 0 128 128","fill":"currentColor","childNodes":[{"type":"defs","props":{},"children":[{"type":"linearGradient","props":{"id":"maya-original-wordmark-a","gradientUnits":"userSpaceOnUse","x1":"94.252","y1":"60.301","x2":"82.572","y2":"55.395","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":".09","stopColor":"#1A5964"},"children":[]},{"type":"stop","props":{"offset":".3","stopColor":"#137078"},"children":[]},{"type":"stop","props":{"offset":".5","stopColor":"#0E8085"},"children":[]},{"type":"stop","props":{"offset":".66","stopColor":"#0C858A"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#0A8B8F"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-b","gradientUnits":"userSpaceOnUse","x1":"93.27","y1":"84.129","x2":"118.425","y2":"68.173","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#079EA0"},"children":[]},{"type":"stop","props":{"offset":".43","stopColor":"#14878E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#256A77"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-c","gradientUnits":"userSpaceOnUse","x1":"103.484","y1":"116.443","x2":"103.484","y2":"31.181","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#B4B4B4"},"children":[]},{"type":"stop","props":{"offset":".8","stopColor":"#03ABAB"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#137980"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-d","gradientUnits":"userSpaceOnUse","x1":"60.175","y1":"83.059","x2":"122.803","y2":"95.268","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#0F5D64"},"children":[]},{"type":"stop","props":{"offset":".1","stopColor":"#097A7E"},"children":[]},{"type":"stop","props":{"offset":".23","stopColor":"#049395"},"children":[]},{"type":"stop","props":{"offset":".34","stopColor":"#01A3A3"},"children":[]},{"type":"stop","props":{"offset":".43","stopColor":"#00A8A8"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#4EBCC1"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-e","gradientUnits":"userSpaceOnUse","x1":"3.122","y1":"71.054","x2":"33.369","y2":"88.561","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#00A9A9"},"children":[]},{"type":"stop","props":{"offset":".65","stopColor":"#049496"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#088286"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-f","gradientUnits":"userSpaceOnUse","x1":"13.047","y1":"54.95","x2":"37.687","y2":"56.314","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#20626E"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#069D9F"},"children":[]}]},{"type":"linearGradient","props":{"id":"maya-original-wordmark-g","gradientUnits":"userSpaceOnUse","x1":"45.099","y1":"125.96","x2":"41.233","y2":"46.743","gradientTransform":"matrix(1 0 0 -1 0 130)"},"children":[{"type":"stop","props":{"offset":"0","stopColor":"#99CBD2"},"children":[]},{"type":"stop","props":{"offset":".9","stopColor":"#498F93"},"children":[]},{"type":"stop","props":{"offset":"1","stopColor":"#2E7B7D"},"children":[]}]}]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-a)","d":"M92 99.2h2.5V40l-4.9 7.4v46.1l2.4 5.7z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-b)","d":"M92 99.2V41.7l18.9-36.2h4.1v44.4L96.9 99.2H92"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-c)","d":"M115 99.2H92c2.4-4.7 11.6-24 15.6-39.5 7-27.2 7.4-47.7 7.4-47.7v87.2z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-d)","d":"M115 5.5H84.6l-21.4 51 9 24.7h.8c.3 0 .8-.2 1.6-1.6C78.1 73.2 115 5.5 115 5.5z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-e)","d":"M13 99.8l2.5-.6 22.2-40.3V45.8L15.5 7.1 13 5.8v94z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-f)","d":"M37.7 48.3c-1.9 5.7-6.5 19.4-11.2 28.2C18.1 92.7 13 99.8 13 99.8s19.5 1.6 24.7-4.7v-46-.8z"},"children":[]},{"type":"path","props":{"fill":"url(#maya-original-wordmark-g)","d":"M54.1 79.5c.8 1.5 1.3 1.6 1.6 1.6H73c.2-.2.3-.3.3-.6-.1-.3-.2-.7-.3-1.1L42.6 3 13 5.8s37.6 67.3 41.1 73.7z"},"children":[]},{"type":"path","props":{"fill":"#149B9A","d":"M61 106l-5 14-5-14h-4v19h3v-14l5 14h2l5-14v14h3v-19h-4zm38.5 0L93 117v8h-3v-8l-6.4-11H87l4.5 8 4.5-8h3.5zm10.4 14l1.5 5h3.6l-6-19h-5l-6 19h3.5l1.5-5h6.9zm-6-2.7l2.7-8.9 2.6 8.9h-5.3zm-24 2.7l1.5 5H85l-6-19h-5l-6 19h3.5l1.5-5h6.9zm-6-2.7l2.7-8.9 2.6 8.9h-5.3z"},"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 Maya = forwardRef(
   function Maya({ 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 Maya = 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/maybank.cjs

@@ -9,7 +9,24 @@ const react_1 = require("react");
 
 const _variants = {"default":{"viewBox":"0 0 1568 1568","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Maybank"]},{"type":"path","props":{"id":"Layer","fillRule":"evenodd","fill":"#231f20","d":"m784.1 1567.6c-433.4 0-783.7-350.3-783.7-783.6 0-433.4 350.3-783.6 783.7-783.6 433.4 0 783.7 350.2 783.7 783.6 0 433.3-350.3 783.6-783.7 783.6zm720.8-784c0-398.8-322.2-721.1-720.7-721.1-398.6 0-720.7 322.3-720.7 721.1 0 398.7 322.1 721 720.7 721 398.5 0 720.7-322.3 720.7-721zm-1033.4-35.6c-56.1-14.4-105.4 51.3-132.8 100.8 9.5-67.8 92.9-178.9 132.8-100.8zm-123.3 0.8c18.8-64.4 63.4-88 87.2-69-32.4 10-55.8 29.2-87.2 69zm12 148.6c7.8-65.9 79.2-125.8 112.3-117.4 44.8 11.8 47.8 47.9 18.9 72.2-19.9-59-102.5 8.5-131.2 45.2zm581 126.4c5.2-84.8-77.2-124.4-93.1-211.3-15.4-87 128.7-226 37.7-368.4 171.9 138.7 37.2 220.9 124 336.1-33.7-10.2-66.9-40-77-55.7-48.3 63.6 118.4 151 8.4 299.3zm-276.6-684c20.3 0.2 55.3 14.5 41 30.8-47.6 44.4-112 26.1-163.1 71.2 20.9-55.8 114.3-63.8 122.1-102zm38.5 134c84.5-2-13.2 42.2-41.8 143.7-12.8 45-113.6 31-128.7 7.9 25.3 5 104.5-12.2 135.5-118.9 1-2.7-1.7-3.6-3.5-1.1-39.1 42.3-68.1 50-84.5 39.2-17.6 14.1-25.5 24.6-41.4 53.5-28.8-25.6-15.9-48.4 11.7-74.5 3.8-3.6-0.6-8.2-5.6-10.4-25.1-11-30.3-46.2-4.5-59.4-7.2 22.4 17.6 35.8 39.1 16.4 22.3-20.1 58.1 9 102.9-8.5 4.7-71.7 142-80.9 56.6-122.3 81.9 10 100.2 40.7 80.3 63.2-16.5 19.3-93.2 44.3-116.1 71.2zm-53.2 14.1c-21.6 1.3-33.2 0.3-40.5 0.1 11.6 30-8.9 39.8-17.1 19.1 1.7 11.4 7.3 20.1 13.6 20.1 11.4 0.2 21.4-27.6 44-39.3zm242.7-213c36.5 19.7 61 105.4 56 148.8-26.7-31.8-46-49.2-86.8-75.7-7.5-21.7 15.1-81.6 30.8-73.1zm-683.3 421.1c26.4-69.6 90.5-152.3 194.6-213.9 24-62.1 16.1-104.1 268.3-201.9 6.3-37.1 5.2-82 15.7-82 10.9 0 48.1 16.9 74.7 54.9 11-0.8 20.7-1.9 27.5-3.3 4.5-21.6 19.6-81.2 39.4-112 18-28.3 53.1-31.3 98.4 6.1 46.9 38.2 80 54 144.3 136.3 54.4 24.3 139.4 55.6 213 146-32-21.4-68.2-29.3-97.9-32.4 60 52.5 99.6 139.4 69.6 266.4-11.9-118.7-99.2-168.5-152.5-206 28.9 100-96.5 65.2-134.8-10 12.6 4 25.8 3.5 33.7-1.5-4.4-153.1-76.2-241.1-108.2-267.3-41.3-34.3-63.2 47.9-77.2 109.3-4.4 20.5-22 35.2-44.3 34.6 5-7.4 10.5-27.3 11.4-33.8-63.3 5.4-134.8 42.7-178.7 62.5-111.5 50.4-139.4 75.6-164.1 160.1-88.3 37.5-190.2 139.2-232.9 187.9zm556.2-21.4c12.4 14.2 85.9 125.2 0.8 266.4 23.2-103.9-41.5-302.8-113-201 48.5 20.9 64.4 60.5 51.3 99.1-19.8-37.3-70.2-77.4-120.2-60.9-24.9 9-58 9.2-82.7-27.9-32.1-46.6 21.9-105.2-70.1-100.5 111.3-56.3 79 53.1 132.7 66.6 62.4 14.5 69.7-23.7 91.2-48.4 17.3-21.1 49.1-36.9 82.7-14.5 15.9-48.6-7.4-125.8 38.2-166.4 16.8-15.1 70.4-13 98.1 8.7-39.4-0.4-85.8 46.6-109 178.8zm152.6 725.9c50.9-66.3 91.7-159.3 86.7-191.1-55.4 40.1-163.9 58.5-188.7 45 101.1-91.6 85.8-188.4 26.4-195.8-59.2-7.5-128.2 83.3-122.6 207.7-50-22.2-211.1 8.7-225.9-119.1-18.4-27.9-26.5-75.7-20.6-94.8 145.1 83.2 83.2-103.9 170.7-121.6-9.5-26.3-82.7-86.3-181.1 12.4-4.6 16.1-3.5 80.2 4.3 103.1-45.3-6.8-80.9-49.5-89.1-61-48.1-4.5-94.7-18-140.1-139.5-37.9-24.6-57.3-49.3-71.3-76.9 0.6-6.4 6-36.7 34.4-62.6 0 0-10.1 26.6-4.1 37.9 76.9-61.8 86.7-2.4 126.2-10.6 0.8 46.8-47.4 78.6-43.7 123.6 28.2 74.3 47.1 82.1 102.6 90.5 66.5-32.8 121.5-108.7 202.9-110.2 65.9-0.5 148.7 31.5 162.3 122.6 9.3 65.6-130.1 158.7-184.9 140.1-90 97.3 60.5 129.4 110.5 114.5 35.9-165.1 124.2-212.2 193.5-188.5 77.2 26 87.4 123.8 34.7 178.9 42.5-10.2 104.3-43.4 125.3-122.6 16.7 17.6 22 60 23.3 74.7 44.4-65 29.9-206.2-5.7-260.5 29 2.7 55.8 13.9 84.7 38.2 19.9-104.2-47.3-234.6-77.6-256.8 20.2-1.8 48.7 0 87.9 18.6-10.3-62.4-66-102.5-66-150.3 22.4 44.4 142 56.6 135.3 219.9-13.9-12.9-44-26.1-58.7-28.3 42.3 106.1 39.4 210.5 17.2 284.5-9.2-15.2-23.7-32.7-38.1-38.6 14.4 58.6-3.9 219.2-44 284 268.8-185.4 83.6-467.8 202.1-582.8-25.2 121.8 37.5 226 30.1 297.3 58.5-113.9 74.4-304.3 17.7-502 199.4 360.7 9.2 822.2-416.6 920.1zm-308.7-352.4c55.3-26.5 78.3-38.1 82.9-75 1.9-13.8-36.8-17.7-46.5-16.1 7.7 10 18 39.6 8.2 46.9-10.1 7.4-19.6-1.6-30.7-3.2-6 19.3-4.4 38.7-13.9 47.4zm-164.3-28.8c0 0-11.7-43.5-7.9-75.4-9.5 0.9-30.7 15.6-35.4 27 0.3 21.2 43.3 48.4 43.3 48.4zm-176.1-219.2c-4.2-8.1-24.3-13.9-18-32 4.1-11.9 18-11.9 20.3-17.6 2.3-4.7-8-13.4-23.6-9.3-21.6 6.3-38.6 24.4-42.6 28.9 3.4 12 35.2 45.1 55.4 59.2 16.5-10.4 10.9-23.9 8.5-29.2zm267.8 296.9c0 0-25.3-6-44-18.1-1.4 20.6 13.3 39.8 18.7 44.1 13.3-5.6 25.3-26 25.3-26z"},"children":[]}]},"mono":{"viewBox":"0 0 1568 1568","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Maybank"]},{"type":"path","props":{"id":"Layer","fillRule":"evenodd","fill":"currentColor","d":"m784.1 1567.6c-433.4 0-783.7-350.3-783.7-783.6 0-433.4 350.3-783.6 783.7-783.6 433.4 0 783.7 350.2 783.7 783.6 0 433.3-350.3 783.6-783.7 783.6zm720.8-784c0-398.8-322.2-721.1-720.7-721.1-398.6 0-720.7 322.3-720.7 721.1 0 398.7 322.1 721 720.7 721 398.5 0 720.7-322.3 720.7-721zm-1033.4-35.6c-56.1-14.4-105.4 51.3-132.8 100.8 9.5-67.8 92.9-178.9 132.8-100.8zm-123.3 0.8c18.8-64.4 63.4-88 87.2-69-32.4 10-55.8 29.2-87.2 69zm12 148.6c7.8-65.9 79.2-125.8 112.3-117.4 44.8 11.8 47.8 47.9 18.9 72.2-19.9-59-102.5 8.5-131.2 45.2zm581 126.4c5.2-84.8-77.2-124.4-93.1-211.3-15.4-87 128.7-226 37.7-368.4 171.9 138.7 37.2 220.9 124 336.1-33.7-10.2-66.9-40-77-55.7-48.3 63.6 118.4 151 8.4 299.3zm-276.6-684c20.3 0.2 55.3 14.5 41 30.8-47.6 44.4-112 26.1-163.1 71.2 20.9-55.8 114.3-63.8 122.1-102zm38.5 134c84.5-2-13.2 42.2-41.8 143.7-12.8 45-113.6 31-128.7 7.9 25.3 5 104.5-12.2 135.5-118.9 1-2.7-1.7-3.6-3.5-1.1-39.1 42.3-68.1 50-84.5 39.2-17.6 14.1-25.5 24.6-41.4 53.5-28.8-25.6-15.9-48.4 11.7-74.5 3.8-3.6-0.6-8.2-5.6-10.4-25.1-11-30.3-46.2-4.5-59.4-7.2 22.4 17.6 35.8 39.1 16.4 22.3-20.1 58.1 9 102.9-8.5 4.7-71.7 142-80.9 56.6-122.3 81.9 10 100.2 40.7 80.3 63.2-16.5 19.3-93.2 44.3-116.1 71.2zm-53.2 14.1c-21.6 1.3-33.2 0.3-40.5 0.1 11.6 30-8.9 39.8-17.1 19.1 1.7 11.4 7.3 20.1 13.6 20.1 11.4 0.2 21.4-27.6 44-39.3zm242.7-213c36.5 19.7 61 105.4 56 148.8-26.7-31.8-46-49.2-86.8-75.7-7.5-21.7 15.1-81.6 30.8-73.1zm-683.3 421.1c26.4-69.6 90.5-152.3 194.6-213.9 24-62.1 16.1-104.1 268.3-201.9 6.3-37.1 5.2-82 15.7-82 10.9 0 48.1 16.9 74.7 54.9 11-0.8 20.7-1.9 27.5-3.3 4.5-21.6 19.6-81.2 39.4-112 18-28.3 53.1-31.3 98.4 6.1 46.9 38.2 80 54 144.3 136.3 54.4 24.3 139.4 55.6 213 146-32-21.4-68.2-29.3-97.9-32.4 60 52.5 99.6 139.4 69.6 266.4-11.9-118.7-99.2-168.5-152.5-206 28.9 100-96.5 65.2-134.8-10 12.6 4 25.8 3.5 33.7-1.5-4.4-153.1-76.2-241.1-108.2-267.3-41.3-34.3-63.2 47.9-77.2 109.3-4.4 20.5-22 35.2-44.3 34.6 5-7.4 10.5-27.3 11.4-33.8-63.3 5.4-134.8 42.7-178.7 62.5-111.5 50.4-139.4 75.6-164.1 160.1-88.3 37.5-190.2 139.2-232.9 187.9zm556.2-21.4c12.4 14.2 85.9 125.2 0.8 266.4 23.2-103.9-41.5-302.8-113-201 48.5 20.9 64.4 60.5 51.3 99.1-19.8-37.3-70.2-77.4-120.2-60.9-24.9 9-58 9.2-82.7-27.9-32.1-46.6 21.9-105.2-70.1-100.5 111.3-56.3 79 53.1 132.7 66.6 62.4 14.5 69.7-23.7 91.2-48.4 17.3-21.1 49.1-36.9 82.7-14.5 15.9-48.6-7.4-125.8 38.2-166.4 16.8-15.1 70.4-13 98.1 8.7-39.4-0.4-85.8 46.6-109 178.8zm152.6 725.9c50.9-66.3 91.7-159.3 86.7-191.1-55.4 40.1-163.9 58.5-188.7 45 101.1-91.6 85.8-188.4 26.4-195.8-59.2-7.5-128.2 83.3-122.6 207.7-50-22.2-211.1 8.7-225.9-119.1-18.4-27.9-26.5-75.7-20.6-94.8 145.1 83.2 83.2-103.9 170.7-121.6-9.5-26.3-82.7-86.3-181.1 12.4-4.6 16.1-3.5 80.2 4.3 103.1-45.3-6.8-80.9-49.5-89.1-61-48.1-4.5-94.7-18-140.1-139.5-37.9-24.6-57.3-49.3-71.3-76.9 0.6-6.4 6-36.7 34.4-62.6 0 0-10.1 26.6-4.1 37.9 76.9-61.8 86.7-2.4 126.2-10.6 0.8 46.8-47.4 78.6-43.7 123.6 28.2 74.3 47.1 82.1 102.6 90.5 66.5-32.8 121.5-108.7 202.9-110.2 65.9-0.5 148.7 31.5 162.3 122.6 9.3 65.6-130.1 158.7-184.9 140.1-90 97.3 60.5 129.4 110.5 114.5 35.9-165.1 124.2-212.2 193.5-188.5 77.2 26 87.4 123.8 34.7 178.9 42.5-10.2 104.3-43.4 125.3-122.6 16.7 17.6 22 60 23.3 74.7 44.4-65 29.9-206.2-5.7-260.5 29 2.7 55.8 13.9 84.7 38.2 19.9-104.2-47.3-234.6-77.6-256.8 20.2-1.8 48.7 0 87.9 18.6-10.3-62.4-66-102.5-66-150.3 22.4 44.4 142 56.6 135.3 219.9-13.9-12.9-44-26.1-58.7-28.3 42.3 106.1 39.4 210.5 17.2 284.5-9.2-15.2-23.7-32.7-38.1-38.6 14.4 58.6-3.9 219.2-44 284 268.8-185.4 83.6-467.8 202.1-582.8-25.2 121.8 37.5 226 30.1 297.3 58.5-113.9 74.4-304.3 17.7-502 199.4 360.7 9.2 822.2-416.6 920.1zm-308.7-352.4c55.3-26.5 78.3-38.1 82.9-75 1.9-13.8-36.8-17.7-46.5-16.1 7.7 10 18 39.6 8.2 46.9-10.1 7.4-19.6-1.6-30.7-3.2-6 19.3-4.4 38.7-13.9 47.4zm-164.3-28.8c0 0-11.7-43.5-7.9-75.4-9.5 0.9-30.7 15.6-35.4 27 0.3 21.2 43.3 48.4 43.3 48.4zm-176.1-219.2c-4.2-8.1-24.3-13.9-18-32 4.1-11.9 18-11.9 20.3-17.6 2.3-4.7-8-13.4-23.6-9.3-21.6 6.3-38.6 24.4-42.6 28.9 3.4 12 35.2 45.1 55.4 59.2 16.5-10.4 10.9-23.9 8.5-29.2zm267.8 296.9c0 0-25.3-6-44-18.1-1.4 20.6 13.3 39.8 18.7 44.1 13.3-5.6 25.3-26 25.3-26z"},"children":[]}]},"wordmark":{"viewBox":"0 0 1599 314","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Maybank"]},{"type":"path","props":{"fillRule":"evenodd","fill":"#231f20","d":"m1013.4 254c-24.9 0-48.9-4.7-62.9-10.1v-196.8h51.4v66.2c6.5-2.4 17.7-4.2 26.4-4.2 43.6 0 73.5 24.4 73.5 67.2 0 52.6-31.4 77.7-88.4 77.7zm4.6-112.7c-5.8 0-12.1 1.3-16.1 2.9v74.7c3.1 1 9 1.8 14.9 1.8 21.2 0 33.6-14.7 33.6-40.7 0-24.7-11.8-38.7-32.4-38.7zm169.4 112.7c-52.9 0-79-16.3-79-46.2 0-37.1 45.5-45.8 96.2-48v-5.5c0-11.1-9.3-16.4-26.8-16.4-16.2 0-35.5 4.5-47.6 8.6l-12.5-28.6c14.9-4.9 35.7-11.1 66.4-11.1 45.8 0 68.8 15.5 68.8 52.7v84.4c-12.8 5.4-38.6 10.1-65.5 10.1zm17.2-67.5c-27.7 1.1-48.6 3.6-48.6 20.3 0 11.4 11.5 17.6 29.9 17.6 7.2 0 15.3-1 18.7-2.1zm162.3 64.3v-90.8c0-11.7-6.6-19.4-25-19.4-9.6 0-18 3.6-18 3.6v106.6h-51.4v-132.8c18.7-6.1 40.8-11.1 70.1-11.1 52.6 0 75.6 17.7 75.6 48.2v95.7zm174.1 0l-51.4-69.8h-0.6v69.8h-50.7v-203.7h50.7v123.9h0.6l46.4-60.1h58l-52.3 65.2 56.7 74.7zm-687.2 56h-53.9l25.2-56-63.2-139.9h55.9l34.1 99.4 33.8-99.4h55.9zm-240.2-55.9h-48.9l-15.6-129.1-45.8 129.1h-32.3l-45.8-129.1-15.6 129.1h-48.9l27.1-187.9h59.8l39.6 116.1 39.5-116.1h59.8zm85.6 3.1c-53 0-79.1-16.2-79.1-46.2 0-37.1 45.5-45.7 96.2-48v-5.4c0-11.2-9.3-16.4-26.8-16.4-16.2 0-35.5 4.5-47.6 8.6l-12.5-28.6c15-4.9 40.2-11.1 66.4-11.1 45.8 0 68.8 15.5 68.8 52.6v84.5c-12.8 5.4-38.6 10-65.4 10zm17.1-67.5c-27.7 1.2-48.6 3.7-48.6 20.3 0 11.4 11.6 17.7 29.9 17.7 7.2 0 15.2-1.1 18.7-2.2zm-559.2 126.9c-86.5 0-156.4-70-156.4-156.5 0-86.6 69.9-156.6 156.4-156.6 86.5 0 156.5 70 156.5 156.6 0 86.5-70 156.5-156.5 156.5zm143.9-156.6c0-79.7-64.3-144-143.9-144-79.5 0-143.8 64.3-143.8 144 0 79.6 64.3 144 143.8 144 79.6 0 143.9-64.4 143.9-144z"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","fill":"#231f20","d":"m94.7 149.6c-11.2-2.9-21 10.2-26.5 20.1 1.9-13.5 18.6-35.7 26.5-20.1zm-24.6 0.2c3.8-12.9 12.7-17.6 17.4-13.8-6.4 2-11.1 5.8-17.4 13.8zm2.4 29.6c1.6-13.1 15.8-25.1 22.4-23.4 9 2.4 9.6 9.6 3.8 14.4-4-11.8-20.5 1.7-26.2 9zm116 25.3c1-16.9-15.4-24.9-18.6-42.2-3.1-17.4 25.7-45.2 7.5-73.6 34.3 27.7 7.5 44.1 24.8 67.1-6.7-2-13.4-8-15.4-11.1-9.6 12.7 23.7 30.2 1.7 59.8zm-55.2-136.6c4 0 11 2.9 8.2 6.1-9.5 8.9-22.4 5.2-32.6 14.2 4.2-11.1 22.8-12.7 24.4-20.3z"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","fill":"#231f20","d":"m141 94.8c16.8-0.4-2.7 8.5-8.4 28.8-2.5 8.9-22.7 6.1-25.7 1.5 5.1 1 20.9-2.4 27.1-23.7 0.2-0.6-0.4-0.7-0.7-0.3-7.8 8.5-13.6 10-16.9 7.9-3.5 2.8-5.1 4.9-8.3 10.7-5.7-5.1-3.1-9.7 2.4-14.9 0.7-0.7-0.1-1.7-1.1-2.1-5.1-2.2-6.1-9.2-0.9-11.9-1.5 4.5 3.5 7.2 7.8 3.3 4.4-4 11.6 1.8 20.5-1.7 0.9-14.3 28.3-16.1 11.3-24.4 16.4 2 20 8.1 16 12.6-3.3 3.9-18.6 8.9-23.1 14.2zm-10.7 2.9c-4.3 0.2-6.6 0-8.1 0 2.4 6-1.7 7.9-3.4 3.8 0.4 2.3 1.5 4 2.7 4 2.3 0 4.3-5.5 8.8-7.8zm48.5-42.6c7.3 3.9 12.2 21.1 11.2 29.7-5.4-6.3-9.2-9.8-17.4-15.1-1.5-4.3 3.1-16.3 6.2-14.6z"},"children":[]},{"type":"path","props":{"fill":"#231f20","d":"m42.4 139.2c5.2-13.9 18.1-30.4 38.8-42.7 4.8-12.4 3.2-20.8 53.6-40.3 1.3-7.4 1-16.4 3.1-16.4 2.2 0 9.6 3.4 14.9 11 2.2-0.2 4.2-0.4 5.5-0.7 0.9-4.3 3.9-16.2 7.9-22.4 3.6-5.6 10.6-6.2 19.6 1.2 9.4 7.7 16 10.8 28.8 27.3 10.9 4.8 27.9 11.1 42.6 29.1-6.4-4.2-13.6-5.8-19.6-6.4 12 10.4 19.9 27.8 13.9 53.2-2.4-23.7-19.8-33.7-30.4-41.2 5.7 20-19.3 13.1-26.9-2 2.5 0.8 5.1 0.7 6.7-0.3-0.9-30.6-15.2-48.1-21.6-53.4-8.3-6.8-12.6 9.6-15.4 21.9-0.9 4.1-4.4 7-8.9 6.9 1-1.5 2.1-5.5 2.3-6.8-12.6 1.1-26.9 8.6-35.7 12.5-22.2 10.1-27.8 15.1-32.7 32-17.7 7.5-38 27.8-46.5 37.5z"},"children":[]},{"type":"path","props":{"fill":"#231f20","d":"m153.4 134.9c2.5 2.9 17.2 25.1 0.2 53.3 4.6-20.8-8.3-60.5-22.6-40.2 9.7 4.2 12.9 12.1 10.3 19.8-4-7.4-14-15.5-24-12.2-5 1.8-11.6 1.9-16.5-5.5-6.5-9.3 4.3-21-14-20.1 22.2-11.3 15.7 10.6 26.4 13.3 12.5 2.9 14-4.7 18.3-9.7 3.4-4.2 9.8-7.3 16.5-2.9 3.1-9.7-1.5-25.1 7.6-33.2 3.4-3 14-2.6 19.6 1.7-7.9-0.1-17.1 9.3-21.8 35.7z"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","fill":"#231f20","d":"m183.9 279.9c10.1-13.2 18.3-31.8 17.3-38.1-11.1 8-32.7 11.7-37.7 9 20.2-18.3 17.2-37.7 5.3-39.2-11.8-1.4-25.6 16.7-24.5 41.5-10-4.4-42.1 1.8-45.1-23.7-3.7-5.6-5.3-15.2-4.1-19 29 16.6 16.6-20.7 34.1-24.3-1.9-5.2-16.5-17.2-36.2 2.5-0.9 3.2-0.7 16 0.9 20.6-9.1-1.4-16.2-9.9-17.8-12.2-9.6-0.9-18.9-3.6-28-27.9-7.5-4.9-11.4-9.8-14.2-15.3 0.1-1.3 1.2-7.4 6.9-12.5 0 0-2.1 5.3-0.9 7.5 15.4-12.3 17.4-0.4 25.2-2.1 0.2 9.4-9.4 15.7-8.7 24.7 5.6 14.9 9.4 16.4 20.5 18.1 13.3-6.5 24.3-21.7 40.5-22 13.2-0.1 29.7 6.3 32.4 24.5 1.9 13.1-26 31.7-36.9 28-18 19.4 12.1 25.8 22.1 22.8 7.1-32.9 24.7-42.4 38.6-37.6 15.4 5.2 17.4 24.7 6.9 35.7 8.5-2 20.8-8.6 25-24.5 3.4 3.5 4.4 12 4.7 15 8.8-13 5.9-41.2-1.2-52.1 5.8 0.5 11.2 2.8 17 7.6 3.9-20.8-9.5-46.8-15.5-51.2 4-0.4 9.7 0 17.5 3.7-2-12.5-13.2-20.5-13.2-30.1 4.5 8.9 28.4 11.3 27 44-2.7-2.6-8.7-5.3-11.7-5.7 8.5 21.2 7.9 42.1 3.5 56.8-1.9-3-4.8-6.5-7.6-7.7 2.8 11.7-0.8 43.8-8.8 56.8 53.6-37.1 16.6-93.5 40.3-116.5-5 24.4 7.5 45.2 6 59.4 11.7-22.7 14.9-60.7 3.5-100.2 39.8 72 1.9 164.2-83.1 183.7zm-61.6-70.3c11-5.3 15.6-7.7 16.5-15 0.4-2.8-7.3-3.6-9.3-3.2 1.6 1.9 3.6 7.9 1.7 9.3-2.1 1.5-4-0.3-6.2-0.6-1.2 3.8-0.9 7.7-2.7 9.5zm-32.8-5.8c0 0-2.4-8.7-1.6-15.1-1.9 0.2-6.2 3.2-7.1 5.4 0.1 4.3 8.7 9.7 8.7 9.7zm-35.2-43.8c-0.8-1.6-4.8-2.8-3.6-6.4 0.8-2.4 3.6-2.4 4.1-3.5 0.4-0.9-1.6-2.7-4.8-1.8-4.3 1.2-7.7 4.8-8.4 5.7 0.6 2.4 7 9 11 11.9 3.3-2.1 2.2-4.8 1.7-5.9zm53.5 59.3c0 0-5.1-1.2-8.8-3.6-0.3 4.1 2.6 7.9 3.7 8.8 2.7-1.1 5.1-5.2 5.1-5.2z"},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Maybank = react_1.forwardRef(function Maybank({ 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 Maybank = react_1.forwardRef(function Maybank({ 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/maybank.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 1568 1568","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Maybank"]},{"type":"path","props":{"id":"Layer","fillRule":"evenodd","fill":"#231f20","d":"m784.1 1567.6c-433.4 0-783.7-350.3-783.7-783.6 0-433.4 350.3-783.6 783.7-783.6 433.4 0 783.7 350.2 783.7 783.6 0 433.3-350.3 783.6-783.7 783.6zm720.8-784c0-398.8-322.2-721.1-720.7-721.1-398.6 0-720.7 322.3-720.7 721.1 0 398.7 322.1 721 720.7 721 398.5 0 720.7-322.3 720.7-721zm-1033.4-35.6c-56.1-14.4-105.4 51.3-132.8 100.8 9.5-67.8 92.9-178.9 132.8-100.8zm-123.3 0.8c18.8-64.4 63.4-88 87.2-69-32.4 10-55.8 29.2-87.2 69zm12 148.6c7.8-65.9 79.2-125.8 112.3-117.4 44.8 11.8 47.8 47.9 18.9 72.2-19.9-59-102.5 8.5-131.2 45.2zm581 126.4c5.2-84.8-77.2-124.4-93.1-211.3-15.4-87 128.7-226 37.7-368.4 171.9 138.7 37.2 220.9 124 336.1-33.7-10.2-66.9-40-77-55.7-48.3 63.6 118.4 151 8.4 299.3zm-276.6-684c20.3 0.2 55.3 14.5 41 30.8-47.6 44.4-112 26.1-163.1 71.2 20.9-55.8 114.3-63.8 122.1-102zm38.5 134c84.5-2-13.2 42.2-41.8 143.7-12.8 45-113.6 31-128.7 7.9 25.3 5 104.5-12.2 135.5-118.9 1-2.7-1.7-3.6-3.5-1.1-39.1 42.3-68.1 50-84.5 39.2-17.6 14.1-25.5 24.6-41.4 53.5-28.8-25.6-15.9-48.4 11.7-74.5 3.8-3.6-0.6-8.2-5.6-10.4-25.1-11-30.3-46.2-4.5-59.4-7.2 22.4 17.6 35.8 39.1 16.4 22.3-20.1 58.1 9 102.9-8.5 4.7-71.7 142-80.9 56.6-122.3 81.9 10 100.2 40.7 80.3 63.2-16.5 19.3-93.2 44.3-116.1 71.2zm-53.2 14.1c-21.6 1.3-33.2 0.3-40.5 0.1 11.6 30-8.9 39.8-17.1 19.1 1.7 11.4 7.3 20.1 13.6 20.1 11.4 0.2 21.4-27.6 44-39.3zm242.7-213c36.5 19.7 61 105.4 56 148.8-26.7-31.8-46-49.2-86.8-75.7-7.5-21.7 15.1-81.6 30.8-73.1zm-683.3 421.1c26.4-69.6 90.5-152.3 194.6-213.9 24-62.1 16.1-104.1 268.3-201.9 6.3-37.1 5.2-82 15.7-82 10.9 0 48.1 16.9 74.7 54.9 11-0.8 20.7-1.9 27.5-3.3 4.5-21.6 19.6-81.2 39.4-112 18-28.3 53.1-31.3 98.4 6.1 46.9 38.2 80 54 144.3 136.3 54.4 24.3 139.4 55.6 213 146-32-21.4-68.2-29.3-97.9-32.4 60 52.5 99.6 139.4 69.6 266.4-11.9-118.7-99.2-168.5-152.5-206 28.9 100-96.5 65.2-134.8-10 12.6 4 25.8 3.5 33.7-1.5-4.4-153.1-76.2-241.1-108.2-267.3-41.3-34.3-63.2 47.9-77.2 109.3-4.4 20.5-22 35.2-44.3 34.6 5-7.4 10.5-27.3 11.4-33.8-63.3 5.4-134.8 42.7-178.7 62.5-111.5 50.4-139.4 75.6-164.1 160.1-88.3 37.5-190.2 139.2-232.9 187.9zm556.2-21.4c12.4 14.2 85.9 125.2 0.8 266.4 23.2-103.9-41.5-302.8-113-201 48.5 20.9 64.4 60.5 51.3 99.1-19.8-37.3-70.2-77.4-120.2-60.9-24.9 9-58 9.2-82.7-27.9-32.1-46.6 21.9-105.2-70.1-100.5 111.3-56.3 79 53.1 132.7 66.6 62.4 14.5 69.7-23.7 91.2-48.4 17.3-21.1 49.1-36.9 82.7-14.5 15.9-48.6-7.4-125.8 38.2-166.4 16.8-15.1 70.4-13 98.1 8.7-39.4-0.4-85.8 46.6-109 178.8zm152.6 725.9c50.9-66.3 91.7-159.3 86.7-191.1-55.4 40.1-163.9 58.5-188.7 45 101.1-91.6 85.8-188.4 26.4-195.8-59.2-7.5-128.2 83.3-122.6 207.7-50-22.2-211.1 8.7-225.9-119.1-18.4-27.9-26.5-75.7-20.6-94.8 145.1 83.2 83.2-103.9 170.7-121.6-9.5-26.3-82.7-86.3-181.1 12.4-4.6 16.1-3.5 80.2 4.3 103.1-45.3-6.8-80.9-49.5-89.1-61-48.1-4.5-94.7-18-140.1-139.5-37.9-24.6-57.3-49.3-71.3-76.9 0.6-6.4 6-36.7 34.4-62.6 0 0-10.1 26.6-4.1 37.9 76.9-61.8 86.7-2.4 126.2-10.6 0.8 46.8-47.4 78.6-43.7 123.6 28.2 74.3 47.1 82.1 102.6 90.5 66.5-32.8 121.5-108.7 202.9-110.2 65.9-0.5 148.7 31.5 162.3 122.6 9.3 65.6-130.1 158.7-184.9 140.1-90 97.3 60.5 129.4 110.5 114.5 35.9-165.1 124.2-212.2 193.5-188.5 77.2 26 87.4 123.8 34.7 178.9 42.5-10.2 104.3-43.4 125.3-122.6 16.7 17.6 22 60 23.3 74.7 44.4-65 29.9-206.2-5.7-260.5 29 2.7 55.8 13.9 84.7 38.2 19.9-104.2-47.3-234.6-77.6-256.8 20.2-1.8 48.7 0 87.9 18.6-10.3-62.4-66-102.5-66-150.3 22.4 44.4 142 56.6 135.3 219.9-13.9-12.9-44-26.1-58.7-28.3 42.3 106.1 39.4 210.5 17.2 284.5-9.2-15.2-23.7-32.7-38.1-38.6 14.4 58.6-3.9 219.2-44 284 268.8-185.4 83.6-467.8 202.1-582.8-25.2 121.8 37.5 226 30.1 297.3 58.5-113.9 74.4-304.3 17.7-502 199.4 360.7 9.2 822.2-416.6 920.1zm-308.7-352.4c55.3-26.5 78.3-38.1 82.9-75 1.9-13.8-36.8-17.7-46.5-16.1 7.7 10 18 39.6 8.2 46.9-10.1 7.4-19.6-1.6-30.7-3.2-6 19.3-4.4 38.7-13.9 47.4zm-164.3-28.8c0 0-11.7-43.5-7.9-75.4-9.5 0.9-30.7 15.6-35.4 27 0.3 21.2 43.3 48.4 43.3 48.4zm-176.1-219.2c-4.2-8.1-24.3-13.9-18-32 4.1-11.9 18-11.9 20.3-17.6 2.3-4.7-8-13.4-23.6-9.3-21.6 6.3-38.6 24.4-42.6 28.9 3.4 12 35.2 45.1 55.4 59.2 16.5-10.4 10.9-23.9 8.5-29.2zm267.8 296.9c0 0-25.3-6-44-18.1-1.4 20.6 13.3 39.8 18.7 44.1 13.3-5.6 25.3-26 25.3-26z"},"children":[]}]},"mono":{"viewBox":"0 0 1568 1568","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Maybank"]},{"type":"path","props":{"id":"Layer","fillRule":"evenodd","fill":"currentColor","d":"m784.1 1567.6c-433.4 0-783.7-350.3-783.7-783.6 0-433.4 350.3-783.6 783.7-783.6 433.4 0 783.7 350.2 783.7 783.6 0 433.3-350.3 783.6-783.7 783.6zm720.8-784c0-398.8-322.2-721.1-720.7-721.1-398.6 0-720.7 322.3-720.7 721.1 0 398.7 322.1 721 720.7 721 398.5 0 720.7-322.3 720.7-721zm-1033.4-35.6c-56.1-14.4-105.4 51.3-132.8 100.8 9.5-67.8 92.9-178.9 132.8-100.8zm-123.3 0.8c18.8-64.4 63.4-88 87.2-69-32.4 10-55.8 29.2-87.2 69zm12 148.6c7.8-65.9 79.2-125.8 112.3-117.4 44.8 11.8 47.8 47.9 18.9 72.2-19.9-59-102.5 8.5-131.2 45.2zm581 126.4c5.2-84.8-77.2-124.4-93.1-211.3-15.4-87 128.7-226 37.7-368.4 171.9 138.7 37.2 220.9 124 336.1-33.7-10.2-66.9-40-77-55.7-48.3 63.6 118.4 151 8.4 299.3zm-276.6-684c20.3 0.2 55.3 14.5 41 30.8-47.6 44.4-112 26.1-163.1 71.2 20.9-55.8 114.3-63.8 122.1-102zm38.5 134c84.5-2-13.2 42.2-41.8 143.7-12.8 45-113.6 31-128.7 7.9 25.3 5 104.5-12.2 135.5-118.9 1-2.7-1.7-3.6-3.5-1.1-39.1 42.3-68.1 50-84.5 39.2-17.6 14.1-25.5 24.6-41.4 53.5-28.8-25.6-15.9-48.4 11.7-74.5 3.8-3.6-0.6-8.2-5.6-10.4-25.1-11-30.3-46.2-4.5-59.4-7.2 22.4 17.6 35.8 39.1 16.4 22.3-20.1 58.1 9 102.9-8.5 4.7-71.7 142-80.9 56.6-122.3 81.9 10 100.2 40.7 80.3 63.2-16.5 19.3-93.2 44.3-116.1 71.2zm-53.2 14.1c-21.6 1.3-33.2 0.3-40.5 0.1 11.6 30-8.9 39.8-17.1 19.1 1.7 11.4 7.3 20.1 13.6 20.1 11.4 0.2 21.4-27.6 44-39.3zm242.7-213c36.5 19.7 61 105.4 56 148.8-26.7-31.8-46-49.2-86.8-75.7-7.5-21.7 15.1-81.6 30.8-73.1zm-683.3 421.1c26.4-69.6 90.5-152.3 194.6-213.9 24-62.1 16.1-104.1 268.3-201.9 6.3-37.1 5.2-82 15.7-82 10.9 0 48.1 16.9 74.7 54.9 11-0.8 20.7-1.9 27.5-3.3 4.5-21.6 19.6-81.2 39.4-112 18-28.3 53.1-31.3 98.4 6.1 46.9 38.2 80 54 144.3 136.3 54.4 24.3 139.4 55.6 213 146-32-21.4-68.2-29.3-97.9-32.4 60 52.5 99.6 139.4 69.6 266.4-11.9-118.7-99.2-168.5-152.5-206 28.9 100-96.5 65.2-134.8-10 12.6 4 25.8 3.5 33.7-1.5-4.4-153.1-76.2-241.1-108.2-267.3-41.3-34.3-63.2 47.9-77.2 109.3-4.4 20.5-22 35.2-44.3 34.6 5-7.4 10.5-27.3 11.4-33.8-63.3 5.4-134.8 42.7-178.7 62.5-111.5 50.4-139.4 75.6-164.1 160.1-88.3 37.5-190.2 139.2-232.9 187.9zm556.2-21.4c12.4 14.2 85.9 125.2 0.8 266.4 23.2-103.9-41.5-302.8-113-201 48.5 20.9 64.4 60.5 51.3 99.1-19.8-37.3-70.2-77.4-120.2-60.9-24.9 9-58 9.2-82.7-27.9-32.1-46.6 21.9-105.2-70.1-100.5 111.3-56.3 79 53.1 132.7 66.6 62.4 14.5 69.7-23.7 91.2-48.4 17.3-21.1 49.1-36.9 82.7-14.5 15.9-48.6-7.4-125.8 38.2-166.4 16.8-15.1 70.4-13 98.1 8.7-39.4-0.4-85.8 46.6-109 178.8zm152.6 725.9c50.9-66.3 91.7-159.3 86.7-191.1-55.4 40.1-163.9 58.5-188.7 45 101.1-91.6 85.8-188.4 26.4-195.8-59.2-7.5-128.2 83.3-122.6 207.7-50-22.2-211.1 8.7-225.9-119.1-18.4-27.9-26.5-75.7-20.6-94.8 145.1 83.2 83.2-103.9 170.7-121.6-9.5-26.3-82.7-86.3-181.1 12.4-4.6 16.1-3.5 80.2 4.3 103.1-45.3-6.8-80.9-49.5-89.1-61-48.1-4.5-94.7-18-140.1-139.5-37.9-24.6-57.3-49.3-71.3-76.9 0.6-6.4 6-36.7 34.4-62.6 0 0-10.1 26.6-4.1 37.9 76.9-61.8 86.7-2.4 126.2-10.6 0.8 46.8-47.4 78.6-43.7 123.6 28.2 74.3 47.1 82.1 102.6 90.5 66.5-32.8 121.5-108.7 202.9-110.2 65.9-0.5 148.7 31.5 162.3 122.6 9.3 65.6-130.1 158.7-184.9 140.1-90 97.3 60.5 129.4 110.5 114.5 35.9-165.1 124.2-212.2 193.5-188.5 77.2 26 87.4 123.8 34.7 178.9 42.5-10.2 104.3-43.4 125.3-122.6 16.7 17.6 22 60 23.3 74.7 44.4-65 29.9-206.2-5.7-260.5 29 2.7 55.8 13.9 84.7 38.2 19.9-104.2-47.3-234.6-77.6-256.8 20.2-1.8 48.7 0 87.9 18.6-10.3-62.4-66-102.5-66-150.3 22.4 44.4 142 56.6 135.3 219.9-13.9-12.9-44-26.1-58.7-28.3 42.3 106.1 39.4 210.5 17.2 284.5-9.2-15.2-23.7-32.7-38.1-38.6 14.4 58.6-3.9 219.2-44 284 268.8-185.4 83.6-467.8 202.1-582.8-25.2 121.8 37.5 226 30.1 297.3 58.5-113.9 74.4-304.3 17.7-502 199.4 360.7 9.2 822.2-416.6 920.1zm-308.7-352.4c55.3-26.5 78.3-38.1 82.9-75 1.9-13.8-36.8-17.7-46.5-16.1 7.7 10 18 39.6 8.2 46.9-10.1 7.4-19.6-1.6-30.7-3.2-6 19.3-4.4 38.7-13.9 47.4zm-164.3-28.8c0 0-11.7-43.5-7.9-75.4-9.5 0.9-30.7 15.6-35.4 27 0.3 21.2 43.3 48.4 43.3 48.4zm-176.1-219.2c-4.2-8.1-24.3-13.9-18-32 4.1-11.9 18-11.9 20.3-17.6 2.3-4.7-8-13.4-23.6-9.3-21.6 6.3-38.6 24.4-42.6 28.9 3.4 12 35.2 45.1 55.4 59.2 16.5-10.4 10.9-23.9 8.5-29.2zm267.8 296.9c0 0-25.3-6-44-18.1-1.4 20.6 13.3 39.8 18.7 44.1 13.3-5.6 25.3-26 25.3-26z"},"children":[]}]},"wordmark":{"viewBox":"0 0 1599 314","fill":"currentColor","childNodes":[{"type":"title","props":{},"children":["Maybank"]},{"type":"path","props":{"fillRule":"evenodd","fill":"#231f20","d":"m1013.4 254c-24.9 0-48.9-4.7-62.9-10.1v-196.8h51.4v66.2c6.5-2.4 17.7-4.2 26.4-4.2 43.6 0 73.5 24.4 73.5 67.2 0 52.6-31.4 77.7-88.4 77.7zm4.6-112.7c-5.8 0-12.1 1.3-16.1 2.9v74.7c3.1 1 9 1.8 14.9 1.8 21.2 0 33.6-14.7 33.6-40.7 0-24.7-11.8-38.7-32.4-38.7zm169.4 112.7c-52.9 0-79-16.3-79-46.2 0-37.1 45.5-45.8 96.2-48v-5.5c0-11.1-9.3-16.4-26.8-16.4-16.2 0-35.5 4.5-47.6 8.6l-12.5-28.6c14.9-4.9 35.7-11.1 66.4-11.1 45.8 0 68.8 15.5 68.8 52.7v84.4c-12.8 5.4-38.6 10.1-65.5 10.1zm17.2-67.5c-27.7 1.1-48.6 3.6-48.6 20.3 0 11.4 11.5 17.6 29.9 17.6 7.2 0 15.3-1 18.7-2.1zm162.3 64.3v-90.8c0-11.7-6.6-19.4-25-19.4-9.6 0-18 3.6-18 3.6v106.6h-51.4v-132.8c18.7-6.1 40.8-11.1 70.1-11.1 52.6 0 75.6 17.7 75.6 48.2v95.7zm174.1 0l-51.4-69.8h-0.6v69.8h-50.7v-203.7h50.7v123.9h0.6l46.4-60.1h58l-52.3 65.2 56.7 74.7zm-687.2 56h-53.9l25.2-56-63.2-139.9h55.9l34.1 99.4 33.8-99.4h55.9zm-240.2-55.9h-48.9l-15.6-129.1-45.8 129.1h-32.3l-45.8-129.1-15.6 129.1h-48.9l27.1-187.9h59.8l39.6 116.1 39.5-116.1h59.8zm85.6 3.1c-53 0-79.1-16.2-79.1-46.2 0-37.1 45.5-45.7 96.2-48v-5.4c0-11.2-9.3-16.4-26.8-16.4-16.2 0-35.5 4.5-47.6 8.6l-12.5-28.6c15-4.9 40.2-11.1 66.4-11.1 45.8 0 68.8 15.5 68.8 52.6v84.5c-12.8 5.4-38.6 10-65.4 10zm17.1-67.5c-27.7 1.2-48.6 3.7-48.6 20.3 0 11.4 11.6 17.7 29.9 17.7 7.2 0 15.2-1.1 18.7-2.2zm-559.2 126.9c-86.5 0-156.4-70-156.4-156.5 0-86.6 69.9-156.6 156.4-156.6 86.5 0 156.5 70 156.5 156.6 0 86.5-70 156.5-156.5 156.5zm143.9-156.6c0-79.7-64.3-144-143.9-144-79.5 0-143.8 64.3-143.8 144 0 79.6 64.3 144 143.8 144 79.6 0 143.9-64.4 143.9-144z"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","fill":"#231f20","d":"m94.7 149.6c-11.2-2.9-21 10.2-26.5 20.1 1.9-13.5 18.6-35.7 26.5-20.1zm-24.6 0.2c3.8-12.9 12.7-17.6 17.4-13.8-6.4 2-11.1 5.8-17.4 13.8zm2.4 29.6c1.6-13.1 15.8-25.1 22.4-23.4 9 2.4 9.6 9.6 3.8 14.4-4-11.8-20.5 1.7-26.2 9zm116 25.3c1-16.9-15.4-24.9-18.6-42.2-3.1-17.4 25.7-45.2 7.5-73.6 34.3 27.7 7.5 44.1 24.8 67.1-6.7-2-13.4-8-15.4-11.1-9.6 12.7 23.7 30.2 1.7 59.8zm-55.2-136.6c4 0 11 2.9 8.2 6.1-9.5 8.9-22.4 5.2-32.6 14.2 4.2-11.1 22.8-12.7 24.4-20.3z"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","fill":"#231f20","d":"m141 94.8c16.8-0.4-2.7 8.5-8.4 28.8-2.5 8.9-22.7 6.1-25.7 1.5 5.1 1 20.9-2.4 27.1-23.7 0.2-0.6-0.4-0.7-0.7-0.3-7.8 8.5-13.6 10-16.9 7.9-3.5 2.8-5.1 4.9-8.3 10.7-5.7-5.1-3.1-9.7 2.4-14.9 0.7-0.7-0.1-1.7-1.1-2.1-5.1-2.2-6.1-9.2-0.9-11.9-1.5 4.5 3.5 7.2 7.8 3.3 4.4-4 11.6 1.8 20.5-1.7 0.9-14.3 28.3-16.1 11.3-24.4 16.4 2 20 8.1 16 12.6-3.3 3.9-18.6 8.9-23.1 14.2zm-10.7 2.9c-4.3 0.2-6.6 0-8.1 0 2.4 6-1.7 7.9-3.4 3.8 0.4 2.3 1.5 4 2.7 4 2.3 0 4.3-5.5 8.8-7.8zm48.5-42.6c7.3 3.9 12.2 21.1 11.2 29.7-5.4-6.3-9.2-9.8-17.4-15.1-1.5-4.3 3.1-16.3 6.2-14.6z"},"children":[]},{"type":"path","props":{"fill":"#231f20","d":"m42.4 139.2c5.2-13.9 18.1-30.4 38.8-42.7 4.8-12.4 3.2-20.8 53.6-40.3 1.3-7.4 1-16.4 3.1-16.4 2.2 0 9.6 3.4 14.9 11 2.2-0.2 4.2-0.4 5.5-0.7 0.9-4.3 3.9-16.2 7.9-22.4 3.6-5.6 10.6-6.2 19.6 1.2 9.4 7.7 16 10.8 28.8 27.3 10.9 4.8 27.9 11.1 42.6 29.1-6.4-4.2-13.6-5.8-19.6-6.4 12 10.4 19.9 27.8 13.9 53.2-2.4-23.7-19.8-33.7-30.4-41.2 5.7 20-19.3 13.1-26.9-2 2.5 0.8 5.1 0.7 6.7-0.3-0.9-30.6-15.2-48.1-21.6-53.4-8.3-6.8-12.6 9.6-15.4 21.9-0.9 4.1-4.4 7-8.9 6.9 1-1.5 2.1-5.5 2.3-6.8-12.6 1.1-26.9 8.6-35.7 12.5-22.2 10.1-27.8 15.1-32.7 32-17.7 7.5-38 27.8-46.5 37.5z"},"children":[]},{"type":"path","props":{"fill":"#231f20","d":"m153.4 134.9c2.5 2.9 17.2 25.1 0.2 53.3 4.6-20.8-8.3-60.5-22.6-40.2 9.7 4.2 12.9 12.1 10.3 19.8-4-7.4-14-15.5-24-12.2-5 1.8-11.6 1.9-16.5-5.5-6.5-9.3 4.3-21-14-20.1 22.2-11.3 15.7 10.6 26.4 13.3 12.5 2.9 14-4.7 18.3-9.7 3.4-4.2 9.8-7.3 16.5-2.9 3.1-9.7-1.5-25.1 7.6-33.2 3.4-3 14-2.6 19.6 1.7-7.9-0.1-17.1 9.3-21.8 35.7z"},"children":[]},{"type":"path","props":{"fillRule":"evenodd","fill":"#231f20","d":"m183.9 279.9c10.1-13.2 18.3-31.8 17.3-38.1-11.1 8-32.7 11.7-37.7 9 20.2-18.3 17.2-37.7 5.3-39.2-11.8-1.4-25.6 16.7-24.5 41.5-10-4.4-42.1 1.8-45.1-23.7-3.7-5.6-5.3-15.2-4.1-19 29 16.6 16.6-20.7 34.1-24.3-1.9-5.2-16.5-17.2-36.2 2.5-0.9 3.2-0.7 16 0.9 20.6-9.1-1.4-16.2-9.9-17.8-12.2-9.6-0.9-18.9-3.6-28-27.9-7.5-4.9-11.4-9.8-14.2-15.3 0.1-1.3 1.2-7.4 6.9-12.5 0 0-2.1 5.3-0.9 7.5 15.4-12.3 17.4-0.4 25.2-2.1 0.2 9.4-9.4 15.7-8.7 24.7 5.6 14.9 9.4 16.4 20.5 18.1 13.3-6.5 24.3-21.7 40.5-22 13.2-0.1 29.7 6.3 32.4 24.5 1.9 13.1-26 31.7-36.9 28-18 19.4 12.1 25.8 22.1 22.8 7.1-32.9 24.7-42.4 38.6-37.6 15.4 5.2 17.4 24.7 6.9 35.7 8.5-2 20.8-8.6 25-24.5 3.4 3.5 4.4 12 4.7 15 8.8-13 5.9-41.2-1.2-52.1 5.8 0.5 11.2 2.8 17 7.6 3.9-20.8-9.5-46.8-15.5-51.2 4-0.4 9.7 0 17.5 3.7-2-12.5-13.2-20.5-13.2-30.1 4.5 8.9 28.4 11.3 27 44-2.7-2.6-8.7-5.3-11.7-5.7 8.5 21.2 7.9 42.1 3.5 56.8-1.9-3-4.8-6.5-7.6-7.7 2.8 11.7-0.8 43.8-8.8 56.8 53.6-37.1 16.6-93.5 40.3-116.5-5 24.4 7.5 45.2 6 59.4 11.7-22.7 14.9-60.7 3.5-100.2 39.8 72 1.9 164.2-83.1 183.7zm-61.6-70.3c11-5.3 15.6-7.7 16.5-15 0.4-2.8-7.3-3.6-9.3-3.2 1.6 1.9 3.6 7.9 1.7 9.3-2.1 1.5-4-0.3-6.2-0.6-1.2 3.8-0.9 7.7-2.7 9.5zm-32.8-5.8c0 0-2.4-8.7-1.6-15.1-1.9 0.2-6.2 3.2-7.1 5.4 0.1 4.3 8.7 9.7 8.7 9.7zm-35.2-43.8c-0.8-1.6-4.8-2.8-3.6-6.4 0.8-2.4 3.6-2.4 4.1-3.5 0.4-0.9-1.6-2.7-4.8-1.8-4.3 1.2-7.7 4.8-8.4 5.7 0.6 2.4 7 9 11 11.9 3.3-2.1 2.2-4.8 1.7-5.9zm53.5 59.3c0 0-5.1-1.2-8.8-3.6-0.3 4.1 2.6 7.9 3.7 8.8 2.7-1.1 5.1-5.2 5.1-5.2z"},"children":[]}]}};
 
+function _ns(props, p) {
+  var out = {};
+  for (var k in props) {
+    var v = props[k];
+    if (k === 'id') out[k] = p + v;
+    else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
+    else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
+    else if (v && typeof v === 'object') {
+      var s = {};
+      for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
+      out[k] = s;
+    } else out[k] = v;
+  }
+  return out;
+}
+
 const Maybank = forwardRef(
   function Maybank({ 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 Maybank = 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/media-encoder.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_45)"},"children":[{"type":"path","props":{"d":"M26.3333 0H5.66667C2.53705 0 0 2.53705 0 5.66667V25.5333C0 28.6629 2.53705 31.2 5.66667 31.2H26.3333C29.4629 31.2 32 28.6629 32 25.5333V5.66667C32 2.53705 29.4629 0 26.3333 0Z","fill":"#00005B"},"children":[]},{"type":"path","props":{"d":"M4.51205 8.1198C4.51391 8.10047 4.51966 8.08172 4.52896 8.06467C4.53826 8.04762 4.55091 8.03262 4.56615 8.02059C4.58139 8.00855 4.59891 7.99973 4.61766 7.99464C4.6364 7.98956 4.65597 7.98832 4.67521 7.99099H8.42758C8.47688 7.98435 8.5269 7.99596 8.56822 8.02365C8.60954 8.05133 8.63931 8.09317 8.65191 8.14129C8.74684 8.51358 8.8624 8.96081 8.99858 9.48295C9.13434 10.0055 9.28049 10.5815 9.43703 11.211C9.59319 11.8409 9.75295 12.4849 9.91629 13.143C10.0795 13.8014 10.2392 14.4419 10.3956 15.0643C10.5517 15.6868 10.6842 16.2592 10.7932 16.7816C10.9019 17.3042 10.9902 17.7371 11.0583 18.0803H11.0787C11.1329 17.7798 11.228 17.3791 11.3642 16.8782C11.4999 16.3774 11.6563 15.8157 11.8332 15.1931C12.0098 14.5706 12.19 13.9301 12.3737 13.2718C12.5572 12.6137 12.7374 11.9626 12.9141 11.3183C13.0906 10.6743 13.2572 10.0768 13.4137 9.52586C13.5699 8.97511 13.6957 8.51358 13.791 8.14129C13.7978 8.09806 13.8203 8.05884 13.8541 8.03112C13.888 8.0034 13.9309 7.98912 13.9746 7.99099H17.625C17.647 7.98801 17.6694 7.98959 17.6909 7.99565C17.7123 8.00171 17.7322 8.01211 17.7494 8.02621C17.7667 8.04031 17.7808 8.0578 17.791 8.0776C17.8011 8.0974 17.8071 8.11908 17.8085 8.14129L18.2979 21.8585C18.3055 21.8824 18.3067 21.9078 18.3013 21.9323C18.296 21.9568 18.2843 21.9795 18.2674 21.998C18.2503 22.0158 18.2297 22.0298 18.2068 22.039C18.184 22.0483 18.1594 22.0526 18.1348 22.0517H15.4837C15.447 22.053 15.411 22.0416 15.3817 22.0195C15.3664 22.0042 15.3548 21.9856 15.3477 21.9651C15.3406 21.9447 15.3383 21.9229 15.3409 21.9014C15.3409 21.1715 15.3375 20.4059 15.3307 19.6045C15.3237 18.8032 15.3135 17.9982 15.3001 17.1895C15.2864 16.3811 15.2864 15.6048 15.3001 14.8603C15.3135 14.1164 15.3203 13.4295 15.3205 12.7995C15.3205 12.17 15.3239 11.6226 15.3307 11.1573C15.3374 10.6925 15.3408 10.3454 15.3409 10.1162H15.3205C15.239 10.4741 15.1302 10.9428 14.9942 11.5223C14.8582 12.1019 14.6984 12.753 14.515 13.4757C14.3314 14.1985 14.1343 14.9463 13.9236 15.719C13.7126 16.4918 13.5087 17.2575 13.3118 18.0159C13.1146 18.7747 12.9242 19.4831 12.7408 20.1411C12.5572 20.7996 12.4043 21.3792 12.2819 21.8799C12.2697 21.9298 12.2407 21.974 12.2 22.0053C12.1592 22.0365 12.1089 22.0529 12.0576 22.0517H9.75313C9.69818 22.0593 9.64237 22.0459 9.59695 22.014C9.55154 21.9821 9.51989 21.9342 9.5084 21.8799C9.38606 21.3791 9.24671 20.7995 9.09036 20.1411C8.93388 19.4831 8.77412 18.7961 8.61109 18.0804C8.448 17.3649 8.27465 16.6314 8.09106 15.88C7.90756 15.1287 7.73422 14.4024 7.57104 13.7012C7.40794 13.0001 7.26179 12.3418 7.13259 11.7262C7.0032 11.1111 6.88425 10.5672 6.77572 10.0947H6.7349V11.7906C6.7349 12.449 6.72472 13.1753 6.70435 13.9695C6.68394 14.7638 6.66355 15.5938 6.64318 16.4596C6.62277 17.3257 6.59898 18.2201 6.57181 19.143C6.54441 20.066 6.51041 20.9783 6.46982 21.8799C6.46982 21.9946 6.41533 22.0517 6.30666 22.0517H3.94107C3.89473 22.0538 3.84875 22.0426 3.80853 22.0195C3.77439 21.998 3.76418 21.9443 3.77791 21.8585L4.51205 8.1198Z","fill":"#9999FF"},"children":[]},{"type":"path","props":{"d":"M26.2233 17.3668H21.9944C22.0463 17.7678 22.1855 18.1525 22.4022 18.4938C22.6423 18.8517 22.9818 19.1315 23.3789 19.2988C23.8153 19.4994 24.3842 19.5996 25.0856 19.5994C25.5497 19.6013 26.013 19.5618 26.4701 19.4813C26.9016 19.4042 27.323 19.2781 27.7259 19.1056C27.7973 19.0486 27.8333 19.0842 27.8333 19.213V21.2523C27.8368 21.3079 27.8257 21.3634 27.8011 21.4133C27.7765 21.4523 27.7435 21.4853 27.7044 21.5099C27.2599 21.7201 26.7913 21.8752 26.3091 21.9714C25.6864 22.0884 25.0536 22.1423 24.4201 22.1324C23.4037 22.1324 22.5522 21.975 21.8655 21.6602C21.2163 21.3742 20.643 20.9405 20.1912 20.3936C19.7691 19.8784 19.4551 19.2833 19.268 18.6441C19.0828 18.0132 18.9888 17.3589 18.989 16.7014C18.987 15.9833 19.0994 15.2696 19.3218 14.5869C19.5359 13.921 19.8747 13.3018 20.3199 12.7622C20.7591 12.229 21.3083 11.797 21.93 11.4957C22.6291 11.1732 23.3928 11.0153 24.1624 11.0342C24.8745 11.0162 25.5819 11.1554 26.234 11.442C26.7851 11.6916 27.2675 12.0709 27.6401 12.5475C27.9917 13.0014 28.2606 13.5137 28.4343 14.061C28.6035 14.5883 28.6903 15.1386 28.6919 15.6924C28.6919 16.0074 28.6812 16.2936 28.6597 16.5511C28.6383 16.8087 28.6204 16.9947 28.6061 17.1092C28.6005 17.1566 28.5777 17.2002 28.5421 17.2319C28.5065 17.2635 28.4605 17.281 28.4128 17.281C28.327 17.281 28.1803 17.2917 27.9728 17.3132C27.7652 17.3346 27.5076 17.3489 27.2 17.3561C26.8921 17.3635 26.5665 17.367 26.2233 17.3668ZM21.9944 15.2846H24.8065C25.1499 15.2846 25.404 15.281 25.5685 15.2738C25.6731 15.2739 25.7775 15.2631 25.8798 15.2416V15.1128C25.8755 14.9449 25.8466 14.7786 25.794 14.6191C25.6781 14.2529 25.4453 13.9348 25.1312 13.7137C24.817 13.4927 24.439 13.3809 24.0552 13.3955C23.6939 13.3737 23.3341 13.4574 23.0196 13.6366C22.7051 13.8157 22.4496 14.0825 22.2841 14.4044C22.1377 14.679 22.0397 14.9767 21.9944 15.2846Z","fill":"#9999FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_45"},"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 MediaEncoder = react_1.forwardRef(function MediaEncoder({ 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 MediaEncoder = react_1.forwardRef(function MediaEncoder({ variant = 'defau
     ..._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/media-encoder.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_45)"},"children":[{"type":"path","props":{"d":"M26.3333 0H5.66667C2.53705 0 0 2.53705 0 5.66667V25.5333C0 28.6629 2.53705 31.2 5.66667 31.2H26.3333C29.4629 31.2 32 28.6629 32 25.5333V5.66667C32 2.53705 29.4629 0 26.3333 0Z","fill":"#00005B"},"children":[]},{"type":"path","props":{"d":"M4.51205 8.1198C4.51391 8.10047 4.51966 8.08172 4.52896 8.06467C4.53826 8.04762 4.55091 8.03262 4.56615 8.02059C4.58139 8.00855 4.59891 7.99973 4.61766 7.99464C4.6364 7.98956 4.65597 7.98832 4.67521 7.99099H8.42758C8.47688 7.98435 8.5269 7.99596 8.56822 8.02365C8.60954 8.05133 8.63931 8.09317 8.65191 8.14129C8.74684 8.51358 8.8624 8.96081 8.99858 9.48295C9.13434 10.0055 9.28049 10.5815 9.43703 11.211C9.59319 11.8409 9.75295 12.4849 9.91629 13.143C10.0795 13.8014 10.2392 14.4419 10.3956 15.0643C10.5517 15.6868 10.6842 16.2592 10.7932 16.7816C10.9019 17.3042 10.9902 17.7371 11.0583 18.0803H11.0787C11.1329 17.7798 11.228 17.3791 11.3642 16.8782C11.4999 16.3774 11.6563 15.8157 11.8332 15.1931C12.0098 14.5706 12.19 13.9301 12.3737 13.2718C12.5572 12.6137 12.7374 11.9626 12.9141 11.3183C13.0906 10.6743 13.2572 10.0768 13.4137 9.52586C13.5699 8.97511 13.6957 8.51358 13.791 8.14129C13.7978 8.09806 13.8203 8.05884 13.8541 8.03112C13.888 8.0034 13.9309 7.98912 13.9746 7.99099H17.625C17.647 7.98801 17.6694 7.98959 17.6909 7.99565C17.7123 8.00171 17.7322 8.01211 17.7494 8.02621C17.7667 8.04031 17.7808 8.0578 17.791 8.0776C17.8011 8.0974 17.8071 8.11908 17.8085 8.14129L18.2979 21.8585C18.3055 21.8824 18.3067 21.9078 18.3013 21.9323C18.296 21.9568 18.2843 21.9795 18.2674 21.998C18.2503 22.0158 18.2297 22.0298 18.2068 22.039C18.184 22.0483 18.1594 22.0526 18.1348 22.0517H15.4837C15.447 22.053 15.411 22.0416 15.3817 22.0195C15.3664 22.0042 15.3548 21.9856 15.3477 21.9651C15.3406 21.9447 15.3383 21.9229 15.3409 21.9014C15.3409 21.1715 15.3375 20.4059 15.3307 19.6045C15.3237 18.8032 15.3135 17.9982 15.3001 17.1895C15.2864 16.3811 15.2864 15.6048 15.3001 14.8603C15.3135 14.1164 15.3203 13.4295 15.3205 12.7995C15.3205 12.17 15.3239 11.6226 15.3307 11.1573C15.3374 10.6925 15.3408 10.3454 15.3409 10.1162H15.3205C15.239 10.4741 15.1302 10.9428 14.9942 11.5223C14.8582 12.1019 14.6984 12.753 14.515 13.4757C14.3314 14.1985 14.1343 14.9463 13.9236 15.719C13.7126 16.4918 13.5087 17.2575 13.3118 18.0159C13.1146 18.7747 12.9242 19.4831 12.7408 20.1411C12.5572 20.7996 12.4043 21.3792 12.2819 21.8799C12.2697 21.9298 12.2407 21.974 12.2 22.0053C12.1592 22.0365 12.1089 22.0529 12.0576 22.0517H9.75313C9.69818 22.0593 9.64237 22.0459 9.59695 22.014C9.55154 21.9821 9.51989 21.9342 9.5084 21.8799C9.38606 21.3791 9.24671 20.7995 9.09036 20.1411C8.93388 19.4831 8.77412 18.7961 8.61109 18.0804C8.448 17.3649 8.27465 16.6314 8.09106 15.88C7.90756 15.1287 7.73422 14.4024 7.57104 13.7012C7.40794 13.0001 7.26179 12.3418 7.13259 11.7262C7.0032 11.1111 6.88425 10.5672 6.77572 10.0947H6.7349V11.7906C6.7349 12.449 6.72472 13.1753 6.70435 13.9695C6.68394 14.7638 6.66355 15.5938 6.64318 16.4596C6.62277 17.3257 6.59898 18.2201 6.57181 19.143C6.54441 20.066 6.51041 20.9783 6.46982 21.8799C6.46982 21.9946 6.41533 22.0517 6.30666 22.0517H3.94107C3.89473 22.0538 3.84875 22.0426 3.80853 22.0195C3.77439 21.998 3.76418 21.9443 3.77791 21.8585L4.51205 8.1198Z","fill":"#9999FF"},"children":[]},{"type":"path","props":{"d":"M26.2233 17.3668H21.9944C22.0463 17.7678 22.1855 18.1525 22.4022 18.4938C22.6423 18.8517 22.9818 19.1315 23.3789 19.2988C23.8153 19.4994 24.3842 19.5996 25.0856 19.5994C25.5497 19.6013 26.013 19.5618 26.4701 19.4813C26.9016 19.4042 27.323 19.2781 27.7259 19.1056C27.7973 19.0486 27.8333 19.0842 27.8333 19.213V21.2523C27.8368 21.3079 27.8257 21.3634 27.8011 21.4133C27.7765 21.4523 27.7435 21.4853 27.7044 21.5099C27.2599 21.7201 26.7913 21.8752 26.3091 21.9714C25.6864 22.0884 25.0536 22.1423 24.4201 22.1324C23.4037 22.1324 22.5522 21.975 21.8655 21.6602C21.2163 21.3742 20.643 20.9405 20.1912 20.3936C19.7691 19.8784 19.4551 19.2833 19.268 18.6441C19.0828 18.0132 18.9888 17.3589 18.989 16.7014C18.987 15.9833 19.0994 15.2696 19.3218 14.5869C19.5359 13.921 19.8747 13.3018 20.3199 12.7622C20.7591 12.229 21.3083 11.797 21.93 11.4957C22.6291 11.1732 23.3928 11.0153 24.1624 11.0342C24.8745 11.0162 25.5819 11.1554 26.234 11.442C26.7851 11.6916 27.2675 12.0709 27.6401 12.5475C27.9917 13.0014 28.2606 13.5137 28.4343 14.061C28.6035 14.5883 28.6903 15.1386 28.6919 15.6924C28.6919 16.0074 28.6812 16.2936 28.6597 16.5511C28.6383 16.8087 28.6204 16.9947 28.6061 17.1092C28.6005 17.1566 28.5777 17.2002 28.5421 17.2319C28.5065 17.2635 28.4605 17.281 28.4128 17.281C28.327 17.281 28.1803 17.2917 27.9728 17.3132C27.7652 17.3346 27.5076 17.3489 27.2 17.3561C26.8921 17.3635 26.5665 17.367 26.2233 17.3668ZM21.9944 15.2846H24.8065C25.1499 15.2846 25.404 15.281 25.5685 15.2738C25.6731 15.2739 25.7775 15.2631 25.8798 15.2416V15.1128C25.8755 14.9449 25.8466 14.7786 25.794 14.6191C25.6781 14.2529 25.4453 13.9348 25.1312 13.7137C24.817 13.4927 24.439 13.3809 24.0552 13.3955C23.6939 13.3737 23.3341 13.4574 23.0196 13.6366C22.7051 13.8157 22.4496 14.0825 22.2841 14.4044C22.1377 14.679 22.0397 14.9767 21.9944 15.2846Z","fill":"#9999FF"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_45"},"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 MediaEncoder = forwardRef(
   function MediaEncoder({ 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 MediaEncoder = 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/media-server.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_74)"},"children":[{"type":"path","props":{"d":"M0 0V31.2H32V0H0Z","fill":"#EAEAEA"},"children":[]},{"type":"path","props":{"d":"M9.61333 15.68L13.08 12.3467L16.4 15.68L13.0133 19.04L9.61333 15.68ZM19.2933 15.4934L14.48 10.7333L16.12 9.04002L22.6 15.56L16.0533 22.08L14.3733 20.4134L19.2933 15.4934ZM17.64 7.58668L19.16 6.08002L28.8 15.6933L19.2133 25.2667L17.5333 23.56L25.64 15.56L17.64 7.58668ZM16.0133 2.93335L17.76 4.66668L6.57333 15.6133L17.7067 26.76L15.9333 28.5334L3.2 15.68L16.0133 2.93335Z","fill":"#EC1C24"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_74"},"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 MediaServer = react_1.forwardRef(function MediaServer({ 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 MediaServer = react_1.forwardRef(function MediaServer({ 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/media-server.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_74)"},"children":[{"type":"path","props":{"d":"M0 0V31.2H32V0H0Z","fill":"#EAEAEA"},"children":[]},{"type":"path","props":{"d":"M9.61333 15.68L13.08 12.3467L16.4 15.68L13.0133 19.04L9.61333 15.68ZM19.2933 15.4934L14.48 10.7333L16.12 9.04002L22.6 15.56L16.0533 22.08L14.3733 20.4134L19.2933 15.4934ZM17.64 7.58668L19.16 6.08002L28.8 15.6933L19.2133 25.2667L17.5333 23.56L25.64 15.56L17.64 7.58668ZM16.0133 2.93335L17.76 4.66668L6.57333 15.6133L17.7067 26.76L15.9333 28.5334L3.2 15.68L16.0133 2.93335Z","fill":"#EC1C24"},"children":[]}]},{"type":"defs","props":{},"children":[{"type":"clipPath","props":{"id":"clip0_2_74"},"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 MediaServer = forwardRef(
   function MediaServer({ 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 MediaServer = 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));
         })
     );
   }