@storybook/tanstack-react 0.0.0-pr-35341-sha-e49cb7a9 → 0.0.0-pr-35482-sha-e0c7884d

package/dist/export-mocks/start-storage-context.d.ts

@@ -1,18 +1,16 @@
-import { Awaitable, RegisteredRouter } from "@tanstack/router-core";
+import { Awaitable, RegisteredRouter } from '@tanstack/router-core';
 
-//#region node_modules/@tanstack/start-storage-context/dist/esm/async-local-storage.d.ts
 interface StartStorageContext {
-  getRouter: () => Awaitable<RegisteredRouter>;
-  request: Request;
-  startOptions: any;
-  contextAfterGlobalMiddlewares: any;
-  executedRequestMiddlewares: Set<any>;
+    getRouter: () => Awaitable<RegisteredRouter>;
+    request: Request;
+    startOptions: any;
+    contextAfterGlobalMiddlewares: any;
+    executedRequestMiddlewares: Set<any>;
 }
-//#endregion
-//#region code/frameworks/tanstack-react/.dts-emit/code/frameworks/tanstack-react/src/export-mocks/start-storage-context.d.ts
+
 declare function runWithStartContext<T>(context: StartStorageContext, fn: () => T | Promise<T>): Promise<T>;
 declare function getStartContext<TThrow extends boolean = true>(opts?: {
-  throwIfNotFound?: TThrow;
+    throwIfNotFound?: TThrow;
 }): TThrow extends false ? StartStorageContext | undefined : StartStorageContext;
-//#endregion
-export { type StartStorageContext, getStartContext, runWithStartContext };
+
+export { type StartStorageContext, getStartContext, runWithStartContext };

package/dist/export-mocks/start.d.ts

@@ -1,41 +1,40 @@
-import React from "react";
-import { createServerFn as createServerFn$1 } from "@tanstack/start-client-core";
-export * from "@tanstack/start-client-core";
-export * from "@tanstack/react-start";
+import React from 'react';
+import { createServerFn as createServerFn$1 } from '@tanstack/start-client-core';
+export * from '@tanstack/start-client-core';
+export * from '@tanstack/react-start';
 
-//#region code/frameworks/tanstack-react/.dts-emit/code/frameworks/tanstack-react/src/export-mocks/start.d.ts
 type RequestOptions<TRegister = unknown> = {
-  context?: TRegister extends {
-    server: {
-      requestContext: infer TRequestContext;
-    };
-  } ? TRequestContext : unknown;
+    context?: TRegister extends {
+        server: {
+            requestContext: infer TRequestContext;
+        };
+    } ? TRequestContext : unknown;
 };
 type MockRequestExecutor<TRegister = unknown> = (request: Request, opts?: RequestOptions<TRegister>) => Promise<unknown> | unknown;
 type HandlerContext = {
-  request: Request;
-  responseHeaders: Headers;
-  router?: unknown;
-  context?: unknown;
-  requestContext?: unknown;
+    request: Request;
+    responseHeaders: Headers;
+    router?: unknown;
+    context?: unknown;
+    requestContext?: unknown;
 };
 type HandlerCallback<TRouter = unknown> = (context: HandlerContext & {
-  router?: TRouter;
+    router?: TRouter;
 }) => Promise<unknown> | unknown;
 type SessionConfig = Record<string, unknown>;
 type MockSession<TSessionData extends Record<string, unknown> = Record<string, unknown>> = {
-  data: Partial<TSessionData>;
-  update: (update?: Partial<TSessionData> | ((prev: Partial<TSessionData>) => Partial<TSessionData>)) => Promise<MockSession<TSessionData>>;
-  save: () => Promise<void>;
-  clear: () => Promise<void>;
+    data: Partial<TSessionData>;
+    update: (update?: Partial<TSessionData> | ((prev: Partial<TSessionData>) => Partial<TSessionData>)) => Promise<MockSession<TSessionData>>;
+    save: () => Promise<void>;
+    clear: () => Promise<void>;
 };
 declare const HEADERS: {
-  readonly TSS_SHELL: 'X-TSS_SHELL';
+    readonly TSS_SHELL: "X-TSS_SHELL";
 };
 declare const VIRTUAL_MODULES: {
-  readonly startManifest: 'tanstack-start-manifest:v';
-  readonly injectedHeadScripts: 'tanstack-start-injected-head-scripts:v';
-  readonly serverFnResolver: '#tanstack-start-server-fn-resolver';
+    readonly startManifest: "tanstack-start-manifest:v";
+    readonly injectedHeadScripts: "tanstack-start-injected-head-scripts:v";
+    readonly serverFnResolver: "#tanstack-start-server-fn-resolver";
 };
 declare function StartServer(): null;
 declare const defineHandlerCallback: <TRouter = unknown>(handler: HandlerCallback<TRouter>) => HandlerCallback<TRouter>;
@@ -44,7 +43,7 @@ declare const defaultRenderHandler: () => Promise<Response>;
 declare const requestHandler: <TRegister = unknown>(handler: MockRequestExecutor<TRegister>) => (request: Request, requestOpts?: RequestOptions<TRegister>) => Promise<Response>;
 declare const createRequestHandler: <TRegister = unknown>(handler: MockRequestExecutor<TRegister>) => (request: Request, requestOpts?: RequestOptions<TRegister> | undefined) => Promise<Response>;
 declare const createStartHandler: <TRegister = unknown>(cbOrOptions: HandlerCallback | {
-  handler?: HandlerCallback;
+    handler?: HandlerCallback;
 }) => (request: Request, requestOpts?: RequestOptions<TRegister> | undefined) => Promise<Response>;
 declare const attachRouterServerSsrUtils: <TRouter>(router: TRouter) => TRouter;
 declare const transformReadableStreamWithRouter: <TReadableStream>(stream: TReadableStream) => TReadableStream;
@@ -53,17 +52,17 @@ declare const getRequest: () => Request;
 declare const getRequestHeaders: () => Headers;
 declare const getRequestHeader: (name: string) => string | undefined;
 declare const getRequestIP: (opts?: {
-  xForwardedFor?: boolean;
+    xForwardedFor?: boolean;
 }) => string | undefined;
 declare const getRequestHost: (opts?: {
-  xForwardedHost?: boolean;
+    xForwardedHost?: boolean;
 }) => string;
 declare const getRequestUrl: (opts?: {
-  xForwardedHost?: boolean;
-  xForwardedProto?: boolean;
+    xForwardedHost?: boolean;
+    xForwardedProto?: boolean;
 }) => URL;
 declare const getRequestProtocol: (opts?: {
-  xForwardedProto?: boolean;
+    xForwardedProto?: boolean;
 }) => string;
 declare const setResponseHeaders: (headers: HeadersInit) => void;
 declare const getResponseHeaders: () => Headers;
@@ -74,7 +73,7 @@ declare const clearResponseHeaders: (headerNames?: Array<string>) => void;
 declare const getResponseStatus: () => number;
 declare const setResponseStatus: (code?: number, text?: string) => void;
 declare const getCookies: () => {
-  [k: string]: string;
+    [k: string]: string;
 };
 declare const getCookie: (name: string) => string | undefined;
 declare const setCookie: (name: string, value: string, options?: Record<string, unknown>) => void;
@@ -86,47 +85,36 @@ declare const sealSession: (_config: SessionConfig) => Promise<string>;
 declare const unsealSession: (_config: SessionConfig, sealed: string) => Promise<any>;
 declare const clearSession: (_config: Partial<SessionConfig>) => Promise<void>;
 declare const getResponse: () => {
-  status: number | undefined;
-  statusText: string | undefined;
-  readonly headers: Headers;
+    status: number | undefined;
+    statusText: string | undefined;
+    readonly headers: Headers;
 };
 declare const getValidatedQuery: (schema: {
-  parse?: (value: Record<string, string>) => unknown;
-  safeParse?: (value: Record<string, string>) => unknown;
-  ['~standard']?: {
-    validate?: (value: Record<string, string>) => Promise<unknown> | unknown;
-  };
+    parse?: (value: Record<string, string>) => unknown;
+    safeParse?: (value: Record<string, string>) => unknown;
+    ["~standard"]?: {
+        validate?: (value: Record<string, string>) => Promise<unknown> | unknown;
+    };
 }) => Promise<unknown>;
 declare function useServerFn<T extends (...args: Array<any>) => Promise<any>>(serverFn: T): (...args: Parameters<T>) => ReturnType<T>;
 declare const createServerFn: typeof createServerFn$1;
-declare const Link: ({
-  to,
-  children,
-  ...props
-}: {
-  to: string;
-  children?: React.ReactNode;
-  [key: string]: unknown;
+declare const Link: ({ to, children, ...props }: {
+    to: string;
+    children?: React.ReactNode;
+    [key: string]: unknown;
 }) => React.ReactElement<{
-  href: string;
+    href: string;
 }, string | React.JSXElementConstructor<any>>;
-declare const Navigate: ({
-  to
-}: {
-  to: string;
+declare const Navigate: ({ to }: {
+    to: string;
 }) => null;
-declare const Hydrate: ({
-  children
-}: {
-  children?: React.ReactNode;
-  [key: string]: unknown;
-}) => string | number | boolean | Iterable<React.ReactNode> | React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 declare const notFound: () => never;
 declare const createStart: () => {};
 declare const clearCookieStore: () => void;
 declare const fetchHandler: () => Promise<Response>;
+
 declare const _default: {
-  fetch: typeof fetchHandler;
+    fetch: () => Promise<Response>;
 };
-//#endregion
-export { HEADERS, Hydrate, Link, Navigate, StartServer, VIRTUAL_MODULES, attachRouterServerSsrUtils, clearCookieStore, clearResponseHeaders, clearSession, createRequestHandler, createServerFn, createStart, createStartHandler, _default as default, defaultRenderHandler, defaultStreamHandler, defineHandlerCallback, deleteCookie, fetchHandler as fetch, getCookie, getCookies, getRequest, getRequestHeader, getRequestHeaders, getRequestHost, getRequestIP, getRequestProtocol, getRequestUrl, getResponse, getResponseHeader, getResponseHeaders, getResponseStatus, getSession, getValidatedQuery, notFound, removeResponseHeader, requestHandler, sealSession, setCookie, setResponseHeader, setResponseHeaders, setResponseStatus, transformPipeableStreamWithRouter, transformReadableStreamWithRouter, unsealSession, updateSession, useServerFn, useSession };
+
+export { HEADERS, Link, Navigate, StartServer, VIRTUAL_MODULES, attachRouterServerSsrUtils, clearCookieStore, clearResponseHeaders, clearSession, createRequestHandler, createServerFn, createStart, createStartHandler, _default as default, defaultRenderHandler, defaultStreamHandler, defineHandlerCallback, deleteCookie, fetchHandler as fetch, getCookie, getCookies, getRequest, getRequestHeader, getRequestHeaders, getRequestHost, getRequestIP, getRequestProtocol, getRequestUrl, getResponse, getResponseHeader, getResponseHeaders, getResponseStatus, getSession, getValidatedQuery, notFound, removeResponseHeader, requestHandler, sealSession, setCookie, setResponseHeader, setResponseHeaders, setResponseStatus, transformPipeableStreamWithRouter, transformReadableStreamWithRouter, unsealSession, updateSession, useServerFn, useSession };

package/dist/export-mocks/start.js

@@ -262,7 +262,7 @@ function useServerFn(serverFn) {
 }
 function createMockServerFnBuilder() {
   let builder = () => createMockServerFnBuilder(), _storedOptions;
-  return builder.options = (opts) => (_storedOptions = opts, builder), builder.middleware = () => createMockServerFnBuilder(), builder.inputValidator = () => createMockServerFnBuilder(), builder.validator = () => createMockServerFnBuilder(), builder.handler = (handlerFn) => {
+  return builder.options = (opts) => (_storedOptions = opts, builder), builder.middleware = () => createMockServerFnBuilder(), builder.inputValidator = () => createMockServerFnBuilder(), builder.handler = (handlerFn) => {
     let mock = fn().mockName("@tanstack/start-client-core::createServerFn.handler()");
     return handlerFn && mock.mockImplementation(async (opts) => handlerFn(opts)), mock;
   }, builder._getOptions = () => _storedOptions, builder;
@@ -276,7 +276,7 @@ var createServerFn = (options) => {
   ...props
 }) => React.createElement("a", { href: to, ...props }, children), Navigate = ({ to }) => (React.useEffect(() => {
   onNavigate({ to });
-}, [to]), null), Hydrate = ({ children }) => children ?? null, notFound = () => {
+}, [to]), null), notFound = () => {
   throw new Error("Not found");
 }, createStart = () => ({}), clientCookieStore = /* @__PURE__ */ new Map(), clearCookieStore = () => {
   clientCookieStore.clear();
@@ -284,7 +284,6 @@ var createServerFn = (options) => {
 var start_default = { fetch: fetchHandler };
 export {
   HEADERS,
-  Hydrate,
   Link,
   Navigate,
   StartServer,

package/dist/index.d.ts

@@ -1,12 +1,13 @@
-import { a as TanStackPreviewOptions, c as IsRoute, d as StoryRouteOptions, i as TanStackParameters, l as RouterParameters, n as FrameworkOptions, o as TanStackTypes, r as StorybookConfig, s as CreateStoryRouteOptions, t as DefaultStoryPath, u as StoryRouteFileOptions } from "./chunk-B2-fTWlC.js";
-import { ComponentType } from "react";
-import { AddonTypes, InferTypes, PreviewAddon } from "storybook/internal/csf";
-import { Args, ArgsStoryFn, ComponentAnnotations, DecoratorFunction, Parameters, ProjectAnnotations, Renderer, StoryAnnotations } from "storybook/internal/types";
-import { AnyRoute } from "@tanstack/react-router";
-import { Meta as Meta$1, ReactMeta, ReactPreview, ReactRenderer, ReactTypes, StoryObj as StoryObj$1 } from "@storybook/react";
-export * from "@storybook/react";
-
-//#region node_modules/type-fest/source/union-to-intersection.d.ts
+import { ComponentType } from 'react';
+import { PreviewAddon, InferTypes, AddonTypes } from 'storybook/internal/csf';
+import { CompatibleString, ProjectAnnotations, Args, DecoratorFunction, ArgsStoryFn, Parameters as Parameters$1, ComponentAnnotations, Renderer, StoryAnnotations } from 'storybook/internal/types';
+import { Register, AnyRoute, FileRoutesByPath } from '@tanstack/react-router';
+import { Decorator, ReactTypes, ReactPreview, ReactMeta, ReactRenderer, Meta as Meta$1, StoryObj as StoryObj$1 } from '@storybook/react';
+export * from '@storybook/react';
+import { RoutesByPath, RouteOptions, ResolveParams, AnyContext } from '@tanstack/router-core';
+import { BuilderOptions } from '@storybook/builder-vite';
+import { StorybookConfig as StorybookConfig$1 } from '@storybook/react-vite';
+
 /**
 Convert a union type to an intersection type.
 
@@ -24,18 +25,23 @@ type Intersection = UnionToIntersection<Union>;
 
 @category Type
 */
-type UnionToIntersection<Union> = (// `extends unknown` is always going to be the case and is used to convert the
-// `Union` into a [distributive conditional
-// type](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-8.html#distributive-conditional-types).
-Union extends unknown // The union type is used as the only argument to a function since the union
-// of function arguments is an intersection.
-? (distributedUnion: Union) => void // This won't happen.
-: never // Infer the `Intersection` type since TypeScript represents the positional
-// arguments of unions of functions as an intersection of the union.
-) extends ((mergedIntersection: infer Intersection) => void) // The `& Union` is to ensure result of `UnionToIntersection<A | B>` is always assignable to `A | B`
-? Intersection & Union : never;
-//#endregion
-//#region node_modules/type-fest/source/simplify.d.ts
+type UnionToIntersection<Union> = (
+	// `extends unknown` is always going to be the case and is used to convert the
+	// `Union` into a [distributive conditional
+	// type](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-8.html#distributive-conditional-types).
+	Union extends unknown
+		// The union type is used as the only argument to a function since the union
+		// of function arguments is an intersection.
+		? (distributedUnion: Union) => void
+		// This won't happen.
+		: never
+		// Infer the `Intersection` type since TypeScript represents the positional
+		// arguments of unions of functions as an intersection of the union.
+) extends ((mergedIntersection: infer Intersection) => void)
+	// The `& Union` is to ensure result of `UnionToIntersection<A | B>` is always assignable to `A | B`
+	? Intersection & Union
+	: never;
+
 /**
 Useful to flatten the type output to improve type hints shown in editors. And also to transform an interface into a type to aide with assignability.
 
@@ -94,9 +100,8 @@ fn(someInterface as Simplify<SomeInterface>); // Good: transform an `interface`
 @see {@link SimplifyDeep}
 @category Object
 */
-type Simplify<T> = { [KeyType in keyof T]: T[KeyType] } & {};
-//#endregion
-//#region node_modules/type-fest/source/omit-index-signature.d.ts
+type Simplify<T> = {[KeyType in keyof T]: T[KeyType]} & {};
+
 /**
 Omit any index signatures from the given object type, leaving only explicitly defined properties.
 
@@ -188,18 +193,143 @@ type ExampleWithoutIndexSignatures = OmitIndexSignature<Example>;
 @see {@link PickIndexSignature}
 @category Object
 */
-type OmitIndexSignature<ObjectType> = { [KeyType in keyof ObjectType as {} extends Record<KeyType, unknown> ? never : KeyType]: ObjectType[KeyType] };
-//#endregion
-//#region code/frameworks/tanstack-react/.dts-emit/code/frameworks/tanstack-react/src/index.d.ts
+type OmitIndexSignature<ObjectType> = {
+	[KeyType in keyof ObjectType as {} extends Record<KeyType, unknown>
+		? never
+		: KeyType]: ObjectType[KeyType];
+};
+
+/** Union of every registered full path (e.g. `'/' | '/admin/users' | '/$libraryId/$version'`). */
+type RegisteredFullPath = keyof Register['router']['routesByPath'];
+type IsAppRouteTree<TRoute> = TRoute extends Register['router']['routeTree'] ? true : false;
+type IsRoute<T> = T extends AnyRoute ? true : T extends FileRoutesByPath[keyof FileRoutesByPath] ? true : false;
+type ExtractAllPathsFromFileRoutes<TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] | AnyRoute> = TRoute['path'];
+type StoryRoutePath<TRoute = undefined> = TRoute extends FileRoutesByPath[keyof FileRoutesByPath] ? ExtractAllPathsFromFileRoutes<TRoute> : keyof FileRoutesByPath | `/${string}`;
+type StoryRouteSearch<TRoute> = IsAppRouteTree<TRoute> extends true ? Record<string, unknown> : TRoute extends FileRoutesByPath[keyof FileRoutesByPath] ? TRoute['preLoaderRoute'] extends {
+    types: {
+        allSearch: infer A;
+    };
+} ? A : never : Record<string, unknown>;
+type StoryRouteFileOptions<TRoute = undefined> = IsRoute<TRoute> extends true ? TRoute extends {
+    options: infer O;
+} ? Pick<O, Extract<keyof O, 'loader' | 'beforeLoad' | 'validateSearch' | 'loaderDeps' | 'context' | 'params' | 'head' | 'search' | 'parseParams' | 'context'>> : Pick<RouteOptions<unknown>, 'loader' | 'beforeLoad' | 'validateSearch' | 'loaderDeps' | 'context' | 'params' | 'head' | 'search' | 'parseParams' | 'context'> : Pick<RouteOptions<unknown>, 'loader' | 'beforeLoad' | 'validateSearch' | 'loaderDeps' | 'context' | 'params' | 'head' | 'search' | 'parseParams' | 'context'>;
+type CreateStoryRouteOptions<TRoute = undefined> = StoryRouteFileOptions<TRoute> & {
+    path?: StoryRoutePath<TRoute>;
+};
+type StoryRouteOptions<TRoute = undefined> = CreateStoryRouteOptions<TRoute> | (TRoute extends AnyRoute ? TRoute : AnyRoute);
+/**
+ * Per-route override options for use inside `RouteTreeOverrides`.
+ * Users can override `loader`, `beforeLoad`, etc. for a specific route.
+ */
+interface RouteOverrideOptions<TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] | undefined = undefined> {
+    /** Override the route's loader function. */
+    loader?: TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] ? TRoute['options']['loader'] | ((ctx: unknown) => Promise<unknown> | unknown) : (ctx: unknown) => Promise<unknown> | unknown;
+    /** Override the route's beforeLoad function. */
+    beforeLoad?: TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] ? TRoute['options']['beforeLoad'] | ((ctx: unknown) => Promise<void> | void) : (ctx: unknown) => Promise<void> | void;
+    /** Override the route's search params validation. */
+    validateSearch?: TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] ? TRoute['options']['validateSearch'] | ((search: unknown) => Promise<void> | void) : (search: unknown) => Promise<void> | void;
+    /** Override the route's loader dependencies. */
+    loaderDeps?: TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] ? TRoute['options']['loaderDeps'] | string[] : string[];
+    /** Override the route's context function. */
+    context?: TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] ? TRoute['options']['context'] | ((ctx: unknown) => Promise<unknown> | unknown) : (ctx: unknown) => Promise<unknown> | unknown;
+}
+/**
+ * A map of route overrides keyed by route ID.
+ * Each entry can override `loader`, `beforeLoad`, etc. for that route.
+ *
+ * @example
+ * ```ts
+ * routeOverrides: {
+ *   '/_authed': { beforeLoad: () => {} },
+ *   '/demo/form/simple/$id': {
+ *     loader: async () => ({ name: 'Mock User' }),
+ *   },
+ * }
+ * ```
+ */
+type RouteTreeOverrides = Partial<{
+    [routePath in keyof FileRoutesByPath]: RouteOverrideOptions<FileRoutesByPath[routePath]['preLoaderRoute']> | undefined;
+}>;
+interface RouterParameters<TRoute = undefined, Path extends TRoute extends AnyRoute ? keyof RoutesByPath<TRoute> : RegisteredFullPath = TRoute extends AnyRoute ? keyof RoutesByPath<TRoute> : keyof FileRoutesByPath> {
+    route?: StoryRouteOptions<TRoute>;
+    /**
+     * Path to resolve the story route against.
+     * Constrained to known registered paths in route tree mode, but can be any string in app route mode (since the user may be passing a custom `route` that doesn't exist in the registered tree).
+     */
+    path?: Path;
+    /** URL params to interpolate into the path (e.g. `{ id: '42' }` for `/$id`). */
+    params?: ResolveParams<Path>;
+    /** Search/query params to append to the URL (e.g. `{ tab: 'details' }`). */
+    query?: Partial<StoryRouteSearch<TRoute>>;
+    /**
+     * Override options for specific routes in the app route tree (route tree mode only).
+     *
+     * Each key is a route ID (e.g. `'/about'`, `'__root__'`, `'/demo/form/simple/$id'`).
+     * Values can override `loader`, `beforeLoad`, etc. for that route.
+     *
+     * @example
+     * ```ts
+     * routeOverrides: {
+     *   '/_authed': { beforeLoad: () => {} },
+     *   '/demo/form/simple/$id': {
+     *     loader: async () => ({ name: 'Mock User' }),
+     *   },
+     * }
+     * ```
+     */
+    routeOverrides?: RouteTreeOverrides;
+    context?: Record<string, unknown>;
+    /**
+     *
+     */
+    useRouterContext?: ({ storyContext }: {
+        storyContext: Parameters<Decorator>[1];
+    }) => AnyContext;
+}
+
+type FrameworkName = CompatibleString<'@storybook/tanstack-react'>;
+type BuilderName = CompatibleString<'@storybook/builder-vite'>;
+type FrameworkOptions = {
+    /** Builder options passed through to @storybook/builder-vite. */
+    builder?: BuilderOptions;
+};
+type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfig$1['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+};
+/** The interface for Storybook configuration in `main.ts` files. */
+type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigFramework> & StorybookConfigFramework;
+/** Path constraint mirroring `RouterParameters`'s second generic. */
+type DefaultStoryPath<TRoute> = TRoute extends AnyRoute ? keyof RoutesByPath<TRoute> : RegisteredFullPath;
+interface TanStackPreviewOptions<TRoute = undefined, Path extends DefaultStoryPath<TRoute> = DefaultStoryPath<TRoute>> {
+    /** Router configuration for stories */
+    router?: RouterParameters<TRoute, Path>;
+}
+interface TanStackParameters<TRoute = undefined, Path extends DefaultStoryPath<TRoute> = DefaultStoryPath<TRoute>> {
+    /** TanStack framework configuration (router integration). */
+    tanstack?: TanStackPreviewOptions<TRoute, Path>;
+}
+interface TanStackTypes<TRoute = undefined, Path extends DefaultStoryPath<TRoute> = DefaultStoryPath<TRoute>> {
+    parameters: TanStackParameters<TRoute, Path>;
+}
+
 /** Extracts and unions all args types from an array of decorators. */
 type DecoratorsArgs<TRenderer extends Renderer, Decorators> = UnionToIntersection<Decorators extends DecoratorFunction<TRenderer, infer TArgs> ? TArgs : unknown>;
 type InferCombinedTypes<T, TArgs, Decorators> = ReactTypes & T & {
-  args: Simplify<TArgs & Simplify<OmitIndexSignature<DecoratorsArgs<ReactTypes & T, Decorators>>>>;
+    args: Simplify<TArgs & Simplify<OmitIndexSignature<DecoratorsArgs<ReactTypes & T, Decorators>>>>;
 };
 type Preview<TRoute extends AnyRoute | undefined = undefined> = ProjectAnnotations<ReactTypes & TanStackTypes<TRoute>>;
 declare function definePreview<TRoute extends AnyRoute | undefined = undefined, const TPath extends DefaultStoryPath<TRoute> = DefaultStoryPath<TRoute>, Addons extends PreviewAddon<never>[] = []>(preview: {
-  addons?: Addons;
-  route?: TRoute;
+    addons?: Addons;
+    route?: TRoute;
 } & ProjectAnnotations<ReactTypes & TanStackTypes<NoInfer<TRoute>, TPath> & InferTypes<Addons>>): TanStackPreview<InferTypes<Addons>, TRoute>;
 /**
  * Metadata to configure stories for a component or a TanStack Route.
@@ -213,29 +343,31 @@ type Meta<TCmpOrArgs = Args> = IsRoute<TCmpOrArgs> extends true ? Omit<Component
  * When the meta's `component` is a TanStack Route, the story inherits
  * TanStack parameter types for type-safe params/query/loader configuration.
  */
-type StoryObj<TMetaOrCmpOrArgs = unknown> = [TMetaOrCmpOrArgs] extends [{
-  component?: infer Component;
-}] ? IsRoute<Component> extends true ? StoryAnnotations<ReactRenderer, Args, Partial<Args>> & Partial<TanStackTypes<Component>> : StoryObj$1<TMetaOrCmpOrArgs> & Partial<TanStackTypes> : IsRoute<TMetaOrCmpOrArgs> extends true ? StoryAnnotations<ReactRenderer, Args, Partial<Args>> & Partial<TanStackTypes<TMetaOrCmpOrArgs>> : StoryObj$1<TMetaOrCmpOrArgs> & Partial<TanStackTypes>;
+type StoryObj<TMetaOrCmpOrArgs = unknown> = [TMetaOrCmpOrArgs] extends [
+    {
+        component?: infer Component;
+    }
+] ? IsRoute<Component> extends true ? StoryAnnotations<ReactRenderer, Args, Partial<Args>> & Partial<TanStackTypes<Component>> : StoryObj$1<TMetaOrCmpOrArgs> & Partial<TanStackTypes> : IsRoute<TMetaOrCmpOrArgs> extends true ? StoryAnnotations<ReactRenderer, Args, Partial<Args>> & Partial<TanStackTypes<TMetaOrCmpOrArgs>> : StoryObj$1<TMetaOrCmpOrArgs> & Partial<TanStackTypes>;
 interface TanStackPreview<T extends AddonTypes, TRoute extends AnyRoute | undefined = undefined> extends ReactPreview<TanStackTypes<TRoute> & T> {
-  type<R>(): TanStackPreview<T & R, TRoute>;
-  meta<TMetaRoute extends AnyRoute, const TPath extends DefaultStoryPath<TMetaRoute> = DefaultStoryPath<TMetaRoute>, TArgs extends Args = Args, Decorators extends DecoratorFunction<ReactTypes & TanStackTypes<TMetaRoute, TPath> & T, any> = DecoratorFunction<ReactTypes & TanStackTypes<TMetaRoute, TPath> & T, any>, TMetaArgs extends Partial<TArgs & (TanStackTypes<TMetaRoute, TPath> & T)['args']> = Partial<TArgs & (TanStackTypes<TMetaRoute, TPath> & T)['args']>>(meta: {
-    render?: ArgsStoryFn<ReactTypes & TanStackTypes<TMetaRoute, TPath> & T, TArgs & (TanStackTypes<TMetaRoute, TPath> & T)['args']>;
-    component?: ComponentType<TArgs>;
-    decorators?: Decorators | Decorators[];
-    args?: TMetaArgs;
-    parameters?: TanStackParameters<TMetaRoute, TPath> & Parameters & (ReactTypes & T)['parameters'];
-  } & Omit<ComponentAnnotations<ReactTypes & TanStackTypes<TMetaRoute, TPath> & T, TArgs>, 'decorators' | 'component' | 'args' | 'render' | 'parameters'>): ReactMeta<InferCombinedTypes<TanStackTypes<TMetaRoute, TPath> & T, TArgs, Decorators>, Omit<ComponentAnnotations<InferCombinedTypes<TanStackTypes<TMetaRoute, TPath> & T, TArgs, Decorators>>, 'args'> & {
-    args: Partial<TArgs> extends TMetaArgs ? {} : TMetaArgs;
-  }>;
-  meta<const TPath extends DefaultStoryPath<TRoute> = DefaultStoryPath<TRoute>, TArgs extends Args = Args, Decorators extends DecoratorFunction<ReactTypes & TanStackTypes<TRoute, TPath> & T, any> = DecoratorFunction<ReactTypes & TanStackTypes<TRoute, TPath> & T, any>, TMetaArgs extends Partial<TArgs & (TanStackTypes<TRoute, TPath> & T)['args']> = Partial<TArgs & (TanStackTypes<TRoute, TPath> & T)['args']>>(meta: {
-    render?: ArgsStoryFn<ReactTypes & TanStackTypes<TRoute, TPath> & T, TArgs & (TanStackTypes<TRoute, TPath> & T)['args']>;
-    component?: ComponentType<TArgs>;
-    decorators?: Decorators | Decorators[];
-    args?: TMetaArgs;
-    parameters?: TanStackParameters<TRoute, TPath> & Parameters & (ReactTypes & T)['parameters'];
-  } & Omit<ComponentAnnotations<ReactTypes & TanStackTypes<TRoute, TPath> & T, TArgs>, 'decorators' | 'component' | 'args' | 'render' | 'parameters'>): ReactMeta<InferCombinedTypes<TanStackTypes<TRoute, TPath> & T, TArgs, Decorators>, Omit<ComponentAnnotations<InferCombinedTypes<TanStackTypes<TRoute, TPath> & T, TArgs, Decorators>>, 'args'> & {
-    args: Partial<TArgs> extends TMetaArgs ? {} : TMetaArgs;
-  }>;
+    type<R>(): TanStackPreview<T & R, TRoute>;
+    meta<TMetaRoute extends AnyRoute, const TPath extends DefaultStoryPath<TMetaRoute> = DefaultStoryPath<TMetaRoute>, TArgs extends Args = Args, Decorators extends DecoratorFunction<ReactTypes & TanStackTypes<TMetaRoute, TPath> & T, any> = DecoratorFunction<ReactTypes & TanStackTypes<TMetaRoute, TPath> & T, any>, TMetaArgs extends Partial<TArgs & (TanStackTypes<TMetaRoute, TPath> & T)['args']> = Partial<TArgs & (TanStackTypes<TMetaRoute, TPath> & T)['args']>>(meta: {
+        render?: ArgsStoryFn<ReactTypes & TanStackTypes<TMetaRoute, TPath> & T, TArgs & (TanStackTypes<TMetaRoute, TPath> & T)['args']>;
+        component?: ComponentType<TArgs>;
+        decorators?: Decorators | Decorators[];
+        args?: TMetaArgs;
+        parameters?: TanStackParameters<TMetaRoute, TPath> & Parameters$1 & (ReactTypes & T)['parameters'];
+    } & Omit<ComponentAnnotations<ReactTypes & TanStackTypes<TMetaRoute, TPath> & T, TArgs>, 'decorators' | 'component' | 'args' | 'render' | 'parameters'>): ReactMeta<InferCombinedTypes<TanStackTypes<TMetaRoute, TPath> & T, TArgs, Decorators>, Omit<ComponentAnnotations<InferCombinedTypes<TanStackTypes<TMetaRoute, TPath> & T, TArgs, Decorators>>, 'args'> & {
+        args: Partial<TArgs> extends TMetaArgs ? {} : TMetaArgs;
+    }>;
+    meta<const TPath extends DefaultStoryPath<TRoute> = DefaultStoryPath<TRoute>, TArgs extends Args = Args, Decorators extends DecoratorFunction<ReactTypes & TanStackTypes<TRoute, TPath> & T, any> = DecoratorFunction<ReactTypes & TanStackTypes<TRoute, TPath> & T, any>, TMetaArgs extends Partial<TArgs & (TanStackTypes<TRoute, TPath> & T)['args']> = Partial<TArgs & (TanStackTypes<TRoute, TPath> & T)['args']>>(meta: {
+        render?: ArgsStoryFn<ReactTypes & TanStackTypes<TRoute, TPath> & T, TArgs & (TanStackTypes<TRoute, TPath> & T)['args']>;
+        component?: ComponentType<TArgs>;
+        decorators?: Decorators | Decorators[];
+        args?: TMetaArgs;
+        parameters?: TanStackParameters<TRoute, TPath> & Parameters$1 & (ReactTypes & T)['parameters'];
+    } & Omit<ComponentAnnotations<ReactTypes & TanStackTypes<TRoute, TPath> & T, TArgs>, 'decorators' | 'component' | 'args' | 'render' | 'parameters'>): ReactMeta<InferCombinedTypes<TanStackTypes<TRoute, TPath> & T, TArgs, Decorators>, Omit<ComponentAnnotations<InferCombinedTypes<TanStackTypes<TRoute, TPath> & T, TArgs, Decorators>>, 'args'> & {
+        args: Partial<TArgs> extends TMetaArgs ? {} : TMetaArgs;
+    }>;
 }
-//#endregion
-export { type CreateStoryRouteOptions, DefaultStoryPath, FrameworkOptions, type IsRoute, Meta, Preview, type RouterParameters, StoryObj, type StoryRouteFileOptions, type StoryRouteOptions, StorybookConfig, TanStackParameters, TanStackPreview, TanStackPreviewOptions, TanStackTypes, definePreview };
+
+export { type CreateStoryRouteOptions, type DefaultStoryPath, type FrameworkOptions, type IsRoute, type Meta, type Preview, type RouterParameters, type StoryObj, type StoryRouteFileOptions, type StoryRouteOptions, type StorybookConfig, type TanStackParameters, type TanStackPreview, type TanStackPreviewOptions, type TanStackTypes, definePreview };

package/dist/node/index.d.ts

@@ -1,6 +1,28 @@
-import { r as StorybookConfig } from "../chunk-B2-fTWlC.js";
+import { CompatibleString } from 'storybook/internal/types';
+import { BuilderOptions } from '@storybook/builder-vite';
+import { StorybookConfig as StorybookConfig$1 } from '@storybook/react-vite';
+
+type FrameworkName = CompatibleString<'@storybook/tanstack-react'>;
+type BuilderName = CompatibleString<'@storybook/builder-vite'>;
+type FrameworkOptions = {
+    /** Builder options passed through to @storybook/builder-vite. */
+    builder?: BuilderOptions;
+};
+type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfig$1['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+};
+/** The interface for Storybook configuration in `main.ts` files. */
+type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigFramework> & StorybookConfigFramework;
 
-//#region code/frameworks/tanstack-react/.dts-emit/code/frameworks/tanstack-react/src/node/index.d.ts
 declare function defineMain(config: StorybookConfig): StorybookConfig;
-//#endregion
-export { type StorybookConfig, defineMain };
+
+export { type StorybookConfig, defineMain };

package/dist/node/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_2xpfz4ivcgx from 'node:url';
-import CJS_COMPAT_NODE_PATH_2xpfz4ivcgx from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2xpfz4ivcgx from "node:module";
+import CJS_COMPAT_NODE_URL_cvzf0vxjog5 from 'node:url';
+import CJS_COMPAT_NODE_PATH_cvzf0vxjog5 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_cvzf0vxjog5 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2xpfz4ivcgx.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2xpfz4ivcgx.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2xpfz4ivcgx.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_cvzf0vxjog5.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_cvzf0vxjog5.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_cvzf0vxjog5.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preset.d.ts

@@ -1,10 +1,9 @@
-import { PresetProperty } from "storybook/internal/types";
-import { StorybookConfigVite } from "@storybook/builder-vite";
+import { PresetProperty } from 'storybook/internal/types';
+import { StorybookConfigVite } from '@storybook/builder-vite';
 
-//#region code/frameworks/tanstack-react/.dts-emit/code/frameworks/tanstack-react/src/preset.d.ts
 declare const core: PresetProperty<'core'>;
 declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
 declare const optimizeViteDeps: string[];
 declare const viteFinal: StorybookConfigVite['viteFinal'];
-//#endregion
-export { core, optimizeViteDeps, previewAnnotations, viteFinal };
+
+export { core, optimizeViteDeps, previewAnnotations, viteFinal };

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_2xpfz4ivcgx from 'node:url';
-import CJS_COMPAT_NODE_PATH_2xpfz4ivcgx from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2xpfz4ivcgx from "node:module";
+import CJS_COMPAT_NODE_URL_cvzf0vxjog5 from 'node:url';
+import CJS_COMPAT_NODE_PATH_cvzf0vxjog5 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_cvzf0vxjog5 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2xpfz4ivcgx.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2xpfz4ivcgx.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2xpfz4ivcgx.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_cvzf0vxjog5.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_cvzf0vxjog5.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_cvzf0vxjog5.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration