@salt-ds/countries 1.1.2 → 1.1.4

package/dist-cjs/components/SS.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const SS = react.forwardRef(function SS2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "SS",
     "aria-label": "South Sudan",

package/dist-cjs/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":["forwardRef","SS","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,kBAAA;AAAA,WAAmB,CAAA;AAAA,0BACzCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7CA,cAAA,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":["forwardRef","SS","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,kBAAA;AAAA,WAAmB,CAAA;AAAA,0BACzCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7CA,cAAA,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-cjs/components/ST.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const ST = react.forwardRef(function ST2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "ST",
     "aria-label": "Sao Tome and Principe",

package/dist-cjs/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":["forwardRef","ST","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,wOAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,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":["forwardRef","ST","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,wOAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,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-cjs/components/SV.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const SV = react.forwardRef(function SV2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "SV",
     "aria-label": "El Salvador",

package/dist-cjs/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":["forwardRef","SV","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,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,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7CA,cAAA,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":["forwardRef","SV","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,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,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7CA,cAAA,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-cjs/components/SX.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const SX = react.forwardRef(function SX2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "SX",
     "aria-label": "Sint Maarten (Dutch part)",

package/dist-cjs/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":["forwardRef","SX","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7CA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,0EAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,oGAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,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,0BACCA,cAAA,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":["forwardRef","SX","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7CA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,0EAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,oGAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,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,0BACCA,cAAA,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-cjs/components/SY.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const SY = react.forwardRef(function SY2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "SY",
     "aria-label": "Syrian Arab Republic (the)",

package/dist-cjs/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":["forwardRef","SY","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,+NAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,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":["forwardRef","SY","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,+NAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,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-cjs/components/SZ.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const SZ = react.forwardRef(function SZ2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "SZ",
     "aria-label": "Eswatini",

package/dist-cjs/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":["forwardRef","SZ","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,2DAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,kZAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,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,0BACCA,cAAA,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":["forwardRef","SZ","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,2DAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,kZAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,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,0BACCA,cAAA,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-cjs/components/TC.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TC = react.forwardRef(function TC2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TC",
     "aria-label": "Turks and Caicos Islands (the)",

package/dist-cjs/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":["forwardRef","TC","useState","jsxs","CountrySymbol","jsx"],"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":["forwardRef","TC","useId","jsxs","CountrySymbol","jsx"],"mappings":"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"}

package/dist-cjs/components/TD.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TD = react.forwardRef(function TD2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TD",
     "aria-label": "Chad",

package/dist-cjs/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":["forwardRef","TD","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,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":["forwardRef","TD","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,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-cjs/components/TF.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TF = react.forwardRef(function TF2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TF",
     "aria-label": "French Southern Territories (the)",

package/dist-cjs/components/TF.js.map

@@ -1 +1 @@
-{"version":3,"file":"TF.js","sources":["../src/components/TF.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 TFProps = CountrySymbolProps;\n\nconst TF = forwardRef<SVGSVGElement, TFProps>(function TF(props: TFProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"TF\"\n      aria-label=\"French Southern Territories (the)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TF-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}-TF-a)`}>\n        <path fill=\"#004692\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 0h38v38H0z\" />\n        <path fill=\"#004692\" d=\"M0 36h12V0H0z\" />\n        <path fill=\"#DD2033\" d=\"M24 36h12V0H24z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m38 44-1.788 4.045-4.212.539 3.106 3.038L34.292 56 38 53.5l3.708 2.5-.814-4.378L44 48.584l-4.212-.539L38 44Z\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"m44.763 44 2.364 3.844h6.755V61.25l-5.066-8.063L42 64.25h3.316l.669-1.219h5.653l2.566 4.688h3.592l2.566-4.688h5.653l.67 1.219H70l-6.816-11.063-5.066 8.063v-7.406h3.04l2.256-3.657h-5.296v-2.343h6.755L67.237 44H44.763Zm5.438 16.406-1.385-2.531-1.39 2.531h2.775Zm14.373 0h-2.775l1.385-2.531 1.39 2.531Z\"\n          clipRule=\"evenodd\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"M42.212 71.045 44 67l1.788 4.045 4.212.539-3.106 3.038.814 4.378L44 76.5 40.292 79l.814-4.378L38 71.584l4.212-.539Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TF;\n"],"names":["forwardRef","TF","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,mCAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,8GAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,6SAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,qHAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TF.js","sources":["../src/components/TF.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 TFProps = CountrySymbolProps;\n\nconst TF = forwardRef<SVGSVGElement, TFProps>(function TF(props: TFProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"TF\"\n      aria-label=\"French Southern Territories (the)\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TF-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}-TF-a)`}>\n        <path fill=\"#004692\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 0h38v38H0z\" />\n        <path fill=\"#004692\" d=\"M0 36h12V0H0z\" />\n        <path fill=\"#DD2033\" d=\"M24 36h12V0H24z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m38 44-1.788 4.045-4.212.539 3.106 3.038L34.292 56 38 53.5l3.708 2.5-.814-4.378L44 48.584l-4.212-.539L38 44Z\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"m44.763 44 2.364 3.844h6.755V61.25l-5.066-8.063L42 64.25h3.316l.669-1.219h5.653l2.566 4.688h3.592l2.566-4.688h5.653l.67 1.219H70l-6.816-11.063-5.066 8.063v-7.406h3.04l2.256-3.657h-5.296v-2.343h6.755L67.237 44H44.763Zm5.438 16.406-1.385-2.531-1.39 2.531h2.775Zm14.373 0h-2.775l1.385-2.531 1.39 2.531Z\"\n          clipRule=\"evenodd\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"M42.212 71.045 44 67l1.788 4.045 4.212.539-3.106 3.038.814 4.378L44 76.5 40.292 79l.814-4.378L38 71.584l4.212-.539Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TF;\n"],"names":["forwardRef","TF","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,mCAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,8GAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,6SAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,qHAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/components/TG.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TG = react.forwardRef(function TG2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TG",
     "aria-label": "Togo",

package/dist-cjs/components/TG.js.map

@@ -1 +1 @@
-{"version":3,"file":"TG.js","sources":["../src/components/TG.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 TGProps = CountrySymbolProps;\n\nconst TG = forwardRef<SVGSVGElement, TGProps>(function TG(props: TGProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"TG\"\n      aria-label=\"Togo\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TG-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}-TG-a)`}>\n        <path fill=\"#009B77\" d=\"M0 72V0h72v72z\" />\n        <path fill=\"#F1B434\" d=\"M0 28V14h72v14zm0 30V44h72v14z\" />\n        <path fill=\"#DD2033\" d=\"M0 44V0h44v44z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m24 14-2.98 6.742-7.02.897 5.177 5.064L17.82 34 24 29.833 30.18 34l-1.357-7.297L34 21.64l-7.02-.897L24 14Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TG;\n"],"names":["forwardRef","TG","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gCAAA;AAAA,WAAiC,CAAA;AAAA,0BACvDA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,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":"TG.js","sources":["../src/components/TG.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 TGProps = CountrySymbolProps;\n\nconst TG = forwardRef<SVGSVGElement, TGProps>(function TG(props: TGProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"TG\"\n      aria-label=\"Togo\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TG-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}-TG-a)`}>\n        <path fill=\"#009B77\" d=\"M0 72V0h72v72z\" />\n        <path fill=\"#F1B434\" d=\"M0 28V14h72v14zm0 30V44h72v14z\" />\n        <path fill=\"#DD2033\" d=\"M0 44V0h44v44z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m24 14-2.98 6.742-7.02.897 5.177 5.064L17.82 34 24 29.833 30.18 34l-1.357-7.297L34 21.64l-7.02-.897L24 14Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TG;\n"],"names":["forwardRef","TG","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gCAAA;AAAA,WAAiC,CAAA;AAAA,0BACvDA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,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-cjs/components/TH.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TH = react.forwardRef(function TH2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TH",
     "aria-label": "Thailand",

package/dist-cjs/components/TH.js.map

@@ -1 +1 @@
-{"version":3,"file":"TH.js","sources":["../src/components/TH.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 THProps = CountrySymbolProps;\n\nconst TH = forwardRef<SVGSVGElement, THProps>(function TH(props: THProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"TH\"\n      aria-label=\"Thailand\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TH-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}-TH-a)`}>\n        <path fill=\"#A00009\" d=\"M0 72V0h72v72z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 58V14h72v44z\" />\n        <path fill=\"#004692\" d=\"M0 46V26h72v20z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TH;\n"],"names":["forwardRef","TH","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,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":"TH.js","sources":["../src/components/TH.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 THProps = CountrySymbolProps;\n\nconst TH = forwardRef<SVGSVGElement, THProps>(function TH(props: THProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"TH\"\n      aria-label=\"Thailand\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TH-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}-TH-a)`}>\n        <path fill=\"#A00009\" d=\"M0 72V0h72v72z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 58V14h72v44z\" />\n        <path fill=\"#004692\" d=\"M0 46V26h72v20z\" />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TH;\n"],"names":["forwardRef","TH","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,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-cjs/components/TJ.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TJ = react.forwardRef(function TJ2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TJ",
     "aria-label": "Tajikistan",

package/dist-cjs/components/TJ.js.map

@@ -1 +1 @@
-{"version":3,"file":"TJ.js","sources":["../src/components/TJ.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 TJProps = CountrySymbolProps;\n\nconst TJ = forwardRef<SVGSVGElement, TJProps>(function TJ(props: TJProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"TJ\"\n      aria-label=\"Tajikistan\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TJ-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}-TJ-a)`}>\n        <path fill=\"#008259\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#DD2033\" d=\"M0 24V0h72v24z\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"M33.376 17.371 34.866 14l1.491 3.371 3.51.449-2.589 2.532.679 3.648-3.09-2.083L31.777 24l.678-3.648-2.588-2.532 3.51-.449ZM36.4 30l5.143 5.143L44.4 33l4 3-1.17 6H25.57l-1.17-6 4-3 2.857 2.143L36.4 30ZM17.532 19.904l.713 3.616-2.618 2.381 3.573.59 1.536 3.377 1.337-3.479 3.726-.066-2.649-2.599.668-3.559-3.132 1.646-3.154-1.907ZM11.91 33.371 13.4 30l1.49 3.371 3.51.449-2.589 2.532.68 3.648-3.091-2.083L10.31 40l.678-3.648L8.4 33.82l3.51-.449ZM57.4 30l-1.49 3.371-3.51.449 2.589 2.532-.68 3.648 3.09-2.083L60.49 40l-.679-3.648L62.4 33.82l-3.51-.449L57.4 30Zm-8.287-8.19 3.155-1.906-.713 3.616 2.618 2.381-3.573.59-1.537 3.377-1.336-3.479-3.726-.066 2.648-2.599-.668-3.559 3.132 1.646Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TJ;\n"],"names":["forwardRef","TJ","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,8qBAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TJ.js","sources":["../src/components/TJ.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 TJProps = CountrySymbolProps;\n\nconst TJ = forwardRef<SVGSVGElement, TJProps>(function TJ(props: TJProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"TJ\"\n      aria-label=\"Tajikistan\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TJ-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}-TJ-a)`}>\n        <path fill=\"#008259\" d=\"M0 72V48h72v24z\" />\n        <path fill=\"#F5F7F8\" d=\"M0 48V24h72v24z\" />\n        <path fill=\"#DD2033\" d=\"M0 24V0h72v24z\" />\n        <path\n          fill=\"#F1B434\"\n          d=\"M33.376 17.371 34.866 14l1.491 3.371 3.51.449-2.589 2.532.679 3.648-3.09-2.083L31.777 24l.678-3.648-2.588-2.532 3.51-.449ZM36.4 30l5.143 5.143L44.4 33l4 3-1.17 6H25.57l-1.17-6 4-3 2.857 2.143L36.4 30ZM17.532 19.904l.713 3.616-2.618 2.381 3.573.59 1.536 3.377 1.337-3.479 3.726-.066-2.649-2.599.668-3.559-3.132 1.646-3.154-1.907ZM11.91 33.371 13.4 30l1.49 3.371 3.51.449-2.589 2.532.68 3.648-3.091-2.083L10.31 40l.678-3.648L8.4 33.82l3.51-.449ZM57.4 30l-1.49 3.371-3.51.449 2.589 2.532-.68 3.648 3.09-2.083L60.49 40l-.679-3.648L62.4 33.82l-3.51-.449L57.4 30Zm-8.287-8.19 3.155-1.906-.713 3.616 2.618 2.381-3.573.59-1.537 3.377-1.336-3.479-3.726-.066 2.648-2.599-.668-3.559 3.132 1.646Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TJ;\n"],"names":["forwardRef","TJ","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,8qBAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/components/TK.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TK = react.forwardRef(function TK2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TK",
     "aria-label": "Tokelau",

package/dist-cjs/components/TK.js.map

@@ -1 +1 @@
-{"version":3,"file":"TK.js","sources":["../src/components/TK.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 TKProps = CountrySymbolProps;\n\nconst TK = forwardRef<SVGSVGElement, TKProps>(function TK(props: TKProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"TK\"\n      aria-label=\"Tokelau\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TK-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}-TK-a)`}>\n        <path fill=\"#004692\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m22.2 36-2.086 4.72-4.914.627 3.624 3.545-.95 5.108 4.326-2.917L26.526 50l-.95-5.108 3.624-3.545-4.913-.628L22.2 36Zm-8-15-1.49 3.371-3.51.449 2.589 2.532L11.11 31l3.09-2.083L17.29 31l-.678-3.648L19.2 24.82l-3.51-.449L14.2 21Zm8-12-1.49 3.371-3.51.449 2.589 2.532L19.11 19l3.09-2.083L25.29 19l-.678-3.648L27.2 12.82l-3.51-.449L22.2 9Zm9 10-1.49 3.371-3.51.449 2.589 2.532L28.11 29l3.09-2.083L34.29 29l-.678-3.648L36.2 22.82l-3.51-.449L31.2 19Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          d=\"M36.2 44h37v6h-37v-6Zm38-3h-38c13.376-15.326 30.907-25.053 38-28v28Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TK;\n"],"names":["forwardRef","TK","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,6bAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,sEAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TK.js","sources":["../src/components/TK.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 TKProps = CountrySymbolProps;\n\nconst TK = forwardRef<SVGSVGElement, TKProps>(function TK(props: TKProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"TK\"\n      aria-label=\"Tokelau\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TK-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}-TK-a)`}>\n        <path fill=\"#004692\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m22.2 36-2.086 4.72-4.914.627 3.624 3.545-.95 5.108 4.326-2.917L26.526 50l-.95-5.108 3.624-3.545-4.913-.628L22.2 36Zm-8-15-1.49 3.371-3.51.449 2.589 2.532L11.11 31l3.09-2.083L17.29 31l-.678-3.648L19.2 24.82l-3.51-.449L14.2 21Zm8-12-1.49 3.371-3.51.449 2.589 2.532L19.11 19l3.09-2.083L25.29 19l-.678-3.648L27.2 12.82l-3.51-.449L22.2 9Zm9 10-1.49 3.371-3.51.449 2.589 2.532L28.11 29l3.09-2.083L34.29 29l-.678-3.648L36.2 22.82l-3.51-.449L31.2 19Z\"\n        />\n        <path\n          fill=\"#F1B434\"\n          d=\"M36.2 44h37v6h-37v-6Zm38-3h-38c13.376-15.326 30.907-25.053 38-28v28Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TK;\n"],"names":["forwardRef","TK","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,6bAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,sEAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/components/TL.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TL = react.forwardRef(function TL2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TL",
     "aria-label": "Timor-Leste",

package/dist-cjs/components/TL.js.map

@@ -1 +1 @@
-{"version":3,"file":"TL.js","sources":["../src/components/TL.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 TLProps = CountrySymbolProps;\n\nconst TL = forwardRef<SVGSVGElement, TLProps>(function TL(props: TLProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"TL\"\n      aria-label=\"Timor-Leste\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TL-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}-TL-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#FBD381\" d=\"M66 36 0 0v72l66-36Z\" />\n        <path fill=\"#31373D\" d=\"M48 36 0 0v72l48-36Z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m14.636 29.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 TL;\n"],"names":["forwardRef","TL","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7CA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7CA,cAAA,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":"TL.js","sources":["../src/components/TL.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 TLProps = CountrySymbolProps;\n\nconst TL = forwardRef<SVGSVGElement, TLProps>(function TL(props: TLProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"TL\"\n      aria-label=\"Timor-Leste\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TL-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}-TL-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 0h72v72H0z\" />\n        <path fill=\"#FBD381\" d=\"M66 36 0 0v72l66-36Z\" />\n        <path fill=\"#31373D\" d=\"M48 36 0 0v72l48-36Z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m14.636 29.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 TL;\n"],"names":["forwardRef","TL","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7CA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7CA,cAAA,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-cjs/components/TM.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TM = react.forwardRef(function TM2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TM",
     "aria-label": "Turkmenistan",

package/dist-cjs/components/TM.js.map

@@ -1 +1 @@
-{"version":3,"file":"TM.js","sources":["../src/components/TM.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 TMProps = CountrySymbolProps;\n\nconst TM = forwardRef<SVGSVGElement, TMProps>(function TM(props: TMProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"TM\"\n      aria-label=\"Turkmenistan\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TM-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}-TM-a)`}>\n        <path fill=\"#009B77\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m37.906 11.084.894-2.022.894 2.022 2.106.27-1.553 1.519.407 2.189-1.854-1.25-1.854 1.25.407-2.19-1.553-1.519 2.106-.269Zm8 5 .894-2.022.894 2.022 2.106.27-1.553 1.519.407 2.188-1.854-1.25-1.854 1.25.407-2.188-1.553-1.52 2.106-.269Zm-8 4 .894-2.023.894 2.023 2.106.27-1.553 1.519.407 2.188-1.854-1.25-1.854 1.25.407-2.188-1.553-1.52 2.106-.269ZM30.8 22.061l-.894 2.023-2.106.27 1.553 1.519-.407 2.188 1.854-1.25 1.854 1.25-.407-2.188 1.553-1.52-2.106-.269-.894-2.023Zm8 5-.894 2.023-2.106.27 1.553 1.519-.407 2.189 1.854-1.25 1.854 1.25-.407-2.19 1.553-1.519-2.106-.269-.894-2.023Z\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"M55.489 20.648c-.756-4.376-3.345-7.961-6.806-10.055 5.786 1.25 10.519 5.893 11.588 12.085 1.405 8.144-4.057 15.885-12.2 17.291-5.171.893-10.18-.983-13.508-4.557 2.783 1.714 6.141 2.46 9.57 1.869 7.63-1.318 12.714-8.764 11.356-16.633Z\"\n        />\n        <path fill=\"#DD2033\" d=\"M-.2 72V0h24v72z\" />\n        <path\n          fill=\"#E26E00\"\n          d=\"m19.3 14 4.5 4.5v-9L19.3 14Zm0 15.5 4.5 4.5v-9l-4.5 4.5Zm-15 0L-.2 34v-9l4.5 4.5Zm15 15.5 4.5 4.5v-9L19.3 45Zm-15 0-4.5 4.5v-9L4.3 45Zm15 15.5 4.5 4.5v-9l-4.5 4.5Z\"\n        />\n        <path\n          fill=\"#009B77\"\n          fillRule=\"evenodd\"\n          d=\"M14.998 34H9.602L7.8 35.442v3.116L9.602 40h5.396l1.802-1.442v-3.116L14.998 34Zm1.052-3h-7.5L4.8 34v6l3.75 3h7.5l3.75-3v-6l-3.75-3Zm-1.052 18H9.602L7.8 50.442v3.116L9.602 55h5.396l1.802-1.442v-3.116L14.998 49Zm1.052-3h-7.5L4.8 49v6l3.75 3h7.5l3.75-3v-6l-3.75-3Zm-1.052-27H9.602L7.8 20.442v3.116L9.602 25h5.396l1.802-1.442v-3.116L14.998 19Zm1.052-3h-7.5L4.8 19v6l3.75 3h7.5l3.75-3v-6l-3.75-3ZM14.998 4H9.602L7.8 5.442v3.116L9.602 10h5.396L16.8 8.558V5.442L14.998 4Zm1.052-3h-7.5L4.8 4v6l3.75 3h7.5l3.75-3V4l-3.75-3Zm-1.052 63H9.602L7.8 65.442v3.116L9.602 70h5.396l1.802-1.442v-3.116L14.998 64Zm1.052-3h-7.5L4.8 64v6l3.75 3h7.5l3.75-3v-6l-3.75-3Z\"\n          clipRule=\"evenodd\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TM;\n"],"names":["forwardRef","TM","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,skBAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,2OAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,kBAAA;AAAA,WAAmB,CAAA;AAAA,0BACzCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,qKAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,qoBAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TM.js","sources":["../src/components/TM.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 TMProps = CountrySymbolProps;\n\nconst TM = forwardRef<SVGSVGElement, TMProps>(function TM(props: TMProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"TM\"\n      aria-label=\"Turkmenistan\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TM-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}-TM-a)`}>\n        <path fill=\"#009B77\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"m37.906 11.084.894-2.022.894 2.022 2.106.27-1.553 1.519.407 2.189-1.854-1.25-1.854 1.25.407-2.19-1.553-1.519 2.106-.269Zm8 5 .894-2.022.894 2.022 2.106.27-1.553 1.519.407 2.188-1.854-1.25-1.854 1.25.407-2.188-1.553-1.52 2.106-.269Zm-8 4 .894-2.023.894 2.023 2.106.27-1.553 1.519.407 2.188-1.854-1.25-1.854 1.25.407-2.188-1.553-1.52 2.106-.269ZM30.8 22.061l-.894 2.023-2.106.27 1.553 1.519-.407 2.188 1.854-1.25 1.854 1.25-.407-2.188 1.553-1.52-2.106-.269-.894-2.023Zm8 5-.894 2.023-2.106.27 1.553 1.519-.407 2.189 1.854-1.25 1.854 1.25-.407-2.19 1.553-1.519-2.106-.269-.894-2.023Z\"\n        />\n        <path\n          fill=\"#F5F7F8\"\n          d=\"M55.489 20.648c-.756-4.376-3.345-7.961-6.806-10.055 5.786 1.25 10.519 5.893 11.588 12.085 1.405 8.144-4.057 15.885-12.2 17.291-5.171.893-10.18-.983-13.508-4.557 2.783 1.714 6.141 2.46 9.57 1.869 7.63-1.318 12.714-8.764 11.356-16.633Z\"\n        />\n        <path fill=\"#DD2033\" d=\"M-.2 72V0h24v72z\" />\n        <path\n          fill=\"#E26E00\"\n          d=\"m19.3 14 4.5 4.5v-9L19.3 14Zm0 15.5 4.5 4.5v-9l-4.5 4.5Zm-15 0L-.2 34v-9l4.5 4.5Zm15 15.5 4.5 4.5v-9L19.3 45Zm-15 0-4.5 4.5v-9L4.3 45Zm15 15.5 4.5 4.5v-9l-4.5 4.5Z\"\n        />\n        <path\n          fill=\"#009B77\"\n          fillRule=\"evenodd\"\n          d=\"M14.998 34H9.602L7.8 35.442v3.116L9.602 40h5.396l1.802-1.442v-3.116L14.998 34Zm1.052-3h-7.5L4.8 34v6l3.75 3h7.5l3.75-3v-6l-3.75-3Zm-1.052 18H9.602L7.8 50.442v3.116L9.602 55h5.396l1.802-1.442v-3.116L14.998 49Zm1.052-3h-7.5L4.8 49v6l3.75 3h7.5l3.75-3v-6l-3.75-3Zm-1.052-27H9.602L7.8 20.442v3.116L9.602 25h5.396l1.802-1.442v-3.116L14.998 19Zm1.052-3h-7.5L4.8 19v6l3.75 3h7.5l3.75-3v-6l-3.75-3ZM14.998 4H9.602L7.8 5.442v3.116L9.602 10h5.396L16.8 8.558V5.442L14.998 4Zm1.052-3h-7.5L4.8 4v6l3.75 3h7.5l3.75-3V4l-3.75-3Zm-1.052 63H9.602L7.8 65.442v3.116L9.602 70h5.396l1.802-1.442v-3.116L14.998 64Zm1.052-3h-7.5L4.8 64v6l3.75 3h7.5l3.75-3v-6l-3.75-3Z\"\n          clipRule=\"evenodd\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TM;\n"],"names":["forwardRef","TM","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,skBAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,2OAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,kBAAA;AAAA,WAAmB,CAAA;AAAA,0BACzCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,qKAAA;AAAA,WACJ,CAAA;AAAA,0BACCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,qoBAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/components/TN.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TN = react.forwardRef(function TN2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TN",
     "aria-label": "Tunisia",

package/dist-cjs/components/TN.js.map

@@ -1 +1 @@
-{"version":3,"file":"TN.js","sources":["../src/components/TN.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 TNProps = CountrySymbolProps;\n\nconst TN = forwardRef<SVGSVGElement, TNProps>(function TN(props: TNProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"TN\"\n      aria-label=\"Tunisia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TN-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}-TN-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"M36 57.022c12.15 0 22-9.63 22-21.51C58 23.63 48.15 14 36 14s-22 9.63-22 21.511c0 11.88 9.85 21.511 22 21.511ZM40 23.2a12.77 12.77 0 0 1 9.528 4.252C46.692 22.973 41.693 20 36 20c-8.837 0-16 7.163-16 16s7.163 16 16 16c5.693 0 10.692-2.973 13.528-7.452A12.768 12.768 0 0 1 40 48.8c-7.07 0-12.8-5.73-12.8-12.8S32.93 23.2 40 23.2Zm3.018 8.563 6.05-2.34-2.34 6.05 3.809 4.926-6.373-.07-3.695 5.384-1.253-6.438-6.439-1.253 5.385-3.696-.07-6.373 4.926 3.81Z\"\n          clipRule=\"evenodd\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TN;\n"],"names":["forwardRef","TN","useState","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;AAOA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAIC,cAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,ocAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TN.js","sources":["../src/components/TN.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 TNProps = CountrySymbolProps;\n\nconst TN = forwardRef<SVGSVGElement, TNProps>(function TN(props: TNProps, ref) {\n  const uid = useId(props.id);\n\n  return (\n    <CountrySymbol\n      data-testid=\"TN\"\n      aria-label=\"Tunisia\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-TN-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}-TN-a)`}>\n        <path fill=\"#DD2033\" d=\"M0 0h72v72H0z\" />\n        <path\n          fill=\"#F5F7F8\"\n          fillRule=\"evenodd\"\n          d=\"M36 57.022c12.15 0 22-9.63 22-21.51C58 23.63 48.15 14 36 14s-22 9.63-22 21.511c0 11.88 9.85 21.511 22 21.511ZM40 23.2a12.77 12.77 0 0 1 9.528 4.252C46.692 22.973 41.693 20 36 20c-8.837 0-16 7.163-16 16s7.163 16 16 16c5.693 0 10.692-2.973 13.528-7.452A12.768 12.768 0 0 1 40 48.8c-7.07 0-12.8-5.73-12.8-12.8S32.93 23.2 40 23.2Zm3.018 8.563 6.05-2.34-2.34 6.05 3.809 4.926-6.373-.07-3.695 5.384-1.253-6.438-6.439-1.253 5.385-3.696-.07-6.373 4.926 3.81Z\"\n          clipRule=\"evenodd\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default TN;\n"],"names":["forwardRef","TN","useId","jsxs","CountrySymbol","jsx"],"mappings":";;;;;;;AAQA,MAAM,EAAK,GAAAA,gBAAA,CAAmC,SAASC,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,GAAA,GAAMC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAE1B,EAAA,uBACGC,eAAA,CAAAC,2BAAA,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,sBAACC,cAAA,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,kBAAAA,cAAA,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,sBACCF,eAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAACE,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,eAAA;AAAA,WAAgB,CAAA;AAAA,0BACtCA,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,QAAS,EAAA,SAAA;AAAA,YACT,CAAE,EAAA,ocAAA;AAAA,YACF,QAAS,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/components/TO.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@salt-ds/core');
 var CountrySymbol = require('../country-symbol/CountrySymbol.js');
 
 const TO = react.forwardRef(function TO2(props, ref) {
-  const [uid] = react.useState(() => props.id || Math.random().toString());
+  const uid = core.useId(props.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(CountrySymbol.CountrySymbol, {
     "data-testid": "TO",
     "aria-label": "Tonga",