Merge branch 'main' into main

extension/CHANGELOG.md

@@ -1,5 +1,22 @@
 # remotedev-redux-devtools-extension
 
+## 3.1.9
+
+### Patch Changes
+
+- Updated dependencies [bbb1a40]
+  - react-json-tree@0.19.0
+  - @redux-devtools/slider-monitor@5.0.1
+  - @redux-devtools/ui@1.3.2
+
+## 3.1.8
+
+### Patch Changes
+
+- 191d419: Convert d3 packages to ESM
+- Updated dependencies [191d419]
+  - @redux-devtools/app@6.0.1
+
 ## 3.1.7
 
 ### Patch Changes

extension/README.md

@@ -13,8 +13,8 @@
 
 - from [Chrome Web Store](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd);
 - or download `extension.zip` from [last releases](https://github.com/zalmoxisus/redux-devtools-extension/releases), unzip, open `chrome://extensions` url and turn on developer mode from top left and then click; on `Load Unpacked` and select the extracted folder for use
-- or build it with `npm i && npm run build:extension` and [load the extension's folder](https://developer.chrome.com/extensions/getstarted#unpacked) `./build/extension`;
+- or build it with `npm i && npm run build:extension` and [load the extension's folder](https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world#load-unpacked) `./build/extension`;
-- or run it in dev mode with `npm i && npm start` and [load the extension's folder](https://developer.chrome.com/extensions/getstarted#unpacked) `./dev`.
+- or run it in dev mode with `npm i && npm start` and [load the extension's folder](https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world#load-unpacked) `./dev`.
 
 ### 2. For Firefox
 

extension/jest.config.js

@@ -6,6 +6,6 @@ module.exports = {
     '\\.css$': '<rootDir>/test/__mocks__/styleMock.ts',
   },
   transformIgnorePatterns: [
-    'node_modules/(?!.pnpm|@babel/code-frame|@babel/highlight|@babel/helper-validator-identifier|chalk|d3|dateformat|delaunator|internmap|jsondiffpatch|nanoid|robust-predicates|uuid)',
+    'node_modules/(?!.pnpm|@babel/code-frame|@babel/highlight|@babel/helper-validator-identifier|chalk|d3|dateformat|delaunator|internmap|jsondiffpatch|lodash-es|nanoid|robust-predicates|uuid)',
   ],
 };

extension/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "remotedev-redux-devtools-extension",
-  "version": "3.1.7",
+  "version": "3.1.9",
   "description": "Redux Developer Tools for debugging application state changes.",
   "homepage": "https://github.com/reduxjs/redux-devtools/tree/master/extension",
   "license": "MIT",
@@ -25,12 +25,12 @@
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
     "@emotion/react": "^11.11.4",
-    "@redux-devtools/app": "^6.0.0",
+    "@redux-devtools/app": "^6.0.1",
     "@redux-devtools/core": "^4.0.0",
     "@redux-devtools/instrument": "^2.1.0",
     "@redux-devtools/serialize": "^0.4.1",
-    "@redux-devtools/slider-monitor": "^5.0.0",
+    "@redux-devtools/slider-monitor": "^5.0.1",
-    "@redux-devtools/ui": "^1.3.0",
+    "@redux-devtools/ui": "^1.3.2",
     "@redux-devtools/utils": "^3.0.0",
     "@types/jsan": "^3.1.5",
     "jsan": "^3.1.14",
@@ -40,34 +40,34 @@
     "react-dom": "^18.2.0",
     "react-icons": "^5.0.1",
     "react-is": "^18.2.0",
-    "react-json-tree": "^0.18.0",
+    "react-json-tree": "^0.19.0",
     "react-redux": "^8.1.3",
     "redux": "^4.2.1",
     "redux-persist": "^6.0.0",
     "styled-components": "^5.3.11"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
+    "@babel/core": "^7.24.3",
-    "@babel/preset-env": "^7.24.0",
+    "@babel/preset-env": "^7.24.3",
-    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-react": "^7.24.1",
-    "@babel/preset-typescript": "^7.23.3",
+    "@babel/preset-typescript": "^7.24.1",
     "@babel/register": "^7.23.7",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/react": "^14.2.2",
-    "@types/chrome": "^0.0.262",
+    "@types/chrome": "^0.0.263",
-    "@types/lodash": "^4.14.202",
+    "@types/lodash": "^4.17.0",
-    "@types/react": "^18.2.64",
+    "@types/react": "^18.2.72",
-    "@types/react-dom": "^18.2.21",
+    "@types/react-dom": "^18.2.22",
     "@types/styled-components": "^5.1.34",
     "chromedriver": "^118.0.1",
     "cross-env": "^7.0.3",
-    "electron": "^27.3.5",
+    "electron": "^27.3.7",
-    "esbuild": "^0.20.1",
+    "esbuild": "^0.20.2",
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-react": "^7.34.0",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "immutable": "^4.3.5",
     "jest": "^29.7.0",
@@ -78,7 +78,7 @@
     "sinon-chrome": "^3.0.1",
     "ts-jest": "^29.1.2",
     "typescript": "~5.3.3",
-    "webpack": "^5.90.3",
+    "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4"
   }
 }

package.json

@@ -1,19 +1,19 @@
 {
   "private": true,
   "devDependencies": {
-    "@babel/core": "^7.24.0",
+    "@babel/core": "^7.24.3",
-    "@babel/eslint-parser": "^7.23.10",
+    "@babel/eslint-parser": "^7.24.1",
     "@changesets/cli": "^2.27.1",
     "@nrwl/nx-cloud": "^18.0.0",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@typescript-eslint/parser": "^7.4.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jest": "^27.9.0",
-    "eslint-plugin-react": "^7.34.0",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^29.7.0",
-    "nx": "^18.0.7",
+    "nx": "^18.1.3",
     "prettier": "3.2.5",
     "typescript": "~5.3.3"
   },
@@ -39,5 +39,5 @@
     "packages/redux-devtools-rtk-query-monitor/demo",
     "packages/redux-devtools-slider-monitor/examples/todomvc"
   ],
-  "packageManager": "pnpm@8.15.4"
+  "packageManager": "pnpm@8.15.5"
 }

packages/d3-state-visualizer/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 3.0.0
+
+### Major Changes
+
+- 191d419: Convert d3 packages to ESM
+
+### Patch Changes
+
+- Updated dependencies [191d419]
+  - d3tooltip@4.0.0
+  - map2tree@4.0.0
+
 ## 2.0.0
 
 ### Major Changes

packages/d3-state-visualizer/babel.config.esm.json

@@ -1,7 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "targets": "defaults", "modules": false }],
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}

packages/d3-state-visualizer/babel.config.json

@@ -1,7 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "targets": "defaults" }],
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}

packages/d3-state-visualizer/examples/tree/CHANGELOG.md

@@ -1,5 +1,13 @@
 # d3-state-visualizer-tree-example
 
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [191d419]
+  - d3-state-visualizer@3.0.0
+  - map2tree@4.0.0
+
 ## 0.1.5
 
 ### Patch Changes

packages/d3-state-visualizer/examples/tree/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "d3-state-visualizer-tree-example",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Visualize your app state as a tree",
   "keywords": [
     "d3",
@@ -25,16 +25,16 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "d3-state-visualizer": "^2.0.0",
+    "d3-state-visualizer": "^3.0.0",
-    "map2tree": "^3.0.0"
+    "map2tree": "^4.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
+    "@babel/core": "^7.24.3",
-    "@babel/preset-env": "^7.24.0",
+    "@babel/preset-env": "^7.24.3",
-    "@babel/preset-typescript": "^7.23.3",
+    "@babel/preset-typescript": "^7.24.1",
-    "@types/node": "^20.11.25",
+    "@types/node": "^20.11.30",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@typescript-eslint/parser": "^7.4.0",
     "babel-loader": "^9.1.3",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.0",
@@ -43,8 +43,8 @@
     "html-webpack-plugin": "^5.6.0",
     "ts-node": "^10.9.2",
     "typescript": "~5.3.3",
-    "webpack": "^5.90.3",
+    "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.2"
+    "webpack-dev-server": "^5.0.4"
   }
 }

packages/d3-state-visualizer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d3-state-visualizer",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "description": "Visualize your app state with a range of reusable charts",
   "keywords": [
     "d3",
@@ -20,43 +20,34 @@
     "lib",
     "src"
   ],
-  "main": "lib/cjs/index.js",
+  "main": "lib/index.js",
-  "module": "lib/esm/index.js",
+  "types": "lib/index.d.ts",
-  "types": "lib/types/index.d.ts",
+  "type": "module",
   "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
+    "build": "tsc",
-    "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
-    "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
-    "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
     "prepack": "pnpm run clean && pnpm run build",
-    "prepublish": "pnpm run type-check && pnpm run lint"
+    "prepublish": "pnpm run lint"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.0",
     "@types/d3": "^7.4.3",
-    "d3": "^7.8.5",
+    "d3": "^7.9.0",
-    "d3tooltip": "^3.0.0",
+    "d3tooltip": "^4.0.0",
     "deepmerge": "^4.3.1",
-    "map2tree": "^3.0.0",
+    "map2tree": "^4.0.0",
     "ramda": "^0.29.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.9",
-    "@babel/core": "^7.24.0",
-    "@babel/eslint-parser": "^7.23.10",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-typescript": "^7.23.3",
     "@types/ramda": "^0.29.11",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@typescript-eslint/parser": "^7.4.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "rimraf": "^5.0.5",

packages/d3-state-visualizer/src/charts/index.ts

@@ -1,4 +1,4 @@
 export type { HierarchyPointNode } from 'd3';
 export type { StyleValue } from 'd3tooltip';
-export { default as tree } from './tree/tree';
+export { default as tree } from './tree/tree.js';
-export type { Node, Options } from './tree/tree';
+export type { Node, Options } from './tree/tree.js';

packages/d3-state-visualizer/src/charts/tree/tree.ts

@@ -9,7 +9,7 @@ import {
   toggleChildren,
   visit,
   getNodeGroupByDepthCount,
-} from './utils';
+} from './utils.js';
 import { tooltip } from 'd3tooltip';
 import type { StyleValue } from 'd3tooltip';
 

packages/d3-state-visualizer/src/charts/tree/utils.ts

@@ -1,6 +1,6 @@
 import { is, join, pipe, replace } from 'ramda';
-import sortAndSerialize from './sortAndSerialize';
+import sortAndSerialize from './sortAndSerialize.js';
-import type { InternalNode } from './tree';
+import type { InternalNode } from './tree.js';
 
 export function collapseChildren(node: InternalNode) {
   if (node.children) {

packages/d3-state-visualizer/src/index.ts

@@ -1,2 +1,7 @@
-export { tree } from './charts';
+export { tree } from './charts/index.js';
-export type { HierarchyPointNode, Node, Options, StyleValue } from './charts';
+export type {
+  HierarchyPointNode,
+  Node,
+  Options,
+  StyleValue,
+} from './charts/index.js';

packages/d3-state-visualizer/tsconfig.json

@@ -1,7 +1,7 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.esm.base.json",
   "compilerOptions": {
-    "outDir": "lib/types"
+    "outDir": "lib"
   },
   "include": ["src"]
 }

packages/d3tooltip/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 4.0.0
+
+### Major Changes
+
+- 191d419: Convert d3 packages to ESM
+
 ## 3.0.1
 
 ### Patch Changes

packages/d3tooltip/babel.config.esm.json

@@ -1,7 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "targets": "defaults", "modules": false }],
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}

packages/d3tooltip/babel.config.json

@@ -1,7 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "targets": "defaults" }],
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}

packages/d3tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d3tooltip",
-  "version": "3.0.1",
+  "version": "4.0.0",
   "description": "A highly configurable tooltip for d3",
   "keywords": [
     "d3",
@@ -16,38 +16,27 @@
     "lib",
     "src"
   ],
-  "main": "lib/cjs/index.js",
+  "main": "lib/index.js",
-  "module": "lib/esm/index.js",
+  "types": "lib/index.d.ts",
-  "types": "lib/types/index.d.ts",
+  "type": "module",
   "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
+    "build": "tsc",
-    "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
-    "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
-    "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
     "prepack": "pnpm run clean && pnpm run build",
-    "prepublish": "pnpm run type-check && pnpm run lint"
+    "prepublish": "pnpm run lint"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.24.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.9",
-    "@babel/core": "^7.24.0",
-    "@babel/eslint-parser": "^7.23.10",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-typescript": "^7.23.3",
     "@types/d3": "^7.4.3",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@typescript-eslint/parser": "^7.4.0",
-    "d3": "^7.8.5",
+    "d3": "^7.9.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "rimraf": "^5.0.5",
@@ -55,6 +44,6 @@
   },
   "peerDependencies": {
     "@types/d3": "^7.4.3",
-    "d3": "^7.8.5"
+    "d3": "^7.9.0"
   }
 }

packages/d3tooltip/tsconfig.json

@@ -1,7 +1,7 @@
 {
-  "extends": "../../tsconfig.react.base.json",
+  "extends": "../../tsconfig.esm.base.json",
   "compilerOptions": {
-    "outDir": "lib/types"
+    "outDir": "lib"
   },
   "include": ["src"]
 }

packages/map2tree/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 4.0.0
+
+### Major Changes
+
+- 191d419: Convert d3 packages to ESM
+
 ## 3.0.0
 
 ### Major Changes

packages/map2tree/babel.config.esm.json

@@ -1,7 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "targets": "defaults", "modules": false }],
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}

packages/map2tree/babel.config.json

@@ -1,7 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "targets": "defaults" }],
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}

packages/map2tree/jest.config.cjs

@@ -0,0 +1,9 @@
+module.exports = {
+  extensionsToTreatAsEsm: ['.ts'],
+  moduleNameMapper: {
+    '^(\\.{1,2}/.*)\\.js$': '$1',
+  },
+  transform: {
+    '^.+\\.ts$': ['ts-jest', { tsconfig: 'tsconfig.test.json', useESM: true }],
+  },
+};

packages/map2tree/jest.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  preset: 'ts-jest',
-  transform: {
-    '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.test.json' }],
-  },
-};

packages/map2tree/package.json

@@ -1,6 +1,6 @@
 {
   "name": "map2tree",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "description": "Utility for mapping maps to trees",
   "keywords": [
     "map2tree",
@@ -19,40 +19,31 @@
     "lib",
     "src"
   ],
-  "main": "lib/cjs/index.js",
+  "main": "lib/index.js",
-  "module": "lib/esm/index.js",
+  "types": "lib/index.d.ts",
-  "types": "lib/types/index.d.ts",
+  "type": "module",
   "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
+    "build": "tsc",
-    "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
-    "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
-    "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
-    "test": "jest",
+    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
     "prepack": "pnpm run clean && pnpm run build",
-    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
+    "prepublish": "pnpm run lint && pnpm run test"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.0",
+    "lodash-es": "^4.17.21"
-    "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.9",
-    "@babel/core": "^7.24.0",
-    "@babel/eslint-parser": "^7.23.10",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-typescript": "^7.23.3",
     "@types/jest": "^29.5.12",
-    "@types/lodash": "^4.14.202",
+    "@types/lodash-es": "^4.17.12",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@typescript-eslint/parser": "^7.4.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jest": "^27.9.0",

packages/map2tree/src/index.ts

@@ -1,6 +1,4 @@
-import isArray from 'lodash/isArray';
+import { isArray, isPlainObject, mapValues } from 'lodash-es';
-import isPlainObject from 'lodash/isPlainObject';
-import mapValues from 'lodash/mapValues';
 
 export interface Node {
   name: string;

packages/map2tree/test/map2tree.spec.ts

@@ -1,4 +1,4 @@
-import { map2tree, Node } from '../src';
+import { map2tree, Node } from '../src/index.js';
 import * as immutable from 'immutable';
 
 test('# rootNodeKey', () => {

packages/map2tree/tsconfig.json

@@ -1,7 +1,7 @@
 {
-  "extends": "../../tsconfig.react.base.json",
+  "extends": "../../tsconfig.esm.base.json",
   "compilerOptions": {
-    "outDir": "lib/types"
+    "outDir": "lib"
   },
   "include": ["src"]
 }

packages/map2tree/tsconfig.test.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.esm.base.json",
   "compilerOptions": {
     "types": ["jest"]
   },

packages/react-base16-styling/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 0.10.0
+
+### Minor Changes
+
+- bbb1a40: Convert React packages to ESM
+
 ## 0.9.0
 
 - Adds ESM build (https://github.com/reduxjs/redux-devtools/pull/997).

packages/react-base16-styling/babel.config.esm.json

@@ -1,7 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "targets": "defaults", "modules": false }],
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}

packages/react-base16-styling/babel.config.json

@@ -1,7 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "targets": "defaults" }],
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}

packages/react-base16-styling/jest.config.cjs

@@ -0,0 +1,10 @@
+module.exports = {
+  testEnvironment: 'jsdom',
+  extensionsToTreatAsEsm: ['.ts'],
+  moduleNameMapper: {
+    '^(\\.{1,2}/.*)\\.js$': '$1',
+  },
+  transform: {
+    '^.+\\.ts$': ['ts-jest', { tsconfig: 'tsconfig.test.json', useESM: true }],
+  },
+};

packages/react-base16-styling/jest.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-  preset: 'ts-jest',
-  testEnvironment: 'jsdom',
-  transform: {
-    '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.test.json' }],
-  },
-};

packages/react-base16-styling/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-base16-styling",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "React styling with base16 color scheme support",
   "keywords": [
     "react",
@@ -18,47 +18,35 @@
     "lib",
     "src"
   ],
-  "main": "lib/cjs/index.js",
+  "main": "lib/index.js",
-  "module": "lib/esm/index.js",
+  "types": "lib/index.d.ts",
-  "types": "lib/types/index.d.ts",
+  "type": "module",
   "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "git+https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
+    "build": "tsc",
-    "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
-    "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
-    "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
-    "test": "jest",
+    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
     "prepack": "pnpm run clean && pnpm run build",
-    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
+    "prepublish": "pnpm run lint && pnpm run test"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.0",
+    "@types/lodash": "^4.17.0",
-    "@types/base16": "^1.0.5",
-    "@types/lodash": "^4.14.202",
-    "base16": "^1.0.0",
     "color": "^4.2.3",
     "csstype": "^3.1.3",
-    "lodash.curry": "^4.1.1"
+    "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.9",
-    "@babel/core": "^7.24.0",
-    "@babel/eslint-parser": "^7.23.10",
-    "@babel/plugin-transform-runtime": "^7.24.0",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-typescript": "^7.23.3",
     "@types/color": "^3.0.6",
     "@types/jest": "^29.5.12",
-    "@types/lodash.curry": "^4.1.9",
+    "@types/lodash-es": "^4.17.12",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@typescript-eslint/parser": "^7.4.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jest": "^27.9.0",

packages/react-base16-styling/src/index.ts

@@ -1,10 +1,8 @@
-import * as base16 from 'base16';
-import { Base16Theme } from 'base16';
 import Color from 'color';
 import * as CSS from 'csstype';
-import curry from 'lodash.curry';
+import { curry } from 'lodash-es';
 import type { CurriedFunction3 } from 'lodash';
-import { Color as ColorTuple, yuv2rgb, rgb2yuv } from './colorConverters';
+import { Color as ColorTuple, yuv2rgb, rgb2yuv } from './colorConverters.js';
 import {
   Styling,
   StylingConfig,
@@ -12,7 +10,9 @@ import {
   StylingValue,
   StylingValueFunction,
   Theme,
-} from './types';
+} from './types.js';
+import { base16Themes as base16 } from './themes/index.js';
+import type { Base16Theme } from './themes/index.js';
 
 const DEFAULT_BASE16 = base16.default;
 
@@ -272,7 +272,7 @@ export const getBase16Theme = (
     if (base16Themes) {
       theme = base16Themes[themeName];
     } else {
-      theme = base16[themeName as keyof typeof base16];
+      theme = base16[themeName as keyof typeof base16] as Base16Theme;
     }
     if (modifier === 'inverted') {
       theme = invertBase16Theme(theme);
@@ -308,4 +308,5 @@ export const invertTheme = (theme: Theme | undefined): Theme | undefined => {
 };
 
 export type { Base16Theme };
-export * from './types';
+export { base16 as base16Themes };
+export * from './types.js';

packages/react-base16-styling/src/themes/apathy.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'apathy',
+  author: 'jannik siebert (https://github.com/janniks)',
+  base00: '#031A16',
+  base01: '#0B342D',
+  base02: '#184E45',
+  base03: '#2B685E',
+  base04: '#5F9C92',
+  base05: '#81B5AC',
+  base06: '#A7CEC8',
+  base07: '#D2E7E4',
+  base08: '#3E9688',
+  base09: '#3E7996',
+  base0A: '#3E4C96',
+  base0B: '#883E96',
+  base0C: '#963E4C',
+  base0D: '#96883E',
+  base0E: '#4C963E',
+  base0F: '#3E965B',
+};

packages/react-base16-styling/src/themes/ashes.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'ashes',
+  author: 'jannik siebert (https://github.com/janniks)',
+  base00: '#1C2023',
+  base01: '#393F45',
+  base02: '#565E65',
+  base03: '#747C84',
+  base04: '#ADB3BA',
+  base05: '#C7CCD1',
+  base06: '#DFE2E5',
+  base07: '#F3F4F5',
+  base08: '#C7AE95',
+  base09: '#C7C795',
+  base0A: '#AEC795',
+  base0B: '#95C7AE',
+  base0C: '#95AEC7',
+  base0D: '#AE95C7',
+  base0E: '#C795AE',
+  base0F: '#C79595',
+};

packages/react-base16-styling/src/themes/atelier-dune.ts

@@ -0,0 +1,21 @@
+export default {
+  scheme: 'atelier dune',
+  author:
+    'bram de haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune)',
+  base00: '#20201d',
+  base01: '#292824',
+  base02: '#6e6b5e',
+  base03: '#7d7a68',
+  base04: '#999580',
+  base05: '#a6a28c',
+  base06: '#e8e4cf',
+  base07: '#fefbec',
+  base08: '#d73737',
+  base09: '#b65611',
+  base0A: '#cfb017',
+  base0B: '#60ac39',
+  base0C: '#1fad83',
+  base0D: '#6684e1',
+  base0E: '#b854d4',
+  base0F: '#d43552',
+};

packages/react-base16-styling/src/themes/atelier-forest.ts

@@ -0,0 +1,21 @@
+export default {
+  scheme: 'atelier forest',
+  author:
+    'bram de haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest)',
+  base00: '#1b1918',
+  base01: '#2c2421',
+  base02: '#68615e',
+  base03: '#766e6b',
+  base04: '#9c9491',
+  base05: '#a8a19f',
+  base06: '#e6e2e0',
+  base07: '#f1efee',
+  base08: '#f22c40',
+  base09: '#df5320',
+  base0A: '#d5911a',
+  base0B: '#5ab738',
+  base0C: '#00ad9c',
+  base0D: '#407ee7',
+  base0E: '#6666ea',
+  base0F: '#c33ff3',
+};

packages/react-base16-styling/src/themes/atelier-heath.ts

@@ -0,0 +1,21 @@
+export default {
+  scheme: 'atelier heath',
+  author:
+    'bram de haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath)',
+  base00: '#1b181b',
+  base01: '#292329',
+  base02: '#695d69',
+  base03: '#776977',
+  base04: '#9e8f9e',
+  base05: '#ab9bab',
+  base06: '#d8cad8',
+  base07: '#f7f3f7',
+  base08: '#ca402b',
+  base09: '#a65926',
+  base0A: '#bb8a35',
+  base0B: '#379a37',
+  base0C: '#159393',
+  base0D: '#516aec',
+  base0E: '#7b59c0',
+  base0F: '#cc33cc',
+};

packages/react-base16-styling/src/themes/atelier-lakeside.ts

@@ -0,0 +1,21 @@
+export default {
+  scheme: 'atelier lakeside',
+  author:
+    'bram de haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside/)',
+  base00: '#161b1d',
+  base01: '#1f292e',
+  base02: '#516d7b',
+  base03: '#5a7b8c',
+  base04: '#7195a8',
+  base05: '#7ea2b4',
+  base06: '#c1e4f6',
+  base07: '#ebf8ff',
+  base08: '#d22d72',
+  base09: '#935c25',
+  base0A: '#8a8a0f',
+  base0B: '#568c3b',
+  base0C: '#2d8f6f',
+  base0D: '#257fad',
+  base0E: '#5d5db1',
+  base0F: '#b72dd2',
+};

packages/react-base16-styling/src/themes/atelier-seaside.ts

@@ -0,0 +1,21 @@
+export default {
+  scheme: 'atelier seaside',
+  author:
+    'bram de haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside/)',
+  base00: '#131513',
+  base01: '#242924',
+  base02: '#5e6e5e',
+  base03: '#687d68',
+  base04: '#809980',
+  base05: '#8ca68c',
+  base06: '#cfe8cf',
+  base07: '#f0fff0',
+  base08: '#e6193c',
+  base09: '#87711d',
+  base0A: '#c3c322',
+  base0B: '#29a329',
+  base0C: '#1999b3',
+  base0D: '#3d62f5',
+  base0E: '#ad2bee',
+  base0F: '#e619c3',
+};

packages/react-base16-styling/src/themes/bespin.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'bespin',
+  author: 'jan t. sott',
+  base00: '#28211c',
+  base01: '#36312e',
+  base02: '#5e5d5c',
+  base03: '#666666',
+  base04: '#797977',
+  base05: '#8a8986',
+  base06: '#9d9b97',
+  base07: '#baae9e',
+  base08: '#cf6a4c',
+  base09: '#cf7d34',
+  base0A: '#f9ee98',
+  base0B: '#54be0d',
+  base0C: '#afc4db',
+  base0D: '#5ea6ea',
+  base0E: '#9b859d',
+  base0F: '#937121',
+};

packages/react-base16-styling/src/themes/brewer.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'brewer',
+  author: 'timothée poisot (http://github.com/tpoisot)',
+  base00: '#0c0d0e',
+  base01: '#2e2f30',
+  base02: '#515253',
+  base03: '#737475',
+  base04: '#959697',
+  base05: '#b7b8b9',
+  base06: '#dadbdc',
+  base07: '#fcfdfe',
+  base08: '#e31a1c',
+  base09: '#e6550d',
+  base0A: '#dca060',
+  base0B: '#31a354',
+  base0C: '#80b1d3',
+  base0D: '#3182bd',
+  base0E: '#756bb1',
+  base0F: '#b15928',
+};

packages/react-base16-styling/src/themes/bright.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'bright',
+  author: 'chris kempson (http://chriskempson.com)',
+  base00: '#000000',
+  base01: '#303030',
+  base02: '#505050',
+  base03: '#b0b0b0',
+  base04: '#d0d0d0',
+  base05: '#e0e0e0',
+  base06: '#f5f5f5',
+  base07: '#ffffff',
+  base08: '#fb0120',
+  base09: '#fc6d24',
+  base0A: '#fda331',
+  base0B: '#a1c659',
+  base0C: '#76c7b7',
+  base0D: '#6fb3d2',
+  base0E: '#d381c3',
+  base0F: '#be643c',
+};

packages/react-base16-styling/src/themes/chalk.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'chalk',
+  author: 'chris kempson (http://chriskempson.com)',
+  base00: '#151515',
+  base01: '#202020',
+  base02: '#303030',
+  base03: '#505050',
+  base04: '#b0b0b0',
+  base05: '#d0d0d0',
+  base06: '#e0e0e0',
+  base07: '#f5f5f5',
+  base08: '#fb9fb1',
+  base09: '#eda987',
+  base0A: '#ddb26f',
+  base0B: '#acc267',
+  base0C: '#12cfc0',
+  base0D: '#6fc2ef',
+  base0E: '#e1a3ee',
+  base0F: '#deaf8f',
+};

packages/react-base16-styling/src/themes/codeschool.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'codeschool',
+  author: 'brettof86',
+  base00: '#232c31',
+  base01: '#1c3657',
+  base02: '#2a343a',
+  base03: '#3f4944',
+  base04: '#84898c',
+  base05: '#9ea7a6',
+  base06: '#a7cfa3',
+  base07: '#b5d8f6',
+  base08: '#2a5491',
+  base09: '#43820d',
+  base0A: '#a03b1e',
+  base0B: '#237986',
+  base0C: '#b02f30',
+  base0D: '#484d79',
+  base0E: '#c59820',
+  base0F: '#c98344',
+};

packages/react-base16-styling/src/themes/colors.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'colors',
+  author: 'mrmrs (http://clrs.cc)',
+  base00: '#111111',
+  base01: '#333333',
+  base02: '#555555',
+  base03: '#777777',
+  base04: '#999999',
+  base05: '#bbbbbb',
+  base06: '#dddddd',
+  base07: '#ffffff',
+  base08: '#ff4136',
+  base09: '#ff851b',
+  base0A: '#ffdc00',
+  base0B: '#2ecc40',
+  base0C: '#7fdbff',
+  base0D: '#0074d9',
+  base0E: '#b10dc9',
+  base0F: '#85144b',
+};

packages/react-base16-styling/src/themes/default.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'default',
+  author: 'chris kempson (http://chriskempson.com)',
+  base00: '#181818',
+  base01: '#282828',
+  base02: '#383838',
+  base03: '#585858',
+  base04: '#b8b8b8',
+  base05: '#d8d8d8',
+  base06: '#e8e8e8',
+  base07: '#f8f8f8',
+  base08: '#ab4642',
+  base09: '#dc9656',
+  base0A: '#f7ca88',
+  base0B: '#a1b56c',
+  base0C: '#86c1b9',
+  base0D: '#7cafc2',
+  base0E: '#ba8baf',
+  base0F: '#a16946',
+};

packages/react-base16-styling/src/themes/eighties.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'eighties',
+  author: 'chris kempson (http://chriskempson.com)',
+  base00: '#2d2d2d',
+  base01: '#393939',
+  base02: '#515151',
+  base03: '#747369',
+  base04: '#a09f93',
+  base05: '#d3d0c8',
+  base06: '#e8e6df',
+  base07: '#f2f0ec',
+  base08: '#f2777a',
+  base09: '#f99157',
+  base0A: '#ffcc66',
+  base0B: '#99cc99',
+  base0C: '#66cccc',
+  base0D: '#6699cc',
+  base0E: '#cc99cc',
+  base0F: '#d27b53',
+};

packages/react-base16-styling/src/themes/embers.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'embers',
+  author: 'jannik siebert (https://github.com/janniks)',
+  base00: '#16130F',
+  base01: '#2C2620',
+  base02: '#433B32',
+  base03: '#5A5047',
+  base04: '#8A8075',
+  base05: '#A39A90',
+  base06: '#BEB6AE',
+  base07: '#DBD6D1',
+  base08: '#826D57',
+  base09: '#828257',
+  base0A: '#6D8257',
+  base0B: '#57826D',
+  base0C: '#576D82',
+  base0D: '#6D5782',
+  base0E: '#82576D',
+  base0F: '#825757',
+};

packages/react-base16-styling/src/themes/flat.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'flat',
+  author: 'chris kempson (http://chriskempson.com)',
+  base00: '#2C3E50',
+  base01: '#34495E',
+  base02: '#7F8C8D',
+  base03: '#95A5A6',
+  base04: '#BDC3C7',
+  base05: '#e0e0e0',
+  base06: '#f5f5f5',
+  base07: '#ECF0F1',
+  base08: '#E74C3C',
+  base09: '#E67E22',
+  base0A: '#F1C40F',
+  base0B: '#2ECC71',
+  base0C: '#1ABC9C',
+  base0D: '#3498DB',
+  base0E: '#9B59B6',
+  base0F: '#be643c',
+};

packages/react-base16-styling/src/themes/google.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'google',
+  author: 'seth wright (http://sethawright.com)',
+  base00: '#1d1f21',
+  base01: '#282a2e',
+  base02: '#373b41',
+  base03: '#969896',
+  base04: '#b4b7b4',
+  base05: '#c5c8c6',
+  base06: '#e0e0e0',
+  base07: '#ffffff',
+  base08: '#CC342B',
+  base09: '#F96A38',
+  base0A: '#FBA922',
+  base0B: '#198844',
+  base0C: '#3971ED',
+  base0D: '#3971ED',
+  base0E: '#A36AC7',
+  base0F: '#3971ED',
+};

packages/react-base16-styling/src/themes/grayscale.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'grayscale',
+  author: 'alexandre gavioli (https://github.com/alexx2/)',
+  base00: '#101010',
+  base01: '#252525',
+  base02: '#464646',
+  base03: '#525252',
+  base04: '#ababab',
+  base05: '#b9b9b9',
+  base06: '#e3e3e3',
+  base07: '#f7f7f7',
+  base08: '#7c7c7c',
+  base09: '#999999',
+  base0A: '#a0a0a0',
+  base0B: '#8e8e8e',
+  base0C: '#868686',
+  base0D: '#686868',
+  base0E: '#747474',
+  base0F: '#5e5e5e',
+};

packages/react-base16-styling/src/themes/greenscreen.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'green screen',
+  author: 'chris kempson (http://chriskempson.com)',
+  base00: '#001100',
+  base01: '#003300',
+  base02: '#005500',
+  base03: '#007700',
+  base04: '#009900',
+  base05: '#00bb00',
+  base06: '#00dd00',
+  base07: '#00ff00',
+  base08: '#007700',
+  base09: '#009900',
+  base0A: '#007700',
+  base0B: '#00bb00',
+  base0C: '#005500',
+  base0D: '#009900',
+  base0E: '#00bb00',
+  base0F: '#005500',
+};

packages/react-base16-styling/src/themes/harmonic.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'harmonic16',
+  author: 'jannik siebert (https://github.com/janniks)',
+  base00: '#0b1c2c',
+  base01: '#223b54',
+  base02: '#405c79',
+  base03: '#627e99',
+  base04: '#aabcce',
+  base05: '#cbd6e2',
+  base06: '#e5ebf1',
+  base07: '#f7f9fb',
+  base08: '#bf8b56',
+  base09: '#bfbf56',
+  base0A: '#8bbf56',
+  base0B: '#56bf8b',
+  base0C: '#568bbf',
+  base0D: '#8b56bf',
+  base0E: '#bf568b',
+  base0F: '#bf5656',
+};

packages/react-base16-styling/src/themes/hopscotch.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'hopscotch',
+  author: 'jan t. sott',
+  base00: '#322931',
+  base01: '#433b42',
+  base02: '#5c545b',
+  base03: '#797379',
+  base04: '#989498',
+  base05: '#b9b5b8',
+  base06: '#d5d3d5',
+  base07: '#ffffff',
+  base08: '#dd464c',
+  base09: '#fd8b19',
+  base0A: '#fdcc59',
+  base0B: '#8fc13e',
+  base0C: '#149b93',
+  base0D: '#1290bf',
+  base0E: '#c85e7c',
+  base0F: '#b33508',
+};

packages/react-base16-styling/src/themes/index.ts

@@ -0,0 +1,100 @@
+import { default as threezerotwofour } from './threezerotwofour.js';
+import { default as apathy } from './apathy.js';
+import { default as ashes } from './ashes.js';
+import { default as atelierDune } from './atelier-dune.js';
+import { default as atelierForest } from './atelier-forest.js';
+import { default as atelierHeath } from './atelier-heath.js';
+import { default as atelierLakeside } from './atelier-lakeside.js';
+import { default as atelierSeaside } from './atelier-seaside.js';
+import { default as bespin } from './bespin.js';
+import { default as brewer } from './brewer.js';
+import { default as bright } from './bright.js';
+import { default as chalk } from './chalk.js';
+import { default as codeschool } from './codeschool.js';
+import { default as colors } from './colors.js';
+import { default as defaultTheme } from './default.js';
+import { default as eighties } from './eighties.js';
+import { default as embers } from './embers.js';
+import { default as flat } from './flat.js';
+import { default as google } from './google.js';
+import { default as grayscale } from './grayscale.js';
+import { default as greenscreen } from './greenscreen.js';
+import { default as harmonic } from './harmonic.js';
+import { default as hopscotch } from './hopscotch.js';
+import { default as isotope } from './isotope.js';
+import { default as marrakesh } from './marrakesh.js';
+import { default as mocha } from './mocha.js';
+import { default as monokai } from './monokai.js';
+import { default as nicinabox } from './nicinabox.js';
+import { default as ocean } from './ocean.js';
+import { default as paraiso } from './paraiso.js';
+import { default as pop } from './pop.js';
+import { default as railscasts } from './railscasts.js';
+import { default as shapeshifter } from './shapeshifter.js';
+import { default as solarized } from './solarized.js';
+import { default as summerfruit } from './summerfruit.js';
+import { default as tomorrow } from './tomorrow.js';
+import { default as tube } from './tube.js';
+import { default as twilight } from './twilight.js';
+
+export interface Base16Theme {
+  scheme: string;
+  author: string;
+  base00: string;
+  base01: string;
+  base02: string;
+  base03: string;
+  base04: string;
+  base05: string;
+  base06: string;
+  base07: string;
+  base08: string;
+  base09: string;
+  base0A: string;
+  base0B: string;
+  base0C: string;
+  base0D: string;
+  base0E: string;
+  base0F: string;
+}
+
+export const base16Themes = {
+  threezerotwofour,
+  apathy,
+  ashes,
+  atelierDune,
+  atelierForest,
+  atelierHeath,
+  atelierLakeside,
+  atelierSeaside,
+  bespin,
+  brewer,
+  bright,
+  chalk,
+  codeschool,
+  colors,
+  default: defaultTheme,
+  eighties,
+  embers,
+  flat,
+  google,
+  grayscale,
+  greenscreen,
+  harmonic,
+  hopscotch,
+  isotope,
+  marrakesh,
+  mocha,
+  monokai,
+  nicinabox,
+  ocean,
+  paraiso,
+  pop,
+  railscasts,
+  shapeshifter,
+  solarized,
+  summerfruit,
+  tomorrow,
+  tube,
+  twilight,
+};

packages/react-base16-styling/src/themes/isotope.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'isotope',
+  author: 'jan t. sott',
+  base00: '#000000',
+  base01: '#404040',
+  base02: '#606060',
+  base03: '#808080',
+  base04: '#c0c0c0',
+  base05: '#d0d0d0',
+  base06: '#e0e0e0',
+  base07: '#ffffff',
+  base08: '#ff0000',
+  base09: '#ff9900',
+  base0A: '#ff0099',
+  base0B: '#33ff00',
+  base0C: '#00ffff',
+  base0D: '#0066ff',
+  base0E: '#cc00ff',
+  base0F: '#3300ff',
+};

packages/react-base16-styling/src/themes/marrakesh.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'marrakesh',
+  author: 'alexandre gavioli (http://github.com/alexx2/)',
+  base00: '#201602',
+  base01: '#302e00',
+  base02: '#5f5b17',
+  base03: '#6c6823',
+  base04: '#86813b',
+  base05: '#948e48',
+  base06: '#ccc37a',
+  base07: '#faf0a5',
+  base08: '#c35359',
+  base09: '#b36144',
+  base0A: '#a88339',
+  base0B: '#18974e',
+  base0C: '#75a738',
+  base0D: '#477ca1',
+  base0E: '#8868b3',
+  base0F: '#b3588e',
+};

packages/react-base16-styling/src/themes/mocha.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'mocha',
+  author: 'chris kempson (http://chriskempson.com)',
+  base00: '#3B3228',
+  base01: '#534636',
+  base02: '#645240',
+  base03: '#7e705a',
+  base04: '#b8afad',
+  base05: '#d0c8c6',
+  base06: '#e9e1dd',
+  base07: '#f5eeeb',
+  base08: '#cb6077',
+  base09: '#d28b71',
+  base0A: '#f4bc87',
+  base0B: '#beb55b',
+  base0C: '#7bbda4',
+  base0D: '#8ab3b5',
+  base0E: '#a89bb9',
+  base0F: '#bb9584',
+};

packages/react-base16-styling/src/themes/monokai.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'monokai',
+  author: 'wimer hazenberg (http://www.monokai.nl)',
+  base00: '#272822',
+  base01: '#383830',
+  base02: '#49483e',
+  base03: '#75715e',
+  base04: '#a59f85',
+  base05: '#f8f8f2',
+  base06: '#f5f4f1',
+  base07: '#f9f8f5',
+  base08: '#f92672',
+  base09: '#fd971f',
+  base0A: '#f4bf75',
+  base0B: '#a6e22e',
+  base0C: '#a1efe4',
+  base0D: '#66d9ef',
+  base0E: '#ae81ff',
+  base0F: '#cc6633',
+};

packages/react-base16-styling/src/themes/nicinabox.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'nicinabox',
+  author: 'nicinabox (http://github.com/nicinabox)',
+  base00: '#2A2F3A',
+  base01: '#3C444F',
+  base02: '#4F5A65',
+  base03: '#BEBEBE',
+  base04: '#b0b0b0', // based on ocean theme
+  base05: '#d0d0d0', // based on ocean theme
+  base06: '#FFFFFF',
+  base07: '#f5f5f5', // based on ocean theme
+  base08: '#fb9fb1', // based on ocean theme
+  base09: '#FC6D24',
+  base0A: '#ddb26f', // based on ocean theme
+  base0B: '#A1C659',
+  base0C: '#12cfc0', // based on ocean theme
+  base0D: '#6FB3D2',
+  base0E: '#D381C3',
+  base0F: '#deaf8f', // based on ocean theme
+};

packages/react-base16-styling/src/themes/ocean.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'ocean',
+  author: 'chris kempson (http://chriskempson.com)',
+  base00: '#2b303b',
+  base01: '#343d46',
+  base02: '#4f5b66',
+  base03: '#65737e',
+  base04: '#a7adba',
+  base05: '#c0c5ce',
+  base06: '#dfe1e8',
+  base07: '#eff1f5',
+  base08: '#bf616a',
+  base09: '#d08770',
+  base0A: '#ebcb8b',
+  base0B: '#a3be8c',
+  base0C: '#96b5b4',
+  base0D: '#8fa1b3',
+  base0E: '#b48ead',
+  base0F: '#ab7967',
+};

packages/react-base16-styling/src/themes/paraiso.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'paraiso',
+  author: 'jan t. sott',
+  base00: '#2f1e2e',
+  base01: '#41323f',
+  base02: '#4f424c',
+  base03: '#776e71',
+  base04: '#8d8687',
+  base05: '#a39e9b',
+  base06: '#b9b6b0',
+  base07: '#e7e9db',
+  base08: '#ef6155',
+  base09: '#f99b15',
+  base0A: '#fec418',
+  base0B: '#48b685',
+  base0C: '#5bc4bf',
+  base0D: '#06b6ef',
+  base0E: '#815ba4',
+  base0F: '#e96ba8',
+};

packages/react-base16-styling/src/themes/pop.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'pop',
+  author: 'chris kempson (http://chriskempson.com)',
+  base00: '#000000',
+  base01: '#202020',
+  base02: '#303030',
+  base03: '#505050',
+  base04: '#b0b0b0',
+  base05: '#d0d0d0',
+  base06: '#e0e0e0',
+  base07: '#ffffff',
+  base08: '#eb008a',
+  base09: '#f29333',
+  base0A: '#f8ca12',
+  base0B: '#37b349',
+  base0C: '#00aabb',
+  base0D: '#0e5a94',
+  base0E: '#b31e8d',
+  base0F: '#7a2d00',
+};

packages/react-base16-styling/src/themes/railscasts.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'railscasts',
+  author: 'ryan bates (http://railscasts.com)',
+  base00: '#2b2b2b',
+  base01: '#272935',
+  base02: '#3a4055',
+  base03: '#5a647e',
+  base04: '#d4cfc9',
+  base05: '#e6e1dc',
+  base06: '#f4f1ed',
+  base07: '#f9f7f3',
+  base08: '#da4939',
+  base09: '#cc7833',
+  base0A: '#ffc66d',
+  base0B: '#a5c261',
+  base0C: '#519f50',
+  base0D: '#6d9cbe',
+  base0E: '#b6b3eb',
+  base0F: '#bc9458',
+};

packages/react-base16-styling/src/themes/shapeshifter.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'shapeshifter',
+  author: 'tyler benziger (http://tybenz.com)',
+  base00: '#000000',
+  base01: '#040404',
+  base02: '#102015',
+  base03: '#343434',
+  base04: '#555555',
+  base05: '#ababab',
+  base06: '#e0e0e0',
+  base07: '#f9f9f9',
+  base08: '#e92f2f',
+  base09: '#e09448',
+  base0A: '#dddd13',
+  base0B: '#0ed839',
+  base0C: '#23edda',
+  base0D: '#3b48e3',
+  base0E: '#f996e2',
+  base0F: '#69542d',
+};

packages/react-base16-styling/src/themes/solarized.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'solarized',
+  author: 'ethan schoonover (http://ethanschoonover.com/solarized)',
+  base00: '#002b36',
+  base01: '#073642',
+  base02: '#586e75',
+  base03: '#657b83',
+  base04: '#839496',
+  base05: '#93a1a1',
+  base06: '#eee8d5',
+  base07: '#fdf6e3',
+  base08: '#dc322f',
+  base09: '#cb4b16',
+  base0A: '#b58900',
+  base0B: '#859900',
+  base0C: '#2aa198',
+  base0D: '#268bd2',
+  base0E: '#6c71c4',
+  base0F: '#d33682',
+};

packages/react-base16-styling/src/themes/summerfruit.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'summerfruit',
+  author: 'christopher corley (http://cscorley.github.io/)',
+  base00: '#151515',
+  base01: '#202020',
+  base02: '#303030',
+  base03: '#505050',
+  base04: '#B0B0B0',
+  base05: '#D0D0D0',
+  base06: '#E0E0E0',
+  base07: '#FFFFFF',
+  base08: '#FF0086',
+  base09: '#FD8900',
+  base0A: '#ABA800',
+  base0B: '#00C918',
+  base0C: '#1faaaa',
+  base0D: '#3777E6',
+  base0E: '#AD00A1',
+  base0F: '#cc6633',
+};

packages/react-base16-styling/src/themes/threezerotwofour.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'threezerotwofour',
+  author: 'jan t. sott (http://github.com/idleberg)',
+  base00: '#090300',
+  base01: '#3a3432',
+  base02: '#4a4543',
+  base03: '#5c5855',
+  base04: '#807d7c',
+  base05: '#a5a2a2',
+  base06: '#d6d5d4',
+  base07: '#f7f7f7',
+  base08: '#db2d20',
+  base09: '#e8bbd0',
+  base0A: '#fded02',
+  base0B: '#01a252',
+  base0C: '#b5e4f4',
+  base0D: '#01a0e4',
+  base0E: '#a16a94',
+  base0F: '#cdab53',
+};

packages/react-base16-styling/src/themes/tomorrow.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'tomorrow',
+  author: 'chris kempson (http://chriskempson.com)',
+  base00: '#1d1f21',
+  base01: '#282a2e',
+  base02: '#373b41',
+  base03: '#969896',
+  base04: '#b4b7b4',
+  base05: '#c5c8c6',
+  base06: '#e0e0e0',
+  base07: '#ffffff',
+  base08: '#cc6666',
+  base09: '#de935f',
+  base0A: '#f0c674',
+  base0B: '#b5bd68',
+  base0C: '#8abeb7',
+  base0D: '#81a2be',
+  base0E: '#b294bb',
+  base0F: '#a3685a',
+};

packages/react-base16-styling/src/themes/tube.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'london tube',
+  author: 'jan t. sott',
+  base00: '#231f20',
+  base01: '#1c3f95',
+  base02: '#5a5758',
+  base03: '#737171',
+  base04: '#959ca1',
+  base05: '#d9d8d8',
+  base06: '#e7e7e8',
+  base07: '#ffffff',
+  base08: '#ee2e24',
+  base09: '#f386a1',
+  base0A: '#ffd204',
+  base0B: '#00853e',
+  base0C: '#85cebc',
+  base0D: '#009ddc',
+  base0E: '#98005d',
+  base0F: '#b06110',
+};

packages/react-base16-styling/src/themes/twilight.ts

@@ -0,0 +1,20 @@
+export default {
+  scheme: 'twilight',
+  author: 'david hart (http://hart-dev.com)',
+  base00: '#1e1e1e',
+  base01: '#323537',
+  base02: '#464b50',
+  base03: '#5f5a60',
+  base04: '#838184',
+  base05: '#a7a7a7',
+  base06: '#c3c3c3',
+  base07: '#ffffff',
+  base08: '#cf6a4c',
+  base09: '#cda869',
+  base0A: '#f9ee98',
+  base0B: '#8f9d6a',
+  base0C: '#afc4db',
+  base0D: '#7587a6',
+  base0E: '#9b859d',
+  base0F: '#9b703f',
+};

packages/react-base16-styling/src/types.ts

@@ -1,5 +1,5 @@
-import { Base16Theme } from 'base16';
 import * as CSS from 'csstype';
+import type { Base16Theme } from './themes/index.js';
 
 export interface Styling {
   className?: string;

packages/react-base16-styling/test/index.test.ts

@@ -1,6 +1,10 @@
-import { createStyling, invertBase16Theme, getBase16Theme } from '../src';
+import {
-import { apathy, Base16Theme } from 'base16';
+  createStyling,
-import { Styling, StylingConfig } from '../src/types';
+  invertBase16Theme,
+  getBase16Theme,
+} from '../src/index.js';
+import { base16Themes, Base16Theme } from '../src/themes/index.js';
+import { Styling, StylingConfig } from '../src/types.js';
 
 const base16Theme = {
   scheme: 'myscheme',
@@ -94,34 +98,34 @@ test('invertTheme', () => {
 });
 
 test('getBase16Theme', () => {
-  expect(getBase16Theme('apathy')).toEqual(apathy);
+  expect(getBase16Theme('apathy')).toEqual(base16Themes.apathy);
-  expect(getBase16Theme({ extend: 'apathy' })).toEqual(apathy);
+  expect(getBase16Theme({ extend: 'apathy' })).toEqual(base16Themes.apathy);
   expect(getBase16Theme('apathy:inverted')).toEqual(apathyInverted);
   expect(getBase16Theme({})).toBeUndefined();
 });
 
 test('createStyling (default)', () => {
   const styling = createStyling(getStylingFromBase16, {
-    defaultBase16: apathy,
+    defaultBase16: base16Themes.apathy,
   });
   const defaultStyling = styling(undefined);
 
   expect(defaultStyling('testClass')).toEqual({ className: 'testClass' });
   expect(defaultStyling('testStyle')).toEqual({
-    style: { color: apathy.base00 },
+    style: { color: base16Themes.apathy.base00 },
   });
   expect(defaultStyling('testFunc', 'mod')).toEqual({
     className: 'testClass--mod',
     style: {
       width: 0,
-      color: apathy.base00,
+      color: base16Themes.apathy.base00,
     },
   });
 });
 
 test('createStyling (custom)', () => {
   const styling = createStyling(getStylingFromBase16, {
-    defaultBase16: apathy,
+    defaultBase16: base16Themes.apathy,
   });
   let customStyling = styling({
     testClass: 'customClass',
@@ -146,13 +150,13 @@ test('createStyling (custom)', () => {
     className: 'testClass customClass',
   });
   expect(customStyling('testStyle')).toEqual({
-    style: { color: apathy.base00, height: 0 },
+    style: { color: base16Themes.apathy.base00, height: 0 },
   });
   expect(customStyling('testFunc', 'mod')).toEqual({
     className: 'testClass--mod customClass--mod',
     style: {
       width: 0,
-      color: apathy.base00,
+      color: base16Themes.apathy.base00,
       border: 0,
     },
   });
@@ -180,7 +184,7 @@ test('createStyling (custom)', () => {
 
 test('createStyling (multiple)', () => {
   const styling = createStyling(getStylingFromBase16, {
-    defaultBase16: apathy,
+    defaultBase16: base16Themes.apathy,
   });
   let customStyling = styling({
     baseStyle: ({ style }) => ({ style: { ...style, color: 'blue' } }),

packages/react-base16-styling/tsconfig.json

@@ -1,7 +1,7 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.esm.base.json",
   "compilerOptions": {
-    "outDir": "lib/types"
+    "outDir": "lib"
   },
   "include": ["src"]
 }

packages/react-base16-styling/tsconfig.test.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.esm.base.json",
   "compilerOptions": {
     "types": ["jest"]
   },

packages/react-dock/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 0.7.0
+
+### Minor Changes
+
+- bbb1a40: Convert React packages to ESM
+
 ## 0.6.0
 
 ### Minor Changes

packages/react-dock/babel.config.esm.json

@@ -1,8 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "targets": "defaults", "modules": false }],
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}

packages/react-dock/babel.config.json

@@ -1,8 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "targets": "defaults" }],
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}

packages/react-dock/demo/CHANGELOG.md

@@ -1,5 +1,12 @@
 # react-dock-demo
 
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [bbb1a40]
+  - react-dock@0.7.0
+
 ## 0.1.5
 
 ### Patch Changes

packages/react-dock/demo/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "react-dock-demo",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "license": "MIT",
   "scripts": {
     "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --open",
@@ -11,36 +11,36 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-bootstrap": "^2.10.1",
+    "react-bootstrap": "^2.10.2",
-    "react-dock": "^0.6.0",
+    "react-dock": "^0.7.0",
     "react-dom": "^18.2.0",
     "react-icons": "^5.0.1",
     "react-is": "^18.2.0",
     "styled-components": "^5.3.11"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
+    "@babel/core": "^7.24.3",
-    "@babel/preset-env": "^7.24.0",
+    "@babel/preset-env": "^7.24.3",
-    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-react": "^7.24.1",
-    "@babel/preset-typescript": "^7.23.3",
+    "@babel/preset-typescript": "^7.24.1",
-    "@types/node": "^20.11.25",
+    "@types/node": "^20.11.30",
-    "@types/react": "^18.2.64",
+    "@types/react": "^18.2.72",
-    "@types/react-dom": "^18.2.21",
+    "@types/react-dom": "^18.2.22",
     "@types/styled-components": "^5.1.34",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@typescript-eslint/parser": "^7.4.0",
     "babel-loader": "^9.1.3",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react": "^7.34.0",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "fork-ts-checker-webpack-plugin": "^9.0.2",
     "html-webpack-plugin": "^5.6.0",
     "ts-node": "^10.9.2",
     "typescript": "~5.3.3",
-    "webpack": "^5.90.3",
+    "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.2"
+    "webpack-dev-server": "^5.0.4"
   }
 }

packages/react-dock/demo/src/App.tsx

@@ -4,7 +4,7 @@ import Form from 'react-bootstrap/Form';
 import { BsX } from 'react-icons/bs';
 import styled from 'styled-components';
 
-import Dock from '../../src/Dock';
+import { Dock } from 'react-dock';
 
 const Root = styled.div`
   font-size: 16px;

packages/react-dock/jest.config.cjs

@@ -0,0 +1,13 @@
+module.exports = {
+  testEnvironment: 'jsdom',
+  extensionsToTreatAsEsm: ['.ts', '.tsx'],
+  moduleNameMapper: {
+    '^(\\.{1,2}/.*)\\.js$': '$1',
+  },
+  transform: {
+    '^.+\\.tsx?$': [
+      'ts-jest',
+      { tsconfig: 'tsconfig.test.json', useESM: true },
+    ],
+  },
+};

packages/react-dock/jest.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-  preset: 'ts-jest',
-  testEnvironment: 'jsdom',
-  transform: {
-    '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.test.json' }],
-  },
-};

packages/react-dock/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dock",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Resizable dockable react component",
   "keywords": [
     "react",
@@ -18,49 +18,37 @@
     "lib",
     "src"
   ],
-  "main": "lib/cjs/index.js",
+  "main": "lib/index.js",
-  "module": "lib/esm/index.js",
+  "types": "lib/index.d.ts",
-  "types": "lib/types/index.d.ts",
+  "type": "module",
   "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
+    "build": "tsc",
-    "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
-    "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
-    "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
-    "test": "jest",
+    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
     "prepack": "pnpm run clean && pnpm run build",
-    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
+    "prepublish": "pnpm run lint && pnpm run test"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.0",
+    "@types/lodash-es": "^4.17.12",
-    "@types/lodash": "^4.14.202",
+    "lodash-es": "^4.17.21"
-    "lodash.debounce": "^4.0.8"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.9",
-    "@babel/core": "^7.24.0",
-    "@babel/eslint-parser": "^7.23.10",
-    "@babel/plugin-transform-runtime": "^7.24.0",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
     "@types/jest": "^29.5.12",
-    "@types/lodash.debounce": "^4.0.9",
+    "@types/react": "^18.2.72",
-    "@types/react": "^18.2.64",
     "@types/react-test-renderer": "^18.0.7",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@typescript-eslint/parser": "^7.4.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jest": "^27.9.0",
-    "eslint-plugin-react": "^7.34.0",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",

packages/react-dock/src/Dock.tsx

@@ -1,7 +1,7 @@
 import React, { Component, ReactNode } from 'react';
-import debounce from 'lodash.debounce';
+import { debounce } from 'lodash-es';
-import type { DebouncedFunc } from 'lodash';
+import type { DebouncedFunc } from 'lodash-es';
-import autoprefix from './autoprefix';
+import autoprefix from './autoprefix.js';
 
 interface Styles {
   [key: string]: React.CSSProperties;

packages/react-dock/src/index.ts

@@ -1 +1 @@
-export { default as Dock } from './Dock';
+export { default as Dock } from './Dock.js';

packages/react-dock/test/index.test.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import { createRenderer } from 'react-test-renderer/shallow';
+import TestRenderer from 'react-test-renderer/shallow';
-import Dock from '../src/Dock';
+import Dock from '../src/Dock.js';
 
 describe('Dock component', function () {
   it('should have shallow rendering', function () {
-    const renderer = createRenderer();
+    const renderer = TestRenderer.createRenderer();
     const DockEl = <Dock />;
     renderer.render(DockEl);
 

packages/react-dock/tsconfig.json

@@ -1,7 +1,7 @@
 {
-  "extends": "../../tsconfig.react.base.json",
+  "extends": "../../tsconfig.esm.react.base.json",
   "compilerOptions": {
-    "outDir": "lib/types"
+    "outDir": "lib"
   },
   "include": ["src"]
 }

packages/react-dock/tsconfig.test.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.react.base.json",
+  "extends": "../../tsconfig.esm.react.base.json",
   "compilerOptions": {
     "types": ["jest"]
   },