init project

examples/material-ui-pigment-css-nextjs-ts/next.config.mjs

@@ -0,0 +1,18 @@
+import { withPigment } from '@pigment-css/nextjs-plugin';
+import { createTheme } from '@mui/material';
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default withPigment(nextConfig, {
+  theme: createTheme({
+    cssVariables: {
+      colorSchemeSelector: 'class',
+    },
+    colorSchemes: { light: true, dark: true },
+    typography: {
+      fontFamily: 'var(--font-roboto)',
+    },
+  }),
+  transformLibraries: ['@mui/material'],
+});