fixes for check task

code/addons/a11y/src/components/VisionSimulator.tsx

@@ -42,13 +42,13 @@ const getFilter = (filterName: string) => {
   return `url('#${filterName}')`;
 };
 
-const Hidden = styled.div(() => ({
+const Hidden = styled.div({
   '&, & svg': {
     position: 'absolute',
     width: 0,
     height: 0,
   },
-}));
+});
 
 const ColorIcon = styled.span<{ filter: string }>(
   {

code/addons/backgrounds/src/components/Tool.tsx

@@ -9,8 +9,6 @@ import { PARAM_KEY as KEY } from '../constants';
 import { DEFAULT_BACKGROUNDS } from '../defaults';
 import type { Background, BackgroundMap, Config, GlobalStateUpdate } from '../types';
 
-type Link = Parameters<typeof TooltipLinkList>['0']['links'][0];
-
 export const BackgroundTool = memo(function BackgroundSelector() {
   const config = useParameter<Config>(KEY);
   const [globals, updateGlobals, storyGlobals] = useGlobals();
@@ -114,7 +112,7 @@ const Pure = memo(function PureTool(props: PureProps) {
                         },
                       ]
                     : []),
-                  ...Object.entries(backgroundMap).map<Link>(([k, value]) => ({
+                  ...Object.entries(backgroundMap).map(([k, value]) => ({
                     id: k,
                     title: value.name,
                     icon: <CircleIcon color={value?.value || 'grey'} />,

code/addons/docs/package.json

@@ -114,7 +114,7 @@
     "rehype-external-links": "^3.0.0",
     "rehype-slug": "^6.0.0",
     "typescript": "^5.3.2",
-    "vite": "^4.0.4"
+    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "storybook": "workspace:^"

code/addons/interactions/src/components/Interaction.tsx

@@ -14,12 +14,12 @@ import { MatcherResult } from './MatcherResult';
 import { MethodCall } from './MethodCall';
 import { StatusIcon } from './StatusIcon';
 
-const MethodCallWrapper = styled.div(() => ({
+const MethodCallWrapper = styled.div({
   fontFamily: typography.fonts.mono,
   fontSize: typography.size.s1,
   overflowWrap: 'break-word',
   inlineSize: 'calc( 100% - 40px )',
-}));
+});
 
 const RowContainer = styled('div', {
   shouldForwardProp: (prop) => !['call', 'pausedAt'].includes(prop.toString()),

code/addons/onboarding/src/components/List/List.styled.tsx

@@ -1,9 +1,9 @@
 import { styled } from 'storybook/internal/theming';
 
-export const ListWrapper = styled.ul(() => ({
+export const ListWrapper = styled.ul({
   display: 'flex',
   flexDirection: 'column',
   rowGap: 16,
   padding: 0,
   margin: 0,
-}));
+});

code/addons/test/src/components/Interaction.tsx

@@ -14,12 +14,12 @@ import { MatcherResult } from './MatcherResult';
 import { MethodCall } from './MethodCall';
 import { StatusIcon } from './StatusIcon';
 
-const MethodCallWrapper = styled.div(() => ({
+const MethodCallWrapper = styled.div({
   fontFamily: typography.fonts.mono,
   fontSize: typography.size.s1,
   overflowWrap: 'break-word',
   inlineSize: 'calc( 100% - 40px )',
-}));
+});
 
 const RowContainer = styled('div', {
   shouldForwardProp: (prop) => !['call', 'pausedAt'].includes(prop.toString()),

code/addons/viewport/src/components/Tool.tsx

@@ -1,6 +1,6 @@
 import React, { type FC, Fragment, useCallback, useEffect, useState } from 'react';
 
-import { IconButton, TooltipLinkList, WithTooltip } from 'storybook/internal/components';
+import { IconButton, type Link, TooltipLinkList, WithTooltip } from 'storybook/internal/components';
 import { type API, useGlobals, useParameter } from 'storybook/internal/manager-api';
 import { Global } from 'storybook/internal/theming';
 
@@ -32,8 +32,6 @@ interface PureProps {
   height: string;
 }
 
-type Link = Parameters<typeof TooltipLinkList>['0']['links'][0];
-
 export const ViewportTool: FC<{ api: API }> = ({ api }) => {
   const config = useParameter<Config>(KEY);
   const [globals, updateGlobals, storyGlobals] = useGlobals();
@@ -116,29 +114,31 @@ const Pure = React.memo(function PureTool(props: PureProps) {
         tooltip={({ onHide }) => (
           <TooltipLinkList
             links={[
-              ...(length > 0 && item !== responsiveViewport
-                ? [
-                    {
-                      id: 'reset',
-                      title: 'Reset viewport',
-                      icon: <RefreshIcon />,
-                      onClick: () => {
-                        update({ value: undefined, isRotated: false });
-                        onHide();
+              [
+                ...(length > 0 && item !== responsiveViewport
+                  ? [
+                      {
+                        id: 'reset',
+                        title: 'Reset viewport',
+                        icon: <RefreshIcon />,
+                        onClick: () => {
+                          update({ value: undefined, isRotated: false });
+                          onHide();
+                        },
                       },
-                    },
-                  ]
-                : []),
-              ...Object.entries(viewportMap).map<Link>(([k, value]) => ({
-                id: k,
-                title: value.name,
-                icon: iconsMap[value.type],
-                active: k === viewportName,
-                onClick: () => {
-                  update({ value: k, isRotated: false });
-                  onHide();
-                },
-              })),
+                    ]
+                  : []),
+                ...Object.entries(viewportMap).map(([k, value]) => ({
+                  id: k,
+                  title: value.name,
+                  icon: iconsMap[value.type],
+                  active: k === viewportName,
+                  onClick: () => {
+                    update({ value: k, isRotated: false });
+                    onHide();
+                  },
+                })),
+              ],
             ]}
           />
         )}

code/builders/builder-vite/package.json

@@ -57,7 +57,7 @@
     "polka": "^1.0.0-next.28",
     "sirv": "^2.0.4",
     "slash": "^5.0.0",
-    "vite": "^4.0.4"
+    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "storybook": "workspace:^",

code/builders/builder-vite/src/vite-config.ts

@@ -32,13 +32,13 @@ export type PluginConfigType = 'build' | 'development';
 const configEnvServe: ConfigEnv = {
   mode: 'development',
   command: 'serve',
-  ssrBuild: false,
+  isSsrBuild: false,
 };
 
 const configEnvBuild: ConfigEnv = {
   mode: 'production',
   command: 'build',
-  ssrBuild: false,
+  isSsrBuild: false,
 };
 
 // Vite config that is common to development and production mode

code/core/scripts/helpers/sourcefiles.ts

@@ -30,10 +30,10 @@ async function generateVersionsFile(prettierConfig: prettier.Options | null): Pr
 
   const versions = JSON.stringify(
     workspace
-      .sort((a, b) => a.path.localeCompare(b.path))
+      .sort((a, b) => a!.path.localeCompare(b!.path))
       .reduce<Record<string, string>>((acc, i) => {
-        if (i.publishConfig && i.publishConfig.access === 'public') {
-          acc[i.name] = i.version;
+        if (i!.publishConfig && i!.publishConfig.access === 'public') {
+          acc[i!.name] = i!.version;
         }
         return acc;
       }, {})

code/core/src/manager/components/sidebar/Heading.stories.tsx

@@ -8,6 +8,7 @@ import { screen } from '@storybook/test';
 
 import { action } from '@storybook/addon-actions';
 
+import type { Link } from '../../../components/components/tooltip/TooltipLinkList';
 import { Heading } from './Heading';
 
 type Story = StoryFn<typeof Heading>;
@@ -23,10 +24,12 @@ export default {
   ],
 } as Meta<typeof Heading>;
 
-const menuItems = [
-  { title: 'Menu Item 1', onClick: action('onActivateMenuItem'), id: '1' },
-  { title: 'Menu Item 2', onClick: action('onActivateMenuItem'), id: '2' },
-  { title: 'Menu Item 3', onClick: action('onActivateMenuItem'), id: '3' },
+const menuItems: Link[][] = [
+  [
+    { title: 'Menu Item 1', onClick: action('onActivateMenuItem'), id: '1' },
+    { title: 'Menu Item 2', onClick: action('onActivateMenuItem'), id: '2' },
+    { title: 'Menu Item 3', onClick: action('onActivateMenuItem'), id: '3' },
+  ],
 ];
 
 export const MenuHighlighted: Story = () => (

code/core/src/manager/components/sidebar/Menu.stories.tsx

@@ -9,13 +9,16 @@ import { expect, screen, userEvent, within } from '@storybook/test';
 
 import type { State } from '@storybook/core/manager-api';
 
+import type { Link } from '../../../components/components/tooltip/TooltipLinkList';
 import { useMenu } from '../../container/Menu';
 import { LayoutProvider } from '../layout/LayoutProvider';
 import { SidebarMenu } from './Menu';
 
-const fakemenu: ComponentProps<typeof TooltipLinkList>['links'] = [
-  { title: 'has icon', icon: <LinkIcon />, id: 'icon' },
-  { title: 'has no icon', id: 'non' },
+const fakemenu: Link[][] = [
+  [
+    { title: 'has icon', icon: <LinkIcon />, id: 'icon' },
+    { title: 'has no icon', id: 'non' },
+  ],
 ];
 
 const meta = {

code/core/src/manager/globals/exports.ts

@@ -12,6 +12,7 @@ export default {
     'StrictMode',
     'Suspense',
     '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED',
+    'act',
     'cloneElement',
     'createContext',
     'createElement',

code/core/vitest.config.ts.timestamp-1730723245217-60506bb4d04c3.mjs

@@ -0,0 +1,43 @@
+// core/vitest.config.ts
+import { defineConfig as defineConfig2, mergeConfig } from "file:///Users/me/Projects/Storybook/mono/storybook/code/node_modules/vitest/dist/config.js";
+
+// vitest.workspace.ts
+import { resolve } from "node:path";
+import { defineConfig, defineWorkspace } from "file:///Users/me/Projects/Storybook/mono/storybook/code/node_modules/vitest/dist/config.js";
+var __vite_injected_original_dirname = "/Users/me/Projects/Storybook/mono/storybook/code";
+var vitest_workspace_default = defineWorkspace([
+  ".storybook/vitest.config.ts",
+  "addons/*/vitest.config.ts",
+  "frameworks/*/vitest.config.ts",
+  "lib/*/vitest.config.ts",
+  "core/vitest.config.ts",
+  "deprecated/*/vitest.config.ts",
+  "builders/*/vitest.config.ts",
+  "presets/*/vitest.config.ts",
+  "renderers/*/vitest.config.ts"
+]);
+var threadCount = process.env.CI ? 7 : void 0;
+var vitestCommonConfig = defineConfig({
+  test: {
+    pool: "threads",
+    poolOptions: {
+      threads: {
+        minThreads: threadCount,
+        maxThreads: threadCount
+      }
+    },
+    passWithNoTests: true,
+    clearMocks: true,
+    setupFiles: [resolve(__vite_injected_original_dirname, "./vitest-setup.ts")],
+    globals: true,
+    testTimeout: 1e4,
+    environment: "node"
+  }
+});
+
+// core/vitest.config.ts
+var vitest_config_default = mergeConfig(vitestCommonConfig, defineConfig2({}));
+export {
+  vitest_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiY29yZS92aXRlc3QuY29uZmlnLnRzIiwgInZpdGVzdC53b3Jrc3BhY2UudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvbWUvUHJvamVjdHMvU3Rvcnlib29rL21vbm8vc3Rvcnlib29rL2NvZGUvY29yZVwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiL1VzZXJzL21lL1Byb2plY3RzL1N0b3J5Ym9vay9tb25vL3N0b3J5Ym9vay9jb2RlL2NvcmUvdml0ZXN0LmNvbmZpZy50c1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vVXNlcnMvbWUvUHJvamVjdHMvU3Rvcnlib29rL21vbm8vc3Rvcnlib29rL2NvZGUvY29yZS92aXRlc3QuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnLCBtZXJnZUNvbmZpZyB9IGZyb20gJ3ZpdGVzdC9jb25maWcnO1xuXG5pbXBvcnQgeyB2aXRlc3RDb21tb25Db25maWcgfSBmcm9tICcuLi92aXRlc3Qud29ya3NwYWNlJztcblxuZXhwb3J0IGRlZmF1bHQgbWVyZ2VDb25maWcodml0ZXN0Q29tbW9uQ29uZmlnLCBkZWZpbmVDb25maWcoe30pKTtcbiIsICJjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfZGlybmFtZSA9IFwiL1VzZXJzL21lL1Byb2plY3RzL1N0b3J5Ym9vay9tb25vL3N0b3J5Ym9vay9jb2RlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvbWUvUHJvamVjdHMvU3Rvcnlib29rL21vbm8vc3Rvcnlib29rL2NvZGUvdml0ZXN0LndvcmtzcGFjZS50c1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vVXNlcnMvbWUvUHJvamVjdHMvU3Rvcnlib29rL21vbm8vc3Rvcnlib29rL2NvZGUvdml0ZXN0LndvcmtzcGFjZS50c1wiO2ltcG9ydCB7IHJlc29sdmUgfSBmcm9tICdub2RlOnBhdGgnO1xuXG5pbXBvcnQgeyBkZWZpbmVDb25maWcsIGRlZmluZVdvcmtzcGFjZSB9IGZyb20gJ3ZpdGVzdC9jb25maWcnO1xuXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVXb3Jrc3BhY2UoW1xuICAnLnN0b3J5Ym9vay92aXRlc3QuY29uZmlnLnRzJyxcbiAgJ2FkZG9ucy8qL3ZpdGVzdC5jb25maWcudHMnLFxuICAnZnJhbWV3b3Jrcy8qL3ZpdGVzdC5jb25maWcudHMnLFxuICAnbGliLyovdml0ZXN0LmNvbmZpZy50cycsXG4gICdjb3JlL3ZpdGVzdC5jb25maWcudHMnLFxuICAnZGVwcmVjYXRlZC8qL3ZpdGVzdC5jb25maWcudHMnLFxuICAnYnVpbGRlcnMvKi92aXRlc3QuY29uZmlnLnRzJyxcbiAgJ3ByZXNldHMvKi92aXRlc3QuY29uZmlnLnRzJyxcbiAgJ3JlbmRlcmVycy8qL3ZpdGVzdC5jb25maWcudHMnLFxuXSk7XG5cbi8qKlxuICogQ2lyY2xlQ0kgcmVwb3J0cyB0aGUgd3JvbmcgbnVtYmVyIG9mIHRocmVhZHMgdG8gTm9kZS5qcywgc28gd2UgbmVlZCB0byBzZXQgaXQgbWFudWFsbHkuIFVuaXRcbiAqIHRlc3RzIGFyZSBydW5uaW5nIHdpdGggdGhlIHhsYXJnZSByZXNvdXJjZSBjbGFzcywgd2hpY2ggaGFzIDggdkNQVXMuXG4gKlxuICogQHNlZSBodHRwczovL2phaGVkLmRldi8yMDIyLzExLzIwL2ZpeGluZy1ub2RlLWpzLW11bHRpLXRocmVhZGluZy1vbi1jaXJjbGVjaS9cbiAqIEBzZWUgaHR0cHM6Ly92aXRlc3QuZGV2L2NvbmZpZy8jcG9vbG9wdGlvbnMtdGhyZWFkcy1tYXh0aHJlYWRzXG4gKiBAc2VlIGh0dHBzOi8vY2lyY2xlY2kuY29tL2RvY3MvY29uZmlndXJhdGlvbi1yZWZlcmVuY2UvI3g4NlxuICogQHNlZSAuY2lyY2xlY2kvY29uZmlnLnltbCNMMjE0XG4gKi9cbmNvbnN0IHRocmVhZENvdW50ID0gcHJvY2Vzcy5lbnYuQ0kgPyA3IDogdW5kZWZpbmVkO1xuXG5leHBvcnQgY29uc3Qgdml0ZXN0Q29tbW9uQ29uZmlnID0gZGVmaW5lQ29uZmlnKHtcbiAgdGVzdDoge1xuICAgIHBvb2w6ICd0aHJlYWRzJyxcbiAgICBwb29sT3B0aW9uczoge1xuICAgICAgdGhyZWFkczoge1xuICAgICAgICBtaW5UaHJlYWRzOiB0aHJlYWRDb3VudCxcbiAgICAgICAgbWF4VGhyZWFkczogdGhyZWFkQ291bnQsXG4gICAgICB9LFxuICAgIH0sXG4gICAgcGFzc1dpdGhOb1Rlc3RzOiB0cnVlLFxuICAgIGNsZWFyTW9ja3M6IHRydWUsXG4gICAgc2V0dXBGaWxlczogW3Jlc29sdmUoX19kaXJuYW1lLCAnLi92aXRlc3Qtc2V0dXAudHMnKV0sXG4gICAgZ2xvYmFsczogdHJ1ZSxcbiAgICB0ZXN0VGltZW91dDogMTAwMDAsXG4gICAgZW52aXJvbm1lbnQ6ICdub2RlJyxcbiAgfSxcbn0pO1xuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUFxVixTQUFTLGdCQUFBQSxlQUFjLG1CQUFtQjs7O0FDQW5ELFNBQVMsZUFBZTtBQUVwVyxTQUFTLGNBQWMsdUJBQXVCO0FBRjlDLElBQU0sbUNBQW1DO0FBSXpDLElBQU8sMkJBQVEsZ0JBQWdCO0FBQUEsRUFDN0I7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUNGLENBQUM7QUFXRCxJQUFNLGNBQWMsUUFBUSxJQUFJLEtBQUssSUFBSTtBQUVsQyxJQUFNLHFCQUFxQixhQUFhO0FBQUEsRUFDN0MsTUFBTTtBQUFBLElBQ0osTUFBTTtBQUFBLElBQ04sYUFBYTtBQUFBLE1BQ1gsU0FBUztBQUFBLFFBQ1AsWUFBWTtBQUFBLFFBQ1osWUFBWTtBQUFBLE1BQ2Q7QUFBQSxJQUNGO0FBQUEsSUFDQSxpQkFBaUI7QUFBQSxJQUNqQixZQUFZO0FBQUEsSUFDWixZQUFZLENBQUMsUUFBUSxrQ0FBVyxtQkFBbUIsQ0FBQztBQUFBLElBQ3BELFNBQVM7QUFBQSxJQUNULGFBQWE7QUFBQSxJQUNiLGFBQWE7QUFBQSxFQUNmO0FBQ0YsQ0FBQzs7O0FEdkNELElBQU8sd0JBQVEsWUFBWSxvQkFBb0JDLGNBQWEsQ0FBQyxDQUFDLENBQUM7IiwKICAibmFtZXMiOiBbImRlZmluZUNvbmZpZyIsICJkZWZpbmVDb25maWciXQp9Cg==

code/frameworks/preact-vite/package.json

@@ -53,7 +53,7 @@
   "devDependencies": {
     "@types/node": "^22.0.0",
     "typescript": "^5.3.2",
-    "vite": "^4.0.0"
+    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "preact": ">=10",

code/frameworks/react-vite/package.json

@@ -60,7 +60,7 @@
   "devDependencies": {
     "@types/node": "^22.0.0",
     "typescript": "^5.3.2",
-    "vite": "^4.0.0"
+    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",

code/frameworks/svelte-vite/package.json

@@ -61,7 +61,7 @@
     "@types/node": "^22.0.0",
     "svelte": "^5.0.5",
     "typescript": "^5.3.2",
-    "vite": "^4.0.0"
+    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "@sveltejs/vite-plugin-svelte": "^2.0.0 || ^3.0.0 || ^4.0.0",

code/frameworks/sveltekit/package.json

@@ -66,7 +66,7 @@
   "devDependencies": {
     "@types/node": "^22.0.0",
     "typescript": "^5.3.2",
-    "vite": "^4.0.0"
+    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "storybook": "workspace:^",

code/frameworks/vue3-vite/package.json

@@ -64,7 +64,7 @@
     "@types/find-package-json": "^1.2.6",
     "@types/node": "^22.0.0",
     "typescript": "^5.3.2",
-    "vite": "^4.0.0"
+    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "storybook": "workspace:^",

code/lib/blocks/src/blocks/mdx.tsx

@@ -156,14 +156,14 @@ const OcticonHeaders = SUPPORTED_MDX_HEADERS.reduce(
   {}
 );
 
-const OcticonAnchor = styled.a(() => ({
+const OcticonAnchor = styled.a({
   float: 'left',
   lineHeight: 'inherit',
   paddingRight: '10px',
   marginLeft: '-24px',
   // Allow the theme's text color to override the default link color.
   color: 'inherit',
-}));
+});
 
 interface HeaderWithOcticonAnchorProps {
   as: string;

code/lib/blocks/src/components/ArgsTable/SectionRow.tsx

@@ -74,9 +74,9 @@ const Subsection = styled.td(({ theme }) => ({
   background: theme.background.app,
 }));
 
-const StyledTd = styled.td(() => ({
+const StyledTd = styled.td({
   position: 'relative',
-}));
+});
 
 const StyledTr = styled.tr(({ theme }) => ({
   '&:hover > td': {
@@ -86,7 +86,7 @@ const StyledTr = styled.tr(({ theme }) => ({
   },
 }));
 
-const ClickIntercept = styled.button(() => ({
+const ClickIntercept = styled.button({
   // reset button style
   background: 'none',
   border: 'none',
@@ -103,7 +103,7 @@ const ClickIntercept = styled.button(() => ({
   width: '100%',
   color: 'transparent',
   cursor: 'row-resize !important',
-}));
+});
 
 export const SectionRow: FC<SectionRowProps> = ({
   level = 'section',

code/package.json

@@ -219,7 +219,7 @@
     "ts-dedent": "^2.0.0",
     "typescript": "^5.4.3",
     "util": "^0.12.4",
-    "vite": "^4.0.0",
+    "vite": "^5.4.10",
     "vite-plugin-inspect": "^0.8.5",
     "vitest": "^2.1.3",
     "wait-on": "^7.0.1"