@teravn/onui/rollup.config.mjs

The React UI component library is based on MUI

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-typescript'
import postcss from 'rollup-plugin-postcss'
import dts from 'rollup-plugin-dts'

// This is required to read package.json file when
// using Native ES modules in Node.js
// https://rollupjs.org/command-line-interface/#importing-package-json
import { createRequire } from 'node:module'

const requireFile = createRequire(import.meta.url)
const packageJson = requireFile('./package.json')

const onWarn = function (warning, warn) {
    if (warning.code === 'MODULE_LEVEL_DIRECTIVE' && warning.message.includes(`"use client"`)) return
    warn(warning)
}

/* eslint import/no-anonymous-default-export: [2, {"allowArray": true}] */
export default [
    {
        input: 'src/index.ts',
        output: [
            {
                file: packageJson.main,
                format: 'cjs',
                sourcemap: true
            },
            {
                file: packageJson.module,
                format: 'esm',
                sourcemap: true
            }
        ],
        plugins: [
            peerDepsExternal(),
            resolve(),
            commonjs(),
            typescript(),
            postcss({
                extensions: ['.css']
            })
        ],
        onwarn: onWarn
    },
    {
        input: 'lib/esm/index.d.ts',
        output: [{ file: 'lib/index.d.ts', format: 'esm' }],
        external: [/\.css$/],
        plugins: [dts()]
    }
]