chore: update dev and CI dependencies to latest

.github/workflows/ci.yml

@@ -16,11 +16,11 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [20.x, 22.x]
+        node-version: [22.x, 24.x]
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
 
       - name: Setup Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0

.github/workflows/publish.yml

@@ -44,7 +44,7 @@ jobs:
       contents: read
       id-token: write # for npm provenance and trusted publishing
     steps:
-      - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+      - uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
       - uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
         with:
           # npm Trusted Publishing requires Node >=22.14 and npm >=11.5.1.

.github/workflows/release.yml

@@ -26,14 +26,14 @@ jobs:
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           fetch-depth: 0
 
       - name: Setup Node.js
         uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
         with:
-          node-version: '20'
+          node-version: '22'
           cache: 'yarn'
 
       - name: Install dependencies

README.md

@@ -17,9 +17,14 @@ A highly customizable and powerful drag 'n drop align system for React.
 
 ### Getting started
 
-```
-npm install react-align
-yarn add react-align
+react-align relies on [`@hello-pangea/dnd`](https://github.com/hello-pangea/dnd) as a peer dependency, so install it alongside react-align (`react` and `react-dom` are also peers):
+
+```bash
+# npm
+npm install react-align @hello-pangea/dnd
+
+# yarn
+yarn add react-align @hello-pangea/dnd
 ```
 
 ## Basic use
@@ -30,7 +35,7 @@ yarn add react-align
   <GridWrapper
     onMove={(id: string, destAreaId: string, destIndex: number, prevAreaId: string, prevIndex: number) => { /* ... */ }}
     onExtend={(id: string, extended: boolean) => { /* ... */ }}
-    onAlignmentChange={(areaId: string, alignment: Alignment) => { /* ... */ }>
+    onAlignChange={(areaId: string, alignment: Alignment) => { /* ... */ }}>
     <GridSection>
       <GridArea id="area1">
         <GridItem id="1234" index={1}>

example/package.json

@@ -8,16 +8,16 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "react": "^19.2.3",
+    "react": "^19.2.7",
     "react-align": "link:..",
     "@hello-pangea/dnd": "^18.0.1",
-    "react-dom": "^19.2.3"
+    "react-dom": "^19.2.7"
   },
   "devDependencies": {
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^2.1.0",
-    "typescript": "^4.8.4",
-    "vite": "^3.2.1"
+    "@vitejs/plugin-react": "^6.0.2",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.16"
   }
 }

example/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

example/tsconfig.json

@@ -5,12 +5,11 @@
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": false,
     "skipLibCheck": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "module": "ESNext",
-    "moduleResolution": "Node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,