build(deps-dev): bump vite from 7.3.3 to 8.3.1

.changeset/fix-checkbox-radio-selectors.md

@@ -0,0 +1,5 @@
+---
+"@stackoverflow/stacks": patch
+---
+
+Fix checkbox and radio label selectors so the published CSS can be minified with Lightning CSS.

.github/dependabot.yml

@@ -5,3 +5,10 @@ updates:
     schedule:
       interval: "weekly"
     versioning-strategy: increase
+    groups:
+      vite-major:
+        patterns:
+          - "vite"
+          - "@sveltejs/vite-plugin-svelte"
+        update-types:
+          - "major"

package.json

@@ -26,7 +26,7 @@
         "@changesets/read": "^1.0.1",
         "@eslint/js": "^10.0.1",
         "@open-wc/testing": "^5.0.0",
-        "@remcovaes/web-test-runner-vite-plugin": "^1.4.0",
+        "@remcovaes/web-test-runner-vite-plugin": "^1.4.1",
         "@rollup/plugin-commonjs": "^29.0.2",
         "@rollup/plugin-replace": "^6.0.3",
         "@stackoverflow/prettier-config": "^1.0.0",
@@ -35,10 +35,10 @@
         "@storybook/addon-a11y": "^10.4.0",
         "@storybook/addon-docs": "^10.6.0",
         "@storybook/addon-links": "^10.5.7",
-        "@storybook/addon-svelte-csf": "^5.0.10",
+        "@storybook/addon-svelte-csf": "^5.1.5",
         "@storybook/svelte-vite": "^10.5.0",
         "@sveltejs/package": "^2.5.7",
-        "@sveltejs/vite-plugin-svelte": "^6.2.4",
+        "@sveltejs/vite-plugin-svelte": "^7.3.1",
         "@testing-library/dom": "^10.4.1",
         "@testing-library/svelte": "^5.3.1",
         "@testing-library/user-event": "^14.6.1",
@@ -86,7 +86,7 @@
         "ts-loader": "^9.6.2",
         "typescript": "^6.0.3",
         "typescript-eslint": "^8.70.1",
-        "vite": "^7.3.3",
+        "vite": "^8.3.1",
         "vitest": "^4.1.11",
         "webpack": "^5.109.2",
         "webpack-cli": "^7.2.2",

packages/stacks-classic/lib/__snapshots__/stacks.less.test.ts.snap

@@ -12858,10 +12858,10 @@ fieldset[disabled] .s-radio,
 .s-radio:has(> input[disabled]) .s-label {
   --_ch-label-fc: var(--black-300);
 }
-.s-checkbox:not(> input[disabled]):has(input:checked) .s-label,
-.s-radio:not(> input[disabled]):has(input:checked) .s-label,
-.s-checkbox:not(> input[disabled]):has(input:indeterminate) .s-label,
-.s-radio:not(> input[disabled]):has(input:indeterminate) .s-label {
+.s-checkbox:not(:has(> input[disabled])):has(input:checked) .s-label,
+.s-radio:not(:has(> input[disabled])):has(input:checked) .s-label,
+.s-checkbox:not(:has(> input[disabled])):has(input:indeterminate) .s-label,
+.s-radio:not(:has(> input[disabled])):has(input:indeterminate) .s-label {
   --_ch-label-fc: var(--black-600);
 }
 .s-checkbox:has(> .s-label .s-description),

packages/stacks-classic/lib/components/checkbox_radio/checkbox_radio.less

@@ -106,7 +106,7 @@
         }
     }
 
-    &:not(> input[disabled]) {
+    &:not(:has(> input[disabled])) {
         &:has(input:checked),
         &:has(input:indeterminate) {
             .s-label {
@@ -240,4 +240,4 @@
             --_ch-input-bg: var(--white);
         }
     }
-}
+}

packages/stacks-docs/package.json

@@ -20,9 +20,9 @@
         "@eslint/compat": "^2.1.1",
         "@sveltejs/adapter-netlify": "^6.0.4",
         "@sveltejs/kit": "^2.70.2",
-        "@sveltejs/vite-plugin-svelte": "^6.0.0",
+        "@sveltejs/vite-plugin-svelte": "^7.3.1",
         "mdsvex": "^0.12.8",
-        "vite": "^7.3.3"
+        "vite": "^8.3.1"
     },
     "dependencies": {
         "@stackoverflow/stacks-email": "1.0.0-beta.0",

packages/stacks-docs/vite.config.ts

@@ -4,9 +4,9 @@ import { dirname, resolve } from "path";
 import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vite";
 
-import pkgMain from "../stacks-classic/package.json";
-import pkgEmail from "../stacks-email/package.json";
-import pkgSvelte from "../stacks-svelte/package.json";
+import pkgMain from "../stacks-classic/package.json" with { type: "json" };
+import pkgEmail from "../stacks-email/package.json" with { type: "json" };
+import pkgSvelte from "../stacks-svelte/package.json" with { type: "json" };
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 

packages/stacks-email/package.json

@@ -36,7 +36,7 @@
     "devDependencies": {
         "@sveltejs/adapter-auto": "^6.1.0",
         "@sveltejs/kit": "^2.70.2",
-        "@sveltejs/vite-plugin-svelte": "^6.2.1",
+        "@sveltejs/vite-plugin-svelte": "^7.3.1",
         "@stackoverflow/stacks": "3.0.0",
         "@stackoverflow/stacks-icons": "^7.0.0",
         "@stackoverflow/stacks-svelte": "*",
@@ -53,7 +53,7 @@
         "svelte-check": "^4.7.6",
         "typescript": "^6.0.3",
         "typescript-eslint": "^8.70.1",
-        "vite": "^7.3.3",
+        "vite": "^8.3.1",
         "vitest": "^4.1.11"
     },
     "dependencies": {

packages/stacks-email/vite.package.config.ts

@@ -19,7 +19,7 @@ export default defineConfig({
             formats: ["es"],
             fileName: (_format, entryName) => `${entryName}.js`,
         },
-        rollupOptions: {
+        rolldownOptions: {
             external: (id) =>
                 externalPackages.some(
                     (dependency) =>

packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte

@@ -45,7 +45,6 @@
     const { Story } = defineMeta({
         title: "Components/Navigation",
         component: Navigation,
-        // @ts-expect-error: subcomponents is not typed correctly - see related issue https://github.com/storybookjs/storybook/issues/23170
         subcomponents: { NavigationItem, NavigationGroup },
         argTypes: {
             class: {

packages/stacks-svelte/src/components/Notice/Notice.stories.svelte

@@ -24,7 +24,6 @@
     const { Story } = defineMeta({
         title: "Components/Notice",
         component: Notice,
-        // @ts-expect-error: subcomponents is not typed correctly - see related issue https://github.com/storybookjs/storybook/issues/23170
         subcomponents: { NoticeAction },
         argTypes: {
             variant: {

packages/stacks-svelte/src/components/Popover/Popover.stories.svelte

@@ -31,7 +31,6 @@
     const { Story } = defineMeta({
         title: "Components/Popover",
         component: Popover,
-        // @ts-expect-error: subcomponents is not typed correctly - see related issue https://github.com/storybookjs/storybook/issues/23170
         subcomponents: { PopoverReference, PopoverContent, PopoverCloseButton },
         argTypes: {
             placement: {

packages/stacks-svelte/src/components/PostSummary/PostSummary.stories.svelte

@@ -87,7 +87,6 @@
         title: "Components/PostSummary",
         component: PostSummary,
         subcomponents: {
-            // @ts-expect-error: subcomponents is not typed correctly - see related issue https://github.com/storybookjs/storybook/issues/23170
             PostSummaryAnswer,
         },
         argTypes: {

packages/stacks-svelte/src/components/Select/Select.stories.svelte

@@ -15,7 +15,6 @@
         title: "Components/Select",
         component: Select,
         subcomponents: {
-            // @ts-expect-error: subcomponents is not typed correctly - see related issue https://github.com/storybookjs/storybook/issues/23170
             SelectItem,
         },
         argTypes: {

packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte

@@ -22,13 +22,9 @@
         title: "Components/UserCard",
         component: UserCard,
         subcomponents: {
-            // @ts-expect-error: subcomponents is not typed correctly - see related issue https://github.com/storybookjs/storybook/issues/23170
             UserCardTime,
-            // @ts-expect-error: subcomponents is not typed correctly - see related issue https://github.com/storybookjs/storybook/issues/23170
             UserCardBadge,
-            // @ts-expect-error: subcomponents is not typed correctly - see related issue https://github.com/storybookjs/storybook/issues/23170
             UserCardBling,
-            // @ts-expect-error: subcomponents is not typed correctly - see related issue https://github.com/storybookjs/storybook/issues/23170
             UserCardAdditionalBling,
         },
         argTypes: {

packages/stacks-svelte/vite.config.ts

@@ -7,9 +7,10 @@ import path from "path";
 export default defineConfig({
     plugins: [svelte(svelteConfig), svelteTesting(), svelteInlineComponent()],
     optimizeDeps: {
+        // Keep the test runner's root-relative virtual WebSocket import intact.
+        exclude: ["@web/test-runner-commands"],
         //without the following explicit includes, test runs fail on the first run because these dependencies don't get pre-optimized properly
         include: [
-            "@web/test-runner-commands",
             "@floating-ui/dom",
             "svelte-floating-ui",
             "sinon",

packages/stacks-utils/vite.config.ts

@@ -10,7 +10,7 @@ export default defineConfig({
             formats: ["es"],
         },
         minify: false,
-        rollupOptions: {
+        rolldownOptions: {
             external: (id) =>
                 external.some((dep) => id === dep || id.startsWith(`${dep}/`)),
             output: {