upgrade node pnpm react biome versions

Author: antpaw

.github/actions/setup/action.yml

@@ -15,12 +15,12 @@ runs:
       name: Install pnpm
       id: pnpm-install
       with:
-        version: 9
+        version: 10
         run_install: ${{ inputs.run_install }}
 
     - uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 22
         registry-url: https://npm.pkg.github.com
         scope: '@hivemq'
         cache: 'pnpm'

.nvmrc

@@ -1 +1 @@
-v20
+v22

.storybook/hiveMQTheme.ts

@@ -1,4 +1,4 @@
-import { create } from "@storybook/theming/create";
+import { create } from "storybook/theming/create";
 
 export default create({
   base: "dark",

.storybook/main.ts

@@ -2,32 +2,22 @@ import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+
   addons: [
     "@storybook/addon-a11y",
     "@storybook/addon-links",
-    "@storybook/addon-essentials",
     "@storybook/addon-onboarding",
-    "@storybook/addon-interactions",
-    {
-      name: "@storybook/addon-styling",
-      options: {
-        // Check out https://github.com/storybookjs/addon-styling/blob/main/docs/api.md
-        // For more details on this addon's options.
-        postCss: {
-          implementation: require.resolve("postcss"),
-        },
-      },
-    },
+    '@storybook/addon-themes',
+    "@storybook/addon-docs"
   ],
-  features: {
-    storyStoreV7: true,
-  },
+
+  // features: {
+  //   storyStoreV7: true,
+  // },
+
   framework: {
     name: "@storybook/react-vite",
     options: {},
-  },
-  docs: {
-    autodocs: "tag",
-  },
+  }
 };
 export default config;

.storybook/manager.js

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/manager-api';
+import { addons } from 'storybook/manager-api';
 import hiveMQTheme from './hiveMQTheme';
 
 addons.setConfig({

.storybook/preview.tsx

@@ -1,5 +1,5 @@
 import { ChakraProvider } from '@chakra-ui/react'
-import type { Preview } from '@storybook/react'
+import type { Preview } from '@storybook/react-vite'
 import './styles.css'
 import type { PropsWithChildren } from 'react'
 import { system as theme } from './theme'

biome.json

@@ -1,15 +1,24 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "$schema": "node_modules/@biomejs/biome/configuration_schema.json",
   "files": {
-    "ignore": ["**/__generated__/*"]
+    "includes": [
+      "**",
+      "!**/__generated__/**/*",
+      "!**/theme/dist"
+    ]
   },
   "linter": {
     "enabled": true,
     "rules": {
       "style": {
         "useBlockStatements": "error",
-        "useShorthandArrayType": "error",
-        "noShoutyConstants": "warn"
+        "noShoutyConstants": "warn",
+        "useConsistentArrayType": {
+          "level": "error",
+          "options": {
+            "syntax": "shorthand"
+          }
+        }
       }
     }
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hivemq/ui-library",
-  "version": "2.0.0-rc.6",
+  "version": "2.0.0-rc.7",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -9,10 +9,12 @@
     "module": "./dist/index.es.js"
   },
   "license": "Apache-2.0",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "engines": {
-    "node": "20",
-    "pnpm": "9"
+    "node": "22",
+    "pnpm": "10"
   },
   "scripts": {
     "build": "pnpm build:types && pnpm build:lib",
@@ -37,48 +39,42 @@
     "storybook:build": "BUILD_ENV='storybook' storybook build"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.2.4",
-    "@chakra-ui/cli": "^3.26.0",
-    "@chakra-ui/react": "^3.26.0",
+    "@biomejs/biome": "^2.2.6",
+    "@chakra-ui/cli": "^3.27.1",
+    "@chakra-ui/react": "^3.27.1",
     "@emotion/react": "^11.14.0",
-    "@fontsource/raleway": "^5.2.6",
-    "@fontsource/roboto": "^5.2.6",
-    "@hivemq/ui-theme": "1.0.0-rc.4",
+    "@fontsource/raleway": "^5.2.8",
+    "@fontsource/roboto": "^5.2.8",
+    "@hivemq/ui-theme": "1.0.0-rc.5",
     "@radix-ui/react-slot": "^1.2.3",
-    "@storybook/addon-a11y": "^8.6.14",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/addon-onboarding": "^8.6.14",
-    "@storybook/addon-styling": "^1.3.7",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/manager-api": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^8.6.14",
-    "@types/node": "^24.3.1",
-    "@types/react": "^18.3.16",
-    "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react": "^5.0.2",
+    "@storybook/addon-a11y": "^9.1.12",
+    "@storybook/addon-docs": "^9.1.12",
+    "@storybook/addon-links": "^9.1.12",
+    "@storybook/addon-onboarding": "^9.1.12",
+    "@storybook/addon-themes": "^9.1.12",
+    "@storybook/react-vite": "^9.1.12",
+    "@types/node": "^24.8.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.0.4",
     "@vitest/coverage-v8": "^3.2.4",
     "autoprefixer": "^10.4.21",
-    "lucide-react": "^0.544.0",
+    "lucide-react": "^0.546.0",
     "postcss": "^8.5.6",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "storybook": "^8.6.14",
-    "tailwindcss": "^4.1.13",
-    "typescript": "^5.9.2",
-    "vite": "^6.2.2",
-    "vite-plugin-static-copy": "^2.3.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "storybook": "^9.1.12",
+    "tailwindcss": "^4.1.14",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.10",
     "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^3.1.4",
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "@chakra-ui/react": "^3.14.2",
+    "@chakra-ui/react": "^3.27.1",
     "@emotion/react": "^11.14.0",
-    "react": ">=18.3.1",
-    "react-dom": ">=18.3.1"
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0"
   }
 }