switch to esm

generator.js

@@ -1,6 +1,6 @@
-const fs = require('fs')
-const path = require('path')
-const axios = require('axios')
+import fs from 'fs'
+import path from 'path'
+import axios from 'axios'
 
 const GOOGLE_FONTS_URL =
   'https://fonts.google.com/metadata/icons?key=material_symbols&incomplete=true'
@@ -41,7 +41,7 @@ function generatePropsFile() {
     }
     `
 
-  fs.writeFileSync(path.join(__dirname, 'src', 'types.ts'), typesFile)
+  fs.writeFileSync(path.join(import.meta.dirname, 'src', 'types.ts'), typesFile)
 }
 
 async function generateComponentsForAllFamilies(icon) {
@@ -64,7 +64,7 @@ async function generateComponent(icon, family, filled = false) {
     console.log(`Downloading ${name}`)
 
     await fs.writeFileSync(
-      path.join(__dirname, 'src', `${name}.tsx`),
+      path.join(import.meta.dirname, 'src', `${name}.tsx`),
       mapSVGToTemplate(name, svg),
     )
   } catch {
@@ -115,6 +115,6 @@ function mapSVGToTemplate(name, svg) {
         ${svg}
     )
 
-    export { ${name} as default } 
+    export default ${name}
   `
 }

package.json

@@ -18,6 +18,7 @@
     "react"
   ],
   "private": false,
+  "type": "module",
   "publishConfig": {
     "access": "public"
   },

src/Icon10kOutlined.tsx

@@ -8,4 +8,4 @@ const Icon10kOutlined: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10kOutlined as default }
+export default Icon10kOutlined

src/Icon10kOutlinedFilled.tsx

@@ -8,4 +8,4 @@ const Icon10kOutlinedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10kOutlinedFilled as default }
+export default Icon10kOutlinedFilled

src/Icon10kRounded.tsx

@@ -8,4 +8,4 @@ const Icon10kRounded: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10kRounded as default }
+export default Icon10kRounded

src/Icon10kRoundedFilled.tsx

@@ -8,4 +8,4 @@ const Icon10kRoundedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10kRoundedFilled as default }
+export default Icon10kRoundedFilled

src/Icon10kSharp.tsx

@@ -8,4 +8,4 @@ const Icon10kSharp: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10kSharp as default }
+export default Icon10kSharp

src/Icon10kSharpFilled.tsx

@@ -8,4 +8,4 @@ const Icon10kSharpFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10kSharpFilled as default }
+export default Icon10kSharpFilled

src/Icon10mpOutlined.tsx

@@ -8,4 +8,4 @@ const Icon10mpOutlined: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10mpOutlined as default }
+export default Icon10mpOutlined

src/Icon10mpOutlinedFilled.tsx

@@ -8,4 +8,4 @@ const Icon10mpOutlinedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10mpOutlinedFilled as default }
+export default Icon10mpOutlinedFilled

src/Icon10mpRounded.tsx

@@ -8,4 +8,4 @@ const Icon10mpRounded: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10mpRounded as default }
+export default Icon10mpRounded

src/Icon10mpRoundedFilled.tsx

@@ -8,4 +8,4 @@ const Icon10mpRoundedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10mpRoundedFilled as default }
+export default Icon10mpRoundedFilled

src/Icon10mpSharp.tsx

@@ -8,4 +8,4 @@ const Icon10mpSharp: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10mpSharp as default }
+export default Icon10mpSharp

src/Icon10mpSharpFilled.tsx

@@ -8,4 +8,4 @@ const Icon10mpSharpFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon10mpSharpFilled as default }
+export default Icon10mpSharpFilled

src/Icon11mpOutlined.tsx

@@ -8,4 +8,4 @@ const Icon11mpOutlined: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon11mpOutlined as default }
+export default Icon11mpOutlined

src/Icon11mpOutlinedFilled.tsx

@@ -8,4 +8,4 @@ const Icon11mpOutlinedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon11mpOutlinedFilled as default }
+export default Icon11mpOutlinedFilled

src/Icon11mpRounded.tsx

@@ -8,4 +8,4 @@ const Icon11mpRounded: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon11mpRounded as default }
+export default Icon11mpRounded

src/Icon11mpRoundedFilled.tsx

@@ -8,4 +8,4 @@ const Icon11mpRoundedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon11mpRoundedFilled as default }
+export default Icon11mpRoundedFilled

src/Icon11mpSharp.tsx

@@ -8,4 +8,4 @@ const Icon11mpSharp: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon11mpSharp as default }
+export default Icon11mpSharp

src/Icon11mpSharpFilled.tsx

@@ -8,4 +8,4 @@ const Icon11mpSharpFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon11mpSharpFilled as default }
+export default Icon11mpSharpFilled

src/Icon123Outlined.tsx

@@ -8,4 +8,4 @@ const Icon123Outlined: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon123Outlined as default }
+export default Icon123Outlined

src/Icon123OutlinedFilled.tsx

@@ -8,4 +8,4 @@ const Icon123OutlinedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon123OutlinedFilled as default }
+export default Icon123OutlinedFilled

src/Icon123Rounded.tsx

@@ -8,4 +8,4 @@ const Icon123Rounded: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon123Rounded as default }
+export default Icon123Rounded

src/Icon123RoundedFilled.tsx

@@ -8,4 +8,4 @@ const Icon123RoundedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon123RoundedFilled as default }
+export default Icon123RoundedFilled

src/Icon123Sharp.tsx

@@ -8,4 +8,4 @@ const Icon123Sharp: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon123Sharp as default }
+export default Icon123Sharp

src/Icon123SharpFilled.tsx

@@ -8,4 +8,4 @@ const Icon123SharpFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon123SharpFilled as default }
+export default Icon123SharpFilled

src/Icon12mpOutlined.tsx

@@ -8,4 +8,4 @@ const Icon12mpOutlined: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon12mpOutlined as default }
+export default Icon12mpOutlined

src/Icon12mpOutlinedFilled.tsx

@@ -8,4 +8,4 @@ const Icon12mpOutlinedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon12mpOutlinedFilled as default }
+export default Icon12mpOutlinedFilled

src/Icon12mpRounded.tsx

@@ -8,4 +8,4 @@ const Icon12mpRounded: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon12mpRounded as default }
+export default Icon12mpRounded

src/Icon12mpRoundedFilled.tsx

@@ -8,4 +8,4 @@ const Icon12mpRoundedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon12mpRoundedFilled as default }
+export default Icon12mpRoundedFilled

src/Icon12mpSharp.tsx

@@ -8,4 +8,4 @@ const Icon12mpSharp: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon12mpSharp as default }
+export default Icon12mpSharp

src/Icon12mpSharpFilled.tsx

@@ -8,4 +8,4 @@ const Icon12mpSharpFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon12mpSharpFilled as default }
+export default Icon12mpSharpFilled

src/Icon13mpOutlined.tsx

@@ -8,4 +8,4 @@ const Icon13mpOutlined: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon13mpOutlined as default }
+export default Icon13mpOutlined

src/Icon13mpOutlinedFilled.tsx

@@ -8,4 +8,4 @@ const Icon13mpOutlinedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon13mpOutlinedFilled as default }
+export default Icon13mpOutlinedFilled

src/Icon13mpRounded.tsx

@@ -8,4 +8,4 @@ const Icon13mpRounded: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon13mpRounded as default }
+export default Icon13mpRounded

src/Icon13mpRoundedFilled.tsx

@@ -8,4 +8,4 @@ const Icon13mpRoundedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon13mpRoundedFilled as default }
+export default Icon13mpRoundedFilled

src/Icon13mpSharp.tsx

@@ -8,4 +8,4 @@ const Icon13mpSharp: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon13mpSharp as default }
+export default Icon13mpSharp

src/Icon13mpSharpFilled.tsx

@@ -8,4 +8,4 @@ const Icon13mpSharpFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon13mpSharpFilled as default }
+export default Icon13mpSharpFilled

src/Icon14mpOutlined.tsx

@@ -8,4 +8,4 @@ const Icon14mpOutlined: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon14mpOutlined as default }
+export default Icon14mpOutlined

src/Icon14mpOutlinedFilled.tsx

@@ -8,4 +8,4 @@ const Icon14mpOutlinedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon14mpOutlinedFilled as default }
+export default Icon14mpOutlinedFilled

src/Icon14mpRounded.tsx

@@ -8,4 +8,4 @@ const Icon14mpRounded: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon14mpRounded as default }
+export default Icon14mpRounded

src/Icon14mpRoundedFilled.tsx

@@ -8,4 +8,4 @@ const Icon14mpRoundedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon14mpRoundedFilled as default }
+export default Icon14mpRoundedFilled

src/Icon14mpSharp.tsx

@@ -8,4 +8,4 @@ const Icon14mpSharp: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon14mpSharp as default }
+export default Icon14mpSharp

src/Icon14mpSharpFilled.tsx

@@ -8,4 +8,4 @@ const Icon14mpSharpFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon14mpSharpFilled as default }
+export default Icon14mpSharpFilled

src/Icon15mpOutlined.tsx

@@ -8,4 +8,4 @@ const Icon15mpOutlined: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon15mpOutlined as default }
+export default Icon15mpOutlined

src/Icon15mpOutlinedFilled.tsx

@@ -8,4 +8,4 @@ const Icon15mpOutlinedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon15mpOutlinedFilled as default }
+export default Icon15mpOutlinedFilled

src/Icon15mpRounded.tsx

@@ -8,4 +8,4 @@ const Icon15mpRounded: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon15mpRounded as default }
+export default Icon15mpRounded

src/Icon15mpRoundedFilled.tsx

@@ -8,4 +8,4 @@ const Icon15mpRoundedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon15mpRoundedFilled as default }
+export default Icon15mpRoundedFilled

src/Icon15mpSharp.tsx

@@ -8,4 +8,4 @@ const Icon15mpSharp: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon15mpSharp as default }
+export default Icon15mpSharp

src/Icon15mpSharpFilled.tsx

@@ -8,4 +8,4 @@ const Icon15mpSharpFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon15mpSharpFilled as default }
+export default Icon15mpSharpFilled

src/Icon16mpOutlined.tsx

@@ -8,4 +8,4 @@ const Icon16mpOutlined: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon16mpOutlined as default }
+export default Icon16mpOutlined

src/Icon16mpOutlinedFilled.tsx

@@ -8,4 +8,4 @@ const Icon16mpOutlinedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon16mpOutlinedFilled as default }
+export default Icon16mpOutlinedFilled

src/Icon16mpRounded.tsx

@@ -8,4 +8,4 @@ const Icon16mpRounded: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon16mpRounded as default }
+export default Icon16mpRounded

src/Icon16mpRoundedFilled.tsx

@@ -8,4 +8,4 @@ const Icon16mpRoundedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon16mpRoundedFilled as default }
+export default Icon16mpRoundedFilled

src/Icon16mpSharp.tsx

@@ -8,4 +8,4 @@ const Icon16mpSharp: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon16mpSharp as default }
+export default Icon16mpSharp

src/Icon16mpSharpFilled.tsx

@@ -8,4 +8,4 @@ const Icon16mpSharpFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon16mpSharpFilled as default }
+export default Icon16mpSharpFilled

src/Icon17mpOutlined.tsx

@@ -8,4 +8,4 @@ const Icon17mpOutlined: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon17mpOutlined as default }
+export default Icon17mpOutlined

src/Icon17mpOutlinedFilled.tsx

@@ -8,4 +8,4 @@ const Icon17mpOutlinedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon17mpOutlinedFilled as default }
+export default Icon17mpOutlinedFilled

src/Icon17mpRounded.tsx

@@ -8,4 +8,4 @@ const Icon17mpRounded: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon17mpRounded as default }
+export default Icon17mpRounded

src/Icon17mpRoundedFilled.tsx

@@ -8,4 +8,4 @@ const Icon17mpRoundedFilled: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon17mpRoundedFilled as default }
+export default Icon17mpRoundedFilled

src/Icon17mpSharp.tsx

@@ -8,4 +8,4 @@ const Icon17mpSharp: React.FC<IconProps> = ({ ...props }) => (
   </svg>
 )
 
-export { Icon17mpSharp as default }
+export default Icon17mpSharp