From dd9fa1c44b1e3df7375a9ce06def49e44c003d3b Mon Sep 17 00:00:00 2001 From: Segun Adebayo Date: Thu, 11 Jun 2026 17:40:39 +0200 Subject: [PATCH 1/2] chore(deps): update Node.js engine requirement and pnpm version --- .changeset/codemod-node-engines.md | 5 +++ package.json | 11 ++---- packages/codemod/package.json | 2 +- pnpm-lock.yaml | 58 +++--------------------------- pnpm-workspace.yaml | 10 ++++++ 5 files changed, 23 insertions(+), 63 deletions(-) create mode 100644 .changeset/codemod-node-engines.md diff --git a/.changeset/codemod-node-engines.md b/.changeset/codemod-node-engines.md new file mode 100644 index 00000000000..b921c876c37 --- /dev/null +++ b/.changeset/codemod-node-engines.md @@ -0,0 +1,5 @@ +--- +"@chakra-ui/codemod": patch +--- + +Require Node.js >=22 (Node 18 and 20 are end-of-life) diff --git a/package.json b/package.json index 095e0860f02..3cb04bfcc08 100644 --- a/package.json +++ b/package.json @@ -112,15 +112,8 @@ "vitest-axe": "0.1.0", "vitest-matchmedia-mock": "2.0.3" }, - "pnpm": { - "overrides": { - "react": "19.2.6", - "react-dom": "19.2.6", - "immer": ">=11.0.1" - } - }, - "packageManager": "pnpm@10.33.0", + "packageManager": "pnpm@11.5.3", "engines": { - "node": ">=20.x" + "node": ">=22.x" } } diff --git a/packages/codemod/package.json b/packages/codemod/package.json index ac4d67379d5..9a167aa133b 100644 --- a/packages/codemod/package.json +++ b/packages/codemod/package.json @@ -79,6 +79,6 @@ "./package.json": "./package.json" }, "engines": { - "node": ">=18" + "node": ">=22" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ef36dd4d214..0f1192d3e28 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1153,10 +1153,10 @@ importers: version: 10.3.4(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)) '@storybook/react': specifier: 10.3.4 - version: 10.3.4(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(typescript@6.0.2) + version: 10.3.4(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(typescript@5.9.3) '@storybook/react-vite': specifier: 10.3.3 - version: 10.3.3(esbuild@0.27.3)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(rollup@4.57.1)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(typescript@6.0.2)(vite@8.0.2(@types/node@24.10.12)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.1)) + version: 10.3.3(esbuild@0.27.3)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(rollup@4.57.1)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(typescript@5.9.3)(vite@8.0.2(@types/node@24.10.12)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.1)) '@types/react': specifier: 19.2.13 version: 19.2.13 @@ -13533,14 +13533,6 @@ snapshots: optionalDependencies: typescript: 5.9.3 - '@joshwooding/vite-plugin-react-docgen-typescript@0.6.4(typescript@6.0.2)(vite@8.0.2(@types/node@24.10.12)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.1))': - dependencies: - glob: 13.0.6 - react-docgen-typescript: 2.2.2(typescript@6.0.2) - vite: 8.0.2(@types/node@24.10.12)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.1) - optionalDependencies: - typescript: 6.0.2 - '@jridgewell/gen-mapping@0.3.12': dependencies: '@jridgewell/sourcemap-codec': 1.5.5 @@ -14925,28 +14917,6 @@ snapshots: - typescript - webpack - '@storybook/react-vite@10.3.3(esbuild@0.27.3)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(rollup@4.57.1)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(typescript@6.0.2)(vite@8.0.2(@types/node@24.10.12)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.1))': - dependencies: - '@joshwooding/vite-plugin-react-docgen-typescript': 0.6.4(typescript@6.0.2)(vite@8.0.2(@types/node@24.10.12)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.1)) - '@rollup/pluginutils': 5.1.2(rollup@4.57.1) - '@storybook/builder-vite': 10.3.3(esbuild@0.27.3)(rollup@4.57.1)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.2(@types/node@24.10.12)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.1)) - '@storybook/react': 10.3.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(typescript@6.0.2) - empathic: 2.0.0 - magic-string: 0.30.21 - react: 19.2.6 - react-docgen: 8.0.0 - react-dom: 19.2.6(react@19.2.6) - resolve: 1.22.8 - storybook: 10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6) - tsconfig-paths: 4.2.0 - vite: 8.0.2(@types/node@24.10.12)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.1) - transitivePeerDependencies: - - esbuild - - rollup - - supports-color - - typescript - - webpack - '@storybook/react@10.3.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(typescript@5.9.3)': dependencies: '@storybook/global': 5.0.0 @@ -14961,31 +14931,17 @@ snapshots: transitivePeerDependencies: - supports-color - '@storybook/react@10.3.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(typescript@6.0.2)': - dependencies: - '@storybook/global': 5.0.0 - '@storybook/react-dom-shim': 10.3.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)) - react: 19.2.6 - react-docgen: 8.0.3 - react-docgen-typescript: 2.2.2(typescript@6.0.2) - react-dom: 19.2.6(react@19.2.6) - storybook: 10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6) - optionalDependencies: - typescript: 6.0.2 - transitivePeerDependencies: - - supports-color - - '@storybook/react@10.3.4(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(typescript@6.0.2)': + '@storybook/react@10.3.4(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(typescript@5.9.3)': dependencies: '@storybook/global': 5.0.0 '@storybook/react-dom-shim': 10.3.4(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)) react: 19.2.6 react-docgen: 8.0.3 - react-docgen-typescript: 2.2.2(typescript@6.0.2) + react-docgen-typescript: 2.2.2(typescript@5.9.3) react-dom: 19.2.6(react@19.2.6) storybook: 10.3.3(@testing-library/dom@10.4.0)(prettier@3.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6) optionalDependencies: - typescript: 6.0.2 + typescript: 5.9.3 transitivePeerDependencies: - supports-color @@ -22186,10 +22142,6 @@ snapshots: dependencies: typescript: 5.9.3 - react-docgen-typescript@2.2.2(typescript@6.0.2): - dependencies: - typescript: 6.0.2 - react-docgen@8.0.0: dependencies: '@babel/core': 7.29.0 diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml index d94247d86a5..be730ce3f80 100644 --- a/pnpm-workspace.yaml +++ b/pnpm-workspace.yaml @@ -3,6 +3,16 @@ packages: - sandbox/** - apps/** +overrides: + react: 19.2.6 + react-dom: 19.2.6 + immer: ">=11.0.1" + +allowBuilds: + esbuild: true + sharp: true + unrs-resolver: true + onlyBuiltDependencies: - esbuild - sharp From 2ed9026862cf1d816e981746d723256bcbd59159 Mon Sep 17 00:00:00 2001 From: Segun Adebayo Date: Thu, 11 Jun 2026 17:54:01 +0200 Subject: [PATCH 2/2] fix(floating-panel): docs and component --- .changeset/floating-panel-min-size.md | 7 +++++++ apps/www/docs.config.ts | 2 +- .../src/components/floating-panel/floating-panel.tsx | 8 +++++++- 3 files changed, 15 insertions(+), 2 deletions(-) create mode 100644 .changeset/floating-panel-min-size.md diff --git a/.changeset/floating-panel-min-size.md b/.changeset/floating-panel-min-size.md new file mode 100644 index 00000000000..be51702ffc1 --- /dev/null +++ b/.changeset/floating-panel-min-size.md @@ -0,0 +1,7 @@ +--- +"@chakra-ui/react": patch +--- + +Add a default `minSize` of `{ width: 240, height: 100 }` to `FloatingPanel.Root` +to prevent the panel from being resized to zero. Pass your own `minSize` to +override it. diff --git a/apps/www/docs.config.ts b/apps/www/docs.config.ts index a9a28ec1c5b..7ccdbd0cf75 100644 --- a/apps/www/docs.config.ts +++ b/apps/www/docs.config.ts @@ -170,7 +170,7 @@ const docsLinks: NavItem = { { title: "Action Bar", url: "action-bar" }, { title: "Dialog", url: "dialog" }, { title: "Drawer", url: "drawer" }, - // { title: "Floating Panel", url: "floating-panel", status: "new" }, + { title: "Floating Panel", url: "floating-panel", status: "new" }, { title: "Hover Card", url: "hover-card" }, { title: "Menu", url: "menu" }, { title: "Overlay Manager", url: "overlay-manager" }, diff --git a/packages/react/src/components/floating-panel/floating-panel.tsx b/packages/react/src/components/floating-panel/floating-panel.tsx index 3e2b4688121..be4a92d9d40 100644 --- a/packages/react/src/components/floating-panel/floating-panel.tsx +++ b/packages/react/src/components/floating-panel/floating-panel.tsx @@ -53,7 +53,13 @@ export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps { export const FloatingPanelRoot = withRootProvider( ArkFloatingPanel.Root, - { defaultProps: { lazyMount: true, unmountOnExit: true } }, + { + defaultProps: { + lazyMount: true, + unmountOnExit: true, + minSize: { width: 240, height: 100 }, + }, + }, ) ////////////////////////////////////////////////////////////////////////////////////