Merge branch 'next' into optimize-startup

Author: ndelangen

code/addons/docs/src/blocks/components/ArgsTable/ArgValue.tsx

@@ -5,7 +5,7 @@ import { SyntaxHighlighter, WithTooltipPure, codeCommon } from 'storybook/intern
 
 import { ChevronSmallDownIcon, ChevronSmallUpIcon } from '@storybook/icons';
 
-import { uniq } from 'es-toolkit/compat';
+import uniq from 'es-toolkit/compat/uniq';
 import memoize from 'memoizerific';
 import { styled } from 'storybook/theming';
 

code/addons/docs/src/blocks/components/ArgsTable/ArgsTable.tsx

@@ -7,7 +7,7 @@ import { includeConditionalArg } from 'storybook/internal/csf';
 
 import { DocumentIcon, UndoIcon } from '@storybook/icons';
 
-import { pickBy } from 'es-toolkit/compat';
+import pickBy from 'es-toolkit/compat/pickBy';
 import { transparentize } from 'polished';
 import { styled } from 'storybook/theming';
 

code/addons/docs/src/blocks/controls/Color.tsx

@@ -6,7 +6,7 @@ import { Form, TooltipNote, WithTooltip } from 'storybook/internal/components';
 import { MarkupIcon } from '@storybook/icons';
 
 import convert from 'color-convert';
-import { debounce } from 'es-toolkit/compat';
+import debounce from 'es-toolkit/compat/debounce';
 import { HexColorPicker, HslaStringColorPicker, RgbaStringColorPicker } from 'react-colorful';
 import { styled } from 'storybook/theming';
 

code/addons/docs/src/blocks/controls/Object.tsx

@@ -5,7 +5,7 @@ import { Button, Form, IconButton } from 'storybook/internal/components';
 
 import { AddIcon, EyeCloseIcon, EyeIcon, SubtractIcon } from '@storybook/icons';
 
-import { cloneDeep } from 'es-toolkit/compat';
+import cloneDeep from 'es-toolkit/compat/cloneDeep';
 import { type Theme, styled, useTheme } from 'storybook/theming';
 
 import { getControlId, getControlSetterButtonId } from './helpers';

code/core/package.json

@@ -231,7 +231,7 @@
     "@rolldown/pluginutils": "1.0.0-beta.18",
     "@storybook/docs-mdx": "4.0.0-next.1",
     "@tanstack/react-virtual": "^3.3.0",
-    "@testing-library/dom": "10.4.0",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^14.0.0",
     "@types/cross-spawn": "^6.0.6",
     "@types/detect-port": "^1.3.0",

code/core/src/core-server/utils/stories-json.test.ts

@@ -5,7 +5,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { normalizeStoriesEntry } from 'storybook/internal/common';
 import { STORY_INDEX_INVALIDATED } from 'storybook/internal/core-events';
 
-import { debounce } from 'es-toolkit/compat';
+import debounce from 'es-toolkit/compat/debounce';
 import type { Polka, Request, Response } from 'polka';
 import Watchpack from 'watchpack';
 
@@ -16,7 +16,7 @@ import type { ServerChannel } from './get-server-channel';
 import { DEBOUNCE, useStoriesJson } from './stories-json';
 
 vi.mock('watchpack');
-vi.mock('es-toolkit/compat');
+vi.mock('es-toolkit/compat/debounce');
 vi.mock('storybook/internal/node-logger');
 
 vi.mock('../utils/constants', () => {
@@ -575,7 +575,11 @@ describe('useStoriesJson', () => {
 
     it('debounces invalidation events', async () => {
       vi.mocked(debounce).mockImplementation(
-        (await vi.importActual<typeof import('es-toolkit/compat')>('es-toolkit/compat')).debounce
+        (
+          await vi.importActual<typeof import('es-toolkit/compat/debounce')>(
+            'es-toolkit/compat/debounce'
+          )
+        ).default
       );
 
       const mockServerChannel = { emit: vi.fn() } as any as ServerChannel;

code/core/src/core-server/utils/stories-json.ts

@@ -4,7 +4,7 @@ import { basename } from 'node:path';
 import { STORY_INDEX_INVALIDATED } from 'storybook/internal/core-events';
 import type { NormalizedStoriesSpecifier, StoryIndex } from 'storybook/internal/types';
 
-import { debounce } from 'es-toolkit/compat';
+import debounce from 'es-toolkit/compat/debounce';
 import type { Polka } from 'polka';
 
 import type { StoryIndexGenerator } from './StoryIndexGenerator';

code/core/src/manager/components/sidebar/useLastViewed.ts

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useMemo, useRef } from 'react';
 
-import { debounce } from 'es-toolkit/compat';
+import debounce from 'es-toolkit/compat/debounce';
 import store from 'store2';
 
 import type { Selection, StoryRef } from './types';

code/package.json

@@ -96,6 +96,7 @@
     "@types/node": "^22.0.0",
     "@types/react": "^18.0.0",
     "@vitest/expect@npm:3.2.4": "patch:@vitest/expect@npm%3A3.2.4#~/.yarn/patches/@vitest-expect-npm-3.2.4-97c526d5cc.patch",
+    "aria-query@5.3.0": "^5.3.0",
     "esbuild": "^0.25.3",
     "playwright": "1.52.0",
     "playwright-core": "1.52.0",

code/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts

@@ -5,7 +5,9 @@ import {
   isTooLongForDefaultValueSummary,
 } from 'storybook/internal/docs-tools';
 
-import { isFunction, isPlainObject, isString } from 'es-toolkit/compat';
+import isFunction from 'es-toolkit/compat/isFunction';
+import isPlainObject from 'es-toolkit/compat/isPlainObject';
+import isString from 'es-toolkit/compat/isString';
 import type reactElementToJSXStringType from 'react-element-to-jsx-string';
 // @ts-expect-error (this is needed, because our bundling prefers the `browser` field, but that yields CJS)
 import reactElementToJSXStringRaw from 'react-element-to-jsx-string/dist/esm/index.js';