chore(next): update dependencies (#3023)

Co-authored-by: endigo9740 <[email protected]>

.eslintrc.cjs

@@ -63,6 +63,7 @@ module.exports = {
 			{
 				argsIgnorePattern: '^_'
 			}
-		]
+		],
+		'@typescript-eslint/no-unused-expressions': 'off'
 	}
 };

.github/workflows/ci.yml

@@ -17,7 +17,7 @@ jobs:
       - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
           cache: pnpm
 
       - name: Install dependencies
@@ -37,7 +37,7 @@ jobs:
       - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
           cache: pnpm
 
       - name: Install dependencies
@@ -54,7 +54,7 @@ jobs:
       - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
           cache: pnpm
 
       - name: Install dependencies
@@ -71,7 +71,7 @@ jobs:
       - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
           cache: pnpm
 
       - name: Install dependencies

.github/workflows/release-next.yaml

@@ -12,16 +12,12 @@ jobs:
     if: github.repository == 'skeletonlabs/skeleton'
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout Repo
-        uses: actions/checkout@v4
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
-      - name: Use PNPM
-        uses: pnpm/action-setup@v4
-
-      - name: Use Node v18
-        uses: actions/setup-node@v4
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
         with:
           node-version: 18
           cache: pnpm

package.json

@@ -42,30 +42,30 @@
 		"postinstall": "pnpm package"
 	},
 	"devDependencies": {
-		"@changesets/cli": "^2.27.9",
+		"@changesets/cli": "^2.27.10",
 		"@skeletonlabs/necroparser": "workspace:*",
 		"@svitejs/changesets-changelog-github-compact": "^1.1.0",
-		"@types/node": "^20.16.11",
-		"@typescript-eslint/eslint-plugin": "^7.18.0",
-		"@typescript-eslint/parser": "^7.18.0",
+		"@types/node": "^22.10.1",
+		"@typescript-eslint/eslint-plugin": "^8.17.0",
+		"@typescript-eslint/parser": "^8.17.0",
 		"cspell": "^6.31.3",
 		"eslint": "^8.57.1",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-jsx-a11y": "^6.10.0",
+		"eslint-plugin-jsx-a11y": "^6.10.2",
 		"eslint-plugin-prettier": "^5.2.1",
 		"eslint-plugin-react": "^7.37.1",
 		"eslint-plugin-react-compiler": "0.0.0-experimental-51a85ea-20240601",
 		"eslint-plugin-react-hooks": "^4.6.2",
 		"eslint-plugin-react-refresh": "^0.4.12",
 		"eslint-plugin-svelte": "^2.44.1",
 		"fast-glob": "^3.3.1",
-		"globals": "^15.10.0",
-		"prettier": "^3.3.3",
-		"prettier-plugin-astro": "^0.13.0",
-		"prettier-plugin-svelte": "^3.2.7",
-		"prettier-plugin-tailwindcss": "^0.6.8",
+		"globals": "^15.13.0",
+		"prettier": "^3.4.2",
+		"prettier-plugin-astro": "^0.14.1",
+		"prettier-plugin-svelte": "^3.3.2",
+		"prettier-plugin-tailwindcss": "^0.6.9",
 		"shelljs": "^0.8.5",
-		"tsx": "^4.19.1"
+		"tsx": "^4.19.2"
 	},
 	"packageManager": "[email protected]"
 }

packages/create-skeleton-app/package.json

@@ -52,7 +52,7 @@
 		"semver": "^7.5.4"
 	},
 	"devDependencies": {
-		"archiver": "^6.0.1",
+		"archiver": "^7.0.1",
 		"eslint": "^8.49.0",
 		"eslint-config-prettier": "^9.0.0"
 	}

packages/create-skeleton-app/src/creator.js

@@ -247,7 +247,7 @@ async function createVSCodeSettings() {
 			'https://raw.githubusercontent.com/skeletonlabs/skeleton/master/packages/skeleton/scripts/tw-settings.json'
 		).text();
 		writeFileSync(join(cwd(), '.vscode', 'settings.json'), data);
-	} catch (error) {
+	} catch {
 		console.error('Unable to download settings file for VSCode, please read manual instructions at https://skeleton.dev/guides/install');
 	}
 }

packages/necroparser/package.json

@@ -22,9 +22,9 @@
 		"typescript": "catalog:"
 	},
 	"devDependencies": {
-		"@types/node": "^20.16.11",
+		"@types/node": "^22.10.1",
 		"unbuild": "^2.0.0",
-		"vite": "^5.4.10",
-		"vitest": "^2.1.4"
+		"vite": "^6.0.2",
+		"vitest": "^2.1.8"
 	}
 }

packages/skeleton-react/package.json

@@ -8,7 +8,7 @@
 		"preview": "vite preview",
 		"package": "tsc --project tsconfig.package.json",
 		"package:watch": "tsc --project tsconfig.package.json --watch --preserveWatchOutput",
-		"test": "vitest"
+		"test": "vitest run"
 	},
 	"types": "./dist/index.d.ts",
 	"exports": {
@@ -57,24 +57,24 @@
 	"devDependencies": {
 		"@skeletonlabs/skeleton": "workspace:*",
 		"@tailwindcss/forms": "^0.5.9",
-		"@testing-library/jest-dom": "^6.6.2",
+		"@testing-library/jest-dom": "^6.6.3",
 		"@testing-library/react": "^16.0.1",
 		"@testing-library/user-event": "^14.5.2",
-		"@types/react": "^18.3.12",
+		"@types/react": "^18.3.13",
 		"@types/react-dom": "^18.3.1",
-		"@vitejs/plugin-react": "^4.3.3",
+		"@vitejs/plugin-react": "^4.3.4",
 		"autoprefixer": "^10.4.20",
 		"jsdom": "^25.0.1",
-		"lucide-react": "^0.453.0",
-		"postcss": "^8.4.47",
+		"lucide-react": "^0.465.0",
+		"postcss": "^8.4.49",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
-		"react-router-dom": "^6.27.0",
-		"tailwindcss": "^3.4.14",
+		"react-router-dom": "^7.0.2",
+		"tailwindcss": "^3.4.16",
 		"typescript": "catalog:",
-		"vite": "^5.4.10",
+		"vite": "^6.0.2",
 		"vite-plugin-remix-router": "^2.0.0",
 		"vite-plugin-tw-plugin-watcher": "workspace:*",
-		"vitest": "^2.1.3"
+		"vitest": "^2.1.8"
 	}
 }

packages/skeleton-react/src/lib/components/FileUpload/types.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import * as fileUpload from '@zag-js/file-upload';
 import type { PropTypes } from '@zag-js/react';
 
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface FileUploadApi extends fileUpload.Api<PropTypes> {}
 
 export interface FileUploadProps extends React.PropsWithChildren, Omit<fileUpload.Context, 'id'> {

packages/skeleton-react/src/lib/components/Segment/Segment.test.tsx

@@ -101,19 +101,19 @@ describe('<Segment.Item>', () => {
 			</Segment>
 		);
 		const component = getByTestId('segment-item');
-		const ariaSelected = component.getAttribute('aria-selected');
-		expect(ariaSelected).toBeFalsy;
+		const checked = component.getAttribute('data-state');
+		expect(checked).toBe('unchecked');
 	});
 
 	it('should render in the checked state', () => {
 		const { getByTestId } = render(
-			<Segment name="align" value="1">
+			<Segment name="align" value="0">
 				<Segment.Item value="0">TestItem1</Segment.Item>
 			</Segment>
 		);
 		const component = getByTestId('segment-item');
-		const ariaSelected = component.getAttribute('aria-selected');
-		expect(ariaSelected).toBeTruthy;
+		const checked = component.getAttribute('data-state');
+		expect(checked).toBe('checked');
 	});
 
 	it('should render in the disabled state', () => {

packages/skeleton-react/tailwind.config.js

@@ -2,6 +2,7 @@
 // NOTE: do not delete the above comment. It's required for local HMR on plugin changes.
 
 import { skeleton } from '@skeletonlabs/skeleton/plugin';
+import forms from '@tailwindcss/forms';
 import * as themes from '@skeletonlabs/skeleton/themes';
 
 /** @type {import('tailwindcss').Config} */
@@ -12,7 +13,7 @@ export default {
 		extend: {}
 	},
 	plugins: [
-		require('@tailwindcss/forms'),
+		forms,
 		skeleton({
 			themes: [themes.cerberus, themes.catppuccin, themes.pine, themes.rose]
 		})

packages/skeleton-react/vite.config.ts

@@ -1,5 +1,4 @@
-import { defineConfig } from 'vite';
-import { configDefaults } from 'vitest/config';
+import { defineConfig, configDefaults } from 'vitest/config';
 import react from '@vitejs/plugin-react';
 import RemixRouter from 'vite-plugin-remix-router';
 import skeletonPluginWatcher from 'vite-plugin-tw-plugin-watcher';
@@ -8,6 +7,7 @@ import path from 'node:path';
 // https://vitejs.dev/config/
 export default defineConfig({
 	plugins: [
+		// @ts-expect-error remove once `vitest` adds `vite@6` as a peer dependency
 		react(),
 		// https://vite-remix-router.vercel.app/
 		RemixRouter(),

packages/skeleton-svelte/package.json

@@ -11,7 +11,7 @@
 		"package:watch": "svelte-package --watch",
 		"prepublishOnly": "npm run package",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"test": "vitest"
+		"test": "vitest run"
 	},
 	"types": "./dist/index.d.ts",
 	"exports": {
@@ -54,27 +54,27 @@
 	},
 	"devDependencies": {
 		"@skeletonlabs/skeleton": "workspace:*",
-		"@sveltejs/adapter-auto": "^3.2.2",
-		"@sveltejs/kit": "^2.5.18",
-		"@sveltejs/package": "^2.3.2",
-		"@sveltejs/vite-plugin-svelte": "^4.0.0-next.6",
+		"@sveltejs/adapter-auto": "^3.3.1",
+		"@sveltejs/kit": "^2.9.0",
+		"@sveltejs/package": "^2.3.7",
+		"@sveltejs/vite-plugin-svelte": "^5.0.1",
 		"@tailwindcss/forms": "^0.5.7",
-		"@testing-library/jest-dom": "^6.6.2",
-		"@testing-library/svelte": "^5.2.4",
+		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/svelte": "^5.2.6",
 		"autoprefixer": "^10.4.19",
 		"jsdom": "^25.0.1",
-		"lucide-svelte": "^0.436.0",
-		"postcss": "^8.4.39",
-		"postcss-load-config": "^5.1.0",
-		"publint": "^0.1.16",
-		"svelte": "^5.0.5",
-		"svelte-check": "^3.8.4",
-		"tailwindcss": "^3.4.6",
-		"tslib": "^2.6.3",
+		"lucide-svelte": "^0.465.0",
+		"postcss": "^8.4.49",
+		"postcss-load-config": "^6.0.1",
+		"publint": "^0.2.12",
+		"svelte": "^5.6.2",
+		"svelte-check": "^4.1.1",
+		"tailwindcss": "^3.4.16",
+		"tslib": "^2.8.1",
 		"typescript": "catalog:",
-		"vite": "^5.3.4",
+		"vite": "^6.0.2",
 		"vite-plugin-tw-plugin-watcher": "workspace:*",
-		"vitest": "^2.1.5"
+		"vitest": "3.0.0-beta.1"
 	},
 	"type": "module"
 }

packages/skeleton-svelte/src/lib/components/FileUpload/types.ts

@@ -2,7 +2,7 @@ import type { Snippet } from 'svelte';
 import * as fileUpload from '@zag-js/file-upload';
 import type { PropTypes } from '@zag-js/svelte';
 
-export interface FileUploadApi extends fileUpload.Api<PropTypes> {}
+export type FileUploadApi = fileUpload.Api<PropTypes>;
 
 export interface FileUploadProps extends Omit<fileUpload.Context, 'id' | 'value'> {
 	/** Set the interface text value. */

packages/skeleton-svelte/src/lib/components/Segment/Segment.test.ts

@@ -56,15 +56,15 @@ describe('SegmentItem', () => {
 	it('should render in the checked state', () => {
 		render(SegmentTest, {});
 		const component = screen.getAllByTestId(testIds.root)[0];
-		const ariaSelected = component.getAttribute('aria-selected');
-		expect(ariaSelected).toBeTruthy;
+		const attrDataState = component.getAttribute('data-state');
+		expect(attrDataState).toBe('checked');
 	});
 
 	it('should render in the unchecked state', () => {
 		render(SegmentTest, {});
 		const component = screen.getAllByTestId(testIds.root)[1];
-		const ariaSelected = component.getAttribute('aria-selected');
-		expect(ariaSelected).toBeFalsy;
+		const attrDataState = component.getAttribute('data-state');
+		expect(attrDataState).toBe('unchecked');
 	});
 
 	it('should render in the disabled state', () => {

packages/skeleton-svelte/tailwind.config.js

@@ -2,9 +2,8 @@
 // NOTE: do not delete the above comment. It's required for local HMR on plugin changes.
 
 import { skeleton } from '@skeletonlabs/skeleton/plugin';
-import * as themes from '@skeletonlabs/skeleton/themes';
-
 import forms from '@tailwindcss/forms';
+import * as themes from '@skeletonlabs/skeleton/themes';
 
 /** @type {import('tailwindcss').Config}*/
 export default {

packages/skeleton/package.json

@@ -32,13 +32,11 @@
 	"homepage": "https://skeleton.dev/",
 	"devDependencies": {
 		"@types/postcss-import": "^14.0.3",
-		"postcss": "8.4.47",
-		"postcss-import": "16.1.0",
-		"postcss-load-config": "6.0.1",
-		"tailwindcss": "3.4.14",
-		"tslib": "2.8.0",
-		"tsup": "^8.3.0",
-		"tsx": "^4.19.1",
+		"postcss": "^8.4.49",
+		"postcss-import": "^16.1.0",
+		"postcss-load-config": "^6.0.1",
+		"tailwindcss": "^3.4.16",
+		"tsup": "^8.3.5",
 		"typescript": "catalog:"
 	},
 	"dependencies": {

packages/skeleton/src/plugin/core.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
 // The Skeleton Tailwind Plugin
 // Tailwind Docs: https://tailwindcss.com/docs/plugins
 // Skeleton Docs: https://www.skeleton.dev/docs/get-started
@@ -37,6 +36,7 @@ export const coreConfig = {
 export function getSkeletonClasses() {
 	// try/catch because it will throw when generated-classes.js isn't generated yet
 	try {
+		// eslint-disable-next-line @typescript-eslint/no-require-imports
 		const { components, base } = require('./generated/generated-classes.cjs');
 
 		if (typeof components !== 'object' || typeof base !== 'object') {

packages/vite-plugin-tw-plugin-watcher/package.json

@@ -7,9 +7,9 @@
 	"type": "module",
 	"types": "index.d.ts",
 	"dependencies": {
-		"minimatch": "^9.0.3"
+		"minimatch": "^10.0.1"
 	},
 	"devDependencies": {
-		"vite": "^5.1.3"
+		"vite": "^6.0.2"
 	}
 }