rollup.config.js

import typescript from "@rollup/plugin-typescript";
import peerDepsExternal from "rollup-plugin-peer-deps-external";
import commonjs from "@rollup/plugin-commonjs";
import linaria from "@linaria/rollup";
import css from "rollup-plugin-css-only";
import flatDts from 'rollup-plugin-flat-dts';

const packageJson = require("./package.json");

export default {
  input: "src/index.ts",
  output: [
    {
      file: packageJson.main,
      format: "cjs",
      sourcemap: true,
    },
    {
      file: packageJson.module,
      format: "esm",
      sourcemap: true,
      plugins: [flatDts()]
    }
  ],
	plugins: [
    peerDepsExternal(),
    commonjs(),
    linaria({
      exclude: ["node_modules/**"],
      evaluate: true,
      classNameSlug: (hash, title) => `${packageJson.name}__${hash}__${title}`,
      sourceMap: true
    }),
    css({ output: "css/../../styles.css" }),
		typescript({ 
      tsconfig: "./tsconfig.json"
    })
	]
}