build(deps): update latest

Ref: https://nodejs.org/en/blog/release/v24.0.2

.github/workflows/chromatic.yml

@@ -22,7 +22,7 @@ jobs:
       - uses: "pnpm/action-setup@v4.1.0"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.2.0"
+        uses: "actions/setup-node@v4.4.0"
         with:
           node-version: "24.x"
           cache: "pnpm"

.github/workflows/ci.yml

@@ -11,6 +11,8 @@ jobs:
     timeout-minutes: 30
     runs-on: "ubuntu-latest"
     env:
+      CI: "1"
+      TZ: "Europe/Paris"
       DO_NOT_TRACK: "1"
       TURBO_TELEMETRY_DISABLED: "1"
       NEXT_TELEMETRY_DISABLED: "1"
@@ -20,7 +22,7 @@ jobs:
       - uses: "pnpm/action-setup@v4.1.0"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.2.0"
+        uses: "actions/setup-node@v4.4.0"
         with:
           node-version: "24.x"
           cache: "pnpm"

.markdownlint-cli2.mjs

@@ -1,4 +1,4 @@
-import relativeLinksRule, { markdownIt } from "markdownlint-rule-relative-links"
+import relativeLinksRule from "markdownlint-rule-relative-links"
 
 const config = {
   config: {
@@ -11,9 +11,6 @@ const config = {
   globs: ["**/*.md"],
   ignores: ["**/node_modules"],
   customRules: [relativeLinksRule],
-  markdownItFactory: () => {
-    return markdownIt
-  },
 }
 
 export default config

.vscode/react.code-snippets

@@ -20,7 +20,7 @@
     "scope": "typescriptreact",
     "prefix": "rfcs",
     "body": [
-      "import type { Meta, StoryObj } from \"@storybook/react\"",
+      "import type { Meta, StoryObj } from \"@storybook/nextjs\"",
       "",
       "import { ${1:ComponentName} as ${1:ComponentName}Component } from \"./${1:ComponentName}.tsx\"",
       "",

.vscode/settings.json

@@ -9,6 +9,7 @@
     "source.fixAll": "explicit",
     "source.organizeImports": "never"
   },
+  "tailwindCSS.experimental.configFile": "./configs/config-tailwind/styles.css",
   "tailwindCSS.experimental.classRegex": [
     ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
     ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]

CONTRIBUTING.md

@@ -32,7 +32,7 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
 ### Prerequisites
 
 - [Node.js](https://nodejs.org/) >= v24.0.0 [(`nvm install 24`)](https://nvm.sh)
-- [pnpm](https://pnpm.io/) v10.10.0 [(`npm install --global corepack@0.32.0 && corepack enable`)](https://github.com/nodejs/corepack)
+- [pnpm](https://pnpm.io/) v10.11.0 [(`npm install --global corepack@0.32.0 && corepack enable`)](https://github.com/nodejs/corepack)
 - [Docker](https://www.docker.com/)
 
 ### Installation

apps/storybook/.storybook/main.ts

@@ -14,11 +14,8 @@ const config: StorybookConfig = {
   ],
   addons: [
     "@chromatic-com/storybook",
-    "@storybook/addon-essentials",
-    "@storybook/addon-storysource",
+    "@storybook/addon-docs",
     "@storybook/addon-a11y",
-    "@storybook/addon-interactions",
-    "storybook-dark-mode",
   ],
   framework: {
     name: "@storybook/nextjs",

apps/storybook/.storybook/preview.tsx

@@ -2,18 +2,21 @@ import "@repo/config-tailwind/styles.css"
 import "./storybook-css-overrides.css"
 import i18nMessages from "@repo/i18n/translations/en-US.json"
 import { LOCALE_DEFAULT, TIMEZONE } from "@repo/utils/constants"
-import type { Preview } from "@storybook/react"
+import type { Preview } from "@storybook/nextjs"
 import { NextIntlClientProvider } from "next-intl"
 import { ThemeProvider as NextThemeProvider } from "next-themes"
 import React from "react"
 
 const preview: Preview = {
-  globals: {
+  initialGlobals: {
     a11y: {
       manual: true,
     },
   },
   parameters: {
+    docs: {
+      codePanel: true,
+    },
     nextjs: {
       appDirectory: true,
     },

apps/storybook/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "storybook build",
     "dev": "storybook dev --port 6006 --no-open",
-    "start": "node --experimental-strip-types http-server.ts --path=storybook-static --port=6006",
+    "start": "node http-server.ts --path=storybook-static --port=6006",
     "test": "start-server-and-test \"start\" http://localhost:6006 \"test:storybook\"",
     "test:dev": "start-server-and-test \"dev\" http://localhost:6006 \"test:storybook\"",
     "test:storybook": "test-storybook --testTimeout=60000 --maxWorkers=2",
@@ -30,15 +30,10 @@
     "@repo/config-typescript": "workspace:*",
     "@chromatic-com/storybook": "catalog:",
     "@playwright/test": "catalog:",
-    "@storybook/addon-essentials": "catalog:",
-    "@storybook/addon-storysource": "catalog:",
+    "@storybook/addon-docs": "catalog:",
     "@storybook/addon-a11y": "catalog:",
-    "@storybook/addon-interactions": "catalog:",
     "@storybook/addon-themes": "catalog:",
-    "@storybook/blocks": "catalog:",
     "@storybook/nextjs": "catalog:",
-    "@storybook/react": "catalog:",
-    "@storybook/test": "catalog:",
     "@storybook/test-runner": "catalog:",
     "@types/node": "catalog:",
     "@types/react": "catalog:",
@@ -48,7 +43,6 @@
     "eslint": "catalog:",
     "start-server-and-test": "catalog:",
     "storybook": "catalog:",
-    "storybook-dark-mode": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",
     "@tailwindcss/postcss": "catalog:",

apps/storybook/stories/Colors.mdx

@@ -1,4 +1,9 @@
-import { Meta, Title, ColorPalette, ColorItem } from "@storybook/blocks"
+import {
+  Meta,
+  Title,
+  ColorPalette,
+  ColorItem,
+} from "@storybook/addon-docs/blocks"
 import tailwindConfig from "@repo/config-tailwind"
 
 <Meta title="Design System/Colors" />

apps/website/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:24.0.0-slim AS node-pnpm
+FROM node:24.1.0-slim AS node-pnpm
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
 RUN npm install --global corepack@0.32.0 && corepack enable

apps/website/middleware.ts

@@ -21,6 +21,6 @@ export const config = {
      * - _next/image (image optimization files)
      * - favicon.ico (favicon file)
      */
-    "/((?!api|_next/static|_next/image|images|favicon.ico).*)",
+    "/((?!api|_next/static|_next/image|images|favicon.ico|robots.txt).*)",
   ],
 }

apps/website/next.config.js

@@ -8,7 +8,6 @@ const nextConfig = {
   images: {
     unoptimized: true,
   },
-  compress: false,
   eslint: {
     ignoreDuringBuilds: true,
   },

configs/config-eslint/nextjs/eslint.config.js

@@ -12,9 +12,6 @@ export default typescriptESLint.config(
   {
     name: "config-eslint/nextjs",
     settings: {
-      tailwindcss: {
-        callees: ["classNames", "cva"],
-      },
       react: {
         version: "detect",
       },

configs/config-tailwind/index.d.ts

@@ -1,3 +1,5 @@
 import type { Config } from "tailwindcss"
 
-export default Config
+declare const config: Config
+
+export default config

configs/config-tailwind/styles.css

@@ -1,10 +1,11 @@
 @import "tailwindcss";
 @config "./tailwind.config.js";
 
-@source "../../packages/ui";
-@source "../../packages/blog";
-@source "../../apps/website";
+@source "../../apps/website/app";
+@source "../../apps/website/components";
 @source "../../apps/storybook/.storybook";
+@source "../../packages/ui/src";
+@source "../../packages/blog/src";
 
 @import "@fontsource/montserrat/400.css" layer(base);
 @import "@fontsource/montserrat/500.css" layer(base);

package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0-develop",
   "private": true,
   "type": "module",
-  "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39",
+  "packageManager": "pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977",
   "engines": {
     "node": ">=24.0.0"
   },

packages/blog/package.json

@@ -43,9 +43,8 @@
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
     "@total-typescript/ts-reset": "catalog:",
-    "@storybook/blocks": "catalog:",
-    "@storybook/react": "catalog:",
-    "@storybook/test": "catalog:",
+    "storybook": "catalog:",
+    "@storybook/nextjs": "catalog:",
     "eslint": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",

packages/blog/src/stories/BlogPostUI.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { BLOG_POST_MOCK } from "../BlogPost.ts"
 import { BlogPostUI as BlogPostUIComponent } from "../BlogPostUI.tsx"

packages/blog/src/stories/BlogPosts.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { BLOG_POST_MOCK } from "../BlogPost.ts"
 import { BlogPosts as BlogPostsComponent } from "../BlogPosts.tsx"

packages/ui/package.json

@@ -45,9 +45,8 @@
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
     "@total-typescript/ts-reset": "catalog:",
-    "@storybook/blocks": "catalog:",
-    "@storybook/react": "catalog:",
-    "@storybook/test": "catalog:",
+    "storybook": "catalog:",
+    "@storybook/nextjs": "catalog:",
     "eslint": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",

packages/ui/src/CurriculumVitae/CurriculumVitae.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { CurriculumVitae as CurriculumVitaeComponent } from "./CurriculumVitae.tsx"
 

packages/ui/src/Design/Button/Button.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { expect, fn, userEvent, within } from "@storybook/test"
+import type { Meta, StoryObj } from "@storybook/nextjs"
+import { expect, fn, userEvent, within } from "storybook/test"
 import { FaCheck } from "react-icons/fa"
 
 import type { ButtonLinkProps } from "./Button.tsx"

packages/ui/src/Design/Link/Link.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Link } from "./Link.tsx"
 

packages/ui/src/Design/Spinner/Spinner.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Spinner } from "./Spinner.tsx"
 

packages/ui/src/Design/Typography/Typography.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import type { TypographyProps } from "./Typography.tsx"
 import { Typography } from "./Typography.tsx"

packages/ui/src/Errors/ErrorNotFound/ErrorNotFound.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { ErrorNotFound as ErrorNotFoundComponent } from "./ErrorNotFound.tsx"
 

packages/ui/src/Errors/ErrorServer/ErrorServer.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { expect, fn, userEvent, within } from "@storybook/test"
+import type { Meta, StoryObj } from "@storybook/nextjs"
+import { expect, fn, userEvent, within } from "storybook/test"
 
 import { ErrorServer as ErrorServerComponent } from "./ErrorServer.tsx"
 

packages/ui/src/Home/About/About.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { About as AboutComponent } from "./About.tsx"
 

packages/ui/src/Home/Interests/Interests.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Interests as InterestsComponent } from "./Interests.tsx"
 

packages/ui/src/Home/OpenSource/OpenSource.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { OpenSource as OpenSourceComponent } from "./OpenSource.tsx"
 

packages/ui/src/Home/Portfolio/Portfolio.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Portfolio as PortfolioComponent } from "./Portfolio.tsx"
 

packages/ui/src/Home/Skills/Skills.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Skills as SkillsComponent } from "./Skills.tsx"
 

packages/ui/src/Layout/Footer/Footer.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Footer as FooterComponent } from "./Footer.tsx"
 

packages/ui/src/Layout/Header/Header.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Header as HeaderComponent } from "./Header.tsx"
 

packages/utils/package.json

@@ -14,7 +14,7 @@
   "scripts": {
     "lint:eslint": "eslint src --max-warnings 0",
     "lint:typescript": "tsc --noEmit",
-    "test": "node --experimental-strip-types --test"
+    "test": "node --test"
   },
   "devDependencies": {
     "@repo/config-eslint": "workspace:*",

packages/utils/src/types.ts

@@ -13,7 +13,6 @@ export type Primitive =
 export type Satisfies<U, T extends U> = T
 
 export type OmitStrict<T, K extends keyof T> = Omit<T, K>
-export type PickStrict<T, K extends keyof T> = Pick<T, K>
 
 export type OverrideStrict<
   Type,

pnpm-workspace.yaml

@@ -17,8 +17,8 @@ catalog:
   "react": "19.1.0"
   "react-dom": "19.1.0"
   "react-icons": "5.5.0"
-  "@types/react": "19.1.3"
-  "@types/react-dom": "19.1.3"
+  "@types/react": "19.1.6"
+  "@types/react-dom": "19.1.5"
 
   # Blog
   "@giscus/react": "3.1.0"
@@ -35,25 +35,25 @@ catalog:
   "@shikijs/rehype": "1.24.0"
 
   # Markdown Lint
-  "markdownlint-cli2": "0.18.0"
+  "markdownlint-cli2": "0.18.1"
   "markdownlint": "0.38.0"
-  "markdownlint-rule-relative-links": "4.1.0"
+  "markdownlint-rule-relative-links": "4.2.0"
 
   # TypeScript
   "typescript": "5.8.3"
   "@total-typescript/ts-reset": "0.6.1"
-  "@types/node": "22.15.17"
+  "@types/node": "22.15.24"
 
   # ESLint
-  "globals": "16.1.0"
-  "typescript-eslint": "8.32.0"
+  "globals": "16.2.0"
+  "typescript-eslint": "8.33.0"
   "@eslint/eslintrc": "3.3.1"
-  "eslint": "9.26.0"
+  "eslint": "9.27.0"
   "eslint-config-conventions": "19.2.0"
   "eslint-plugin-promise": "7.2.1"
   "eslint-plugin-unicorn": "59.0.1"
   "eslint-config-next": *next
-  "eslint-plugin-import-x": "4.11.1"
+  "eslint-plugin-import-x": "4.13.3"
 
   # Prettier
   "prettier": "3.5.3"
@@ -61,35 +61,29 @@ catalog:
   "editorconfig-checker": "6.0.1"
 
   # Storybook
-  "storybook": &storybook "8.6.12"
-  "@storybook/addon-essentials": *storybook
-  "@storybook/addon-storysource": *storybook
+  "storybook": &storybook "9.0.0"
+  "@storybook/addon-docs": *storybook
   "@storybook/addon-a11y": *storybook
-  "@storybook/addon-interactions": *storybook
-  "@storybook/blocks": *storybook
   "@storybook/nextjs": *storybook
-  "@storybook/react": *storybook
-  "@storybook/test": *storybook
   "@storybook/addon-themes": *storybook
   "@storybook/test-runner": "0.22.0"
-  "@chromatic-com/storybook": "3.2.6"
-  "chromatic": "11.28.2"
-  "storybook-dark-mode": "4.0.2"
+  "@chromatic-com/storybook": "4.0.0"
+  "chromatic": "12.0.0"
 
   # Testing
   "playwright": &playwright "1.52.0"
   "@playwright/test": *playwright
   "axe-playwright": "2.1.0"
-  "start-server-and-test": "2.0.11"
+  "start-server-and-test": "2.0.12"
 
   # CSS
-  "postcss": "8.5.3"
-  "@tailwindcss/postcss": "4.1.6"
+  "postcss": "8.5.4"
+  "@tailwindcss/postcss": "4.1.8"
   "@tailwindcss/typography": "0.5.16"
-  "tailwindcss": "4.1.6"
-  "tailwind-merge": "3.2.0"
+  "tailwindcss": "4.1.8"
+  "tailwind-merge": "3.3.0"
   "clsx": "2.1.1"
-  "cva": "1.0.0-beta.3"
+  "cva": "1.0.0-beta.4"
   "@fontsource/montserrat": "5.2.5"
 
 onlyBuiltDependencies: