rollup.config.js

import babel from '@rollup/plugin-babel';
import typescript from '@rollup/plugin-typescript';
import { defineConfig } from 'rollup';

import pkg from './package.json';

const extensions = ['.js', '.ts', '.tsx'];

const defaultOutputOptions = {
  dir: 'lib',
  exports: 'named',
};

export default defineConfig({
  input: [
    'src/index.ts',
    'src/constants/index.ts',
    'src/icons/index.ts',
    'src/utils/index.ts',
  ],
  output: [
    {
      ...defaultOutputOptions,
      format: 'cjs',
      entryFileNames: '[name].cjs',
    },
    {
      ...defaultOutputOptions,
      format: 'esm',
      entryFileNames: '[name].js',
    },
  ],
  preserveModules: true,
  plugins: [
    typescript(),
    babel({
      babelHelpers: 'runtime',
      extensions,
      exclude: 'node_modules/**',
    }),
  ],
  // Treat any bare import specifiers as well as subpaths of those as external,
  // i.e. `@emotion/styled` and `@emotion/styled/base` should both be external.
  external: Object.keys(pkg.dependencies).map((name) => new RegExp(`^${name}`)),
});