fix(react): add types field to esm exports map (#6945)

Co-authored-by: Segun Adebayo <joseshegs@gmail.com>

Author: anddoutoi

.changeset/rich-moles-retire.md

@@ -0,0 +1,94 @@
+---
+"@chakra-ui/accordion": patch
+"@chakra-ui/alert": patch
+"@chakra-ui/anatomy": patch
+"@chakra-ui/avatar": patch
+"@chakra-ui/breadcrumb": patch
+"@chakra-ui/button": patch
+"@chakra-ui/checkbox": patch
+"@chakra-ui/clickable": patch
+"@chakra-ui/close-button": patch
+"@chakra-ui/color-mode": patch
+"@chakra-ui/control-box": patch
+"@chakra-ui/counter": patch
+"@chakra-ui/css-reset": patch
+"@chakra-ui/descendant": patch
+"@chakra-ui/editable": patch
+"@chakra-ui/react-env": patch
+"@chakra-ui/focus-lock": patch
+"@chakra-ui/form-control": patch
+"@chakra-ui/icon": patch
+"@chakra-ui/icons": patch
+"@chakra-ui/image": patch
+"@chakra-ui/input": patch
+"@chakra-ui/layout": patch
+"@chakra-ui/live-region": patch
+"@chakra-ui/media-query": patch
+"@chakra-ui/menu": patch
+"@chakra-ui/modal": patch
+"@chakra-ui/number-input": patch
+"@chakra-ui/pin-input": patch
+"@chakra-ui/popover": patch
+"@chakra-ui/popper": patch
+"@chakra-ui/portal": patch
+"@chakra-ui/progress": patch
+"@chakra-ui/provider": patch
+"@chakra-ui/radio": patch
+"@chakra-ui/react": patch
+"@chakra-ui/select": patch
+"@chakra-ui/skeleton": patch
+"@chakra-ui/skip-nav": patch
+"@chakra-ui/slider": patch
+"@chakra-ui/spinner": patch
+"@chakra-ui/stat": patch
+"@chakra-ui/styled-system": patch
+"@chakra-ui/switch": patch
+"@chakra-ui/system": patch
+"@chakra-ui/table": patch
+"@chakra-ui/tabs": patch
+"@chakra-ui/tag": patch
+"@chakra-ui/textarea": patch
+"@chakra-ui/theme": patch
+"@chakra-ui/theme-tools": patch
+"@chakra-ui/toast": patch
+"@chakra-ui/tooltip": patch
+"@chakra-ui/transition": patch
+"@chakra-ui/visually-hidden": patch
+"@chakra-ui/react-context": patch
+"@chakra-ui/react-use-animation-state": patch
+"@chakra-ui/react-use-callback-ref": patch
+"@chakra-ui/react-use-controllable-state": patch
+"@chakra-ui/react-use-disclosure": patch
+"@chakra-ui/react-use-event-listener": patch
+"@chakra-ui/react-use-focus-effect": patch
+"@chakra-ui/react-use-focus-on-pointer-down": patch
+"@chakra-ui/react-use-interval": patch
+"@chakra-ui/react-use-latest-ref": patch
+"@chakra-ui/react-use-merge-refs": patch
+"@chakra-ui/react-use-outside-click": patch
+"@chakra-ui/react-use-pan-event": patch
+"@chakra-ui/react-use-previous": patch
+"@chakra-ui/react-use-safe-layout-effect": patch
+"@chakra-ui/react-use-size": patch
+"@chakra-ui/react-use-timeout": patch
+"@chakra-ui/react-use-update-effect": patch
+"@chakra-ui/hooks": patch
+"@chakra-ui/react-utils": patch
+"@chakra-ui/utils": patch
+"@chakra-ui/breakpoint-utils": patch
+"@chakra-ui/dom-utils": patch
+"@chakra-ui/event-utils": patch
+"@chakra-ui/lazy-utils": patch
+"@chakra-ui/merge-utils": patch
+"@chakra-ui/number-utils": patch
+"@chakra-ui/object-utils": patch
+"@chakra-ui/react-children-utils": patch
+"@chakra-ui/react-types": patch
+"@chakra-ui/shared-utils": patch
+"@chakra-ui/theme-utils": patch
+"@chakra-ui/storybook-addon": patch
+---
+
+Fix issue where using `@chakra-ui/react` in a TypeScript project with
+`"type": "module"` in `package.json` and `"moduleResolution": "Node16"` in
+`tsconfig.json` cannot find the types.

packages/components/accordion/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/alert/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/anatomy/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/avatar/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/breadcrumb/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/button/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/checkbox/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/clickable/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/close-button/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/color-mode/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/control-box/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/counter/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/css-reset/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/descendant/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/editable/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/env/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/focus-lock/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/form-control/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/icon/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/icons/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/image/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/input/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/layout/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/live-region/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/media-query/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/menu/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/modal/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/number-input/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/pin-input/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }

packages/components/popover/clean-package.config.json

@@ -6,7 +6,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
+        "require": "./dist/index.cjs.js",
+        "types": "./dist/index.d.ts"
       },
       "./package.json": "./package.json"
     }