@salt-ds/countries 1.1.2 → 1.1.4

package/dist-es/components/LT.js.map

@@ -1 +1 @@
-{"version":3,"file":"LT.js","sources":["../src/components/LT.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type LTProps = CountrySymbolProps;\n\nconst LT = forwardRef<SVGSVGElement, LTProps>(function LT(props: LTProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"LT\"\n      aria-label=\"Lithuania\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-LT-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-LT-a)`}>\n        <path fill=\"#A00009\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#005B33\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#F1B434\" d=\"M0 24V0h72v24z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default LT;\n"],"names":["LT"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,WAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,SAAA;AAAA,OAC1C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"LT.js","sources":["../src/components/LT.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type LTProps = CountrySymbolProps;\n\nconst LT = forwardRef<SVGSVGElement, LTProps>(function LT(props: LTProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"LT\"\n      aria-label=\"Lithuania\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-LT-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-LT-a)`}>\n        <path fill=\"#A00009\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#005B33\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#F1B434\" d=\"M0 24V0h72v24z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default LT;\n"],"names":["LT"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,WAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,SAAA;AAAA,OAC1C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/LU.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const LU = forwardRef(function LU2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "LU",
     "aria-label": "Luxembourg",

package/dist-es/components/LU.js.map

@@ -1 +1 @@
-{"version":3,"file":"LU.js","sources":["../src/components/LU.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type LUProps = CountrySymbolProps;\n\nconst LU = forwardRef<SVGSVGElement, LUProps>(function LU(props: LUProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"LU\"\n      aria-label=\"Luxembourg\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-LU-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-LU-a)`}>\n        <path fill=\"#0091DA\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#DD2033\" d=\"M0 24V0h72v24z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default LU;\n"],"names":["LU"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,YAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,SAAA;AAAA,OAC1C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"LU.js","sources":["../src/components/LU.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type LUProps = CountrySymbolProps;\n\nconst LU = forwardRef<SVGSVGElement, LUProps>(function LU(props: LUProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"LU\"\n      aria-label=\"Luxembourg\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-LU-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-LU-a)`}>\n        <path fill=\"#0091DA\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#DD2033\" d=\"M0 24V0h72v24z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default LU;\n"],"names":["LU"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,YAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,SAAA;AAAA,OAC1C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/LV.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const LV = forwardRef(function LV2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "LV",
     "aria-label": "Latvia",

package/dist-es/components/LV.js.map

@@ -1 +1 @@
-{"version":3,"file":"LV.js","sources":["../src/components/LV.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type LVProps = CountrySymbolProps;\n\nconst LV = forwardRef<SVGSVGElement, LVProps>(function LV(props: LVProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"LV\"\n      aria-label=\"Latvia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-LV-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-LV-a)`}>\n        <path fill=\"#85001F\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 45V27h72v18z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default LV;\n"],"names":["LV"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,QAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,SAAA;AAAA,OAC3C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"LV.js","sources":["../src/components/LV.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type LVProps = CountrySymbolProps;\n\nconst LV = forwardRef<SVGSVGElement, LVProps>(function LV(props: LVProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"LV\"\n      aria-label=\"Latvia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-LV-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-LV-a)`}>\n        <path fill=\"#85001F\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 45V27h72v18z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default LV;\n"],"names":["LV"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,QAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,SAAA;AAAA,OAC3C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/LY.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const LY = forwardRef(function LY2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "LY",
     "aria-label": "Libya",

package/dist-es/components/LY.js.map

@@ -1 +1 @@
-{"version":3,"file":"LY.js","sources":["../src/components/LY.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type LYProps = CountrySymbolProps;\n\nconst LY = forwardRef<SVGSVGElement, LYProps>(function LY(props: LYProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"LY\"\n      aria-label=\"Libya\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-LY-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-LY-a)`}>\n        <path fill=\"#009B77\" d=\"M0 72V54h72v18z\" />\n        <path fill=\"#31373D\" d=\"M0 54V18h72v36z\" />\n        <path fill=\"#DD2033\" d=\"M0 18V0h72v18z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"M30.666 26c.82 0 1.617.099 2.379.285A11.946 11.946 0 0 0 26 24c-6.628 0-12 5.373-12 12s5.372 12 12 12a11.94 11.94 0 0 0 7.045-2.285c-.762.186-1.559.285-2.379.285-5.522 0-10-4.477-10-10s4.478-10 10-10Zm11.007 6.885 1.02-6.556 4.162 5.167 6.311-.855-3.321 5.608 2.88 6.027-6.344-2.182-4.402 5.062-.52-6.66-5.68-3.196 5.894-2.415Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default LY;\n"],"names":["LY"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,OAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,yUAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"LY.js","sources":["../src/components/LY.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type LYProps = CountrySymbolProps;\n\nconst LY = forwardRef<SVGSVGElement, LYProps>(function LY(props: LYProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"LY\"\n      aria-label=\"Libya\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-LY-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-LY-a)`}>\n        <path fill=\"#009B77\" d=\"M0 72V54h72v18z\" />\n        <path fill=\"#31373D\" d=\"M0 54V18h72v36z\" />\n        <path fill=\"#DD2033\" d=\"M0 18V0h72v18z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"M30.666 26c.82 0 1.617.099 2.379.285A11.946 11.946 0 0 0 26 24c-6.628 0-12 5.373-12 12s5.372 12 12 12a11.94 11.94 0 0 0 7.045-2.285c-.762.186-1.559.285-2.379.285-5.522 0-10-4.477-10-10s4.478-10 10-10Zm11.007 6.885 1.02-6.556 4.162 5.167 6.311-.855-3.321 5.608 2.88 6.027-6.344-2.182-4.402 5.062-.52-6.66-5.68-3.196 5.894-2.415Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default LY;\n"],"names":["LY"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,OAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,yUAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MA.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MA = forwardRef(function MA2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MA",
     "aria-label": "Morocco",

package/dist-es/components/MA.js.map

@@ -1 +1 @@
-{"version":3,"file":"MA.js","sources":["../src/components/MA.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MAProps = CountrySymbolProps;\n\nconst MA = forwardRef<SVGSVGElement, MAProps>(function MA(props: MAProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MA\"\n      aria-label=\"Morocco\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MA-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MA-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 72V0h72v72z\" />\n        <path\n          fill=\"#005B33\"\n          d=\"M62 28.862H42.138L36 9l-6.138 19.862H10l16.069 12.275L19.93 61 36 48.724 52.069 61l-6.138-19.862L62 28.862ZM30.566 39.6l2.076-6.717h6.716l2.076 6.717L36 43.751l-5.434-4.15Zm7.55-10.74h-4.231L36 22.018l2.115 6.845Zm6.572 8.254-1.307-4.23h6.844l-5.537 4.23Zm-16.069-4.23-1.307 4.23-5.538-4.23h6.845Zm-1.411 17.584 2.115-6.845 3.423 2.614-5.538 4.23Zm12.046-4.23 3.423-2.615 2.115 6.845-5.538-4.23Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MA;\n"],"names":["MA"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,SAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,6YAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MA.js","sources":["../src/components/MA.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MAProps = CountrySymbolProps;\n\nconst MA = forwardRef<SVGSVGElement, MAProps>(function MA(props: MAProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MA\"\n      aria-label=\"Morocco\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MA-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MA-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 72V0h72v72z\" />\n        <path\n          fill=\"#005B33\"\n          d=\"M62 28.862H42.138L36 9l-6.138 19.862H10l16.069 12.275L19.93 61 36 48.724 52.069 61l-6.138-19.862L62 28.862ZM30.566 39.6l2.076-6.717h6.716l2.076 6.717L36 43.751l-5.434-4.15Zm7.55-10.74h-4.231L36 22.018l2.115 6.845Zm6.572 8.254-1.307-4.23h6.844l-5.537 4.23Zm-16.069-4.23-1.307 4.23-5.538-4.23h6.845Zm-1.411 17.584 2.115-6.845 3.423 2.614-5.538 4.23Zm12.046-4.23 3.423-2.615 2.115 6.845-5.538-4.23Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MA;\n"],"names":["MA"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,SAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,6YAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MC.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MC = forwardRef(function MC2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MC",
     "aria-label": "Monaco",

package/dist-es/components/MC.js.map

@@ -1 +1 @@
-{"version":3,"file":"MC.js","sources":["../src/components/MC.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MCProps = CountrySymbolProps;\n\nconst MC = forwardRef<SVGSVGElement, MCProps>(function MC(props: MCProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MC\"\n      aria-label=\"Monaco\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MC-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MC-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 0v36h72V0z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 36v36h72V36z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MC;\n"],"names":["MC"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,QAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,SAAA;AAAA,OAC3C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MC.js","sources":["../src/components/MC.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MCProps = CountrySymbolProps;\n\nconst MC = forwardRef<SVGSVGElement, MCProps>(function MC(props: MCProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MC\"\n      aria-label=\"Monaco\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MC-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MC-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 0v36h72V0z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 36v36h72V36z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MC;\n"],"names":["MC"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,QAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,SAAA;AAAA,OAC3C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MD.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MD = forwardRef(function MD2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MD",
     "aria-label": "Moldova (the Republic of)",

package/dist-es/components/MD.js.map

@@ -1 +1 @@
-{"version":3,"file":"MD.js","sources":["../src/components/MD.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MDProps = CountrySymbolProps;\n\nconst MD = forwardRef<SVGSVGElement, MDProps>(function MD(props: MDProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MD\"\n      aria-label=\"Moldova (the Republic of)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MD-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MD-a)`}>\n        <path fill=\"#DD2033\" d=\"M72 72H56V0h16z\" />\n        <path fill=\"#F1B434\" d=\"M56 72H16V0h40z\" />\n        <path fill=\"#004692\" d=\"M16 72H0V0h16z\" />\n        <path\n          fill=\"#936846\"\n          d=\"M24.685 23.261c1.69-.115 4.172.134 6.102 1.094 1.739.866 2.951 2.218 2.951 4.753v9.637L22.4 49.987l4.165 4.13 7.355-7.293-3.106 7.698 5.89 5.84 5.89-5.84-3.113-7.718 7.342 7.28 4.165-4.13-11.339-11.242v-9.637h-.02c-.013-5.121-2.862-8.278-6.2-9.94-3.154-1.57-6.772-1.863-9.15-1.7l.406 5.826Z\"\n        />\n        <path\n          fill=\"#936846\"\n          d=\"M21.4 26v20l7-5V30a4 4 0 0 0-4-4h-3Zm30 20V26h-3a4 4 0 0 0-4 4v11l7 5Z\"\n        />\n        <path\n          fill=\"#DD2033\"\n          d=\"M26.2 27.823h20v7.942a14.857 14.857 0 0 1-9.34 13.794l-.66.264-.66-.264a14.857 14.857 0 0 1-9.34-13.794v-7.942Z\"\n        />\n        <mask\n          id={`${uid}-MD-b`}\n          x=\"26\"\n          y=\"27\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <path\n            fill=\"#005EB8\"\n            d=\"M26.2 27.823h20v7.942a14.857 14.857 0 0 1-9.34 13.794l-.66.264-.66-.264a14.857 14.857 0 0 1-9.34-13.794v-7.942Z\"\n          />\n        </mask>\n        <g mask={`url(#${uid}-MD-b)`}>\n          <path fill=\"#0091DA\" d=\"M26.2 38h20v12h-20V38Z\" />\n          <path\n            fill=\"#F1B434\"\n            d=\"M38.4 37.465a3.998 3.998 0 0 0 .828-6.293l-.808.808c.517.517.837 1.231.837 2.02 0 .8-.328 1.522-.857 2.04V35h-4v1.04a2.849 2.849 0 0 1-.857-2.04c0-.789.32-1.503.837-2.02l-.809-.808a3.998 3.998 0 0 0 .828 6.293V43a2 2 0 0 0 4.001 0v-5.535ZM36.4 30h.016-.032.016Z\"\n          />\n        </g>\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MD;\n"],"names":["MD"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,2BAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,oSAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,wEAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,iHAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,YACP,CAAE,EAAA,IAAA;AAAA,YACF,CAAE,EAAA,IAAA;AAAA,YACF,SAAU,EAAA,gBAAA;AAAA,YACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,YAE3B,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,cACC,IAAK,EAAA,SAAA;AAAA,cACL,CAAE,EAAA,iHAAA;AAAA,aACJ,CAAA;AAAA,WACF,CAAA;AAAA,0BACC,IAAA,CAAA,GAAA,EAAA;AAAA,YAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YACf,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,gBAAK,IAAK,EAAA,SAAA;AAAA,gBAAU,CAAE,EAAA,wBAAA;AAAA,eAAyB,CAAA;AAAA,8BAC/C,GAAA,CAAA,MAAA,EAAA;AAAA,gBACC,IAAK,EAAA,SAAA;AAAA,gBACL,CAAE,EAAA,uQAAA;AAAA,eACJ,CAAA;AAAA,aAAA;AAAA,WACF,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MD.js","sources":["../src/components/MD.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MDProps = CountrySymbolProps;\n\nconst MD = forwardRef<SVGSVGElement, MDProps>(function MD(props: MDProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MD\"\n      aria-label=\"Moldova (the Republic of)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MD-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MD-a)`}>\n        <path fill=\"#DD2033\" d=\"M72 72H56V0h16z\" />\n        <path fill=\"#F1B434\" d=\"M56 72H16V0h40z\" />\n        <path fill=\"#004692\" d=\"M16 72H0V0h16z\" />\n        <path\n          fill=\"#936846\"\n          d=\"M24.685 23.261c1.69-.115 4.172.134 6.102 1.094 1.739.866 2.951 2.218 2.951 4.753v9.637L22.4 49.987l4.165 4.13 7.355-7.293-3.106 7.698 5.89 5.84 5.89-5.84-3.113-7.718 7.342 7.28 4.165-4.13-11.339-11.242v-9.637h-.02c-.013-5.121-2.862-8.278-6.2-9.94-3.154-1.57-6.772-1.863-9.15-1.7l.406 5.826Z\"\n        />\n        <path\n          fill=\"#936846\"\n          d=\"M21.4 26v20l7-5V30a4 4 0 0 0-4-4h-3Zm30 20V26h-3a4 4 0 0 0-4 4v11l7 5Z\"\n        />\n        <path\n          fill=\"#DD2033\"\n          d=\"M26.2 27.823h20v7.942a14.857 14.857 0 0 1-9.34 13.794l-.66.264-.66-.264a14.857 14.857 0 0 1-9.34-13.794v-7.942Z\"\n        />\n        <mask\n          id={`${uid}-MD-b`}\n          x=\"26\"\n          y=\"27\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <path\n            fill=\"#005EB8\"\n            d=\"M26.2 27.823h20v7.942a14.857 14.857 0 0 1-9.34 13.794l-.66.264-.66-.264a14.857 14.857 0 0 1-9.34-13.794v-7.942Z\"\n          />\n        </mask>\n        <g mask={`url(#${uid}-MD-b)`}>\n          <path fill=\"#0091DA\" d=\"M26.2 38h20v12h-20V38Z\" />\n          <path\n            fill=\"#F1B434\"\n            d=\"M38.4 37.465a3.998 3.998 0 0 0 .828-6.293l-.808.808c.517.517.837 1.231.837 2.02 0 .8-.328 1.522-.857 2.04V35h-4v1.04a2.849 2.849 0 0 1-.857-2.04c0-.789.32-1.503.837-2.02l-.809-.808a3.998 3.998 0 0 0 .828 6.293V43a2 2 0 0 0 4.001 0v-5.535ZM36.4 30h.016-.032.016Z\"\n          />\n        </g>\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MD;\n"],"names":["MD"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,2BAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,oSAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,wEAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,iHAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,YACP,CAAE,EAAA,IAAA;AAAA,YACF,CAAE,EAAA,IAAA;AAAA,YACF,SAAU,EAAA,gBAAA;AAAA,YACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,YAE3B,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,cACC,IAAK,EAAA,SAAA;AAAA,cACL,CAAE,EAAA,iHAAA;AAAA,aACJ,CAAA;AAAA,WACF,CAAA;AAAA,0BACC,IAAA,CAAA,GAAA,EAAA;AAAA,YAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YACf,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,gBAAK,IAAK,EAAA,SAAA;AAAA,gBAAU,CAAE,EAAA,wBAAA;AAAA,eAAyB,CAAA;AAAA,8BAC/C,GAAA,CAAA,MAAA,EAAA;AAAA,gBACC,IAAK,EAAA,SAAA;AAAA,gBACL,CAAE,EAAA,uQAAA;AAAA,eACJ,CAAA;AAAA,aAAA;AAAA,WACF,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/ME.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const ME = forwardRef(function ME2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "ME",
     "aria-label": "Montenegro",

package/dist-es/components/ME.js.map

@@ -1 +1 @@
-{"version":3,"file":"ME.js","sources":["../src/components/ME.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MEProps = CountrySymbolProps;\n\nconst ME = forwardRef<SVGSVGElement, MEProps>(function ME(props: MEProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"ME\"\n      aria-label=\"Montenegro\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-ME-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle\n          cx=\"36\"\n          cy=\"36\"\n          r=\"36\"\n          fill=\"#D9D9D9\"\n          transform=\"rotate(-90 36 36)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-ME-a)`}>\n        <path fill=\"#F1B434\" d=\"M72 72H0V0h72z\" />\n        <circle cx=\"36\" cy=\"36\" r=\"31\" fill=\"#DD2033\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"M36.7 18a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          d=\"M42.401 24.499c1.93-.96 4.412-1.21 6.102-1.094l.405-5.826c-2.377-.163-5.996.13-9.15 1.7-1.19.594-2.32 1.377-3.28 2.373-.953-.98-2.07-1.753-3.248-2.34-3.154-1.57-6.773-1.863-9.15-1.7l.405 5.826c1.69-.116 4.172.133 6.102 1.094 1.739.866 2.951 2.218 2.951 4.753v.995L17.564 26a4 4 0 0 0 2.828 4.899l13.146 3.523v1.035l-16.302-4.369a4 4 0 0 0 2.828 4.9l12.938 3.466-.822.815-14.307-3.833a4 4 0 0 0 2.829 4.899l8.19 2.194-6.692 6.635 4.165 4.13L33.72 47l-3.105 7.7 5.89 5.84 5.89-5.84-3.114-7.718 7.342 7.28 4.165-4.13-6.79-6.733 7.7-2.063a4 4 0 0 0 2.83-4.9L40.71 40.139l-.822-.815 12.449-3.336a4 4 0 0 0 2.828-4.899L39.45 35.3v-1.035L52.008 30.9a4 4 0 0 0 2.829-4.9L39.45 30.123v-.87c0-2.536 1.212-3.888 2.951-4.754Z\"\n        />\n        <path\n          fill=\"#005EB8\"\n          d=\"M26 28h20v7.941a14.857 14.857 0 0 1-9.34 13.795L36 50l-.66-.264A14.857 14.857 0 0 1 26 35.94V28Z\"\n        />\n        <mask\n          id={`${uid}-ME-b`}\n          x=\"26\"\n          y=\"28\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <path\n            fill=\"#005EB8\"\n            d=\"M26 28h20v7.941a14.857 14.857 0 0 1-9.34 13.795L36 50l-.66-.264A14.857 14.857 0 0 1 26 35.94V28Z\"\n          />\n        </mask>\n        <g mask={`url(#${uid}-ME-b)`}>\n          <path fill=\"#009B77\" d=\"M26 38h20v12H26z\" />\n        </g>\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default ME;\n"],"names":["ME"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,YAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,CAAE,EAAA,IAAA;AAAA,UACF,IAAK,EAAA,SAAA;AAAA,UACL,SAAU,EAAA,mBAAA;AAAA,SACZ,CAAA;AAAA,OACF,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,QAAA,EAAA;AAAA,YAAO,EAAG,EAAA,IAAA;AAAA,YAAK,EAAG,EAAA,IAAA;AAAA,YAAK,CAAE,EAAA,IAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,WAAU,CAAA;AAAA,0BAC7C,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,+CAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,2sBAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,kGAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,YACP,CAAE,EAAA,IAAA;AAAA,YACF,CAAE,EAAA,IAAA;AAAA,YACF,SAAU,EAAA,gBAAA;AAAA,YACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,YAE3B,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,cACC,IAAK,EAAA,SAAA;AAAA,cACL,CAAE,EAAA,kGAAA;AAAA,aACJ,CAAA;AAAA,WACF,CAAA;AAAA,0BACC,GAAA,CAAA,GAAA,EAAA;AAAA,YAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YACf,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,cAAK,IAAK,EAAA,SAAA;AAAA,cAAU,CAAE,EAAA,kBAAA;AAAA,aAAmB,CAAA;AAAA,WAC5C,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ME.js","sources":["../src/components/ME.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MEProps = CountrySymbolProps;\n\nconst ME = forwardRef<SVGSVGElement, MEProps>(function ME(props: MEProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"ME\"\n      aria-label=\"Montenegro\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-ME-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle\n          cx=\"36\"\n          cy=\"36\"\n          r=\"36\"\n          fill=\"#D9D9D9\"\n          transform=\"rotate(-90 36 36)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-ME-a)`}>\n        <path fill=\"#F1B434\" d=\"M72 72H0V0h72z\" />\n        <circle cx=\"36\" cy=\"36\" r=\"31\" fill=\"#DD2033\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"M36.7 18a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          d=\"M42.401 24.499c1.93-.96 4.412-1.21 6.102-1.094l.405-5.826c-2.377-.163-5.996.13-9.15 1.7-1.19.594-2.32 1.377-3.28 2.373-.953-.98-2.07-1.753-3.248-2.34-3.154-1.57-6.773-1.863-9.15-1.7l.405 5.826c1.69-.116 4.172.133 6.102 1.094 1.739.866 2.951 2.218 2.951 4.753v.995L17.564 26a4 4 0 0 0 2.828 4.899l13.146 3.523v1.035l-16.302-4.369a4 4 0 0 0 2.828 4.9l12.938 3.466-.822.815-14.307-3.833a4 4 0 0 0 2.829 4.899l8.19 2.194-6.692 6.635 4.165 4.13L33.72 47l-3.105 7.7 5.89 5.84 5.89-5.84-3.114-7.718 7.342 7.28 4.165-4.13-6.79-6.733 7.7-2.063a4 4 0 0 0 2.83-4.9L40.71 40.139l-.822-.815 12.449-3.336a4 4 0 0 0 2.828-4.899L39.45 35.3v-1.035L52.008 30.9a4 4 0 0 0 2.829-4.9L39.45 30.123v-.87c0-2.536 1.212-3.888 2.951-4.754Z\"\n        />\n        <path\n          fill=\"#005EB8\"\n          d=\"M26 28h20v7.941a14.857 14.857 0 0 1-9.34 13.795L36 50l-.66-.264A14.857 14.857 0 0 1 26 35.94V28Z\"\n        />\n        <mask\n          id={`${uid}-ME-b`}\n          x=\"26\"\n          y=\"28\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <path\n            fill=\"#005EB8\"\n            d=\"M26 28h20v7.941a14.857 14.857 0 0 1-9.34 13.795L36 50l-.66-.264A14.857 14.857 0 0 1 26 35.94V28Z\"\n          />\n        </mask>\n        <g mask={`url(#${uid}-ME-b)`}>\n          <path fill=\"#009B77\" d=\"M26 38h20v12H26z\" />\n        </g>\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default ME;\n"],"names":["ME"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,YAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,CAAE,EAAA,IAAA;AAAA,UACF,IAAK,EAAA,SAAA;AAAA,UACL,SAAU,EAAA,mBAAA;AAAA,SACZ,CAAA;AAAA,OACF,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,QAAA,EAAA;AAAA,YAAO,EAAG,EAAA,IAAA;AAAA,YAAK,EAAG,EAAA,IAAA;AAAA,YAAK,CAAE,EAAA,IAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,WAAU,CAAA;AAAA,0BAC7C,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,+CAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,2sBAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,kGAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,YACP,CAAE,EAAA,IAAA;AAAA,YACF,CAAE,EAAA,IAAA;AAAA,YACF,SAAU,EAAA,gBAAA;AAAA,YACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,YAE3B,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,cACC,IAAK,EAAA,SAAA;AAAA,cACL,CAAE,EAAA,kGAAA;AAAA,aACJ,CAAA;AAAA,WACF,CAAA;AAAA,0BACC,GAAA,CAAA,GAAA,EAAA;AAAA,YAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YACf,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,cAAK,IAAK,EAAA,SAAA;AAAA,cAAU,CAAE,EAAA,kBAAA;AAAA,aAAmB,CAAA;AAAA,WAC5C,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MF.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MF = forwardRef(function MF2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MF",
     "aria-label": "Saint Martin (French part)",

package/dist-es/components/MF.js.map

@@ -1 +1 @@
-{"version":3,"file":"MF.js","sources":["../src/components/MF.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MFProps = CountrySymbolProps;\n\nconst MF = forwardRef<SVGSVGElement, MFProps>(function MF(props: MFProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MF\"\n      aria-label=\"Saint Martin (French part)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MF-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle\n          cx=\"36\"\n          cy=\"36\"\n          r=\"36\"\n          fill=\"#D9D9D9\"\n          transform=\"matrix(0 -1 -1 0 72 72)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-MF-a)`}>\n        <path fill=\"#004692\" d=\"M0 72h24V0H0z\" />\n        <path fill=\"#F5F7F8\" d=\"M24 72h24V0H24z\" />\n        <path fill=\"#DD2033\" d=\"M48 72h24V0H48z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MF;\n"],"names":["MF"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,4BAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,CAAE,EAAA,IAAA;AAAA,UACF,IAAK,EAAA,SAAA;AAAA,UACL,SAAU,EAAA,yBAAA;AAAA,SACZ,CAAA;AAAA,OACF,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,SAAA;AAAA,OAC3C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MF.js","sources":["../src/components/MF.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MFProps = CountrySymbolProps;\n\nconst MF = forwardRef<SVGSVGElement, MFProps>(function MF(props: MFProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MF\"\n      aria-label=\"Saint Martin (French part)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MF-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle\n          cx=\"36\"\n          cy=\"36\"\n          r=\"36\"\n          fill=\"#D9D9D9\"\n          transform=\"matrix(0 -1 -1 0 72 72)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-MF-a)`}>\n        <path fill=\"#004692\" d=\"M0 72h24V0H0z\" />\n        <path fill=\"#F5F7F8\" d=\"M24 72h24V0H24z\" />\n        <path fill=\"#DD2033\" d=\"M48 72h24V0H48z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MF;\n"],"names":["MF"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,4BAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,CAAE,EAAA,IAAA;AAAA,UACF,IAAK,EAAA,SAAA;AAAA,UACL,SAAU,EAAA,yBAAA;AAAA,SACZ,CAAA;AAAA,OACF,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,SAAA;AAAA,OAC3C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MG.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MG = forwardRef(function MG2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MG",
     "aria-label": "Madagascar",

package/dist-es/components/MG.js.map

@@ -1 +1 @@
-{"version":3,"file":"MG.js","sources":["../src/components/MG.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MGProps = CountrySymbolProps;\n\nconst MG = forwardRef<SVGSVGElement, MGProps>(function MG(props: MGProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MG\"\n      aria-label=\"Madagascar\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MG-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MG-a)`}>\n        <path fill=\"#005B33\" d=\"M0 72V36h72v36z\" />\n        <path fill=\"#DD2033\" d=\"M0 36V0h72v36z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 0h24v72H0z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MG;\n"],"names":["MG"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,YAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,SAAA;AAAA,OACzC,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MG.js","sources":["../src/components/MG.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MGProps = CountrySymbolProps;\n\nconst MG = forwardRef<SVGSVGElement, MGProps>(function MG(props: MGProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MG\"\n      aria-label=\"Madagascar\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MG-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MG-a)`}>\n        <path fill=\"#005B33\" d=\"M0 72V36h72v36z\" />\n        <path fill=\"#DD2033\" d=\"M0 36V0h72v36z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 0h24v72H0z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MG;\n"],"names":["MG"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,YAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,SAAA;AAAA,OACzC,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MH.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MH = forwardRef(function MH2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MH",
     "aria-label": "Marshall Islands (the)",

package/dist-es/components/MH.js.map

@@ -1 +1 @@
-{"version":3,"file":"MH.js","sources":["../src/components/MH.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MHProps = CountrySymbolProps;\n\nconst MH = forwardRef<SVGSVGElement, MHProps>(function MH(props: MHProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MH\"\n      aria-label=\"Marshall Islands (the)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MH-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MH-a)`}>\n        <path fill=\"#004692\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"m14.071 64.983-1.97-1.971L57.91 7l7.072 7.071L14.07 64.983Z\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m16.088 67-2.017-2.017L64.983 14.07l7.07 7.071L16.089 67ZM33 26l-4.903 2.425 2.61 4.991-5.324-1.07L24.71 38 21 33.842 17.292 38l-.674-5.654-5.325 1.07 2.611-4.992L9 26l4.903-2.425-2.61-4.991 5.323 1.07.676-5.654L21 18.159 24.709 14l.674 5.654 5.325-1.07-2.611 4.992L33 26Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MH;\n"],"names":["MH"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,wBAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,6DAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,kRAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MH.js","sources":["../src/components/MH.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MHProps = CountrySymbolProps;\n\nconst MH = forwardRef<SVGSVGElement, MHProps>(function MH(props: MHProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MH\"\n      aria-label=\"Marshall Islands (the)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MH-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MH-a)`}>\n        <path fill=\"#004692\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"m14.071 64.983-1.97-1.971L57.91 7l7.072 7.071L14.07 64.983Z\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m16.088 67-2.017-2.017L64.983 14.07l7.07 7.071L16.089 67ZM33 26l-4.903 2.425 2.61 4.991-5.324-1.07L24.71 38 21 33.842 17.292 38l-.674-5.654-5.325 1.07 2.611-4.992L9 26l4.903-2.425-2.61-4.991 5.323 1.07.676-5.654L21 18.159 24.709 14l.674 5.654 5.325-1.07-2.611 4.992L33 26Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MH;\n"],"names":["MH"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,wBAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,6DAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,kRAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MK.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MK = forwardRef(function MK2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MK",
     "aria-label": "North Macedonia",

package/dist-es/components/MK.js.map

@@ -1 +1 @@
-{"version":3,"file":"MK.js","sources":["../src/components/MK.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MKProps = CountrySymbolProps;\n\nconst MK = forwardRef<SVGSVGElement, MKProps>(function MK(props: MKProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MK\"\n      aria-label=\"North Macedonia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MK-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MK-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#FBD381\"\n          d=\"M24.908 28.001a14.078 14.078 0 0 1 3.493-3.492L13.299 2.999l-9.9 9.9 21.51 15.102Zm8.691-5.721a14.07 14.07 0 0 1 4.826-.135L43-4H29l4.599 26.28Zm14.317 5.757a14.08 14.08 0 0 0-3.27-3.351L60.162 2.588l9.9 9.9-22.145 15.548Zm2.313 5.767a14.098 14.098 0 0 1-.086 4.877L76.25 43.25v-14l-26.021 4.554Zm-5.667 13.572a14.08 14.08 0 0 0 3.214-3.214l22.445 15.76-9.9 9.9-15.759-22.446Zm-6.222 2.491a14.13 14.13 0 0 1-4.656-.13L29 76.5h14l-4.66-26.633Zm-9.853-2.317a14.08 14.08 0 0 1-3.437-3.352L3.24 59.51l9.899 9.9 15.348-21.86Zm-5.857-9.004L-4.25 43.25v-14l26.8 4.69a14.118 14.118 0 0 0 .08 4.606ZM47.4 36c0 6.075-4.925 11-11 11s-11-4.925-11-11 4.925-11 11-11 11 4.925 11 11Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MK;\n"],"names":["MK"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,iBAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,8pBAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MK.js","sources":["../src/components/MK.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MKProps = CountrySymbolProps;\n\nconst MK = forwardRef<SVGSVGElement, MKProps>(function MK(props: MKProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MK\"\n      aria-label=\"North Macedonia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MK-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MK-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#FBD381\"\n          d=\"M24.908 28.001a14.078 14.078 0 0 1 3.493-3.492L13.299 2.999l-9.9 9.9 21.51 15.102Zm8.691-5.721a14.07 14.07 0 0 1 4.826-.135L43-4H29l4.599 26.28Zm14.317 5.757a14.08 14.08 0 0 0-3.27-3.351L60.162 2.588l9.9 9.9-22.145 15.548Zm2.313 5.767a14.098 14.098 0 0 1-.086 4.877L76.25 43.25v-14l-26.021 4.554Zm-5.667 13.572a14.08 14.08 0 0 0 3.214-3.214l22.445 15.76-9.9 9.9-15.759-22.446Zm-6.222 2.491a14.13 14.13 0 0 1-4.656-.13L29 76.5h14l-4.66-26.633Zm-9.853-2.317a14.08 14.08 0 0 1-3.437-3.352L3.24 59.51l9.899 9.9 15.348-21.86Zm-5.857-9.004L-4.25 43.25v-14l26.8 4.69a14.118 14.118 0 0 0 .08 4.606ZM47.4 36c0 6.075-4.925 11-11 11s-11-4.925-11-11 4.925-11 11-11 11 4.925 11 11Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MK;\n"],"names":["MK"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,iBAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,8pBAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/ML.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const ML = forwardRef(function ML2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "ML",
     "aria-label": "Mali",

package/dist-es/components/ML.js.map

@@ -1 +1 @@
-{"version":3,"file":"ML.js","sources":["../src/components/ML.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MLProps = CountrySymbolProps;\n\nconst ML = forwardRef<SVGSVGElement, MLProps>(function ML(props: MLProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"ML\"\n      aria-label=\"Mali\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-ML-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle\n          cx=\"36\"\n          cy=\"36\"\n          r=\"36\"\n          fill=\"#D9D9D9\"\n          transform=\"matrix(0 -1 -1 0 72 72)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-ML-a)`}>\n        <path fill=\"#009B77\" d=\"M0 72h24V0H0z\" />\n        <path fill=\"#FBD381\" d=\"M24 72h24V0H24z\" />\n        <path fill=\"#DD2033\" d=\"M48 72h24V0H48z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default ML;\n"],"names":["ML"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,MAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,CAAE,EAAA,IAAA;AAAA,UACF,IAAK,EAAA,SAAA;AAAA,UACL,SAAU,EAAA,yBAAA;AAAA,SACZ,CAAA;AAAA,OACF,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,SAAA;AAAA,OAC3C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ML.js","sources":["../src/components/ML.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MLProps = CountrySymbolProps;\n\nconst ML = forwardRef<SVGSVGElement, MLProps>(function ML(props: MLProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"ML\"\n      aria-label=\"Mali\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-ML-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle\n          cx=\"36\"\n          cy=\"36\"\n          r=\"36\"\n          fill=\"#D9D9D9\"\n          transform=\"matrix(0 -1 -1 0 72 72)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-ML-a)`}>\n        <path fill=\"#009B77\" d=\"M0 72h24V0H0z\" />\n        <path fill=\"#FBD381\" d=\"M24 72h24V0H24z\" />\n        <path fill=\"#DD2033\" d=\"M48 72h24V0H48z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default ML;\n"],"names":["ML"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,MAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,CAAE,EAAA,IAAA;AAAA,UACF,IAAK,EAAA,SAAA;AAAA,UACL,SAAU,EAAA,yBAAA;AAAA,SACZ,CAAA;AAAA,OACF,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,SAAA;AAAA,OAC3C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MM.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MM = forwardRef(function MM2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MM",
     "aria-label": "Myanmar",

package/dist-es/components/MM.js.map

@@ -1 +1 @@
-{"version":3,"file":"MM.js","sources":["../src/components/MM.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MMProps = CountrySymbolProps;\n\nconst MM = forwardRef<SVGSVGElement, MMProps>(function MM(props: MMProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MM\"\n      aria-label=\"Myanmar\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MM-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MM-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#009B77\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#FBD381\" d=\"M0 24V0h72v24z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m36 18-5.365 12.136L18 31.75l9.32 9.115L24.874 54 36 46.5 47.125 54 44.68 40.866 54 31.751l-12.635-1.615L36 18Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MM;\n"],"names":["MM"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,SAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,iHAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MM.js","sources":["../src/components/MM.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MMProps = CountrySymbolProps;\n\nconst MM = forwardRef<SVGSVGElement, MMProps>(function MM(props: MMProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MM\"\n      aria-label=\"Myanmar\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MM-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MM-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#009B77\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#FBD381\" d=\"M0 24V0h72v24z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m36 18-5.365 12.136L18 31.75l9.32 9.115L24.874 54 36 46.5 47.125 54 44.68 40.866 54 31.751l-12.635-1.615L36 18Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MM;\n"],"names":["MM"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,SAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,iHAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MN.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MN = forwardRef(function MN2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MN",
     "aria-label": "Mongolia",

package/dist-es/components/MN.js.map

@@ -1 +1 @@
-{"version":3,"file":"MN.js","sources":["../src/components/MN.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MNProps = CountrySymbolProps;\n\nconst MN = forwardRef<SVGSVGElement, MNProps>(function MN(props: MNProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MN\"\n      aria-label=\"Mongolia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MN-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle\n          cx=\"36\"\n          cy=\"36\"\n          r=\"36\"\n          fill=\"#D9D9D9\"\n          transform=\"matrix(0 -1 -1 0 72 72)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-MN-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 72h72V0H0z\" />\n        <path fill=\"#005EB8\" d=\"M27 72h18V0H27z\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"M14 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm4 5a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM8 30H4v20h4V30Zm6 3 4-3h-8l4 3Zm6-3h4v20h-4V30Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          fillRule=\"evenodd\"\n          d=\"M14 35a5 5 0 0 0-2.665 9.23 3.077 3.077 0 0 1 2.655-4.615H14c.038 0 .076 0 .114-.003A2.308 2.308 0 0 0 14 35Zm-1.179 2.308a1.154 1.154 0 1 1 2.308 0 1.154 1.154 0 0 1-2.308 0Z\"\n          clipRule=\"evenodd\"\n        />\n        <path\n          fill=\"#F1B434\"\n          fillRule=\"evenodd\"\n          d=\"m17.077 37.298-.001-.077a3.076 3.076 0 0 0-.411-1.452A4.995 4.995 0 0 1 19 40a5 5 0 0 1-5 5 2.3 2.3 0 0 1-1.632-.676 2.308 2.308 0 0 1-.676-1.632v-.007l.001-.05A2.308 2.308 0 0 1 14 40.385a3.077 3.077 0 0 0 3.077-3.077v-.01Zm-1.898 5.394a1.154 1.154 0 1 1-2.308 0 1.154 1.154 0 0 1 2.308 0Z\"\n          clipRule=\"evenodd\"\n        />\n        <path fill=\"#F1B434\" d=\"m18 47-4 3-4-3h8Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MN;\n"],"names":["MN"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,UAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,CAAE,EAAA,IAAA;AAAA,UACF,IAAK,EAAA,SAAA;AAAA,UACL,SAAU,EAAA,yBAAA;AAAA,SACZ,CAAA;AAAA,OACF,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,sHAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,iLAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,oSAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,mBAAA;AAAA,WAAoB,CAAA;AAAA,SAAA;AAAA,OAC7C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MN.js","sources":["../src/components/MN.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MNProps = CountrySymbolProps;\n\nconst MN = forwardRef<SVGSVGElement, MNProps>(function MN(props: MNProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MN\"\n      aria-label=\"Mongolia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MN-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle\n          cx=\"36\"\n          cy=\"36\"\n          r=\"36\"\n          fill=\"#D9D9D9\"\n          transform=\"matrix(0 -1 -1 0 72 72)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-MN-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 72h72V0H0z\" />\n        <path fill=\"#005EB8\" d=\"M27 72h18V0H27z\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"M14 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm4 5a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM8 30H4v20h4V30Zm6 3 4-3h-8l4 3Zm6-3h4v20h-4V30Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          fillRule=\"evenodd\"\n          d=\"M14 35a5 5 0 0 0-2.665 9.23 3.077 3.077 0 0 1 2.655-4.615H14c.038 0 .076 0 .114-.003A2.308 2.308 0 0 0 14 35Zm-1.179 2.308a1.154 1.154 0 1 1 2.308 0 1.154 1.154 0 0 1-2.308 0Z\"\n          clipRule=\"evenodd\"\n        />\n        <path\n          fill=\"#F1B434\"\n          fillRule=\"evenodd\"\n          d=\"m17.077 37.298-.001-.077a3.076 3.076 0 0 0-.411-1.452A4.995 4.995 0 0 1 19 40a5 5 0 0 1-5 5 2.3 2.3 0 0 1-1.632-.676 2.308 2.308 0 0 1-.676-1.632v-.007l.001-.05A2.308 2.308 0 0 1 14 40.385a3.077 3.077 0 0 0 3.077-3.077v-.01Zm-1.898 5.394a1.154 1.154 0 1 1-2.308 0 1.154 1.154 0 0 1 2.308 0Z\"\n          clipRule=\"evenodd\"\n        />\n        <path fill=\"#F1B434\" d=\"m18 47-4 3-4-3h8Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MN;\n"],"names":["MN"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,UAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,CAAE,EAAA,IAAA;AAAA,UACF,IAAK,EAAA,SAAA;AAAA,UACL,SAAU,EAAA,yBAAA;AAAA,SACZ,CAAA;AAAA,OACF,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,sHAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,iLAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,oSAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,mBAAA;AAAA,WAAoB,CAAA;AAAA,SAAA;AAAA,OAC7C,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MO.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MO = forwardRef(function MO2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MO",
     "aria-label": "Macao",

package/dist-es/components/MO.js.map

@@ -1 +1 @@
-{"version":3,"file":"MO.js","sources":["../src/components/MO.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MOProps = CountrySymbolProps;\n\nconst MO = forwardRef<SVGSVGElement, MOProps>(function MO(props: MOProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MO\"\n      aria-label=\"Macao\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MO-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle\n          cx=\"36\"\n          cy=\"36\"\n          r=\"36\"\n          fill=\"#D9D9D9\"\n          transform=\"rotate(-90 36 36)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-MO-a)`}>\n        <path fill=\"#008259\" d=\"M72 72H0V0h72z\" />\n        <mask\n          id={`${uid}-MO-b`}\n          x=\"11\"\n          y=\"12\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <circle cx=\"35.6\" cy=\"36\" r=\"24\" fill=\"#D9D9D9\" />\n        </mask>\n        <g mask={`url(#${uid}-MO-b)`}>\n          <path\n            fill=\"#F5F7F8\"\n            fillRule=\"evenodd\"\n            d=\"M64 57H7v3h57v-3Zm1.6-6h-57v3h57v-3Z\"\n            clipRule=\"evenodd\"\n          />\n        </g>\n        <path\n          fill=\"#F5F7F8\"\n          d=\"M40.511 37.089c1.825-3.256 2.04-7.877-4.853-13.089-6.944 5.276-6.813 9.848-5.013 13.064-3.252-1.802-7.856-1.983-13.045 4.878 10.134 13.339 17.671.571 17.99.018l.031.019c.448.77 7.94 13.178 17.98-.037-5.212-6.892-9.834-6.678-13.09-4.853Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          d=\"m35.205 12-1.104 2.497-2.6.332 1.918 1.876-.503 2.702 2.29-1.543 2.288 1.543-.503-2.702 1.918-1.876-2.6-.332L35.205 12Zm-12.841 4.374.528 2.678-1.939 1.764 2.647.436 1.138 2.502.99-2.577 2.76-.049-1.962-1.925.495-2.636-2.32 1.219-2.337-1.412Zm-3.06 7.478L18.2 26.349l-2.6.332 1.918 1.876-.503 2.702 2.289-1.543 2.289 1.543-.503-2.702 1.918-1.876-2.6-.332-1.104-2.497Zm32.592 0-1.104 2.497-2.6.332 1.918 1.876-.503 2.702 2.29-1.543 2.288 1.543-.502-2.702L55.6 26.68l-2.6-.33-1.104-2.497Zm-3.801-7.479-2.337 1.413-2.32-1.22.495 2.637-1.962 1.925 2.76.05.99 2.576 1.138-2.502 2.647-.436-1.94-1.764.529-2.678Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MO;\n"],"names":["MO"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,OAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,CAAE,EAAA,IAAA;AAAA,UACF,IAAK,EAAA,SAAA;AAAA,UACL,SAAU,EAAA,mBAAA;AAAA,SACZ,CAAA;AAAA,OACF,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,YACP,CAAE,EAAA,IAAA;AAAA,YACF,CAAE,EAAA,IAAA;AAAA,YACF,SAAU,EAAA,gBAAA;AAAA,YACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,YAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,cAAO,EAAG,EAAA,MAAA;AAAA,cAAO,EAAG,EAAA,IAAA;AAAA,cAAK,CAAE,EAAA,IAAA;AAAA,cAAK,IAAK,EAAA,SAAA;AAAA,aAAU,CAAA;AAAA,WAClD,CAAA;AAAA,0BACC,GAAA,CAAA,GAAA,EAAA;AAAA,YAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YACf,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,cACC,IAAK,EAAA,SAAA;AAAA,cACL,QAAS,EAAA,SAAA;AAAA,cACT,CAAE,EAAA,sCAAA;AAAA,cACF,QAAS,EAAA,SAAA;AAAA,aACX,CAAA;AAAA,WACF,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,8OAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,+lBAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MO.js","sources":["../src/components/MO.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MOProps = CountrySymbolProps;\n\nconst MO = forwardRef<SVGSVGElement, MOProps>(function MO(props: MOProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MO\"\n      aria-label=\"Macao\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MO-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle\n          cx=\"36\"\n          cy=\"36\"\n          r=\"36\"\n          fill=\"#D9D9D9\"\n          transform=\"rotate(-90 36 36)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-MO-a)`}>\n        <path fill=\"#008259\" d=\"M72 72H0V0h72z\" />\n        <mask\n          id={`${uid}-MO-b`}\n          x=\"11\"\n          y=\"12\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <circle cx=\"35.6\" cy=\"36\" r=\"24\" fill=\"#D9D9D9\" />\n        </mask>\n        <g mask={`url(#${uid}-MO-b)`}>\n          <path\n            fill=\"#F5F7F8\"\n            fillRule=\"evenodd\"\n            d=\"M64 57H7v3h57v-3Zm1.6-6h-57v3h57v-3Z\"\n            clipRule=\"evenodd\"\n          />\n        </g>\n        <path\n          fill=\"#F5F7F8\"\n          d=\"M40.511 37.089c1.825-3.256 2.04-7.877-4.853-13.089-6.944 5.276-6.813 9.848-5.013 13.064-3.252-1.802-7.856-1.983-13.045 4.878 10.134 13.339 17.671.571 17.99.018l.031.019c.448.77 7.94 13.178 17.98-.037-5.212-6.892-9.834-6.678-13.09-4.853Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          d=\"m35.205 12-1.104 2.497-2.6.332 1.918 1.876-.503 2.702 2.29-1.543 2.288 1.543-.503-2.702 1.918-1.876-2.6-.332L35.205 12Zm-12.841 4.374.528 2.678-1.939 1.764 2.647.436 1.138 2.502.99-2.577 2.76-.049-1.962-1.925.495-2.636-2.32 1.219-2.337-1.412Zm-3.06 7.478L18.2 26.349l-2.6.332 1.918 1.876-.503 2.702 2.289-1.543 2.289 1.543-.503-2.702 1.918-1.876-2.6-.332-1.104-2.497Zm32.592 0-1.104 2.497-2.6.332 1.918 1.876-.503 2.702 2.29-1.543 2.288 1.543-.502-2.702L55.6 26.68l-2.6-.33-1.104-2.497Zm-3.801-7.479-2.337 1.413-2.32-1.22.495 2.637-1.962 1.925 2.76.05.99 2.576 1.138-2.502 2.647-.436-1.94-1.764.529-2.678Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MO;\n"],"names":["MO"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,OAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,EAAG,EAAA,IAAA;AAAA,UACH,EAAG,EAAA,IAAA;AAAA,UACH,CAAE,EAAA,IAAA;AAAA,UACF,IAAK,EAAA,SAAA;AAAA,UACL,SAAU,EAAA,mBAAA;AAAA,SACZ,CAAA;AAAA,OACF,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,YACP,CAAE,EAAA,IAAA;AAAA,YACF,CAAE,EAAA,IAAA;AAAA,YACF,SAAU,EAAA,gBAAA;AAAA,YACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,YAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,cAAO,EAAG,EAAA,MAAA;AAAA,cAAO,EAAG,EAAA,IAAA;AAAA,cAAK,CAAE,EAAA,IAAA;AAAA,cAAK,IAAK,EAAA,SAAA;AAAA,aAAU,CAAA;AAAA,WAClD,CAAA;AAAA,0BACC,GAAA,CAAA,GAAA,EAAA;AAAA,YAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,YACf,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,cACC,IAAK,EAAA,SAAA;AAAA,cACL,QAAS,EAAA,SAAA;AAAA,cACT,CAAE,EAAA,sCAAA;AAAA,cACF,QAAS,EAAA,SAAA;AAAA,aACX,CAAA;AAAA,WACF,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,8OAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,+lBAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MP.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MP = forwardRef(function MP2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MP",
     "aria-label": "Northern Mariana Islands (the)",

package/dist-es/components/MP.js.map

@@ -1 +1 @@
-{"version":3,"file":"MP.js","sources":["../src/components/MP.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MPProps = CountrySymbolProps;\n\nconst MP = forwardRef<SVGSVGElement, MPProps>(function MP(props: MPProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"MP\"\n      aria-label=\"Northern Mariana Islands (the)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MP-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MP-a)`}>\n        <path fill=\"#0091DA\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"M32.098 61.17a2.796 2.796 0 0 0 2.63 1.83c1.097 0 2.06-.638 2.515-1.575a2.805 2.805 0 0 0 2.805 1.295 2.8 2.8 0 0 0 2.292-2.075 2.804 2.804 0 0 0 3.01.705l-.405.15.407-.15a2.8 2.8 0 0 0 1.823-2.496 2.798 2.798 0 0 0 4.373-2.727c.998.43 2.201.255 3.041-.541a2.797 2.797 0 0 0 .693-3.01 2.8 2.8 0 0 0 2.946-4.226 2.797 2.797 0 0 0 2.034-4.733 2.797 2.797 0 0 0 1.036-5.045A2.8 2.8 0 0 0 63 35.998v-.062a2.795 2.795 0 0 0-1.708-2.569 2.796 2.796 0 0 0-1.047-5.043 2.8 2.8 0 0 0 .546-3.042 2.803 2.803 0 0 0-2.589-1.687 2.8 2.8 0 0 0-2.958-4.219c.38-1.02.142-2.21-.698-3.007a2.804 2.804 0 0 0-3.044-.533 2.802 2.802 0 0 0-4.378-2.718 2.8 2.8 0 0 0-4.838-1.782 2.8 2.8 0 0 0-2.298-2.067 2.8 2.8 0 0 0-2.8 1.3 2.8 2.8 0 0 0-2.66-1.565 2.8 2.8 0 0 0-2.488 1.83 2.802 2.802 0 0 0-4.988 1.3 2.804 2.804 0 0 0-3.068-.392 2.797 2.797 0 0 0-1.558 2.668 2.797 2.797 0 0 0-4.068 3.16 2.8 2.8 0 0 0-3.354 3.911 2.797 2.797 0 0 0-2.5 4.504 2.796 2.796 0 0 0-1.536 4.918A2.799 2.799 0 0 0 9.016 33.3h-.002a2.796 2.796 0 0 0 1.44 2.727 2.795 2.795 0 0 0 .525 5.121 2.798 2.798 0 0 0 1.547 4.914c-.67.86-.8 2.07-.235 3.08a2.801 2.801 0 0 0 2.743 1.42 2.792 2.792 0 0 0 .39 3.062 2.796 2.796 0 0 0 2.973.84 2.798 2.798 0 0 0 4.078 3.151 2.798 2.798 0 0 0 1.563 2.667 2.805 2.805 0 0 0 3.066-.398 2.804 2.804 0 0 0 4.994 1.286ZM36 54c9.941 0 18-8.059 18-18s-8.059-18-18-18-18 8.059-18 18 8.059 18 18 18Z\"\n          clipRule=\"evenodd\"\n        />\n        <path\n          fill=\"#C1C3C3\"\n          d=\"M30.5 21a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h.75l-3.469 27.752A2 2 0 0 0 29.766 61h12.468a2 2 0 0 0 1.985-2.248L40.75 31h.75a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-11Z\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m36 24-3.577 8.09L24 33.168l6.213 6.077L28.583 48 36 43l7.416 5-1.629-8.756L48 33.167l-8.423-1.076L36 24Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MP;\n"],"names":["MP"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,gCAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,w2CAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,4JAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,2GAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MP.js","sources":["../src/components/MP.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\nimport { useId } from \"@salt-ds/core\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type MPProps = CountrySymbolProps;\n\nconst MP = forwardRef<SVGSVGElement, MPProps>(function MP(props: MPProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"MP\"\n      aria-label=\"Northern Mariana Islands (the)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-MP-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-MP-a)`}>\n        <path fill=\"#0091DA\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"M32.098 61.17a2.796 2.796 0 0 0 2.63 1.83c1.097 0 2.06-.638 2.515-1.575a2.805 2.805 0 0 0 2.805 1.295 2.8 2.8 0 0 0 2.292-2.075 2.804 2.804 0 0 0 3.01.705l-.405.15.407-.15a2.8 2.8 0 0 0 1.823-2.496 2.798 2.798 0 0 0 4.373-2.727c.998.43 2.201.255 3.041-.541a2.797 2.797 0 0 0 .693-3.01 2.8 2.8 0 0 0 2.946-4.226 2.797 2.797 0 0 0 2.034-4.733 2.797 2.797 0 0 0 1.036-5.045A2.8 2.8 0 0 0 63 35.998v-.062a2.795 2.795 0 0 0-1.708-2.569 2.796 2.796 0 0 0-1.047-5.043 2.8 2.8 0 0 0 .546-3.042 2.803 2.803 0 0 0-2.589-1.687 2.8 2.8 0 0 0-2.958-4.219c.38-1.02.142-2.21-.698-3.007a2.804 2.804 0 0 0-3.044-.533 2.802 2.802 0 0 0-4.378-2.718 2.8 2.8 0 0 0-4.838-1.782 2.8 2.8 0 0 0-2.298-2.067 2.8 2.8 0 0 0-2.8 1.3 2.8 2.8 0 0 0-2.66-1.565 2.8 2.8 0 0 0-2.488 1.83 2.802 2.802 0 0 0-4.988 1.3 2.804 2.804 0 0 0-3.068-.392 2.797 2.797 0 0 0-1.558 2.668 2.797 2.797 0 0 0-4.068 3.16 2.8 2.8 0 0 0-3.354 3.911 2.797 2.797 0 0 0-2.5 4.504 2.796 2.796 0 0 0-1.536 4.918A2.799 2.799 0 0 0 9.016 33.3h-.002a2.796 2.796 0 0 0 1.44 2.727 2.795 2.795 0 0 0 .525 5.121 2.798 2.798 0 0 0 1.547 4.914c-.67.86-.8 2.07-.235 3.08a2.801 2.801 0 0 0 2.743 1.42 2.792 2.792 0 0 0 .39 3.062 2.796 2.796 0 0 0 2.973.84 2.798 2.798 0 0 0 4.078 3.151 2.798 2.798 0 0 0 1.563 2.667 2.805 2.805 0 0 0 3.066-.398 2.804 2.804 0 0 0 4.994 1.286ZM36 54c9.941 0 18-8.059 18-18s-8.059-18-18-18-18 8.059-18 18 8.059 18 18 18Z\"\n          clipRule=\"evenodd\"\n        />\n        <path\n          fill=\"#C1C3C3\"\n          d=\"M30.5 21a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h.75l-3.469 27.752A2 2 0 0 0 29.766 61h12.468a2 2 0 0 0 1.985-2.248L40.75 31h.75a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-11Z\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m36 24-3.577 8.09L24 33.168l6.213 6.077L28.583 48 36 43l7.416 5-1.629-8.756L48 33.167l-8.423-1.076L36 24Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default MP;\n"],"names":["MP"],"mappings":";;;;;AAQA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,gCAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,w2CAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,4JAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,2GAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/MQ.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
+import { useId } from '@salt-ds/core';
 import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
 
 const MQ = forwardRef(function MQ2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "MQ",
     "aria-label": "Martinique",