storybook 10.1.0-alpha.0 → 10.1.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/dist/_browser-chunks/{Color-7ZNS6F6B.js → Color-FQNEU7YS.js} +79 -60
  2. package/dist/_browser-chunks/{chunk-BOOOPFZF.js → WithTooltip-6NHN2GXF.js} +25 -17
  3. package/dist/_browser-chunks/{chunk-RNE2IUTB.js → chunk-AW46NMGV.js} +9 -1
  4. package/dist/_browser-chunks/{chunk-C4XOKMDU.js → chunk-QMY4G4R2.js} +49 -49
  5. package/dist/_browser-chunks/{syntaxhighlighter-DK2ODWXH.js → syntaxhighlighter-RJZASWHL.js} +5 -5
  6. package/dist/_node-chunks/{builder-manager-OTO33TIA.js → builder-manager-HA7CYFCK.js} +32 -12
  7. package/dist/_node-chunks/camelcase-QALD4XFE.js +18 -0
  8. package/dist/_node-chunks/{chunk-O4KUWXD6.js → chunk-2XY53ALL.js} +8 -8
  9. package/dist/_node-chunks/{chunk-Q4CZSEBO.js → chunk-3CBQMG2A.js} +7 -7
  10. package/dist/_node-chunks/{chunk-L5WAZZY3.js → chunk-3WDAPZYQ.js} +7 -7
  11. package/dist/_node-chunks/{chunk-6C7OBGYG.js → chunk-4ZB555EJ.js} +7 -7
  12. package/dist/_node-chunks/{chunk-RKANIOER.js → chunk-52DXKXY3.js} +8 -8
  13. package/dist/_node-chunks/{chunk-HYNQ2IX4.js → chunk-5OVB4A6F.js} +7 -7
  14. package/dist/_node-chunks/chunk-AGHGNXGH.js +18 -0
  15. package/dist/_node-chunks/{chunk-OYGAWJQE.js → chunk-B23X5ZCK.js} +7 -7
  16. package/dist/_node-chunks/{chunk-HHTKRAIE.js → chunk-B2DAHWJK.js} +25 -7
  17. package/dist/_node-chunks/{chunk-FDDQACQD.js → chunk-CC4PW5MJ.js} +7 -7
  18. package/dist/_node-chunks/{chunk-Q6QFW2Y7.js → chunk-D7NIZELR.js} +67 -59
  19. package/dist/_node-chunks/{chunk-EFJRT54D.js → chunk-DO5Q3H4L.js} +7 -7
  20. package/dist/_node-chunks/{chunk-VW3GGAQI.js → chunk-ECK7WVFX.js} +12 -12
  21. package/dist/_node-chunks/{chunk-XI2VU32X.js → chunk-EUH3NHXA.js} +7 -7
  22. package/dist/_node-chunks/{chunk-YS6OLN4N.js → chunk-F3XOPI6H.js} +7 -7
  23. package/dist/_node-chunks/{chunk-NTB3C5XQ.js → chunk-FOQHPHCV.js} +7 -7
  24. package/dist/_node-chunks/{chunk-HIGKW2KB.js → chunk-G6EL47NS.js} +7 -7
  25. package/dist/_node-chunks/{chunk-QOI32MCO.js → chunk-GFLS4TJB.js} +7 -7
  26. package/dist/_node-chunks/{chunk-2WZNP46P.js → chunk-J3XZKWHE.js} +8 -8
  27. package/dist/_node-chunks/{chunk-LOF6SIRE.js → chunk-LE63EHJ5.js} +12 -12
  28. package/dist/_node-chunks/{chunk-RR6Q3657.js → chunk-M47XA42S.js} +9 -9
  29. package/dist/_node-chunks/{chunk-VL6WDGIU.js → chunk-OOI74AL3.js} +6 -6
  30. package/dist/_node-chunks/{chunk-AITYHU22.js → chunk-OVXB5GGT.js} +7 -7
  31. package/dist/_node-chunks/chunk-PRJHT3GJ.js +61 -0
  32. package/dist/_node-chunks/{chunk-SV7ZHC5Z.js → chunk-Q52PVUSU.js} +7 -7
  33. package/dist/_node-chunks/{chunk-NTAOH664.js → chunk-RMHAL25C.js} +9 -9
  34. package/dist/_node-chunks/{chunk-A6T2YN75.js → chunk-SDCF5RNN.js} +15 -15
  35. package/dist/_node-chunks/{chunk-3ICYWJ3N.js → chunk-UJ5SJ23M.js} +7 -7
  36. package/dist/_node-chunks/{chunk-FWW4IJCM.js → chunk-UPHK4ETU.js} +19 -17
  37. package/dist/_node-chunks/{chunk-O3OJUFKU.js → chunk-V7VURIPB.js} +8 -8
  38. package/dist/_node-chunks/{chunk-6M2IPO4E.js → chunk-VPR5IBMG.js} +6 -6
  39. package/dist/_node-chunks/{chunk-27W6KHQ2.js → chunk-X4XU27M6.js} +7 -7
  40. package/dist/_node-chunks/{chunk-ZFRTME73.js → chunk-ZHSCUGNP.js} +1467 -148
  41. package/dist/_node-chunks/{dist-BA2GAJJB.js → dist-6TXHNR5C.js} +9 -9
  42. package/dist/_node-chunks/{globby-4HAI4KJH.js → globby-PBTV6PX6.js} +9 -9
  43. package/dist/_node-chunks/{lib-ITRY6RT7.js → lib-4RTDZVGX.js} +7 -7
  44. package/dist/_node-chunks/{mdx-N42X6CFJ-7PULFTZI.js → mdx-N42X6CFJ-COWEH7KR.js} +8 -8
  45. package/dist/_node-chunks/{p-limit-63FY4KTG.js → p-limit-PBVZQOFY.js} +7 -7
  46. package/dist/_node-chunks/{plugin-2BSKCSMA.js → plugin-6ZPCS4LI.js} +10 -10
  47. package/dist/_node-chunks/{plugin-JEBMTDIB.js → plugin-EOZKYZAG.js} +10 -10
  48. package/dist/_node-chunks/{webpack-inject-mocker-runtime-plugin-AZ7YPMMD.js → webpack-inject-mocker-runtime-plugin-35HMSMR5.js} +10 -10
  49. package/dist/_node-chunks/{webpack-mock-plugin-7IF6PA2O.js → webpack-mock-plugin-GT3MA5E2.js} +9 -9
  50. package/dist/babel/index.js +11 -11
  51. package/dist/bin/core.js +11 -11
  52. package/dist/bin/dispatcher.js +11 -11
  53. package/dist/bin/loader.js +9 -9
  54. package/dist/cli/index.js +50 -74
  55. package/dist/common/index.d.ts +210 -3
  56. package/dist/common/index.js +28 -20
  57. package/dist/components/index.d.ts +472 -280
  58. package/dist/components/index.js +20367 -75
  59. package/dist/core-server/index.js +1128 -247
  60. package/dist/core-server/presets/common-manager.js +1143 -2230
  61. package/dist/core-server/presets/common-override-preset.js +9 -9
  62. package/dist/core-server/presets/common-preset.js +27 -27
  63. package/dist/core-server/presets/webpack/loaders/storybook-mock-transform-loader.js +9 -9
  64. package/dist/core-server/presets/webpack/loaders/webpack-automock-loader.js +10 -10
  65. package/dist/csf/index.js +13 -6
  66. package/dist/csf-tools/index.d.ts +15 -4
  67. package/dist/csf-tools/index.js +9 -9
  68. package/dist/manager/globals-runtime.js +40951 -26253
  69. package/dist/manager/runtime.js +1688 -2693
  70. package/dist/manager-api/index.d.ts +11 -3
  71. package/dist/manager-api/index.js +53 -6
  72. package/dist/node-logger/index.d.ts +1 -1
  73. package/dist/node-logger/index.js +473 -448
  74. package/dist/preview/runtime.js +903 -896
  75. package/dist/preview-api/index.d.ts +68 -67
  76. package/dist/preview-api/index.js +5 -5
  77. package/dist/server-errors.js +10 -10
  78. package/dist/telemetry/index.js +24 -24
  79. package/dist/test/index.js +547 -547
  80. package/dist/theming/create.d.ts +4 -2
  81. package/dist/theming/create.js +1 -1
  82. package/dist/theming/index.d.ts +9 -6
  83. package/dist/theming/index.js +13 -6
  84. package/dist/types/index.d.ts +50 -5
  85. package/package.json +14 -6
  86. package/dist/_browser-chunks/WithTooltip-SK46ZJ2J.js +0 -13
  87. package/dist/_browser-chunks/chunk-I74EUU5O.js +0 -5809
  88. package/dist/_node-chunks/camelcase-HURSU73A.js +0 -18
  89. package/dist/_node-chunks/chunk-P7ZABCRS.js +0 -18
  90. package/dist/_node-chunks/chunk-QWBT2XCX.js +0 -61
  91. package/dist/_browser-chunks/{chunk-W4QKLQSC.js → chunk-RW5PKMWM.js} +5 -5
@@ -10,6 +10,7 @@ interface ThemeVarsColors {
10
10
  colorSecondary: string;
11
11
  appBg: string;
12
12
  appContentBg: string;
13
+ appHoverBg: string;
13
14
  appPreviewBg: string;
14
15
  appBorderColor: string;
15
16
  appBorderRadius: number;
@@ -37,11 +38,12 @@ interface ThemeVarsColors {
37
38
  gridCellSize?: number;
38
39
  }
39
40
 
40
- declare const themes: {
41
+ interface Themes {
41
42
  light: ThemeVars;
42
43
  dark: ThemeVars;
43
44
  normal: ThemeVars;
44
- };
45
+ }
46
+ declare const themes: Themes;
45
47
  interface Rest {
46
48
  [key: string]: any;
47
49
  }
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  create,
3
3
  themes
4
- } from "../_browser-chunks/chunk-C4XOKMDU.js";
4
+ } from "../_browser-chunks/chunk-QMY4G4R2.js";
5
5
  import "../_browser-chunks/chunk-OBXWFEPB.js";
6
6
  import "../_browser-chunks/chunk-MH6AXFXB.js";
7
7
  import "../_browser-chunks/chunk-MM7DTO55.js";
@@ -11677,14 +11677,14 @@ declare const color: {
11677
11677
  darkest: string;
11678
11678
  border: string;
11679
11679
  positive: string;
11680
- negative: string;
11681
11680
  warning: string;
11681
+ negative: string;
11682
11682
  critical: string;
11683
11683
  defaultText: string;
11684
11684
  inverseText: string;
11685
11685
  positiveText: string;
11686
- negativeText: string;
11687
11686
  warningText: string;
11687
+ negativeText: string;
11688
11688
  };
11689
11689
  declare const background: {
11690
11690
  app: string;
@@ -11694,8 +11694,8 @@ declare const background: {
11694
11694
  gridCellSize: number;
11695
11695
  hoverable: string;
11696
11696
  positive: string;
11697
- negative: string;
11698
11697
  warning: string;
11698
+ negative: string;
11699
11699
  critical: string;
11700
11700
  };
11701
11701
  declare const typography: {
@@ -11733,6 +11733,7 @@ interface ThemeVarsColors {
11733
11733
  colorSecondary: string;
11734
11734
  appBg: string;
11735
11735
  appContentBg: string;
11736
+ appHoverBg: string;
11736
11737
  appPreviewBg: string;
11737
11738
  appBorderColor: string;
11738
11739
  appBorderRadius: number;
@@ -11907,11 +11908,12 @@ declare const createGlobal: ({ color, background, typography, }: {
11907
11908
  typography: Typography;
11908
11909
  }) => Return;
11909
11910
 
11910
- declare const themes: {
11911
+ interface Themes {
11911
11912
  light: ThemeVars;
11912
11913
  dark: ThemeVars;
11913
11914
  normal: ThemeVars;
11914
- };
11915
+ }
11916
+ declare const themes: Themes;
11915
11917
  interface Rest {
11916
11918
  [key: string]: any;
11917
11919
  }
@@ -11923,6 +11925,7 @@ declare const ensure: (input: ThemeVars) => StorybookTheme;
11923
11925
 
11924
11926
  declare const lightenColor: (color: string) => string;
11925
11927
  declare const darkenColor: (color: string) => string;
11928
+ declare const getPreferredColorScheme: () => "light" | "dark";
11926
11929
 
11927
11930
  type FunctionInterpolationEnhanced<T = {}> = FunctionInterpolation<T & {
11928
11931
  theme: StorybookTheme;
@@ -11933,7 +11936,7 @@ type InterpolationEnhanced<T = {}> = Interpolation<T & {
11933
11936
 
11934
11937
  declare const ignoreSsrWarning = "/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
11935
11938
 
11936
- export { type Animation, type Background, type Brand, type CSSObject, CacheProvider, ClassNames, type Color, type Easing, type FunctionInterpolationEnhanced as FunctionInterpolation, Global, type InterpolationEnhanced as Interpolation, type Keyframes$1 as Keyframes, type StorybookTheme, type StyledComponent, type TextSize, ThemeProvider, type ThemeVars, type ThemeVarsColors, type ThemeVarsPartial, type Typography, background, color, convert, create, createCache, createGlobal, createReset, css, darkenColor as darken, ensure, ignoreSsrWarning, isPropValid, jsx, keyframes, lightenColor as lighten, styled, themes, typography, useTheme, withTheme };
11939
+ export { type Animation, type Background, type Brand, type CSSObject, CacheProvider, ClassNames, type Color, type Easing, type FunctionInterpolationEnhanced as FunctionInterpolation, Global, type InterpolationEnhanced as Interpolation, type Keyframes$1 as Keyframes, type StorybookTheme, type StyledComponent, type TextSize, ThemeProvider, type ThemeVars, type ThemeVarsColors, type ThemeVarsPartial, type Typography, background, color, convert, create, createCache, createGlobal, createReset, css, darkenColor as darken, ensure, getPreferredColorScheme, ignoreSsrWarning, isPropValid, jsx, keyframes, lightenColor as lighten, styled, themes, typography, useTheme, withTheme };
11937
11940
 
11938
11941
 
11939
11942
  interface Theme extends StorybookTheme {}
@@ -9,7 +9,7 @@ import {
9
9
  mkColor,
10
10
  themes,
11
11
  typography
12
- } from "../_browser-chunks/chunk-C4XOKMDU.js";
12
+ } from "../_browser-chunks/chunk-QMY4G4R2.js";
13
13
  import {
14
14
  curriedOpacify$1
15
15
  } from "../_browser-chunks/chunk-OBXWFEPB.js";
@@ -2262,7 +2262,9 @@ var createGlobal = (0, import_memoizerific.default)(1)(({
2262
2262
  padding: 0,
2263
2263
  margin: -1,
2264
2264
  overflow: "hidden",
2265
+ whiteSpace: "nowrap",
2265
2266
  clip: "rect(0, 0, 0, 0)",
2267
+ clipPath: "inset(50%)",
2266
2268
  border: 0
2267
2269
  },
2268
2270
  ".sb-hidden-until-focus": {
@@ -2271,6 +2273,9 @@ var createGlobal = (0, import_memoizerific.default)(1)(({
2271
2273
  },
2272
2274
  ".sb-hidden-until-focus:focus": {
2273
2275
  opacity: 1
2276
+ },
2277
+ ".react-aria-Popover:focus-visible": {
2278
+ outline: "none"
2274
2279
  }
2275
2280
  };
2276
2281
  });
@@ -2470,15 +2475,15 @@ var lightSyntaxColors = {
2470
2475
  red1: "#A31515",
2471
2476
  red2: "#9a050f",
2472
2477
  red3: "#800000",
2473
- red4: "#ff0000",
2478
+ red4: "#eb0000",
2474
2479
  gray1: "#393A34",
2475
- cyan1: "#36acaa",
2476
- cyan2: "#2B91AF",
2480
+ cyan1: "#008380",
2481
+ cyan2: "#007ca0",
2477
2482
  blue1: "#0000ff",
2478
2483
  blue2: "#00009f"
2479
2484
  };
2480
2485
  var darkSyntaxColors = {
2481
- green1: "#7C7C7C",
2486
+ green1: "#95999D",
2482
2487
  red1: "#92C379",
2483
2488
  red2: "#9a050f",
2484
2489
  red3: "#A8FF60",
@@ -2532,6 +2537,7 @@ var convert = /* @__PURE__ */ __name((inherit = themes[getPreferredColorScheme()
2532
2537
  colorSecondary,
2533
2538
  appBg,
2534
2539
  appContentBg,
2540
+ appHoverBg,
2535
2541
  appPreviewBg,
2536
2542
  appBorderColor,
2537
2543
  appBorderRadius,
@@ -2568,7 +2574,7 @@ var convert = /* @__PURE__ */ __name((inherit = themes[getPreferredColorScheme()
2568
2574
  content: appContentBg,
2569
2575
  preview: appPreviewBg,
2570
2576
  gridCellSize: gridCellSize || background.gridCellSize,
2571
- hoverable: background.hoverable,
2577
+ hoverable: appHoverBg,
2572
2578
  positive: background.positive,
2573
2579
  negative: background.negative,
2574
2580
  warning: background.warning,
@@ -2699,6 +2705,7 @@ export {
2699
2705
  css,
2700
2706
  darkenColor as darken,
2701
2707
  ensure,
2708
+ getPreferredColorScheme,
2702
2709
  ignoreSsrWarning,
2703
2710
  isPropValid,
2704
2711
  jsx,
@@ -6,6 +6,8 @@ import { Globals, GlobalTypes, API_Layout as API_Layout$1, API_LayoutCustomisati
6
6
  import { ThemeVars as ThemeVars$1 } from 'storybook/theming';
7
7
  import { WhatsNewData } from 'storybook/internal/core-events';
8
8
  import { FileSystemCache } from 'storybook/internal/common';
9
+ import { StoryIndexGenerator } from 'storybook/internal/core-server';
10
+ import { CsfFile } from 'storybook/internal/csf-tools';
9
11
  import { Server, IncomingMessage, ServerResponse } from 'http';
10
12
  import { Server as Server$1 } from 'net';
11
13
  import { Channel as Channel$1 } from 'storybook/internal/channels';
@@ -555,6 +557,7 @@ interface ThemeVarsColors {
555
557
  colorSecondary: string;
556
558
  appBg: string;
557
559
  appContentBg: string;
560
+ appHoverBg: string;
558
561
  appPreviewBg: string;
559
562
  appBorderColor: string;
560
563
  appBorderRadius: number;
@@ -2214,6 +2217,8 @@ interface Presets {
2214
2217
  apply(extension: 'typescript', config?: StorybookConfigRaw['typescript'], args?: any): Promise<NonNullable<StorybookConfigRaw['typescript']>>;
2215
2218
  apply(extension: 'build', config?: StorybookConfigRaw['build'], args?: any): Promise<NonNullable<StorybookConfigRaw['build']>>;
2216
2219
  apply(extension: 'staticDirs', config?: StorybookConfigRaw['staticDirs'], args?: any): Promise<StorybookConfigRaw['staticDirs']>;
2220
+ /** The second and third parameter are not needed. And make type inference easier. */
2221
+ apply<T extends keyof StorybookConfigRaw>(extension: T): Promise<StorybookConfigRaw[T]>;
2217
2222
  apply<T>(extension: string, config?: T, args?: unknown): Promise<T>;
2218
2223
  }
2219
2224
  interface LoadedPreset {
@@ -2410,10 +2415,35 @@ interface TagOptions {
2410
2415
  excludeFromDocsStories: boolean;
2411
2416
  }
2412
2417
  type TagsOptions = Record<Tag, Partial<TagOptions>>;
2413
- /**
2414
- * The interface for Storybook configuration used internally in presets The difference is that these
2415
- * values are the raw values, AKA, not wrapped with `PresetValue<>`
2416
- */
2418
+ interface ComponentManifest {
2419
+ id: string;
2420
+ path: string;
2421
+ name: string;
2422
+ description?: string;
2423
+ import?: string;
2424
+ summary?: string;
2425
+ stories: {
2426
+ name: string;
2427
+ snippet?: string;
2428
+ description?: string;
2429
+ summary?: string;
2430
+ error?: {
2431
+ name: string;
2432
+ message: string;
2433
+ };
2434
+ }[];
2435
+ jsDocTags: Record<string, string[]>;
2436
+ error?: {
2437
+ name: string;
2438
+ message: string;
2439
+ };
2440
+ }
2441
+ interface ComponentsManifest {
2442
+ v: number;
2443
+ components: Record<string, ComponentManifest>;
2444
+ }
2445
+ type ComponentManifestGenerator = (storyIndexGenerator: StoryIndexGenerator) => Promise<ComponentsManifest>;
2446
+ type CsfEnricher = (csf: CsfFile, csfSource: CsfFile) => Promise<void>;
2417
2447
  interface StorybookConfigRaw {
2418
2448
  /**
2419
2449
  * Sets the addons you want to use with Storybook.
@@ -2427,6 +2457,8 @@ interface StorybookConfigRaw {
2427
2457
  */
2428
2458
  addons?: Preset[];
2429
2459
  core?: CoreConfig;
2460
+ experimental_componentManifestGenerator?: ComponentManifestGenerator;
2461
+ experimental_enrichCsf?: CsfEnricher;
2430
2462
  staticDirs?: (DirectoryMapping | string)[];
2431
2463
  logLevel?: string;
2432
2464
  features?: {
@@ -2512,6 +2544,19 @@ interface StorybookConfigRaw {
2512
2544
  developmentModeForBuild?: boolean;
2513
2545
  /** Only show input controls in Angular */
2514
2546
  angularFilterNonInputControls?: boolean;
2547
+ experimentalComponentsManifest?: boolean;
2548
+ /**
2549
+ * Enables the new code example generation for React components. You can see those examples when
2550
+ * clicking on the "Show code" button in the Storybook UI.
2551
+ *
2552
+ * We refactored the code examples by reading the actual source file. This should make the code
2553
+ * examples a lot faster, more readable and more accurate. They are not dynamic though, it won't
2554
+ * change if you change when using the control panel.
2555
+ *
2556
+ * @default false
2557
+ * @experimental This feature is in early development and may change significantly in future releases.
2558
+ */
2559
+ experimentalCodeExamples?: boolean;
2515
2560
  };
2516
2561
  build?: TestBuildConfig;
2517
2562
  stories: StoriesEntry[];
@@ -3614,4 +3659,4 @@ type SupportedFrameworks = 'angular' | 'ember' | 'html-vite' | 'nextjs' | 'nextj
3614
3659
 
3615
3660
  type SupportedRenderers = 'react' | 'react-native' | 'vue3' | 'angular' | 'ember' | 'preact' | 'svelte' | 'qwik' | 'html' | 'web-components' | 'server' | 'solid' | 'nuxt';
3616
3661
 
3617
- export { type API_ActiveTabsType, type API_BaseEntry, type API_ComponentEntry, type API_ComposedRef, type API_ComposedRefUpdate, type API_DocsEntry, type API_FilterFunction, type API_GroupEntry, type API_HashEntry, type API_IframeRenderer, type API_IndexHash, type API_Layout, type API_LayoutCustomisations, type API_LeafEntry, type API_LoadedRefData, type API_MatchOptions, type API_Notification, type API_OptionsData, type API_PanelPositions, type API_PreparedIndexEntry, type API_PreparedStoryIndex, type API_Provider, type API_ProviderData, type API_RefId, type API_RefUrl, type API_Refs, type API_ReleaseNotes, type API_RenderOptions, type API_RootEntry, type API_RouteOptions, type API_SetRefData, type API_Settings, type API_SidebarOptions, type API_StateMerger, type API_StoryEntry, type API_StoryMapper, type API_TestEntry, type API_UI, type API_UIOptions, type API_UnknownEntries, type API_Version, type API_Versions$1 as API_Versions, type API_ViewMode, type Actor, type Addon_AddStoryArgs, type Addon_Annotations, type Addon_ArgType, type Addon_ArgsStoryFn, type Addon_BaseAnnotations, type Addon_BaseDecorators, type Addon_BaseMeta, type Addon_BaseStoryFn, type Addon_BaseStoryObject, type Addon_BaseType, type Addon_ClientApiAddon, type Addon_ClientApiAddons, type Addon_ClientApiReturnFn, type Addon_ClientStoryApi, type Addon_Collection, type Addon_Comparator, type Addon_Config, type Addon_DecoratorFunction, type Addon_Elements, type Addon_LegacyStoryFn, type Addon_LoadFn, type Addon_Loadable, type Addon_Loader, type Addon_LoaderFunction, type Addon_Loaders, type Addon_MakeDecoratorResult, type Addon_OptionsParameter, type Addon_OptionsParameterV7, type Addon_PageType, type Addon_PartialStoryFn, type Addon_RenderOptions, type Addon_RequireContext, type Addon_StoryApi, type Addon_StoryContext, type Addon_StoryContextUpdate, type Addon_StoryFn, type Addon_StorySortComparator, type Addon_StorySortComparatorV7, type Addon_StorySortMethod, type Addon_StorySortObjectParameter, type Addon_StorySortParameter, type Addon_StorySortParameterV7, type Addon_StoryWrapper, type Addon_TestProviderType, type Addon_ToolbarConfig, type Addon_Type, type Addon_Types, Addon_TypesEnum, type Addon_TypesMapping, type Addon_WrapperSettings, type Addon_WrapperType, type Addons_ArgTypes, type BaseIndexEntry, type BaseIndexInput, type BaseStory, type BoundStory, type Builder, type BuilderName, type BuilderOptions, type BuilderResult, type BuilderStats, type Builder_EnvsRaw, type Builder_Unpromise, type Builder_WithRequiredProperty, type CLIBaseOptions, type CLIOptions, type CSFFile, type CompatibleString, type ComposeStoryFn, type ComposedStoryFn, type CoreCommon_AddonEntry, type CoreCommon_AddonInfo, type CoreCommon_OptionsEntry, type CoreCommon_ResolvedAddonPreset, type CoreCommon_ResolvedAddonVirtual, type CoreCommon_StorybookInfo, type CoreConfig, type DocsContextProps, type DocsIndexEntry, type DocsIndexInput, type DocsOptions, type DocsPreparedPayload, type DocsRenderFunction, type Entry, type Event, type EventInfo, type GlobalsUpdatedPayload, type IndexEntry, type IndexEntryLegacy, type IndexInput, type IndexInputStats, type IndexedCSFFile, type IndexedStory, type Indexer, type IndexerOptions, type LoadOptions, type LoadedPreset, type Middleware, MockUniversalStore, type ModuleExport, type ModuleExports, type ModuleImportFn, type NamedOrDefaultProjectAnnotations, type NormalizedComponentAnnotations, type NormalizedProjectAnnotations, type NormalizedStoriesSpecifier, type NormalizedStoryAnnotations, type Options, type PackageJson, type PartialArgsStoryFn, type Path, type PreparedMeta, type PreparedStory, type Preset, type PresetConfig, type PresetProperty, type PresetPropertyFn, type PresetValue, type Presets, type PreviewAnnotation, type ProjectAnnotations, type Ref, type RenderContext, type RenderContextCallbacks, type RenderToCanvas, type RendererName, type ResolvedModuleExport, type ResolvedModuleExportFromType, type ResolvedModuleExportType, type ServerApp, type SetGlobalsPayload, type SetStoriesPayload, type SetStoriesStory, type SetStoriesStoryData, type Stats, type Status, type StatusByTypeId, type StatusStore, type StatusStoreByTypeId, type StatusTypeId, type StatusValue, type StatusesByStoryIdAndTypeId, type StoreOptions, type Store_CSFExports, type StoriesEntry, type StoriesSpecifier, type StoriesWithPartialProps, type StoryIndex, type StoryIndexEntry, type StoryIndexInput, type StoryIndexV2, type StoryIndexV3, type StoryPreparedPayload, type StoryRenderOptions, type StorybookConfig, type StorybookConfigOptions, type StorybookConfigRaw, type StorybookInternalParameters, type StorybookParameters, type StorybookTypes, type SupportedFrameworks, type SupportedRenderers, type TagOptions, type TagsOptions, type TeardownRenderToCanvas, type TestBuildConfig, type TestBuildFlags, type TestProviderId, type TestProviderState, type TestProviderStateByProviderId, type TestProviderStoreById, type TypescriptOptions, UniversalStore, type UseStatusStore, type UseTestProviderStore, type V3CompatIndexEntry, type VersionCheck, type ViewMode, type WebRenderer };
3662
+ export { type API_ActiveTabsType, type API_BaseEntry, type API_ComponentEntry, type API_ComposedRef, type API_ComposedRefUpdate, type API_DocsEntry, type API_FilterFunction, type API_GroupEntry, type API_HashEntry, type API_IframeRenderer, type API_IndexHash, type API_Layout, type API_LayoutCustomisations, type API_LeafEntry, type API_LoadedRefData, type API_MatchOptions, type API_Notification, type API_OptionsData, type API_PanelPositions, type API_PreparedIndexEntry, type API_PreparedStoryIndex, type API_Provider, type API_ProviderData, type API_RefId, type API_RefUrl, type API_Refs, type API_ReleaseNotes, type API_RenderOptions, type API_RootEntry, type API_RouteOptions, type API_SetRefData, type API_Settings, type API_SidebarOptions, type API_StateMerger, type API_StoryEntry, type API_StoryMapper, type API_TestEntry, type API_UI, type API_UIOptions, type API_UnknownEntries, type API_Version, type API_Versions$1 as API_Versions, type API_ViewMode, type Actor, type Addon_AddStoryArgs, type Addon_Annotations, type Addon_ArgType, type Addon_ArgsStoryFn, type Addon_BaseAnnotations, type Addon_BaseDecorators, type Addon_BaseMeta, type Addon_BaseStoryFn, type Addon_BaseStoryObject, type Addon_BaseType, type Addon_ClientApiAddon, type Addon_ClientApiAddons, type Addon_ClientApiReturnFn, type Addon_ClientStoryApi, type Addon_Collection, type Addon_Comparator, type Addon_Config, type Addon_DecoratorFunction, type Addon_Elements, type Addon_LegacyStoryFn, type Addon_LoadFn, type Addon_Loadable, type Addon_Loader, type Addon_LoaderFunction, type Addon_Loaders, type Addon_MakeDecoratorResult, type Addon_OptionsParameter, type Addon_OptionsParameterV7, type Addon_PageType, type Addon_PartialStoryFn, type Addon_RenderOptions, type Addon_RequireContext, type Addon_StoryApi, type Addon_StoryContext, type Addon_StoryContextUpdate, type Addon_StoryFn, type Addon_StorySortComparator, type Addon_StorySortComparatorV7, type Addon_StorySortMethod, type Addon_StorySortObjectParameter, type Addon_StorySortParameter, type Addon_StorySortParameterV7, type Addon_StoryWrapper, type Addon_TestProviderType, type Addon_ToolbarConfig, type Addon_Type, type Addon_Types, Addon_TypesEnum, type Addon_TypesMapping, type Addon_WrapperSettings, type Addon_WrapperType, type Addons_ArgTypes, type BaseIndexEntry, type BaseIndexInput, type BaseStory, type BoundStory, type Builder, type BuilderName, type BuilderOptions, type BuilderResult, type BuilderStats, type Builder_EnvsRaw, type Builder_Unpromise, type Builder_WithRequiredProperty, type CLIBaseOptions, type CLIOptions, type CSFFile, type CompatibleString, type ComponentManifest, type ComponentManifestGenerator, type ComponentsManifest, type ComposeStoryFn, type ComposedStoryFn, type CoreCommon_AddonEntry, type CoreCommon_AddonInfo, type CoreCommon_OptionsEntry, type CoreCommon_ResolvedAddonPreset, type CoreCommon_ResolvedAddonVirtual, type CoreCommon_StorybookInfo, type CoreConfig, type CsfEnricher, type DocsContextProps, type DocsIndexEntry, type DocsIndexInput, type DocsOptions, type DocsPreparedPayload, type DocsRenderFunction, type Entry, type Event, type EventInfo, type GlobalsUpdatedPayload, type IndexEntry, type IndexEntryLegacy, type IndexInput, type IndexInputStats, type IndexedCSFFile, type IndexedStory, type Indexer, type IndexerOptions, type LoadOptions, type LoadedPreset, type Middleware, MockUniversalStore, type ModuleExport, type ModuleExports, type ModuleImportFn, type NamedOrDefaultProjectAnnotations, type NormalizedComponentAnnotations, type NormalizedProjectAnnotations, type NormalizedStoriesSpecifier, type NormalizedStoryAnnotations, type Options, type PackageJson, type PartialArgsStoryFn, type Path, type PreparedMeta, type PreparedStory, type Preset, type PresetConfig, type PresetProperty, type PresetPropertyFn, type PresetValue, type Presets, type PreviewAnnotation, type ProjectAnnotations, type Ref, type RenderContext, type RenderContextCallbacks, type RenderToCanvas, type RendererName, type ResolvedModuleExport, type ResolvedModuleExportFromType, type ResolvedModuleExportType, type ServerApp, type SetGlobalsPayload, type SetStoriesPayload, type SetStoriesStory, type SetStoriesStoryData, type Stats, type Status, type StatusByTypeId, type StatusStore, type StatusStoreByTypeId, type StatusTypeId, type StatusValue, type StatusesByStoryIdAndTypeId, type StoreOptions, type Store_CSFExports, type StoriesEntry, type StoriesSpecifier, type StoriesWithPartialProps, type StoryIndex, type StoryIndexEntry, type StoryIndexInput, type StoryIndexV2, type StoryIndexV3, type StoryPreparedPayload, type StoryRenderOptions, type StorybookConfig, type StorybookConfigOptions, type StorybookConfigRaw, type StorybookInternalParameters, type StorybookParameters, type StorybookTypes, type SupportedFrameworks, type SupportedRenderers, type TagOptions, type TagsOptions, type TeardownRenderToCanvas, type TestBuildConfig, type TestBuildFlags, type TestProviderId, type TestProviderState, type TestProviderStateByProviderId, type TestProviderStoreById, type TypescriptOptions, UniversalStore, type UseStatusStore, type UseTestProviderStore, type V3CompatIndexEntry, type VersionCheck, type ViewMode, type WebRenderer };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "storybook",
3
- "version": "10.1.0-alpha.0",
3
+ "version": "10.1.0-alpha.10",
4
4
  "description": "Storybook: Develop, document, and test UI components in isolation",
5
5
  "keywords": [
6
6
  "storybook",
@@ -205,6 +205,7 @@
205
205
  "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0",
206
206
  "recast": "^0.23.5",
207
207
  "semver": "^7.6.2",
208
+ "use-sync-external-store": "^1.5.0",
208
209
  "ws": "^8.18.0"
209
210
  },
210
211
  "devDependencies": {
@@ -225,9 +226,16 @@
225
226
  "@happy-dom/global-registrator": "^18.0.1",
226
227
  "@ngard/tiny-isequal": "^1.1.0",
227
228
  "@polka/compression": "^1.0.0-next.28",
228
- "@radix-ui/react-dialog": "^1.1.2",
229
229
  "@radix-ui/react-scroll-area": "1.2.0-rc.7",
230
230
  "@radix-ui/react-slot": "^1.0.2",
231
+ "@react-aria/interactions": "^3.25.5",
232
+ "@react-aria/overlays": "^3.29.1",
233
+ "@react-aria/tabs": "^3.10.7",
234
+ "@react-aria/toolbar": "3.0.0-beta.20",
235
+ "@react-aria/utils": "^3.30.1",
236
+ "@react-stately/overlays": "^3.6.19",
237
+ "@react-stately/tabs": "^3.8.5",
238
+ "@react-types/shared": "^3.32.0",
231
239
  "@rolldown/pluginutils": "1.0.0-beta.18",
232
240
  "@storybook/docs-mdx": "4.0.0-next.1",
233
241
  "@tanstack/react-virtual": "^3.3.0",
@@ -245,7 +253,6 @@
245
253
  "@types/pretty-hrtime": "^1.0.0",
246
254
  "@types/prompts": "^2.0.9",
247
255
  "@types/react-syntax-highlighter": "11.0.5",
248
- "@types/react-transition-group": "^4",
249
256
  "@types/semver": "^7.5.8",
250
257
  "@types/ws": "^8",
251
258
  "@vitest/utils": "^3.2.4",
@@ -305,15 +312,16 @@
305
312
  "prompts": "^2.4.0",
306
313
  "qrcode.react": "^4.2.0",
307
314
  "react": "^18.2.0",
315
+ "react-aria-components": "patch:react-aria-components@npm%3A1.12.2#~/.yarn/patches/react-aria-components-npm-1.12.2-6c5dcdafab.patch",
308
316
  "react-dom": "^18.2.0",
309
317
  "react-helmet-async": "^1.3.0",
310
318
  "react-inspector": "^6.0.0",
311
- "react-popper-tooltip": "^4.4.2",
312
319
  "react-router-dom": "6.15.0",
313
320
  "react-syntax-highlighter": "^15.4.5",
314
321
  "react-textarea-autosize": "^8.3.0",
315
- "react-transition-group": "^4.4.5",
322
+ "react-transition-state": "^2.3.1",
316
323
  "require-from-string": "^2.0.2",
324
+ "resolve": "^1.22.11",
317
325
  "resolve.exports": "^2.0.3",
318
326
  "sirv": "^2.0.4",
319
327
  "slash": "^5.0.0",
@@ -344,5 +352,5 @@
344
352
  "publishConfig": {
345
353
  "access": "public"
346
354
  },
347
- "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
355
+ "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae17"
348
356
  }
@@ -1,13 +0,0 @@
1
- import {
2
- WithToolTipState,
3
- WithTooltipPure
4
- } from "./chunk-BOOOPFZF.js";
5
- import "./chunk-VAMFPZY3.js";
6
- import "./chunk-MH6AXFXB.js";
7
- import "./chunk-NVV6MIOE.js";
8
- import "./chunk-MM7DTO55.js";
9
- export {
10
- WithToolTipState,
11
- WithToolTipState as WithTooltip,
12
- WithTooltipPure
13
- };