@tpzdsp/next-toolkit 1.11.0 → 1.11.2

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@tpzdsp/next-toolkit",
-  "version": "1.11.0",
+  "version": "1.11.2",
   "description": "A reusable React component library for Next.js applications",
+  "engines": {
+    "node": ">= 24.12.0",
+    "yarn": ">=1.22.22"
+  },
   "type": "module",
   "private": false,
   "homepage": "https://github.com/DSP3-apps/next-toolkit#readme",
@@ -114,28 +118,22 @@
     "release": "semantic-release"
   },
   "devDependencies": {
-    "@better-fetch/fetch": "1.1.19-beta.1",
+    "@better-fetch/fetch": "^1.1.21",
     "@eslint/js": "^9.30.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^11.0.3",
-    "@storybook/addon-docs": "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/preview-api": "^8.6.14",
-    "@storybook/react": "8.6.14",
-    "@storybook/react-vite": "8.6.14",
-    "@storybook/test": "^8.6.14",
-    "@storybook/types": "8.6.14",
+    "@semantic-release/github": "^12.0.2",
+    "@storybook/addon-docs": "10.2.0",
+    "@storybook/addon-links": "10.2.0",
+    "@storybook/addon-onboarding": "10.2.0",
+    "@storybook/react-vite": "10.2.0",
     "@tailwindcss/typography": "^0.5.16",
     "@tanstack/react-query": "^5.89.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@tpzdsp/eslint-config-dsp": "^1.9.1",
+    "@tpzdsp/eslint-config-dsp": "^1.9.2",
     "@turf/turf": "^7.2.0",
     "@types/geojson": "^7946.0.16",
     "@types/jsonwebtoken": "^9.0.10",
@@ -144,8 +142,8 @@
     "@types/react-dom": "^19.1.6",
     "@typescript-eslint/eslint-plugin": "^8.38.0",
     "@typescript-eslint/parser": "^8.38.0",
-    "@vitejs/plugin-react": "^4.6.0",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/coverage-v8": "^4.0.17",
     "@vitest/eslint-plugin": "^1.3.4",
     "autoprefixer": "^10.4.21",
     "buffer": "^6.0.3",
@@ -158,27 +156,27 @@
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.5.3",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-sonarjs": "^3.0.4",
-    "eslint-plugin-storybook": "^9.0.18",
+    "eslint-plugin-sonarjs": "^3.0.5",
+    "eslint-plugin-storybook": "10.2.0",
     "focus-trap": "^7.6.5",
     "focus-trap-react": "^11.0.4",
     "geojson": "^0.5.0",
-    "globals": "^16.3.0",
+    "globals": "^17.0.0",
     "husky": "^9.1.7",
-    "jsdom": "^26.1.0",
+    "jsdom": "^27.4.0",
     "jsonwebtoken": "^9.0.3",
-    "next": "^15.5.7",
+    "next": "^16.1.4",
     "ol": "^10.6.1",
     "ol-geocoder": "^4.3.3",
     "ol-mapbox-style": "^13.0.1",
     "postcss": "^8.5.6",
-    "prettier": "^3.6.2",
-    "prettier-plugin-classnames": "^0.8.1",
-    "prettier-plugin-tailwindcss": "^0.6.14",
+    "prettier": "^3.8.1",
+    "prettier-plugin-classnames": "^0.9.0",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "process": "^0.11.10",
     "proj4": "^2.19.10",
     "react": "^19.2.1",
@@ -188,21 +186,21 @@
     "react-select": "^5.10.2",
     "react-select-event": "^5.5.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "semantic-release": "^24.2.7",
-    "storybook": "8.6.14",
+    "semantic-release": "^25.0.2",
+    "storybook": "10.2.0",
     "stream-browserify": "^3.0.0",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^3.4.16",
-    "typescript": "~5.8.3",
+    "typescript": "^5.9.3",
     "typescript-eslint": "^8.35.1",
     "util": "^0.12.5",
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4",
+    "vitest": "^4.0.17",
     "zod": "^4.1.8"
   },
   "peerDependencies": {
-    "@better-fetch/fetch": "1.1.19-beta.1",
+    "@better-fetch/fetch": "^1.1.21",
     "@tanstack/react-query": "^5.89.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.6.1",
@@ -213,7 +211,7 @@
     "focus-trap": "^7.6.5",
     "focus-trap-react": "^11.0.4",
     "geojson": "^0.5.0",
-    "next": "^15.5.7",
+    "next": "^16.1.4",
     "ol": "^10.6.1",
     "ol-geocoder": "^4.3.3",
     "ol-mapbox-style": "^13.0.1",

package/src/components/Button/Button.stories.tsx

@@ -1,7 +1,6 @@
-/* eslint-disable storybook/no-renderer-packages */
-// eslint-disable-next-line sonarjs/no-implicit-dependencies
-import { action } from '@storybook/addon-actions';
-import type { Meta, StoryObj } from '@storybook/react';
+import { action } from 'storybook/actions';
+
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Button } from './Button';
 

package/src/components/Card/Card.stories.tsx

@@ -1,7 +1,6 @@
-/* eslint-disable storybook/no-renderer-packages */
 import { FaChevronRight } from 'react-icons/fa6';
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Card } from './Card';
 import { ExternalLink } from '../link/ExternalLink';

package/src/components/ErrorBoundary/ErrorBoundary.stories.tsx

@@ -1,7 +1,6 @@
-/* eslint-disable storybook/no-renderer-packages */
 import type { FallbackProps } from 'react-error-boundary';
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { ErrorBoundary } from './ErrorBoundary';
 

package/src/components/ErrorBoundary/ErrorBoundary.tsx

@@ -12,7 +12,7 @@ type ErrorBoundaryProps = {
 
 export const ErrorBoundary = ({ children, fallback, onReset }: ErrorBoundaryProps) => {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const logError = (error: Error, info: ErrorInfo) => {
+  const logError = (error: unknown, info: ErrorInfo) => {
     // send error to third party api, etc
   };
 

package/src/components/ErrorBoundary/ErrorFallback.stories.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { ErrorFallback } from './ErrorFallback';
 import { ApiError } from '../../errors/ApiError';

package/src/components/ErrorText/ErrorText.stories.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { ErrorText } from './ErrorText';
 import { ExternalLink } from '../link/ExternalLink';

package/src/components/Heading/Heading.stories.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Heading, type HeadingProps } from './Heading';
 

package/src/components/Hint/Hint.stories.tsx

@@ -1,6 +1,6 @@
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
+import { fn } from 'storybook/test';
+
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Hint } from './Hint';
 import { Button } from '../Button/Button';

package/src/components/Modal/Modal.stories.tsx

@@ -1,8 +1,8 @@
-/* eslint-disable storybook/no-renderer-packages */
 import { useState } from 'react';
 
-import { useArgs } from '@storybook/preview-api';
-import type { Meta, StoryObj } from '@storybook/react';
+import { useArgs } from 'storybook/preview-api';
+
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Modal } from './Modal';
 

package/src/components/Modal/Modal.test.tsx

@@ -12,7 +12,7 @@ vi.mock('../../hooks/useClickOutside', () => ({
   useClickOutside: vi.fn(),
 }));
 
-describe.skip('Modal', () => {
+describe.todo('Modal', () => {
   // Setup modal root element for each test
   beforeEach(() => {
     const modalRoot = document.createElement('div');

package/src/components/Paragraph/Paragraph.stories.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Paragraph } from './Paragraph';
 import { ExternalLink } from '../link/ExternalLink';

package/src/components/SlidingPanel/SlidingPanel.stories.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { SlidingPanel } from './SlidingPanel';
 

package/src/components/accordion/Accordion.stories.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Accordion } from './Accordion';
 

package/src/components/backToTop/BackToTop.stories.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { BackToTop } from './BackToTop';
 

package/src/components/chip/Chip.stories.tsx

@@ -1,7 +1,6 @@
-/* eslint-disable storybook/no-renderer-packages */
 import { AiFillChrome } from 'react-icons/ai';
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Chip } from './Chip';
 import { Paragraph } from '../Paragraph/Paragraph';

package/src/components/cookieBanner/CookieBanner.stories.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { CookieBanner } from './CookieBanner';
 

package/src/components/divider/RuleDivider.stories.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { RuleDivider } from './RuleDivider';
 

package/src/components/form/Input.stories.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable custom/padding-between-jsx-elements */
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Input } from './Input';
 

package/src/components/form/TextArea.stories.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { TextArea } from './TextArea';
 

package/src/components/select/Select.stories.tsx

@@ -1,8 +1,8 @@
-/* eslint-disable storybook/no-renderer-packages */
 import { useEffect, useState } from 'react';
 
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
+import { fn } from 'storybook/test';
+
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Select } from './Select';
 

package/src/components/select/Select.test.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable vitest/no-conditional-expect -- react-select internals require conditional checks */
 import selectEvent from 'react-select-event';
 
 import { Select } from './Select';

package/src/components/select/SelectSkeleton.stories.tsx

@@ -1,7 +1,6 @@
-/* eslint-disable storybook/no-renderer-packages */
 import { useEffect, useState } from 'react';
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { SelectSkeleton } from './SelectSkeleton';
 

package/src/components/skipLink/SkipLink.stories.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
-/* eslint-disable storybook/no-renderer-packages */
-import type { Meta, StoryObj } from '@storybook/react';
+
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { SkipLink } from './SkipLink';