storybook-solidjs-vite 10.2.0 → 10.4.0

package/README.md

@@ -9,16 +9,16 @@
 [![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](./LICENSE)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/solidjs-community/storybook/pulls)
 
-[Storybook](https://storybook.js.org/) **framework adapter** for [SolidJS](https://solidjs.com/), using Vite.
-
-Adds SolidJS support to Storybook.
+[Storybook](https://storybook.js.org/) framework adapter for [SolidJS](https://solidjs.com/) on Vite.
 
 ## ✨ Features
 
 - [Solid 1](#solid-1) and [Solid 2](#solid-2) support
 - [Vite-powered builder](https://storybook.js.org/docs/builders/vite)
 - [TypeScript-first setup](https://storybook.js.org/docs/configure/integration/typescript)
-- Component props show up automatically in [Controls and Docs](#docgen)
+- Automatic props in [Controls and Docs](#docgen)
+- [Autodocs code snippets](#autodocs-code-snippets) — static JSX **Show code** blocks from story source (CSF Next + CSF3, enabled by default)
+- [Components manifest](https://storybook.js.org/docs/ai/manifests) for AI agents ([debugger](#components-manifest-debugger))
 - [Storybook MCP](https://storybook.js.org/docs/ai/mcp/overview) support ([setup](#storybook-mcp))
 - [CSF Next](https://storybook.js.org/docs/api/csf/csf-next) factory API ([setup](#csf-next), optional)
 - [Integrated testing](https://storybook.js.org/docs/writing-tests) (Vitest, Playwright)
@@ -30,26 +30,18 @@ Run in your project:
 
 ```bash
 npx create-storybook --type=solid
-```
-
-Then start Storybook:
-
-```bash
-bun run storybook
+npm run storybook
 ```
 
 Open the URL shown in the terminal.
 
 ## ⚙️ Configuration
 
-You can customize Vite and Storybook as usual.
-
-- Add stories in `src/**/*.stories.tsx` or `src/**/*.stories.js`
-- Use Storybook addons for additional functionality
+Customize Vite and Storybook as usual. Add stories in `src/**/*.stories.{tsx,js}` and install addons as needed.
 
 ### Solid 1
 
-On Solid 1, import from `storybook-solidjs-vite` in config, preview, and stories:
+Import from `storybook-solidjs-vite` in config, preview, and stories:
 
 ```ts
 // .storybook/main.ts
@@ -69,21 +61,19 @@ import type { Preview, Meta, StoryObj } from 'storybook-solidjs-vite';
 
 ### Solid 2
 
-On Solid 2, use `storybook-solidjs-vite/next` in preview and stories — the types there match the Solid 2 renderer:
+Use `storybook-solidjs-vite/next` in preview and stories:
 
 ```ts
 import type { Preview, Meta, StoryObj } from 'storybook-solidjs-vite/next';
 ```
 
-Imports without `/next` often still run, but TypeScript may complain because those types describe the Solid 1 renderer.
+Imports without `/next` may still run, but TypeScript can complain.
 
-In `main.ts` either framework name is fine: `storybook-solidjs-vite` reads the major version from your installed `solid-js`, and `storybook-solidjs-vite/next` forces Solid 2.
+In `main.ts`, either framework name works: `storybook-solidjs-vite` reads the major version from `solid-js`; `storybook-solidjs-vite/next` forces Solid 2.
 
 ```ts
-// Solid 1 & 2
-framework: 'storybook-solidjs-vite'
-// Solid 2
-framework: 'storybook-solidjs-vite/next'
+framework: 'storybook-solidjs-vite'      // Solid auto-detect
+framework: 'storybook-solidjs-vite/next' // Solid 2 only
 ```
 
 ### CSF Next
@@ -92,7 +82,7 @@ framework: 'storybook-solidjs-vite/next'
 
 ```ts
 // .storybook/main.ts
-import { defineMain } from 'storybook-solidjs-vite/node';
+import { defineMain } from 'storybook-solidjs-vite';
 
 export default defineMain({
   framework: { name: 'storybook-solidjs-vite' },
@@ -101,9 +91,14 @@ export default defineMain({
 
 ```ts
 // .storybook/preview.tsx
+import addonDocs from '@storybook/addon-docs';
 import { definePreview } from 'storybook-solidjs-vite';
 // for Solid 2, use:
-import { definePreview } from 'storybook-solidjs-vite/next';
+// import { definePreview } from 'storybook-solidjs-vite/next';
+
+export default definePreview({
+  addons: [addonDocs()],
+});
 ```
 
 ```ts
@@ -122,13 +117,11 @@ export const Primary = meta.story({
 
 ### Docgen
 
-TypeScript props for **Controls**, **Docs**, and the **components manifest** come from **React component-meta** (RCM) — a TypeScript LanguageService extractor aligned with Storybook’s `react-component-meta` format.
-
-Docgen is **enabled by default**. The components manifest debugger is also enabled at:
+Props for **Controls**, **Docs**, and the **components manifest** come from a TypeScript LanguageService extractor aligned with Storybook's `react-component-meta` format.
 
-`http://localhost:<port>/manifests/components.html`
+Enabled by default. Inspect output in the [manifest debugger](#components-manifest-debugger).
 
-To disable docgen:
+To disable:
 
 ```ts
 import type { StorybookConfig } from 'storybook-solidjs-vite';
@@ -136,9 +129,25 @@ import type { StorybookConfig } from 'storybook-solidjs-vite';
 const config: StorybookConfig = {
   framework: {
     name: 'storybook-solidjs-vite',
-    options: {
-      docgen: false,
-    },
+    options: { docgen: false },
+  },
+};
+
+export default config;
+```
+
+### Autodocs code snippets
+
+**Show code** blocks are static snippets generated from story source at index time (`experimentalCodeExamples`). Enabled by default.
+
+To disable:
+
+```ts
+import type { StorybookConfig } from 'storybook-solidjs-vite';
+
+const config: StorybookConfig = {
+  features: {
+    experimentalCodeExamples: false
   },
 };
 
@@ -153,61 +162,57 @@ Solid projects can use [Storybook MCP](https://storybook.js.org/docs/ai/mcp/over
 npx storybook add @storybook/addon-mcp
 ```
 
-With Storybook running, the MCP server is at `http://localhost:<port>/mcp`. Connect your agent to that URL (see [Storybook MCP docs](https://storybook.js.org/docs/ai/mcp/overview#2-add-the-mcp-server-to-your-agent)). The components manifest debugger remains at `/manifests/components.html`.
+See [Storybook MCP docs](https://storybook.js.org/docs/ai/mcp/overview#2-add-the-mcp-server-to-your-agent) for agent setup.
 
-## 🎨 Decorators
+### Components manifest debugger
 
-On args or globals changes, Storybook re-runs decorators and stories — the same model as React, where each update calls your functions again. Solid updates through fine-grained signals and usually does not need that.
+Storybook builds [JSON manifests](https://storybook.js.org/docs/ai/manifests) from CSF stories and component source — names, props, JSDoc, story ids, and more. Enabled by default (`features.componentsManifest`). Prop data comes from [docgen](#docgen); story snippets use the same [code generator](#autodocs-code-snippets).
+
+While Storybook runs (or in a static build):
+
+- **Debugger UI:** `http://localhost:6006/manifests/components.html` — browse manifests and generation errors/warnings
+- **Components JSON:** `http://localhost:6006/manifests/components.json`
+- **Docs JSON:** `http://localhost:6006/manifests/docs.json` (when MDX docs are present)
+
+## 🎨 Decorators
 
-If a decorator returns JSX, the extra runs can leave duplicate nodes in the DOM.
+On args or globals changes, Storybook re-runs decorators and stories functions follows React reactivity model. Solid updates via fine-grained signals and usually doesn't need that. JSX decorators re-run can leave duplicate DOM nodes. To avoid this, use `createJSXDecorator` function to define decorators that return JSX.
 
 ### createJSXDecorator
 
-Use for decorators that return JSX. Ensures they run only once per story mount.
+For decorators that return JSX. Runs once per story mount — `context.globals` and `context.args` are reactive stores, so bindings in JSX still update without re-running the decorator:
 
 ```tsx
 import { createJSXDecorator } from 'storybook-solidjs-vite';
 
-export const decorator = createJSXDecorator((Story) => {
-  return (
-    <main>
-      <Story />
-    </main>
-  );
-});
+export const withLayout = createJSXDecorator((Story, context) => (
+  <main data-theme={context.globals.theme}>
+    <Story />
+  </main>
+));
 ```
 
 ### createDecorator
 
-Use for decorators that do not return JSX.
+For side effects that should run on every story update — e.g. sync `document.body` when globals change:
 
 ```tsx
 import { createDecorator } from 'storybook-solidjs-vite';
 
-export const decorator = createDecorator((Story) => {
+export const withTheme = createDecorator((Story, context) => {
+  // Will run on every story update
+  document.body.setAttribute('data-theme', context.globals.theme);
   return Story();
 });
 ```
 
-### Manual flag
-
-```tsx
-import { IS_SOLID_JSX_FLAG } from 'storybook-solidjs-vite';
-
-export const decorator = (Story) => {
-  return <div><Story /></div>;
-};
-
-decorator[IS_SOLID_JSX_FLAG] = true;
-```
-
 ## 🔄 Migration from v9
 
-Check out [Migration Guide](./MIGRATION.md) for the instructions and breaking changes.
+See [Migration Guide](./MIGRATION.md) for breaking changes.
 
 ## 🤝 Contributing
 
-Contributions, issues and feature requests are welcome! Feel free to [open an issue](https://github.com/solidjs-community/storybook/issues) or submit a PR.
+Issues and PRs welcome — [open an issue](https://github.com/solidjs-community/storybook/issues) or submit a pull request.
 
 ## 📖 License
 

package/dist/{SolidComponentMetaManager-KXVARPHU.js → SolidComponentMetaManager-4SWET2OG.js}

@@ -1,4 +1,4 @@
-export { DOCGEN_ENGINE, MANIFEST_DOCGEN_ENGINE, SolidComponentMetaManager, getOrCreateSolidComponentMetaManager } from './chunk-6566KBHG.js';
+export { DOCGEN_ENGINE, MANIFEST_DOCGEN_ENGINE, SolidComponentMetaManager, getOrCreateSolidComponentMetaManager } from './chunk-TKOWB3JL.js';
 import './chunk-PZ5AY32C.js';
-//# sourceMappingURL=SolidComponentMetaManager-KXVARPHU.js.map
-//# sourceMappingURL=SolidComponentMetaManager-KXVARPHU.js.map
+//# sourceMappingURL=SolidComponentMetaManager-4SWET2OG.js.map
+//# sourceMappingURL=SolidComponentMetaManager-4SWET2OG.js.map

package/dist/{SolidComponentMetaManager-KXVARPHU.js.map → SolidComponentMetaManager-4SWET2OG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"SolidComponentMetaManager-KXVARPHU.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"SolidComponentMetaManager-4SWET2OG.js"}

package/dist/before-all-MeQv4iKF.d.ts

@@ -0,0 +1,4 @@
+/** Configures `storybook/test` wrappers so Solid updates flush after async play steps. */
+declare const beforeAll: () => Promise<void>;
+
+export { beforeAll as b };

package/dist/{chunk-D5AOR3VU.js → chunk-4R2BK5SE.js}

@@ -1,10 +1,15 @@
 import { defaultDecorateStory } from 'storybook/preview-api';
-import { global } from '@storybook/global';
-import { createComponent } from 'solid-js';
 import { configure } from 'storybook/test';
 
-// src/renderer/shared/public-types.ts
+// src/preview/public-api.ts
 var IS_SOLID_JSX_FLAG = "__isJSX";
+var createDecorator = (decorator) => {
+  return decorator;
+};
+var createJSXDecorator = (decorator) => {
+  decorator[IS_SOLID_JSX_FLAG] = true;
+  return decorator;
+};
 
 // src/renderer/shared/story-store.ts
 var getStoryId = (context) => {
@@ -67,7 +72,9 @@ function createStoryState(createStore) {
     }
   };
 }
-function createApplyDecorators(store, createComponent2) {
+function createApplyDecorators({
+  storyStore
+}) {
   return (storyFn, rawDecorators) => {
     const decorators = rawDecorators.map(
       (decorator) => {
@@ -78,7 +85,7 @@ function createApplyDecorators(store, createComponent2) {
         return (StoryFn, context) => {
           if (isJSX) {
             const storyId = getStoryId(context);
-            if (storyId && store.isStoryRendered(storyId)) {
+            if (storyId && storyStore.isStoryRendered(storyId)) {
               return StoryFn(context);
             }
           }
@@ -88,27 +95,13 @@ function createApplyDecorators(store, createComponent2) {
     );
     return defaultDecorateStory((context) => {
       const storyId = getStoryId(context);
-      if (storyId && store.isStoryRendered(storyId)) {
+      if (storyId && storyStore.isStoryRendered(storyId)) {
         return null;
       }
-      return createComponent2(storyFn, context);
+      return storyFn(context);
     }, decorators);
   };
 }
-if (global.window) {
-  global.window.STORYBOOK_ENV = "solid";
-}
-var parameters = {
-  renderer: "solid"
-};
-var render = (_, context) => {
-  if (!context.component) {
-    throw new Error(
-      `Unable to render story ${context.id} as the component annotation is missing from the default export`
-    );
-  }
-  return createComponent(context.component, context.args);
-};
 var beforeAll = async () => {
   try {
     configure({
@@ -129,6 +122,72 @@ var beforeAll = async () => {
   }
 };
 
-export { IS_SOLID_JSX_FLAG, beforeAll, createApplyDecorators, createStoryState, getStoryId, parameters, render };
-//# sourceMappingURL=chunk-D5AOR3VU.js.map
-//# sourceMappingURL=chunk-D5AOR3VU.js.map
+// src/renderer/shared/default-render.ts
+function createDefaultRender(createComponent) {
+  return (_, context) => {
+    if (!context.component) {
+      throw new Error(
+        `Unable to render story ${context.id} as the component annotation is missing from the default export`
+      );
+    }
+    return createComponent(context.component, context.args);
+  };
+}
+
+// src/renderer/shared/mount.ts
+function createMount({ storyStore }) {
+  return (context) => {
+    const storyId = getStoryId(context);
+    const { forceRemount } = context;
+    if (!storyId) {
+      throw new Error("Story ID is required");
+    }
+    return async (ui) => {
+      if (ui != null) {
+        context.originalStoryFn = () => ui;
+      }
+      if (forceRemount) {
+        storyStore.disposeStory(storyId);
+      }
+      if (!storyStore.isStoryRendered(storyId) || forceRemount) {
+        storyStore.resetStory(storyId);
+      }
+      storyStore.makeContextReactive(context);
+      await context.renderToCanvas();
+      return context.canvas;
+    };
+  };
+}
+
+// src/renderer/shared/render-to-canvas.ts
+function createRenderToCanvas(options) {
+  const { storyStore, createComponent, render, createStoryApp } = options;
+  return async (renderContext, canvasElement) => {
+    const storyId = getStoryId({ ...renderContext, canvasElement });
+    if (!storyId) {
+      throw new Error("Story ID is required");
+    }
+    const { storyContext, storyFn: StoryFn, showMain, showException } = renderContext;
+    if (!storyStore.isStoryRendered(storyId)) {
+      const App = createStoryApp({
+        Story: StoryFn,
+        storyContext,
+        showMain,
+        showException,
+        storyId
+      });
+      const disposeFn = render(() => createComponent(App, {}), canvasElement);
+      storyStore.setDisposeFn(storyId, disposeFn);
+    } else {
+      StoryFn();
+    }
+    return () => {
+      storyStore.disposeStory(storyId);
+      storyStore.resetStory(storyId);
+    };
+  };
+}
+
+export { IS_SOLID_JSX_FLAG, beforeAll, createApplyDecorators, createDecorator, createDefaultRender, createJSXDecorator, createMount, createRenderToCanvas, createStoryState };
+//# sourceMappingURL=chunk-4R2BK5SE.js.map
+//# sourceMappingURL=chunk-4R2BK5SE.js.map

package/dist/chunk-4R2BK5SE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preview/public-api.ts","../src/renderer/shared/story-store.ts","../src/renderer/shared/apply-decorators.ts","../src/renderer/shared/before-all.ts","../src/renderer/shared/default-render.ts","../src/renderer/shared/mount.ts","../src/renderer/shared/render-to-canvas.ts"],"names":[],"mappings":"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","file":"chunk-4R2BK5SE.js","sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\nimport type {\n    AnnotatedStoryFn,\n    Args,\n    ArgsFromMeta,\n    ArgsStoryFn,\n    Canvas,\n    ComponentAnnotations,\n    DecoratorFunction,\n    RenderContext as GenericRenderContext,\n    StoryContext as GenericStoryContext,\n    LoaderFunction,\n    ProjectAnnotations,\n    StoryAnnotations,\n    StrictArgs,\n    WebRenderer,\n} from 'storybook/internal/types';\nimport type { SetOptional, Simplify } from 'type-fest';\n\nexport type {\n    DefinePreviewInput,\n    SolidMeta,\n    SolidPreview,\n    SolidStory,\n} from './define-preview';\n\n/**\n * Marks decorators that return JSX so they are not re-run on every Storybook update.\n * Prefer `createJSXDecorator` over setting this flag manually.\n */\nexport const IS_SOLID_JSX_FLAG = '__isJSX';\n\n/**\n * Meta `args` when `preview.meta()` omits `args`. Matches `@storybook/react`'s `{}` sentinel:\n * `keyof` is `never`, so `AddMocks` does not match every component prop key.\n */\nexport type EmptyMetaArgs = { [Key in never]: never };\n\n// This performs a downcast to function types that are mocks, when a mock fn is given to meta args.\nexport type AddMocks<TArgs, DefaultArgs> = Simplify<{\n    [T in keyof TArgs]: T extends keyof DefaultArgs\n        ? DefaultArgs[T] extends (...args: any) => any & { mock: object }\n            ? DefaultArgs[T]\n            : TArgs[T]\n        : TArgs[T];\n}>;\n\nexport type SolidComponent<P extends Record<string, any> = Record<string, any>> = Component<P>;\nexport type SolidComponentProps<T extends SolidComponent> = ComponentProps<T>;\n\nexport type StoryFnReturnType = ReturnType<SolidComponent>;\n\nexport interface SolidRenderer extends WebRenderer {\n    component: SolidComponent<any>;\n    storyResult: StoryFnReturnType;\n    mount: (ui?: StoryFnReturnType) => Promise<Canvas>;\n}\n\nexport interface SolidParameters {\n    /** Solid renderer configuration */\n    solid?: Record<string, never>;\n}\n\n/** Mirroring React's `ReactTypes`. */\nexport interface SolidTypes extends SolidRenderer {\n    parameters: SolidParameters;\n}\n\nexport type Meta<TCmpOrArgs = Args> = [TCmpOrArgs] extends [SolidComponent<any>]\n    ? ComponentAnnotations<SolidRenderer, SolidComponentProps<TCmpOrArgs>>\n    : ComponentAnnotations<SolidRenderer, TCmpOrArgs>;\n\nexport type StoryFn<TCmpOrArgs = Args> = [TCmpOrArgs] extends [SolidComponent<any>]\n    ? AnnotatedStoryFn<SolidRenderer, SolidComponentProps<TCmpOrArgs>>\n    : AnnotatedStoryFn<SolidRenderer, TCmpOrArgs>;\n\nexport type StoryObj<TMetaOrCmpOrArgs = Args> = [TMetaOrCmpOrArgs] extends [\n    {\n        render?: ArgsStoryFn<SolidRenderer, any>;\n        component?: infer Cmp;\n        args?: infer DefaultArgs;\n    }\n]\n    ? Simplify<\n      (Cmp extends SolidComponent<any> ? SolidComponentProps<Cmp> : unknown)\n      & ArgsFromMeta<SolidRenderer, TMetaOrCmpOrArgs>\n    > extends infer TArgs\n        ? StoryAnnotations<\n            SolidRenderer,\n            AddMocks<TArgs, DefaultArgs>,\n            SetOptional<TArgs, keyof TArgs & keyof DefaultArgs>\n        >\n        : never\n    : [TMetaOrCmpOrArgs] extends [SolidComponent<any>]\n        ? StoryAnnotations<SolidRenderer, SolidComponentProps<TMetaOrCmpOrArgs>>\n        : StoryAnnotations<SolidRenderer, TMetaOrCmpOrArgs>;\n\nexport type Decorator<TArgs = StrictArgs> = DecoratorFunction<SolidRenderer, TArgs> & {\n    [IS_SOLID_JSX_FLAG]?: boolean;\n};\n\nexport type Loader<TArgs = StrictArgs> = LoaderFunction<SolidRenderer, TArgs>;\nexport type Preview = ProjectAnnotations<SolidRenderer>;\nexport type StoryContext<TArgs = StrictArgs> = GenericStoryContext<SolidRenderer, TArgs> & {\n    renderToCanvas: () => Promise<void>;\n};\n\nexport type RenderContext = GenericRenderContext<SolidRenderer>;\n\n/** Use for decorators that do not return JSX (e.g. they only call `Story()`). */\nexport const createDecorator = (\n    decorator: DecoratorFunction<SolidRenderer>\n): Decorator => {\n    return decorator as Decorator;\n};\n\n/** Use for decorators that return JSX. Ensures they run only once per story mount. */\nexport const createJSXDecorator = (\n    decorator: DecoratorFunction<SolidRenderer>\n): Decorator => {\n    (decorator as Decorator)[IS_SOLID_JSX_FLAG] = true;\n\n    return decorator as Decorator;\n};\n\nexport type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';\n","import type { Args, Globals, StoryContext as InternalStoryContext } from 'storybook/internal/types';\nimport type { SolidRenderer } from '../../preview/public-api';\n\n/** Update store via `(prev) => next` (version layer applies reconcile/draft setter). */\ntype SetStoreFn<T extends object> = (update: (prev: T) => T) => void;\n\n/** Reactive store tuple returned by `createStore` (state + setter). */\ntype SolidStore<T extends object> = readonly [\n    state: T,\n    setState: SetStoreFn<T>\n];\n\ntype CreateStoreFn = <T extends object>(initial: T) => SolidStore<T>;\n\nexport interface StoryStateStore {\n    isStoryRendered: (storyId: string) => boolean;\n    resetStory: (storyId: string) => void;\n    setRendered: (storyId: string, rendered: boolean) => void;\n    setDisposeFn: (storyId: string, disposeFn: (() => void) | null) => void;\n    makeContextReactive: (context: InternalStoryContext<SolidRenderer, Args>) => void;\n    disposeStory: (storyId: string) => void;\n}\n\nexport const getStoryId = (context: { id?: string; canvasElement?: { id?: string } }): string | undefined => {\n    const canvasId = context.canvasElement?.id;\n\n    if (!canvasId || canvasId === 'storybook-root') {\n        return context.id;\n    }\n\n    return canvasId;\n};\n\nexport function createStoryState(createStore: CreateStoreFn): StoryStateStore {\n    const [globals, setGlobals] = createStore<Globals>({});\n    const renderedStories = new Set<string>();\n    const argsStores = new Map<string, SolidStore<Args>>();\n    const disposers = new Map<string, () => void>();\n\n    const getArgsStore = (storyId: string): SolidStore<Args> => {\n        let store = argsStores.get(storyId);\n\n        if (!store) {\n            store = createStore({} as Args);\n            argsStores.set(storyId, store);\n        }\n\n        return store;\n    };\n\n    return {\n        isStoryRendered(storyId) {\n            return renderedStories.has(storyId);\n        },\n\n        resetStory(storyId) {\n            renderedStories.delete(storyId);\n            disposers.delete(storyId);\n            argsStores.delete(storyId);\n        },\n\n        setRendered(storyId, isRendered) {\n            if (isRendered) {\n                renderedStories.add(storyId);\n            }\n            else {\n                renderedStories.delete(storyId);\n            }\n        },\n\n        setDisposeFn(storyId, disposeFn) {\n            if (disposeFn) {\n                disposers.set(storyId, disposeFn);\n            }\n            else {\n                disposers.delete(storyId);\n            }\n        },\n\n        makeContextReactive(context) {\n            const storyId = getStoryId(context);\n\n            if (!storyId) {\n                throw new Error('Story ID is required');\n            }\n\n            const [args, setArgs] = getArgsStore(storyId);\n\n            // Update reactive stores with the new values\n            setArgs(() => context.args);\n            setGlobals(() => context.globals);\n\n            // Sync the reactive stores to the context\n            context.args = args;\n            context.globals = globals;\n        },\n\n        disposeStory(storyId) {\n            disposers.get(storyId)?.();\n            disposers.delete(storyId);\n        },\n    };\n}\n","import { defaultDecorateStory } from 'storybook/preview-api';\n\nimport { IS_SOLID_JSX_FLAG, type Decorator, type SolidRenderer } from '../../preview/public-api';\nimport { getStoryId } from './story-store';\n\nimport type { LegacyStoryFn } from 'storybook/internal/types';\nimport type { StoryStateStore } from './story-store';\n\nexport function createApplyDecorators({\n    storyStore,\n}: {\n    storyStore: StoryStateStore;\n}): (\n    storyFn: LegacyStoryFn<SolidRenderer>,\n    rawDecorators: Decorator[]\n) => LegacyStoryFn<SolidRenderer> {\n    return (storyFn, rawDecorators) => {\n        const decorators = rawDecorators.map(\n            (decorator): Decorator => {\n                const originalFn = (decorator as Decorator & { originalFn?: Decorator }).originalFn;\n                const isJSX = Boolean(\n                    decorator[IS_SOLID_JSX_FLAG] || originalFn?.[IS_SOLID_JSX_FLAG]\n                );\n\n                return (StoryFn, context) => {\n                    if (isJSX) {\n                        const storyId = getStoryId(context);\n\n                        if (storyId && storyStore.isStoryRendered(storyId)) {\n                            return StoryFn(context);\n                        }\n                    }\n\n                    return decorator(StoryFn, context);\n                };\n            }\n        );\n\n        return defaultDecorateStory((context) => {\n            const storyId = getStoryId(context);\n\n            if (storyId && storyStore.isStoryRendered(storyId)) {\n                return null;\n            }\n\n            return storyFn(context);\n        }, decorators);\n    };\n}\n","import { configure } from 'storybook/test';\n\n/** Configures `storybook/test` wrappers so Solid updates flush after async play steps. */\nexport const beforeAll = async() => {\n    try {\n        configure({\n            unstable_advanceTimersWrapper: (cb: () => any) => cb(),\n            asyncWrapper: async(cb: () => any) => {\n                const result = await cb();\n\n                await new Promise<void>((resolve) => {\n                    setTimeout(() => resolve(), 0);\n\n                    // @ts-expect-error global jest\n                    if (typeof jest !== 'undefined' && jest != null && ((setTimeout as any)._isMockFunction === true || Object.prototype.hasOwnProperty.call(setTimeout, 'clock'))) {\n                        // @ts-expect-error global jest\n                        jest!.advanceTimersByTime(0);\n                    }\n                });\n\n                return result;\n            },\n            eventWrapper: (cb: () => any) => cb(),\n        });\n    }\n    catch {\n        // storybook/test might not be available; noop\n    }\n};\n","import type { ArgsStoryFn } from 'storybook/internal/types';\nimport type { SolidRenderer } from '../../preview/public-api';\nimport type { SolidRuntimeCreateComponent } from './render-to-canvas';\n\n/** Default render for meta/stories with `component` + `args` and no custom `render` (CSF 3+). */\nexport function createDefaultRender(createComponent: SolidRuntimeCreateComponent): ArgsStoryFn<SolidRenderer> {\n    return (_, context) => {\n        if (!context.component) {\n            throw new Error(\n                `Unable to render story ${ context.id } as the component annotation is missing from the default export`\n            );\n        }\n\n        return createComponent(context.component, context.args);\n    };\n}\n","import { getStoryId } from './story-store';\n\nimport type { Args } from 'storybook/internal/types';\nimport type { StoryContext, StoryFnReturnType } from '../../preview/public-api';\nimport type { StoryStateStore } from './story-store';\n\n/** Play/mount API: sync reactive args and globals, then render via `renderToCanvas`. */\nexport function createMount({ storyStore }: { storyStore: StoryStateStore }) {\n    return (context: StoryContext<Args>) => {\n        const storyId = getStoryId(context);\n        const { forceRemount } = context;\n\n        if (!storyId) {\n            throw new Error('Story ID is required');\n        }\n\n        return async(ui: StoryFnReturnType) => {\n            if (ui != null) {\n                context.originalStoryFn = () => ui;\n            }\n\n            if (forceRemount) {\n                storyStore.disposeStory(storyId);\n            }\n\n            if (!storyStore.isStoryRendered(storyId) || forceRemount) {\n                storyStore.resetStory(storyId);\n            }\n\n            storyStore.makeContextReactive(context);\n\n            await context.renderToCanvas();\n\n            return context.canvas;\n        };\n    };\n}\n","import { getStoryId } from './story-store';\n\nimport type { RenderContext, SolidComponent, SolidRenderer } from '../../preview/public-api';\nimport type { StoryStateStore } from './story-store';\n\nexport type SolidRuntimeCreateComponent = (\n    component: SolidComponent,\n    props: object\n) => SolidRenderer['storyResult'];\n\nexport type SolidRendererRuntime = {\n    storyStore: StoryStateStore;\n    createComponent: SolidRuntimeCreateComponent;\n    render: (\n        renderFn: () => SolidRenderer['storyResult'],\n        canvasElement: SolidRenderer['canvasElement']\n    ) => () => void;\n};\n\nexport type StoryThunk = () => SolidRenderer['storyResult'];\n\nexport type StoryAppContext = {\n    Story: StoryThunk;\n    storyContext: RenderContext['storyContext'];\n    showMain: RenderContext['showMain'];\n    showException: RenderContext['showException'];\n    storyId: string;\n};\n\ntype RenderToCanvasOptions = SolidRendererRuntime & {\n    createStoryApp: (context: StoryAppContext) => SolidComponent;\n};\n\n/** Mounts or updates the story in the preview canvas. Returns cleanup when the story changes. */\nexport function createRenderToCanvas(options: RenderToCanvasOptions) {\n    const { storyStore, createComponent, render, createStoryApp } = options;\n\n    return async(\n        renderContext: RenderContext,\n        canvasElement: SolidRenderer['canvasElement']\n    ) => {\n        const storyId = getStoryId({ ...renderContext, canvasElement });\n\n        if (!storyId) {\n            throw new Error('Story ID is required');\n        }\n\n        const { storyContext, storyFn: StoryFn, showMain, showException } = renderContext;\n\n        if (!storyStore.isStoryRendered(storyId)) {\n            const App = createStoryApp({\n                Story: StoryFn,\n                storyContext,\n                showMain,\n                showException,\n                storyId,\n            });\n\n            const disposeFn = render(() => createComponent(App, {}), canvasElement);\n\n            storyStore.setDisposeFn(storyId, disposeFn);\n        }\n        else {\n            StoryFn();\n        }\n\n        return () => {\n            storyStore.disposeStory(storyId);\n            storyStore.resetStory(storyId);\n        };\n    };\n}\n"]}

package/dist/chunk-FGS26NTB.js

@@ -0,0 +1,68 @@
+import { createRenderToCanvas, createDefaultRender, createMount, beforeAll, createApplyDecorators, createStoryState } from './chunk-4R2BK5SE.js';
+import { __export } from './chunk-PZ5AY32C.js';
+import { global } from '@storybook/global';
+import { createComponent, onMount, onCleanup, ErrorBoundary } from 'solid-js';
+import { createStore as createStore$1, reconcile } from 'solid-js/store';
+import { render as render$1 } from 'solid-js/web';
+
+// src/renderer/solid-1.ts
+var solid_1_exports = {};
+__export(solid_1_exports, {
+  applyDecorators: () => applyDecorators,
+  beforeAll: () => beforeAll,
+  mount: () => mount,
+  parameters: () => parameters,
+  render: () => render,
+  renderToCanvas: () => renderToCanvas
+});
+if (global.window) {
+  global.window.STORYBOOK_ENV = "solid";
+}
+var createStore = (initial) => {
+  const [state, setStore] = createStore$1(initial);
+  const setState = (update) => {
+    setStore(reconcile(update(state)));
+  };
+  return [state, setState];
+};
+var storyStore = createStoryState(createStore);
+var runtime = {
+  storyStore,
+  createComponent,
+  render: render$1
+};
+var applyDecorators = createApplyDecorators({ storyStore });
+var mount = createMount(runtime);
+var render = createDefaultRender(runtime.createComponent);
+var renderToCanvas = createRenderToCanvas({
+  ...runtime,
+  createStoryApp: ({ Story, storyContext, showMain, showException, storyId }) => {
+    const App = () => {
+      onMount(() => {
+        showMain();
+        storyStore.setRendered(storyId, true);
+      });
+      onCleanup(() => {
+        storyStore.setRendered(storyId, false);
+      });
+      if (storyContext?.parameters?.["__isPortableStory"]) {
+        return createComponent(() => Story(), {});
+      }
+      return createComponent(ErrorBoundary, {
+        fallback: (err) => {
+          showException(err);
+          return err;
+        },
+        children: createComponent(() => Story(), {})
+      });
+    };
+    return App;
+  }
+});
+var parameters = {
+  renderer: "solid"
+};
+
+export { applyDecorators, mount, parameters, render, renderToCanvas, solid_1_exports };
+//# sourceMappingURL=chunk-FGS26NTB.js.map
+//# sourceMappingURL=chunk-FGS26NTB.js.map

package/dist/chunk-FGS26NTB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderer/solid-1.ts"],"names":["solidCreateStore","solidRender"],"mappings":";;;;;;;;AAAA,IAAA,eAAA,GAAA;AAAA,QAAA,CAAA,eAAA,EAAA;AAAA,EAAA,eAAA,EAAA,MAAA,eAAA;AAAA,EAAA,SAAA,EAAA,MAAA,SAAA;AAAA,EAAA,KAAA,EAAA,MAAA,KAAA;AAAA,EAAA,UAAA,EAAA,MAAA,UAAA;AAAA,EAAA,MAAA,EAAA,MAAA,MAAA;AAAA,EAAA,cAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAoBA,IAAI,OAAO,MAAA,EAAQ;AACf,EAAA,MAAA,CAAO,OAAO,aAAA,GAAgB,OAAA;AAClC;AAEA,IAAM,WAAA,GAAc,CAAmB,OAAA,KAAe;AAClD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,cAAoB,OAAO,CAAA;AAErD,EAAA,MAAM,QAAA,GAAW,CAAC,MAAA,KAA2B;AACzC,IAAA,QAAA,CAAS,SAAA,CAAU,MAAA,CAAO,KAAK,CAAC,CAAC,CAAA;AAAA,EACrC,CAAA;AAEA,EAAA,OAAO,CAAC,OAAO,QAAQ,CAAA;AAC3B,CAAA;AAEA,IAAM,UAAA,GAAa,iBAAiB,WAAW,CAAA;AAE/C,IAAM,OAAA,GAAgC;AAAA,EAClC,UAAA;AAAA,EACA,eAAA;AAAA,EACA,MAAA,EAAQC;AACZ,CAAA;AAEA,IAAM,eAAA,GAAkB,qBAAA,CAAsB,EAAE,UAAA,EAAY;AAC5D,IAAM,KAAA,GAAQ,YAAY,OAAO;AACjC,IAAM,MAAA,GAAS,mBAAA,CAAoB,OAAA,CAAQ,eAAe;AAC1D,IAAM,iBAAiB,oBAAA,CAAqB;AAAA,EACxC,GAAG,OAAA;AAAA,EACH,cAAA,EAAgB,CAAC,EAAE,KAAA,EAAO,cAAc,QAAA,EAAU,aAAA,EAAe,SAAQ,KAAM;AAC3E,IAAA,MAAM,MAAsB,MAAM;AAC9B,MAAA,OAAA,CAAQ,MAAM;AACV,QAAA,QAAA,EAAS;AACT,QAAA,UAAA,CAAW,WAAA,CAAY,SAAS,IAAI,CAAA;AAAA,MACxC,CAAC,CAAA;AAED,MAAA,SAAA,CAAU,MAAM;AACZ,QAAA,UAAA,CAAW,WAAA,CAAY,SAAS,KAAK,CAAA;AAAA,MACzC,CAAC,CAAA;AAGD,MAAA,IAAI,YAAA,EAAc,UAAA,GAAa,mBAAmB,CAAA,EAAG;AACjD,QAAA,OAAO,eAAA,CAAgB,MAAM,KAAA,EAAM,EAAG,EAAE,CAAA;AAAA,MAC5C;AAEA,MAAA,OAAO,gBAAgB,aAAA,EAAe;AAAA,QAClC,QAAA,EAAU,CAAC,GAAA,KAAe;AACtB,UAAA,aAAA,CAAc,GAAG,CAAA;AAEjB,UAAA,OAAO,GAAA;AAAA,QACX,CAAA;AAAA,QACA,UAAU,eAAA,CAAgB,MAAM,KAAA,EAAM,EAAG,EAAE;AAAA,OAC9C,CAAA;AAAA,IACL,CAAA;AAEA,IAAA,OAAO,GAAA;AAAA,EACX;AACJ,CAAC;AAGD,IAAM,UAAA,GAAa;AAAA,EACf,QAAA,EAAU;AACd","file":"chunk-FGS26NTB.js","sourcesContent":["import { global } from '@storybook/global';\nimport {\n    createComponent,\n    ErrorBoundary,\n    onCleanup,\n    onMount,\n} from 'solid-js';\nimport { reconcile, createStore as solidCreateStore } from 'solid-js/store';\nimport { render as solidRender } from 'solid-js/web';\n\nimport { createApplyDecorators } from './shared/apply-decorators';\nimport { beforeAll } from './shared/before-all';\nimport { createDefaultRender } from './shared/default-render';\nimport { createMount } from './shared/mount';\nimport { createRenderToCanvas } from './shared/render-to-canvas';\nimport { createStoryState } from './shared/story-store';\n\nimport type { SolidComponent } from '../preview/public-api';\nimport type { SolidRendererRuntime } from './shared/render-to-canvas';\n\nif (global.window) {\n    global.window.STORYBOOK_ENV = 'solid';\n}\n\nconst createStore = <T extends object>(initial: T) => {\n    const [state, setStore] = solidCreateStore<T>(initial);\n\n    const setState = (update: (prev: T) => T) => {\n        setStore(reconcile(update(state)));\n    };\n\n    return [state, setState] as const;\n};\n\nconst storyStore = createStoryState(createStore);\n\nconst runtime: SolidRendererRuntime = {\n    storyStore,\n    createComponent,\n    render: solidRender,\n};\n\nconst applyDecorators = createApplyDecorators({ storyStore });\nconst mount = createMount(runtime);\nconst render = createDefaultRender(runtime.createComponent);\nconst renderToCanvas = createRenderToCanvas({\n    ...runtime,\n    createStoryApp: ({ Story, storyContext, showMain, showException, storyId }) => {\n        const App: SolidComponent = () => {\n            onMount(() => {\n                showMain();\n                storyStore.setRendered(storyId, true);\n            });\n\n            onCleanup(() => {\n                storyStore.setRendered(storyId, false);\n            });\n\n\n            if (storyContext?.parameters?.['__isPortableStory']) {\n                return createComponent(() => Story(), {});\n            }\n\n            return createComponent(ErrorBoundary, {\n                fallback: (err: Error) => {\n                    showException(err);\n\n                    return err as any;\n                },\n                children: createComponent(() => Story(), {}),\n            });\n        };\n\n        return App;\n    },\n});\n\n/** Preview-wide parameters for the Solid renderer. */\nconst parameters = {\n    renderer: 'solid',\n};\n\nexport {\n    applyDecorators,\n    beforeAll,\n    mount,\n    parameters,\n    render,\n    renderToCanvas,\n};\n"]}

package/dist/{chunk-QRPXDQGQ.js → chunk-KZXNQC4Q.js}

@@ -1,16 +1,16 @@
-import { entry_preview_argtypes_exports } from './chunk-GZ3XWUGK.js';
-import { entry_preview_exports } from './chunk-H7QHQTFU.js';
+import { argtypes_exports } from './chunk-OHDHM5OZ.js';
+import { docs_exports } from './chunk-UQOUKQDU.js';
 import { definePreview } from 'storybook/internal/csf';
 
-function createDefinePreview(solidAnnotations) {
-  return function definePreview$1(input) {
+function createSolidDefinePreview(solidAnnotations) {
+  return ((input) => {
     const { addons, ...projectAnnotations } = input;
     const preview = definePreview({
       ...projectAnnotations,
       addons: [
         solidAnnotations,
-        entry_preview_argtypes_exports,
-        entry_preview_exports,
+        argtypes_exports,
+        docs_exports,
         ...addons ?? []
       ]
     });
@@ -26,9 +26,9 @@ function createDefinePreview(solidAnnotations) {
       return meta;
     };
     return preview;
-  };
+  });
 }
 
-export { createDefinePreview };
-//# sourceMappingURL=chunk-QRPXDQGQ.js.map
-//# sourceMappingURL=chunk-QRPXDQGQ.js.map
+export { createSolidDefinePreview };
+//# sourceMappingURL=chunk-KZXNQC4Q.js.map
+//# sourceMappingURL=chunk-KZXNQC4Q.js.map

package/dist/chunk-KZXNQC4Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preview/define-preview.ts"],"names":["definePreviewBase"],"mappings":";;;;AAkGO,SAAS,yBAAyB,gBAAA,EAAuC;AAC5E,EAAA,QAAQ,CACJ,KAAA,KACC;AACD,IAAA,MAAM,EAAE,MAAA,EAAQ,GAAG,kBAAA,EAAmB,GAAI,KAAA;AAE1C,IAAA,MAAM,UAAUA,aAAA,CAAkB;AAAA,MAC9B,GAAG,kBAAA;AAAA,MACH,MAAA,EAAQ;AAAA,QACJ,gBAAA;AAAA,QACA,gBAAA;AAAA,QACA,YAAA;AAAA,QACA,GAAI,UAAU;AAAC;AACnB,KACH,CAAA;AAED,IAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,OAAO,CAAA;AAE5C,IAAA,OAAA,CAAQ,IAAA,GAAO,CAAC,MAAA,KAAW;AACvB,MAAA,MAAM,IAAA,GAAO,WAAW,MAAM,CAAA;AAC9B,MAAA,MAAM,WAAA,GAAc,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAExC,MAAA,IAAA,CAAK,KAAA,GAAQ,CAAC,OAAA,KAAiB;AAC3B,QAAA,MAAM,KAAA,GAAQ,YAAY,OAAO,CAAA;AAGjC,QAAA,KAAA,CAAM,SAAA,GAAY,MAAM,SAAA,EAAU;AAElC,QAAA,OAAO,KAAA;AAAA,MACX,CAAA;AAEA,MAAA,OAAO,IAAA;AAAA,IACX,CAAA;AAEA,IAAA,OAAO,OAAA;AAAA,EACX,CAAA;AAKJ","file":"chunk-KZXNQC4Q.js","sourcesContent":["import { definePreview as definePreviewBase } from 'storybook/internal/csf';\n\nimport * as solidArgTypesAnnotations from '../renderer/argtypes';\nimport * as solidDocsAnnotations from '../renderer/docs';\n\nimport type { AddonTypes, InferTypes, Meta, Preview, PreviewAddon, Story } from 'storybook/internal/csf';\nimport type {\n    Args,\n    ArgsStoryFn,\n    ComponentAnnotations,\n    DecoratorFunction,\n    ProjectAnnotations,\n    Renderer,\n    StoryAnnotations,\n} from 'storybook/internal/types';\nimport type { OmitIndexSignature, SetOptional, Simplify, UnionToIntersection } from 'type-fest';\nimport type { AddMocks, EmptyMetaArgs, SolidComponent, SolidTypes } from './public-api';\n\n/** Extracts and unions all args types from an array of decorators. */\ntype DecoratorsArgs<TRenderer extends Renderer, Decorators> = UnionToIntersection<\n    Decorators extends DecoratorFunction<TRenderer, infer TArgs> ? TArgs : unknown\n>;\n\ntype InferArgs<TArgs, T, Decorators> = Simplify<\n    TArgs & Simplify<OmitIndexSignature<DecoratorsArgs<SolidTypes & T, Decorators>>>\n>;\n\ntype InferSolidTypes<T, TArgs, Decorators> = SolidTypes & T & {\n    args: Simplify<InferArgs<TArgs, T, Decorators>>;\n};\n\nexport type DefinePreviewInput<Addons extends PreviewAddon<never>[] = []> = {\n    addons?: Addons;\n} & ProjectAnnotations<SolidTypes & InferTypes<Addons>>;\n\n/** @ts-expect-error We cannot implement the meta faithfully here, but that is okay. */\nexport interface SolidPreview<T extends AddonTypes> extends Preview<SolidTypes & T> {\n    type: <R>() => SolidPreview<T & R>;\n\n    meta: <\n        TArgs extends Args,\n        Decorators extends DecoratorFunction<SolidTypes & T, any>,\n        TMetaArgs extends Partial<TArgs & T['args']>\n    >(\n        meta: {\n            render?: ArgsStoryFn<SolidTypes & T, TArgs & T['args']>;\n            component?: SolidComponent<TArgs>;\n            decorators?: Decorators | Decorators[];\n            args?: TMetaArgs;\n        } & Omit<\n            ComponentAnnotations<SolidTypes & T, TArgs>,\n            'decorators' | 'component' | 'args' | 'render'\n        >\n    ) => SolidMeta<\n        InferSolidTypes<T, TArgs, Decorators>,\n        Omit<ComponentAnnotations<InferSolidTypes<T, TArgs, Decorators>>, 'args'> & {\n            args: Partial<TArgs> extends TMetaArgs ? EmptyMetaArgs : TMetaArgs;\n        }\n    >;\n}\n\nexport interface SolidMeta<T extends SolidTypes, MetaInput extends ComponentAnnotations<T>>\n    /** @ts-expect-error SolidMeta requires two type parameters, but Meta's constraints differ */\n    extends Meta<T, MetaInput> {\n    story: (<\n        TInput extends\n            | (() => SolidTypes['storyResult'])\n            | (StoryAnnotations<T, T['args']> & {\n                render: () => SolidTypes['storyResult'];\n            })\n    >(\n        story: TInput\n    ) => SolidStory<T, TInput extends () => SolidTypes['storyResult'] ? { render: TInput } : TInput>) & (<\n        TInput extends Simplify<\n            StoryAnnotations<\n                T,\n                AddMocks<T['args'], MetaInput['args']>,\n                SetOptional<T['args'], keyof T['args'] & keyof MetaInput['args']>\n            >\n        >\n    >(\n        story: TInput\n        /** @ts-expect-error hard */\n    ) => SolidStory<T, TInput>) & ((\n        ..._args: Partial<T['args']> extends SetOptional<\n            T['args'],\n            keyof T['args'] & keyof MetaInput['args']\n        >\n            ? []\n            : [never]\n    ) => SolidStory<T, EmptyMetaArgs>);\n}\n\nexport interface SolidStory<T extends SolidTypes, TInput extends StoryAnnotations<T, T['args']>>\n    extends Story<T, TInput> {\n    Component: SolidComponent<Partial<T['args']>>;\n}\n\nexport function createSolidDefinePreview(solidAnnotations: PreviewAddon<never>) {\n    return (<Addons extends PreviewAddon<never>[] = []>(\n        input: DefinePreviewInput<Addons>\n    ) => {\n        const { addons, ...projectAnnotations } = input;\n\n        const preview = definePreviewBase({\n            ...projectAnnotations,\n            addons: [\n                solidAnnotations,\n                solidArgTypesAnnotations,\n                solidDocsAnnotations,\n                ...(addons ?? []),\n            ],\n        });\n\n        const defineMeta = preview.meta.bind(preview);\n\n        preview.meta = (_input) => {\n            const meta = defineMeta(_input);\n            const defineStory = meta.story.bind(meta);\n\n            meta.story = (__input: any) => {\n                const story = defineStory(__input);\n\n                // @ts-ignore this is a private property used only here\n                story.Component = story.__compose();\n\n                return story;\n            };\n\n            return meta;\n        };\n\n        return preview;\n    }) as unknown as <\n        Addons extends PreviewAddon<never>[] = []\n    >(\n        input: DefinePreviewInput<Addons>\n    ) => SolidPreview<SolidTypes & InferTypes<Addons>>;\n}\n"]}

package/dist/{chunk-FGHVLJAL.js → chunk-LKTA6WTO.js}

@@ -1,4 +1,14 @@
-// src/componentManifest/toDocgenInfo.ts
+// src/internal/componentManifest/toDocgenInfo.ts
+function serializeDocgenPropType(type) {
+  const docgenType = {
+    name: type.name,
+    raw: type.raw ?? type.name
+  };
+  if (type.value != null) {
+    docgenType.value = type.value;
+  }
+  return docgenType;
+}
 function solidComponentDocToDocgenInfo(doc) {
   return {
     ...doc.displayName !== void 0 ? { displayName: doc.displayName } : {},
@@ -8,10 +18,7 @@ function solidComponentDocToDocgenInfo(doc) {
         const entry = {
           name: prop.name,
           required: prop.required,
-          type: {
-            name: prop.type.name,
-            raw: prop.type.raw ?? prop.type.name
-          },
+          type: serializeDocgenPropType(prop.type),
           defaultValue: prop.defaultValue ?? null
         };
         if (prop.description !== void 0) {
@@ -38,5 +45,5 @@ function solidComponentDocToArgTypesData(doc) {
 }
 
 export { solidComponentDocToArgTypesData, solidComponentDocToDocgenInfo };
-//# sourceMappingURL=chunk-FGHVLJAL.js.map
-//# sourceMappingURL=chunk-FGHVLJAL.js.map
+//# sourceMappingURL=chunk-LKTA6WTO.js.map
+//# sourceMappingURL=chunk-LKTA6WTO.js.map

package/dist/chunk-LKTA6WTO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/componentManifest/toDocgenInfo.ts"],"names":[],"mappings":";AAqBA,SAAS,wBAAwB,IAAA,EAAkD;AAC/E,EAAA,MAAM,UAAA,GAAkD;AAAA,IACpD,MAAM,IAAA,CAAK,IAAA;AAAA,IACX,GAAA,EAAK,IAAA,CAAK,GAAA,IAAO,IAAA,CAAK;AAAA,GAC1B;AAEA,EAAA,IAAI,IAAA,CAAK,SAAS,IAAA,EAAM;AACpB,IAAA,UAAA,CAAW,QAAQ,IAAA,CAAK,KAAA;AAAA,EAC5B;AAEA,EAAA,OAAO,UAAA;AACX;AAEO,SAAS,8BAA8B,GAAA,EAAoC;AAC9E,EAAA,OAAO;AAAA,IACH,GAAI,IAAI,WAAA,KAAgB,MAAA,GAAY,EAAE,WAAA,EAAa,GAAA,CAAI,WAAA,EAAY,GAAI,EAAC;AAAA,IACxE,GAAI,IAAI,WAAA,KAAgB,MAAA,GAAY,EAAE,WAAA,EAAa,GAAA,CAAI,WAAA,EAAY,GAAI,EAAC;AAAA,IACxE,OAAO,MAAA,CAAO,WAAA;AAAA,MACV,MAAA,CAAO,OAAA,CAAQ,GAAA,CAAI,KAAK,CAAA,CAAE,IAAI,CAAC,CAAC,IAAA,EAAM,IAAI,CAAA,KAAM;AAC5C,QAAA,MAAM,KAAA,GAAqC;AAAA,UACvC,MAAM,IAAA,CAAK,IAAA;AAAA,UACX,UAAU,IAAA,CAAK,QAAA;AAAA,UACf,IAAA,EAAM,uBAAA,CAAwB,IAAA,CAAK,IAAI,CAAA;AAAA,UACvC,YAAA,EAAc,KAAK,YAAA,IAAgB;AAAA,SACvC;AAEA,QAAA,IAAI,IAAA,CAAK,gBAAgB,MAAA,EAAW;AAChC,UAAA,KAAA,CAAM,cAAc,IAAA,CAAK,WAAA;AAAA,QAC7B;AAEA,QAAA,OAAO,CAAC,MAAM,KAAK,CAAA;AAAA,MACvB,CAAC;AAAA;AACL,GACJ;AACJ;AAEO,SAAS,gCAAgC,GAAA,EAAiD;AAC7F,EAAA,MAAM,UAAA,GAAa,8BAA8B,GAAG,CAAA;AAEpD,EAAA,OAAO,MAAA,CAAO,WAAA;AAAA,IACV,MAAA,CAAO,OAAA,CAAQ,UAAA,CAAW,KAAK,CAAA,CAAE,IAAI,CAAC,CAAC,IAAA,EAAM,IAAI,CAAA,KAAM;AAAA,MACnD,IAAA;AAAA,MACA;AAAA,QACI,IAAA;AAAA,QACA,IAAA,EAAM,KAAK,IAAA,CAAK,IAAA;AAAA,QAChB,QAAA,EAAU,KAAK,QAAA,IAAY,KAAA;AAAA,QAC3B,aAAa,IAAA,CAAK;AAAA;AACtB,KACH;AAAA,GACL;AACJ","file":"chunk-LKTA6WTO.js","sourcesContent":["import type { SolidComponentDoc } from './types';\n\n/** Maps Solid component-meta (RCM) output to the `__docgenInfo` shape consumed by `storybook/internal/docs-tools`. */\nexport type DocgenInfo = {\n    displayName?: string;\n    description?: string;\n    props: Record<string, {\n        name: string;\n        description?: string;\n        required?: boolean;\n        type: {\n            name: string;\n            raw?: string;\n            value?: unknown;\n            computed?: boolean;\n        };\n        defaultValue?: { value: string } | null;\n        parent?: { name: string; fileName: string };\n    }>;\n};\n\nfunction serializeDocgenPropType(type: SolidComponentDoc['props'][string]['type']) {\n    const docgenType: DocgenInfo['props'][string]['type'] = {\n        name: type.name,\n        raw: type.raw ?? type.name,\n    };\n\n    if (type.value != null) {\n        docgenType.value = type.value;\n    }\n\n    return docgenType;\n}\n\nexport function solidComponentDocToDocgenInfo(doc: SolidComponentDoc): DocgenInfo {\n    return {\n        ...(doc.displayName !== undefined ? { displayName: doc.displayName } : {}),\n        ...(doc.description !== undefined ? { description: doc.description } : {}),\n        props: Object.fromEntries(\n            Object.entries(doc.props).map(([name, prop]) => {\n                const entry: DocgenInfo['props'][string] = {\n                    name: prop.name,\n                    required: prop.required,\n                    type: serializeDocgenPropType(prop.type),\n                    defaultValue: prop.defaultValue ?? null,\n                };\n\n                if (prop.description !== undefined) {\n                    entry.description = prop.description;\n                }\n\n                return [name, entry];\n            })\n        ),\n    };\n}\n\nexport function solidComponentDocToArgTypesData(doc: SolidComponentDoc): Record<string, unknown> {\n    const docgenInfo = solidComponentDocToDocgenInfo(doc);\n\n    return Object.fromEntries(\n        Object.entries(docgenInfo.props).map(([name, prop]) => [\n            name,\n            {\n                name,\n                type: prop.type.name,\n                required: prop.required ?? false,\n                description: prop.description,\n            },\n        ])\n    );\n}\n"]}

package/dist/chunk-NOGINBE3.js

@@ -0,0 +1,8 @@
+// src/framework/public-api.ts
+function defineMain(config) {
+  return config;
+}
+
+export { defineMain };
+//# sourceMappingURL=chunk-NOGINBE3.js.map
+//# sourceMappingURL=chunk-NOGINBE3.js.map

package/dist/chunk-NOGINBE3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/framework/public-api.ts"],"names":[],"mappings":";AAEO,SAAS,WAAW,MAAA,EAAyB;AAChD,EAAA,OAAO,MAAA;AACX","file":"chunk-NOGINBE3.js","sourcesContent":["import type { StorybookConfig } from './types';\n\nexport function defineMain(config: StorybookConfig) {\n    return config;\n}\n\nexport type * from './types';\n"]}