chore: storybook 10, node 24

Author: jscottsmith

.github/workflows/coverage.yml

@@ -8,7 +8,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [22.x]
+        node-version: [24.x]
 
     steps:
       - name: Checkout repository

.github/workflows/main.yml

@@ -7,7 +7,7 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: ['22.x']
+        node: ['24.x']
         os: [ubuntu-latest, macOS-latest]
 
     steps:

.github/workflows/size.yml

@@ -7,6 +7,10 @@ jobs:
       CI_JOB_NUMBER: 1
     steps:
       - uses: actions/checkout@v4
+      - name: Set up Node.js 24.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24.x
       - name: Install PNPM
         run: npm install -g pnpm
       - name: Install dependencies

.github/workflows/surge.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [22.x]
+        node-version: [24.x]
 
     steps:
       - name: Checkout repository

.nvmrc

@@ -0,0 +1 @@
+24

.storybook/main.js .storybook/main.ts.storybook/main.js renamed to .storybook/main.ts

@@ -1,10 +1,14 @@
-const path = require('path');
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { StorybookConfig } from '@storybook/react-vite';
 
-module.exports = {
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const config: StorybookConfig = {
   stories: ['../stories/**/*.stories.@(ts|tsx|js|jsx)'],
   framework: {
     name: '@storybook/react-vite',
-    options: {}
+    options: {},
   },
   addons: [
     '@storybook/addon-links',
@@ -21,7 +25,7 @@ module.exports = {
         },
       },
     },
-    '@storybook/addon-docs'
+    '@storybook/addon-docs',
   ],
   // https://storybook.js.org/docs/react/configure/typescript#mainjs-configuration
   typescript: {
@@ -37,3 +41,5 @@ module.exports = {
     return config;
   },
 };
+
+export default config;

documentation/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "packageManager": "pnpm@10.32.1",
   "engines": {
-    "node": ">=18.0"
+    "node": ">=24"
   },
   "scripts": {
     "docusaurus": "docusaurus",

package.json

@@ -39,7 +39,7 @@
   },
   "packageManager": "pnpm@10.32.1",
   "engines": {
-    "node": ">=10"
+    "node": ">=24"
   },
   "scripts": {
     "start": "tsdown --watch",
@@ -91,11 +91,11 @@
   "devDependencies": {
     "@eslint/js": "^9.39.4",
     "@size-limit/preset-small-lib": "^12.1.0",
-    "@storybook/addon-docs": "^9.1.20",
-    "@storybook/addon-links": "^9.1.20",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-links": "^10.4.0",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^9.1.20",
-    "@storybook/react-vite": "^9.1.20",
+    "@storybook/react": "^10.4.0",
+    "@storybook/react-vite": "^10.4.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",
@@ -107,7 +107,7 @@
     "@vitest/ui": "^3.2.4",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.39.4",
-    "eslint-plugin-storybook": "^9.1.20",
+    "eslint-plugin-storybook": "^10.4.0",
     "husky": "^7.0.4",
     "jsdom": "^27.0.0",
     "postcss": "^8.5.14",
@@ -119,7 +119,7 @@
     "sass": "^1.49.11",
     "sass-loader": "^10.1.0",
     "size-limit": "^12.1.0",
-    "storybook": "^9.1.20",
+    "storybook": "^10.4.0",
     "tailwindcss": "^2.2.19",
     "tsdown": "^0.22.0",
     "tslib": "^2.3.1",

pnpm-lock.yaml

@@ -3,7 +3,7 @@
     "target": "esnext",
     "lib": ["dom", "esnext"],
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "jsx": "react",
     "esModuleInterop": true,
     "skipLibCheck": true,