@salt-ds/countries 1.1.2 → 1.1.4

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

@@ -1 +1 @@
-{"version":3,"file":"SI.js","sources":["../src/components/SI.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 SIProps = CountrySymbolProps;\n\nconst SI = forwardRef<SVGSVGElement, SIProps>(function SI(props: SIProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SI\"\n      aria-label=\"Slovenia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SI-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}-SI-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#005EB8\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 24V0h72v24z\" />\n        <path\n          fill=\"#005EB8\"\n          d=\"M15 14h20v7.941a14.857 14.857 0 0 1-9.34 13.795L25 36l-.66-.264A14.857 14.857 0 0 1 15 21.94V14Z\"\n        />\n        <mask\n          id={`${uid}-SI-b`}\n          x=\"15\"\n          y=\"14\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <path\n            fill=\"#2F80ED\"\n            d=\"M15 14h20v7.941a14.857 14.857 0 0 1-9.34 13.795L25 36l-.66-.264A14.857 14.857 0 0 1 15 21.94V14Z\"\n          />\n        </mask>\n        <g mask={`url(#${uid}-SI-b)`}>\n          <path\n            fill=\"#F5F7F8\"\n            d=\"M29.059 24.68 25.2 19l-3.858 5.68L20.2 23l-8.66 12.75H23V36h5v-.25h10.86L30.2 23l-1.141 1.68Z\"\n          />\n        </g>\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SI;\n"],"names":["SI"],"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,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,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,cACC,IAAK,EAAA,SAAA;AAAA,cACL,CAAE,EAAA,+FAAA;AAAA,aACJ,CAAA;AAAA,WACF,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SI.js","sources":["../src/components/SI.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 SIProps = CountrySymbolProps;\n\nconst SI = forwardRef<SVGSVGElement, SIProps>(function SI(props: SIProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SI\"\n      aria-label=\"Slovenia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SI-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}-SI-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#005EB8\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 24V0h72v24z\" />\n        <path\n          fill=\"#005EB8\"\n          d=\"M15 14h20v7.941a14.857 14.857 0 0 1-9.34 13.795L25 36l-.66-.264A14.857 14.857 0 0 1 15 21.94V14Z\"\n        />\n        <mask\n          id={`${uid}-SI-b`}\n          x=\"15\"\n          y=\"14\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <path\n            fill=\"#2F80ED\"\n            d=\"M15 14h20v7.941a14.857 14.857 0 0 1-9.34 13.795L25 36l-.66-.264A14.857 14.857 0 0 1 15 21.94V14Z\"\n          />\n        </mask>\n        <g mask={`url(#${uid}-SI-b)`}>\n          <path\n            fill=\"#F5F7F8\"\n            d=\"M29.059 24.68 25.2 19l-3.858 5.68L20.2 23l-8.66 12.75H23V36h5v-.25h10.86L30.2 23l-1.141 1.68Z\"\n          />\n        </g>\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SI;\n"],"names":["SI"],"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,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,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,cACC,IAAK,EAAA,SAAA;AAAA,cACL,CAAE,EAAA,+FAAA;AAAA,aACJ,CAAA;AAAA,WACF,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/SJ.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 SJ = forwardRef(function SJ2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SJ",
     "aria-label": "Svalbard and Jan Mayen",

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

@@ -1 +1 @@
-{"version":3,"file":"SJ.js","sources":["../src/components/SJ.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 SJProps = CountrySymbolProps;\n\nconst SJ = forwardRef<SVGSVGElement, SJProps>(function SJ(props: SJProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SJ\"\n      aria-label=\"Svalbard and Jan Mayen\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SJ-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}-SJ-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"M20.4 72h-6V47.7H.4v-6h14V30.3H.4v-6h14V0h6v24.3h11.4V0h6v24.3h34.6v6H37.8v11.4h34.6v6H37.8V72h-6V47.7H20.4V72Zm11.4-41.7H20.4v11.4h11.4V30.3Z\"\n          clipRule=\"evenodd\"\n        />\n        <path fill=\"#004692\" d=\"M20 72h12V42h40V30H32V0H20v30H0v12h20v30Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SJ;\n"],"names":["SJ"],"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,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,gJAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,2CAAA;AAAA,WAA4C,CAAA;AAAA,SAAA;AAAA,OACrE,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SJ.js","sources":["../src/components/SJ.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 SJProps = CountrySymbolProps;\n\nconst SJ = forwardRef<SVGSVGElement, SJProps>(function SJ(props: SJProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SJ\"\n      aria-label=\"Svalbard and Jan Mayen\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SJ-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}-SJ-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"M20.4 72h-6V47.7H.4v-6h14V30.3H.4v-6h14V0h6v24.3h11.4V0h6v24.3h34.6v6H37.8v11.4h34.6v6H37.8V72h-6V47.7H20.4V72Zm11.4-41.7H20.4v11.4h11.4V30.3Z\"\n          clipRule=\"evenodd\"\n        />\n        <path fill=\"#004692\" d=\"M20 72h12V42h40V30H32V0H20v30H0v12h20v30Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SJ;\n"],"names":["SJ"],"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,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,gJAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,2CAAA;AAAA,WAA4C,CAAA;AAAA,SAAA;AAAA,OACrE,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/SK.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 SK = forwardRef(function SK2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SK",
     "aria-label": "Slovakia",

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

@@ -1 +1 @@
-{"version":3,"file":"SK.js","sources":["../src/components/SK.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 SKProps = CountrySymbolProps;\n\nconst SK = forwardRef<SVGSVGElement, SKProps>(function SK(props: SKProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SK\"\n      aria-label=\"Slovakia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SK-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}-SK-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#005EB8\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 24V0h72v24z\" />\n        <path fill=\"#DD2033\" d=\"M11.8 19h33v29.455L28.3 55l-16.5-6.545V19Z\" />\n        <mask\n          id={`${uid}-SK-b`}\n          x=\"11\"\n          y=\"19\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <path fill=\"#DD2033\" d=\"M11.8 19h33v29.455L28.3 55l-16.5-6.545V19Z\" />\n        </mask>\n        <g mask={`url(#${uid}-SK-b)`}>\n          <path\n            fill=\"#F5F7F8\"\n            d=\"M27 22h3v3h4v3h-4v3h7v3h-7v6h-3v-6h-7v-3h7v-3h-4v-3h4v-3Z\"\n          />\n          <path\n            fill=\"#005EB8\"\n            d=\"M33.933 63.484C32.433 65.672 30.461 67 28.3 67c-2.16 0-4.133-1.328-5.633-3.516C21.407 65.661 19.69 67 17.8 67c-3.866 0-7-5.596-7-12.5s3.134-12.5 7-12.5c1.452 0 2.8.79 3.918 2.14C23.278 41.003 25.647 39 28.3 39s5.023 2.003 6.582 5.14C36 42.79 37.348 42 38.8 42c3.866 0 7 5.596 7 12.5S42.666 67 38.8 67c-1.891 0-3.607-1.34-4.867-3.516Z\"\n          />\n        </g>\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"M8.8 16h39v22.365c0 7.32-4.468 13.9-11.272 16.599L28.3 58.227l-8.227-3.263A17.857 17.857 0 0 1 8.8 38.364V16Zm3 3v19.365c0 6.09 3.717 11.564 9.379 13.81L28.3 55l7.121-2.825a14.857 14.857 0 0 0 9.379-13.81V19h-33Z\"\n          clipRule=\"evenodd\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SK;\n"],"names":["SK"],"mappings":"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"}
+{"version":3,"file":"SK.js","sources":["../src/components/SK.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 SKProps = CountrySymbolProps;\n\nconst SK = forwardRef<SVGSVGElement, SKProps>(function SK(props: SKProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SK\"\n      aria-label=\"Slovakia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SK-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}-SK-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#005EB8\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 24V0h72v24z\" />\n        <path fill=\"#DD2033\" d=\"M11.8 19h33v29.455L28.3 55l-16.5-6.545V19Z\" />\n        <mask\n          id={`${uid}-SK-b`}\n          x=\"11\"\n          y=\"19\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <path fill=\"#DD2033\" d=\"M11.8 19h33v29.455L28.3 55l-16.5-6.545V19Z\" />\n        </mask>\n        <g mask={`url(#${uid}-SK-b)`}>\n          <path\n            fill=\"#F5F7F8\"\n            d=\"M27 22h3v3h4v3h-4v3h7v3h-7v6h-3v-6h-7v-3h7v-3h-4v-3h4v-3Z\"\n          />\n          <path\n            fill=\"#005EB8\"\n            d=\"M33.933 63.484C32.433 65.672 30.461 67 28.3 67c-2.16 0-4.133-1.328-5.633-3.516C21.407 65.661 19.69 67 17.8 67c-3.866 0-7-5.596-7-12.5s3.134-12.5 7-12.5c1.452 0 2.8.79 3.918 2.14C23.278 41.003 25.647 39 28.3 39s5.023 2.003 6.582 5.14C36 42.79 37.348 42 38.8 42c3.866 0 7 5.596 7 12.5S42.666 67 38.8 67c-1.891 0-3.607-1.34-4.867-3.516Z\"\n          />\n        </g>\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"M8.8 16h39v22.365c0 7.32-4.468 13.9-11.272 16.599L28.3 58.227l-8.227-3.263A17.857 17.857 0 0 1 8.8 38.364V16Zm3 3v19.365c0 6.09 3.717 11.564 9.379 13.81L28.3 55l7.121-2.825a14.857 14.857 0 0 0 9.379-13.81V19h-33Z\"\n          clipRule=\"evenodd\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SK;\n"],"names":["SK"],"mappings":"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"}

package/dist-es/components/SL.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 SL = forwardRef(function SL2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SL",
     "aria-label": "Sierra Leone",

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

@@ -1 +1 @@
-{"version":3,"file":"SL.js","sources":["../src/components/SL.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 SLProps = CountrySymbolProps;\n\nconst SL = forwardRef<SVGSVGElement, SLProps>(function SL(props: SLProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SL\"\n      aria-label=\"Sierra Leone\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SL-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}-SL-a)`}>\n        <path fill=\"#005EB8\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#009B77\" d=\"M0 24V0h72v24z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SL;\n"],"names":["SL"],"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,cAAA;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":"SL.js","sources":["../src/components/SL.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 SLProps = CountrySymbolProps;\n\nconst SL = forwardRef<SVGSVGElement, SLProps>(function SL(props: SLProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SL\"\n      aria-label=\"Sierra Leone\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SL-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}-SL-a)`}>\n        <path fill=\"#005EB8\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#009B77\" d=\"M0 24V0h72v24z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SL;\n"],"names":["SL"],"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,cAAA;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/SM.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 SM = forwardRef(function SM2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SM",
     "aria-label": "San Marino",

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

@@ -1 +1 @@
-{"version":3,"file":"SM.js","sources":["../src/components/SM.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 SMProps = CountrySymbolProps;\n\nconst SM = forwardRef<SVGSVGElement, SMProps>(function SM(props: SMProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SM\"\n      aria-label=\"San Marino\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SM-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(180 36 36)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-SM-a)`}>\n        <path fill=\"#F5F7F8\" d=\"M72 0v36H0V0z\" />\n        <path fill=\"#86C5FA\" d=\"M72 36v36H0V36z\" />\n        <path\n          fill=\"#009B77\"\n          d=\"M20.737 28.403C18.634 31.27 17.4 34.765 17.4 38.536c0 8.642 6.484 15.833 15.044 17.347a3 3 0 0 0-.518 4.657l4.06-4.06 4.061 4.06a3 3 0 0 0-.602-4.708c8.421-1.62 14.765-8.748 14.765-17.296 0-3.771-1.235-7.266-3.338-10.133l-4.02 3.299a12.168 12.168 0 0 1 2.1 6.834c0 6.96-5.886 12.6-13.147 12.6-7.26 0-13.146-5.64-13.146-12.6 0-2.519.77-4.865 2.1-6.834l-4.022-3.299Z\"\n        />\n        <path\n          fill=\"#86C5FA\"\n          stroke=\"#F1B434\"\n          strokeWidth=\"3\"\n          d=\"M27.4 23.677h17a2.5 2.5 0 0 1 2.5 2.5v7.964a13.357 13.357 0 0 1-8.475 12.432l-2.525.992-2.526-.992A13.357 13.357 0 0 1 24.9 34.141v-7.964a2.5 2.5 0 0 1 2.5-2.5Z\"\n        />\n        <path\n          fill=\"#008259\"\n          d=\"M31.4 46.177c.946 0 1.815-.329 2.5-.878a3.983 3.983 0 0 0 2.5.878 3.98 3.98 0 0 0 2-.535 4 4 0 1 0 0-6.93 3.98 3.98 0 0 0-2-.535c-.946 0-1.815.328-2.5.877a4 4 0 1 0-2.5 7.123Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          fillRule=\"evenodd\"\n          d=\"M44.4 25.177h-17a1 1 0 0 0-1 1v7.964c0 4.875 2.985 9.254 7.523 11.036l1.977.777 1.977-.777A11.857 11.857 0 0 0 45.4 34.141v-7.964a1 1 0 0 0-1-1Zm-8.5 24 3.074-1.207A14.857 14.857 0 0 0 48.4 34.14v-7.963a4 4 0 0 0-4-4h-17a4 4 0 0 0-4 4v7.964c0 6.109 3.74 11.595 9.426 13.829l3.074 1.207Z\"\n          clipRule=\"evenodd\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"M22.4 53.177h28v2h2v6h-10v-2h-12v2h-10v-6h2v-2Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          fillRule=\"evenodd\"\n          d=\"M36.4 7.177h-2v1.428h-2v2h2v1.723a5.143 5.143 0 0 0-6.286 8.11v2.167h14.572V20.44a5.143 5.143 0 0 0-6.286-8.11v-1.724h2v-2h-2V7.177Zm-1 12.83-.024.027h.048l-.024-.027Zm-3.848-.83h-.01a2.571 2.571 0 1 1 2.572-2.572v2.572h-2.562Zm10.276-2.572a2.571 2.571 0 0 1-2.57 2.572h-2.573v-2.572a2.571 2.571 0 1 1 5.142 0Z\"\n          clipRule=\"evenodd\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SM;\n"],"names":["SM"],"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,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,8WAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,MAAO,EAAA,SAAA;AAAA,YACP,WAAY,EAAA,GAAA;AAAA,YACZ,CAAE,EAAA,kKAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,iLAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,gSAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,iDAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,wTAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SM.js","sources":["../src/components/SM.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 SMProps = CountrySymbolProps;\n\nconst SM = forwardRef<SVGSVGElement, SMProps>(function SM(props: SMProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SM\"\n      aria-label=\"San Marino\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SM-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(180 36 36)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-SM-a)`}>\n        <path fill=\"#F5F7F8\" d=\"M72 0v36H0V0z\" />\n        <path fill=\"#86C5FA\" d=\"M72 36v36H0V36z\" />\n        <path\n          fill=\"#009B77\"\n          d=\"M20.737 28.403C18.634 31.27 17.4 34.765 17.4 38.536c0 8.642 6.484 15.833 15.044 17.347a3 3 0 0 0-.518 4.657l4.06-4.06 4.061 4.06a3 3 0 0 0-.602-4.708c8.421-1.62 14.765-8.748 14.765-17.296 0-3.771-1.235-7.266-3.338-10.133l-4.02 3.299a12.168 12.168 0 0 1 2.1 6.834c0 6.96-5.886 12.6-13.147 12.6-7.26 0-13.146-5.64-13.146-12.6 0-2.519.77-4.865 2.1-6.834l-4.022-3.299Z\"\n        />\n        <path\n          fill=\"#86C5FA\"\n          stroke=\"#F1B434\"\n          strokeWidth=\"3\"\n          d=\"M27.4 23.677h17a2.5 2.5 0 0 1 2.5 2.5v7.964a13.357 13.357 0 0 1-8.475 12.432l-2.525.992-2.526-.992A13.357 13.357 0 0 1 24.9 34.141v-7.964a2.5 2.5 0 0 1 2.5-2.5Z\"\n        />\n        <path\n          fill=\"#008259\"\n          d=\"M31.4 46.177c.946 0 1.815-.329 2.5-.878a3.983 3.983 0 0 0 2.5.878 3.98 3.98 0 0 0 2-.535 4 4 0 1 0 0-6.93 3.98 3.98 0 0 0-2-.535c-.946 0-1.815.328-2.5.877a4 4 0 1 0-2.5 7.123Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          fillRule=\"evenodd\"\n          d=\"M44.4 25.177h-17a1 1 0 0 0-1 1v7.964c0 4.875 2.985 9.254 7.523 11.036l1.977.777 1.977-.777A11.857 11.857 0 0 0 45.4 34.141v-7.964a1 1 0 0 0-1-1Zm-8.5 24 3.074-1.207A14.857 14.857 0 0 0 48.4 34.14v-7.963a4 4 0 0 0-4-4h-17a4 4 0 0 0-4 4v7.964c0 6.109 3.74 11.595 9.426 13.829l3.074 1.207Z\"\n          clipRule=\"evenodd\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"M22.4 53.177h28v2h2v6h-10v-2h-12v2h-10v-6h2v-2Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          fillRule=\"evenodd\"\n          d=\"M36.4 7.177h-2v1.428h-2v2h2v1.723a5.143 5.143 0 0 0-6.286 8.11v2.167h14.572V20.44a5.143 5.143 0 0 0-6.286-8.11v-1.724h2v-2h-2V7.177Zm-1 12.83-.024.027h.048l-.024-.027Zm-3.848-.83h-.01a2.571 2.571 0 1 1 2.572-2.572v2.572h-2.562Zm10.276-2.572a2.571 2.571 0 0 1-2.57 2.572h-2.573v-2.572a2.571 2.571 0 1 1 5.142 0Z\"\n          clipRule=\"evenodd\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SM;\n"],"names":["SM"],"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,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,8WAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,MAAO,EAAA,SAAA;AAAA,YACP,WAAY,EAAA,GAAA;AAAA,YACZ,CAAE,EAAA,kKAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,iLAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,gSAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,iDAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,wTAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/SN.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 SN = forwardRef(function SN2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SN",
     "aria-label": "Senegal",

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

@@ -1 +1 @@
-{"version":3,"file":"SN.js","sources":["../src/components/SN.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 SNProps = CountrySymbolProps;\n\nconst SN = forwardRef<SVGSVGElement, SNProps>(function SN(props: SNProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SN\"\n      aria-label=\"Senegal\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SN-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}-SN-a)`}>\n        <path fill=\"#005B33\" d=\"M0 72h24V0H0z\" />\n        <path fill=\"#FBD381\" d=\"M24 72h24V0H24z\" />\n        <path fill=\"#DD2033\" d=\"M48 72h24V0H48z\" />\n        <path\n          fill=\"#005B33\"\n          d=\"m36 26-2.98 6.742-7.02.897 5.177 5.064L29.82 46 36 41.833 42.18 46l-1.357-7.297L46 33.64l-7.02-.897L36 26Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SN;\n"],"names":["SN"],"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,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,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,4GAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SN.js","sources":["../src/components/SN.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 SNProps = CountrySymbolProps;\n\nconst SN = forwardRef<SVGSVGElement, SNProps>(function SN(props: SNProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SN\"\n      aria-label=\"Senegal\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SN-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}-SN-a)`}>\n        <path fill=\"#005B33\" d=\"M0 72h24V0H0z\" />\n        <path fill=\"#FBD381\" d=\"M24 72h24V0H24z\" />\n        <path fill=\"#DD2033\" d=\"M48 72h24V0H48z\" />\n        <path\n          fill=\"#005B33\"\n          d=\"m36 26-2.98 6.742-7.02.897 5.177 5.064L29.82 46 36 41.833 42.18 46l-1.357-7.297L46 33.64l-7.02-.897L36 26Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SN;\n"],"names":["SN"],"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,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,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,4GAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/SO.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 SO = forwardRef(function SO2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SO",
     "aria-label": "Somalia",

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

@@ -1 +1 @@
-{"version":3,"file":"SO.js","sources":["../src/components/SO.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 SOProps = CountrySymbolProps;\n\nconst SO = forwardRef<SVGSVGElement, SOProps>(function SO(props: SOProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SO\"\n      aria-label=\"Somalia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SO-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}-SO-a)`}>\n        <path fill=\"#0091DA\" d=\"M0 72V0h72v72z\" />\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.636-1.615L36 18Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SO;\n"],"names":["SO"],"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,iHAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SO.js","sources":["../src/components/SO.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 SOProps = CountrySymbolProps;\n\nconst SO = forwardRef<SVGSVGElement, SOProps>(function SO(props: SOProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SO\"\n      aria-label=\"Somalia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SO-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}-SO-a)`}>\n        <path fill=\"#0091DA\" d=\"M0 72V0h72v72z\" />\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.636-1.615L36 18Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SO;\n"],"names":["SO"],"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,iHAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/SR.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 SR = forwardRef(function SR2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SR",
     "aria-label": "Suriname",

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

@@ -1 +1 @@
-{"version":3,"file":"SR.js","sources":["../src/components/SR.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 SRProps = CountrySymbolProps;\n\nconst SR = forwardRef<SVGSVGElement, SRProps>(function SR(props: SRProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SR\"\n      aria-label=\"Suriname\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SR-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}-SR-a)`}>\n        <path fill=\"#005B33\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 56V16h72v40z\" />\n        <path fill=\"#A00009\" d=\"M0 50V22h72v28z\" />\n        <path\n          fill=\"#FBD381\"\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 SR;\n"],"names":["SR"],"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,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,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,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":"SR.js","sources":["../src/components/SR.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 SRProps = CountrySymbolProps;\n\nconst SR = forwardRef<SVGSVGElement, SRProps>(function SR(props: SRProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SR\"\n      aria-label=\"Suriname\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SR-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}-SR-a)`}>\n        <path fill=\"#005B33\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 56V16h72v40z\" />\n        <path fill=\"#A00009\" d=\"M0 50V22h72v28z\" />\n        <path\n          fill=\"#FBD381\"\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 SR;\n"],"names":["SR"],"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,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,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,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/SS.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 SS = forwardRef(function SS2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SS",
     "aria-label": "South Sudan",

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

@@ -1 +1 @@
-{"version":3,"file":"SS.js","sources":["../src/components/SS.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 SSProps = CountrySymbolProps;\n\nconst SS = forwardRef<SVGSVGElement, SSProps>(function SS(props: SSProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SS\"\n      aria-label=\"South Sudan\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SS-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}-SS-a)`}>\n        <path fill=\"#F5F7F8\" d=\"M0 52V20h72v32z\" />\n        <path fill=\"#DD2033\" d=\"M.2 46V26h72v20z\" />\n        <path fill=\"#31373D\" d=\"M0 20V0h72v20z\" />\n        <path fill=\"#009B77\" d=\"M0 72V52h72v20z\" />\n        <path fill=\"#004692\" d=\"M48 36 0 0v72l48-36Z\" />\n        <path\n          fill=\"#FBD381\"\n          d=\"m12.236 28.636 2.394 6.188-3.896 5.038 6.517-.072 3.78 5.507 1.281-6.585 6.585-1.281-5.507-3.78.072-6.517-5.038 3.896-6.188-2.394Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SS;\n"],"names":["SS"],"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,aAAA;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,kBAAA;AAAA,WAAmB,CAAA;AAAA,0BACzC,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,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7C,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,oIAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SS.js","sources":["../src/components/SS.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 SSProps = CountrySymbolProps;\n\nconst SS = forwardRef<SVGSVGElement, SSProps>(function SS(props: SSProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SS\"\n      aria-label=\"South Sudan\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SS-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}-SS-a)`}>\n        <path fill=\"#F5F7F8\" d=\"M0 52V20h72v32z\" />\n        <path fill=\"#DD2033\" d=\"M.2 46V26h72v20z\" />\n        <path fill=\"#31373D\" d=\"M0 20V0h72v20z\" />\n        <path fill=\"#009B77\" d=\"M0 72V52h72v20z\" />\n        <path fill=\"#004692\" d=\"M48 36 0 0v72l48-36Z\" />\n        <path\n          fill=\"#FBD381\"\n          d=\"m12.236 28.636 2.394 6.188-3.896 5.038 6.517-.072 3.78 5.507 1.281-6.585 6.585-1.281-5.507-3.78.072-6.517-5.038 3.896-6.188-2.394Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SS;\n"],"names":["SS"],"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,aAAA;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,kBAAA;AAAA,WAAmB,CAAA;AAAA,0BACzC,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,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7C,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,oIAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/ST.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 ST = forwardRef(function ST2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "ST",
     "aria-label": "Sao Tome and Principe",

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

@@ -1 +1 @@
-{"version":3,"file":"ST.js","sources":["../src/components/ST.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 STProps = CountrySymbolProps;\n\nconst ST = forwardRef<SVGSVGElement, STProps>(function ST(props: STProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"ST\"\n      aria-label=\"Sao Tome and Principe\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-ST-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}-ST-a)`}>\n        <path fill=\"#009B77\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#FBD381\" d=\"M0 48V24h72v24z\" />\n        <path\n          fill=\"#31373D\"\n          d=\"M42.611 34.045 44.4 30l1.788 4.045 4.212.539-3.106 3.038.814 4.378-3.708-2.5-3.708 2.5.814-4.378-3.106-3.038 4.212-.539Zm15.601 0L60 30l1.788 4.045 4.212.539-3.106 3.038.814 4.378L60 39.5 56.292 42l.814-4.378L54 34.584l4.212-.539Z\"\n        />\n        <path fill=\"#DD2033\" d=\"M36 36 0 0v72l36-36Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default ST;\n"],"names":["ST"],"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,uBAAA;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,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,wOAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,SAAA;AAAA,OAChD,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ST.js","sources":["../src/components/ST.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 STProps = CountrySymbolProps;\n\nconst ST = forwardRef<SVGSVGElement, STProps>(function ST(props: STProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"ST\"\n      aria-label=\"Sao Tome and Principe\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-ST-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}-ST-a)`}>\n        <path fill=\"#009B77\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#FBD381\" d=\"M0 48V24h72v24z\" />\n        <path\n          fill=\"#31373D\"\n          d=\"M42.611 34.045 44.4 30l1.788 4.045 4.212.539-3.106 3.038.814 4.378-3.708-2.5-3.708 2.5.814-4.378-3.106-3.038 4.212-.539Zm15.601 0L60 30l1.788 4.045 4.212.539-3.106 3.038.814 4.378L60 39.5 56.292 42l.814-4.378L54 34.584l4.212-.539Z\"\n        />\n        <path fill=\"#DD2033\" d=\"M36 36 0 0v72l36-36Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default ST;\n"],"names":["ST"],"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,uBAAA;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,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,wOAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,SAAA;AAAA,OAChD,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/SV.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 SV = forwardRef(function SV2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SV",
     "aria-label": "El Salvador",

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

@@ -1 +1 @@
-{"version":3,"file":"SV.js","sources":["../src/components/SV.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 SVProps = CountrySymbolProps;\n\nconst SV = forwardRef<SVGSVGElement, SVProps>(function SV(props: SVProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SV\"\n      aria-label=\"El Salvador\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SV-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}-SV-a)`}>\n        <path fill=\"#005EB8\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 52V20h72v32z\" />\n        <path\n          fill=\"#009B77\"\n          fillRule=\"evenodd\"\n          d=\"M20 23.746A17.922 17.922 0 0 0 18 32c0 9.941 8.059 18 18 18s18-8.059 18-18c0-2.975-.722-5.782-2-8.254v.411l-5.202 2.601A11.951 11.951 0 0 1 48 32c0 6.627-5.373 12-12 12s-12-5.373-12-12c0-1.88.432-3.658 1.202-5.242L20 24.157v-.411Z\"\n          clipRule=\"evenodd\"\n        />\n        <path fill=\"#FBD381\" d=\"m36 24 9 14H27l9-14Z\" />\n        <path fill=\"#009B77\" d=\"M27 38h18l-4.5-7h-9L27 38Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SV;\n"],"names":["SV"],"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,aAAA;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,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,wOAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7C,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,4BAAA;AAAA,WAA6B,CAAA;AAAA,SAAA;AAAA,OACtD,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SV.js","sources":["../src/components/SV.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 SVProps = CountrySymbolProps;\n\nconst SV = forwardRef<SVGSVGElement, SVProps>(function SV(props: SVProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SV\"\n      aria-label=\"El Salvador\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SV-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}-SV-a)`}>\n        <path fill=\"#005EB8\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 52V20h72v32z\" />\n        <path\n          fill=\"#009B77\"\n          fillRule=\"evenodd\"\n          d=\"M20 23.746A17.922 17.922 0 0 0 18 32c0 9.941 8.059 18 18 18s18-8.059 18-18c0-2.975-.722-5.782-2-8.254v.411l-5.202 2.601A11.951 11.951 0 0 1 48 32c0 6.627-5.373 12-12 12s-12-5.373-12-12c0-1.88.432-3.658 1.202-5.242L20 24.157v-.411Z\"\n          clipRule=\"evenodd\"\n        />\n        <path fill=\"#FBD381\" d=\"m36 24 9 14H27l9-14Z\" />\n        <path fill=\"#009B77\" d=\"M27 38h18l-4.5-7h-9L27 38Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SV;\n"],"names":["SV"],"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,aAAA;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,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,wOAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7C,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,4BAAA;AAAA,WAA6B,CAAA;AAAA,SAAA;AAAA,OACtD,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/SX.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 SX = forwardRef(function SX2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SX",
     "aria-label": "Sint Maarten (Dutch part)",

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

@@ -1 +1 @@
-{"version":3,"file":"SX.js","sources":["../src/components/SX.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 SXProps = CountrySymbolProps;\n\nconst SX = forwardRef<SVGSVGElement, SXProps>(function SX(props: SXProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SX\"\n      aria-label=\"Sint Maarten (Dutch part)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SX-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}-SX-a)`}>\n        <path fill=\"#004692\" d=\"M0 72V36h72v36z\" />\n        <path fill=\"#DD2033\" d=\"M0 36V0h72v36z\" />\n        <path fill=\"#F5F7F8\" d=\"M48 36 0 0v72l48-36Z\" />\n        <path\n          fill=\"#FBD381\"\n          d=\"M17.5 30a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM7 48v-5h21v5h-3v3H10v-3H7Z\"\n        />\n        <path\n          fill=\"#86C5FA\"\n          d=\"M7 25h21v8.743a14.857 14.857 0 0 1-9.36 13.803L17.5 48l-1.14-.454A14.857 14.857 0 0 1 7 33.743V25Z\"\n        />\n        <path\n          fill=\"#DD2033\"\n          fillRule=\"evenodd\"\n          d=\"M25 28H10v5.743c0 4.855 2.96 9.22 7.47 11.016l.03.012.03-.012A11.857 11.857 0 0 0 25 33.743V28Zm-7.5 20-1.14-.454A14.857 14.857 0 0 1 7 33.743V25h21v8.743a14.857 14.857 0 0 1-9.36 13.803L17.5 48Z\"\n          clipRule=\"evenodd\"\n        />\n        <path fill=\"#F5F7F8\" d=\"m16 31 1.5-1.5L19 31v1l3 3v5h-9v-5l3-3v-1Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SX;\n"],"names":["SX"],"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,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7C,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,0EAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,oGAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,qMAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,4CAAA;AAAA,WAA6C,CAAA;AAAA,SAAA;AAAA,OACtE,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SX.js","sources":["../src/components/SX.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 SXProps = CountrySymbolProps;\n\nconst SX = forwardRef<SVGSVGElement, SXProps>(function SX(props: SXProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SX\"\n      aria-label=\"Sint Maarten (Dutch part)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SX-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}-SX-a)`}>\n        <path fill=\"#004692\" d=\"M0 72V36h72v36z\" />\n        <path fill=\"#DD2033\" d=\"M0 36V0h72v36z\" />\n        <path fill=\"#F5F7F8\" d=\"M48 36 0 0v72l48-36Z\" />\n        <path\n          fill=\"#FBD381\"\n          d=\"M17.5 30a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM7 48v-5h21v5h-3v3H10v-3H7Z\"\n        />\n        <path\n          fill=\"#86C5FA\"\n          d=\"M7 25h21v8.743a14.857 14.857 0 0 1-9.36 13.803L17.5 48l-1.14-.454A14.857 14.857 0 0 1 7 33.743V25Z\"\n        />\n        <path\n          fill=\"#DD2033\"\n          fillRule=\"evenodd\"\n          d=\"M25 28H10v5.743c0 4.855 2.96 9.22 7.47 11.016l.03.012.03-.012A11.857 11.857 0 0 0 25 33.743V28Zm-7.5 20-1.14-.454A14.857 14.857 0 0 1 7 33.743V25h21v8.743a14.857 14.857 0 0 1-9.36 13.803L17.5 48Z\"\n          clipRule=\"evenodd\"\n        />\n        <path fill=\"#F5F7F8\" d=\"m16 31 1.5-1.5L19 31v1l3 3v5h-9v-5l3-3v-1Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SX;\n"],"names":["SX"],"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,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7C,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,0EAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,oGAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,qMAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,4CAAA;AAAA,WAA6C,CAAA;AAAA,SAAA;AAAA,OACtE,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/SY.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 SY = forwardRef(function SY2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SY",
     "aria-label": "Syrian Arab Republic (the)",

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

@@ -1 +1 @@
-{"version":3,"file":"SY.js","sources":["../src/components/SY.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 SYProps = CountrySymbolProps;\n\nconst SY = forwardRef<SVGSVGElement, SYProps>(function SY(props: SYProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SY\"\n      aria-label=\"Syrian Arab Republic (the)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SY-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}-SY-a)`}>\n        <path fill=\"#31373D\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 48V24h72v24z\" />\n        <path\n          fill=\"#009B77\"\n          d=\"M16.212 34.045 18 30l1.788 4.045 4.212.539-3.106 3.038.814 4.378L18 39.5 14.292 42l.814-4.378L12 34.584l4.212-.539Zm36 0L54 30l1.788 4.045 4.212.539-3.106 3.038.814 4.378L54 39.5 50.292 42l.814-4.378L48 34.584l4.212-.539Z\"\n        />\n        <path fill=\"#DD2033\" d=\"M0 24V0h72v24z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SY;\n"],"names":["SY"],"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,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,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,+NAAA;AAAA,WACJ,CAAA;AAAA,0BACC,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":"SY.js","sources":["../src/components/SY.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 SYProps = CountrySymbolProps;\n\nconst SY = forwardRef<SVGSVGElement, SYProps>(function SY(props: SYProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SY\"\n      aria-label=\"Syrian Arab Republic (the)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SY-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}-SY-a)`}>\n        <path fill=\"#31373D\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 48V24h72v24z\" />\n        <path\n          fill=\"#009B77\"\n          d=\"M16.212 34.045 18 30l1.788 4.045 4.212.539-3.106 3.038.814 4.378L18 39.5 14.292 42l.814-4.378L12 34.584l4.212-.539Zm36 0L54 30l1.788 4.045 4.212.539-3.106 3.038.814 4.378L54 39.5 50.292 42l.814-4.378L48 34.584l4.212-.539Z\"\n        />\n        <path fill=\"#DD2033\" d=\"M0 24V0h72v24z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SY;\n"],"names":["SY"],"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,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,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,+NAAA;AAAA,WACJ,CAAA;AAAA,0BACC,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/SZ.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 SZ = forwardRef(function SZ2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "SZ",
     "aria-label": "Eswatini",

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

@@ -1 +1 @@
-{"version":3,"file":"SZ.js","sources":["../src/components/SZ.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 SZProps = CountrySymbolProps;\n\nconst SZ = forwardRef<SVGSVGElement, SZProps>(function SZ(props: SZProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"SZ\"\n      aria-label=\"Eswatini\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SZ-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}-SZ-a)`}>\n        <path fill=\"#005EB8\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#F1B434\" d=\"M0 58V14h72v44z\" />\n        <path fill=\"#A00009\" d=\"M0 52V20h72v32z\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"M10.6 32v-3h46v3h-46Zm8 6v-3h46v3h-46Zm-11 4v3h46v-3h-46Z\"\n        />\n        <path\n          fill=\"#31373D\"\n          d=\"m58 36.103-1.493 1.798c-5.39 6.495-10.747 10.06-15.952 11.434-5.256 1.388-9.96.44-13.772-1.355-3.76-1.768-6.705-4.375-8.673-6.46a33.938 33.938 0 0 1-2.296-2.7c-.265-.348-.47-.633-.613-.838l-.242-.356-.959-1.48.924-1.502.234-.362c.14-.21.34-.501.597-.856A33.456 33.456 0 0 1 18 30.67c1.926-2.128 4.825-4.793 8.564-6.604 3.797-1.839 8.5-2.806 13.792-1.39 5.227 1.401 10.64 5.026 16.148 11.63L58 36.104Z\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"M36.022 47.094 32.6 44l4.423-4-4.423-4 4.423-4-4.423-4 3.413-3.087c5.26.243 11.401 3.159 18.102 11.194-6.63 7.988-12.79 10.818-18.093 10.987ZM41.6 32h-2v8h2v-8Zm4 0h-2v8h2v-8Z\"\n          clipRule=\"evenodd\"\n        />\n        <path fill=\"#F5F7F8\" d=\"M23.6 32h2v8h-2v-8Zm4 0h2v8h-2v-8Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SZ;\n"],"names":["SZ"],"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,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,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,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,2DAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,kZAAA;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,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,oCAAA;AAAA,WAAqC,CAAA;AAAA,SAAA;AAAA,OAC9D,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SZ.js","sources":["../src/components/SZ.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 SZProps = CountrySymbolProps;\n\nconst SZ = forwardRef<SVGSVGElement, SZProps>(function SZ(props: SZProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"SZ\"\n      aria-label=\"Eswatini\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-SZ-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}-SZ-a)`}>\n        <path fill=\"#005EB8\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#F1B434\" d=\"M0 58V14h72v44z\" />\n        <path fill=\"#A00009\" d=\"M0 52V20h72v32z\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"M10.6 32v-3h46v3h-46Zm8 6v-3h46v3h-46Zm-11 4v3h46v-3h-46Z\"\n        />\n        <path\n          fill=\"#31373D\"\n          d=\"m58 36.103-1.493 1.798c-5.39 6.495-10.747 10.06-15.952 11.434-5.256 1.388-9.96.44-13.772-1.355-3.76-1.768-6.705-4.375-8.673-6.46a33.938 33.938 0 0 1-2.296-2.7c-.265-.348-.47-.633-.613-.838l-.242-.356-.959-1.48.924-1.502.234-.362c.14-.21.34-.501.597-.856A33.456 33.456 0 0 1 18 30.67c1.926-2.128 4.825-4.793 8.564-6.604 3.797-1.839 8.5-2.806 13.792-1.39 5.227 1.401 10.64 5.026 16.148 11.63L58 36.104Z\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"M36.022 47.094 32.6 44l4.423-4-4.423-4 4.423-4-4.423-4 3.413-3.087c5.26.243 11.401 3.159 18.102 11.194-6.63 7.988-12.79 10.818-18.093 10.987ZM41.6 32h-2v8h2v-8Zm4 0h-2v8h2v-8Z\"\n          clipRule=\"evenodd\"\n        />\n        <path fill=\"#F5F7F8\" d=\"M23.6 32h2v8h-2v-8Zm4 0h2v8h-2v-8Z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default SZ;\n"],"names":["SZ"],"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,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,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,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,2DAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,kZAAA;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,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,oCAAA;AAAA,WAAqC,CAAA;AAAA,SAAA;AAAA,OAC9D,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/components/TC.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 TC = forwardRef(function TC2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "TC",
     "aria-label": "Turks and Caicos Islands (the)",

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

@@ -1 +1 @@
-{"version":3,"file":"TC.js","sources":["../src/components/TC.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 TCProps = CountrySymbolProps;\n\nconst TC = forwardRef<SVGSVGElement, TCProps>(function TC(props: TCProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"TC\"\n      aria-label=\"Turks and Caicos Islands (the)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TC-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}-TC-a)`}>\n        <path fill=\"#004692\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"M40.4 35h21v8.743a14.857 14.857 0 0 1-9.36 13.803L50.9 58l-1.14-.454a14.857 14.857 0 0 1-9.36-13.803V35Z\"\n        />\n        <circle cx=\"46.4\" cy=\"41\" r=\"3\" fill=\"#FDEFD3\" />\n        <circle cx=\"55.4\" cy=\"41\" r=\"3\" fill=\"#936846\" />\n        <circle cx=\"50.9\" cy=\"49.5\" r=\"3.5\" fill=\"#008259\" />\n        <mask\n          id={`${uid}-TC-b`}\n          x=\"0\"\n          y=\"0\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <path fill=\"#002F6C\" d=\"M0 36C0 16.118 16.118 0 36 0v36H0Z\" />\n        </mask>\n        <g mask={`url(#${uid}-TC-b)`}>\n          <path fill=\"#004692\" d=\"M0 0h36v36H0z\" />\n          <path\n            fill=\"#F5F7F8\"\n            d=\"m12.522 3.134-2.121 2.121 29.526 29.526 2.121-2.121L12.522 3.134ZM6.865 8.79 3.33 12.327l29.526 29.526 3.535-3.535L6.866 8.79Z\"\n          />\n          <path\n            fill=\"#DD2033\"\n            d=\"m6.865 8.79 3.536-3.535 29.526 29.526-3.535 3.536L6.864 8.79Z\"\n          />\n          <path fill=\"#F5F7F8\" d=\"M36 12v5H17v19h-5V12h24Z\" />\n          <path fill=\"#F5F7F8\" d=\"M36-2v5H5v33H0V-2h36Z\" />\n          <path\n            fill=\"#DD2033\"\n            fillRule=\"evenodd\"\n            d=\"M3 36h9V12h24V3H3v33Z\"\n            clipRule=\"evenodd\"\n          />\n        </g>\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TC;\n"],"names":["TC"],"mappings":"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"}
+{"version":3,"file":"TC.js","sources":["../src/components/TC.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 TCProps = CountrySymbolProps;\n\nconst TC = forwardRef<SVGSVGElement, TCProps>(function TC(props: TCProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"TC\"\n      aria-label=\"Turks and Caicos Islands (the)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TC-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}-TC-a)`}>\n        <path fill=\"#004692\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"M40.4 35h21v8.743a14.857 14.857 0 0 1-9.36 13.803L50.9 58l-1.14-.454a14.857 14.857 0 0 1-9.36-13.803V35Z\"\n        />\n        <circle cx=\"46.4\" cy=\"41\" r=\"3\" fill=\"#FDEFD3\" />\n        <circle cx=\"55.4\" cy=\"41\" r=\"3\" fill=\"#936846\" />\n        <circle cx=\"50.9\" cy=\"49.5\" r=\"3.5\" fill=\"#008259\" />\n        <mask\n          id={`${uid}-TC-b`}\n          x=\"0\"\n          y=\"0\"\n          maskUnits=\"userSpaceOnUse\"\n          style={{ maskType: \"alpha\" }}\n        >\n          <path fill=\"#002F6C\" d=\"M0 36C0 16.118 16.118 0 36 0v36H0Z\" />\n        </mask>\n        <g mask={`url(#${uid}-TC-b)`}>\n          <path fill=\"#004692\" d=\"M0 0h36v36H0z\" />\n          <path\n            fill=\"#F5F7F8\"\n            d=\"m12.522 3.134-2.121 2.121 29.526 29.526 2.121-2.121L12.522 3.134ZM6.865 8.79 3.33 12.327l29.526 29.526 3.535-3.535L6.866 8.79Z\"\n          />\n          <path\n            fill=\"#DD2033\"\n            d=\"m6.865 8.79 3.536-3.535 29.526 29.526-3.535 3.536L6.864 8.79Z\"\n          />\n          <path fill=\"#F5F7F8\" d=\"M36 12v5H17v19h-5V12h24Z\" />\n          <path fill=\"#F5F7F8\" d=\"M36-2v5H5v33H0V-2h36Z\" />\n          <path\n            fill=\"#DD2033\"\n            fillRule=\"evenodd\"\n            d=\"M3 36h9V12h24V3H3v33Z\"\n            clipRule=\"evenodd\"\n          />\n        </g>\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TC;\n"],"names":["TC"],"mappings":"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"}

package/dist-es/components/TD.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 TD = forwardRef(function TD2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "TD",
     "aria-label": "Chad",

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

@@ -1 +1 @@
-{"version":3,"file":"TD.js","sources":["../src/components/TD.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 TDProps = CountrySymbolProps;\n\nconst TD = forwardRef<SVGSVGElement, TDProps>(function TD(props: TDProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"TD\"\n      aria-label=\"Chad\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TD-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(1 0 0 -1 0 72)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-TD-a)`}>\n        <path fill=\"#004692\" d=\"M0 72h24V0H0z\" />\n        <path fill=\"#F1B434\" d=\"M24 72h24V0H24z\" />\n        <path fill=\"#DD2033\" d=\"M48 72h24V0H48z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TD;\n"],"names":["TD"],"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,uBAAA;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":"TD.js","sources":["../src/components/TD.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 TDProps = CountrySymbolProps;\n\nconst TD = forwardRef<SVGSVGElement, TDProps>(function TD(props: TDProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"TD\"\n      aria-label=\"Chad\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TD-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(1 0 0 -1 0 72)\"\n        />\n      </mask>\n      <g mask={`url(#${uid}-TD-a)`}>\n        <path fill=\"#004692\" d=\"M0 72h24V0H0z\" />\n        <path fill=\"#F1B434\" d=\"M24 72h24V0H24z\" />\n        <path fill=\"#DD2033\" d=\"M48 72h24V0H48z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TD;\n"],"names":["TD"],"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,uBAAA;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/TF.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 TF = forwardRef(function TF2(props, ref) {
-  const [uid] = useState(() => props.id || Math.random().toString());
+  const uid = useId(props.id);
   return /* @__PURE__ */ jsxs(CountrySymbol, {
     "data-testid": "TF",
     "aria-label": "French Southern Territories (the)",