rollup.config.js

import peerDepsExternal from "rollup-plugin-peer-deps-external"
import resolve from "@rollup/plugin-node-resolve"
import commonjs from "@rollup/plugin-commonjs"
import typescript from "rollup-plugin-typescript2"
import postcss from "rollup-plugin-postcss"

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

export default {
    input: "src/index.ts",
    output: [
        {
            banner: `'use client';`,
            file: packageJson.main,
            format: "cjs",
            sourcemap: true
        },
        {
            banner: `'use client';`,
            file: packageJson.module,
            format: "esm",
            sourcemap: true
        }
    ],
    plugins: [
        peerDepsExternal(),
        resolve(),
        commonjs(),
        typescript({ useTsconfigDeclarationDir: true }),
        postcss()
    ],
    external: ["react", "react-dom"]
}