@storybook/svelte 9.2.0-alpha.2 → 10.0.0-beta.0

package/README.md

@@ -1 +1,5 @@
 # Storybook Svelte renderer
+
+Develop, document, and test UI components in isolation.
+
+Learn more about Storybook at [storybook.js.org](https://storybook.js.org/?ref=readme).

package/dist/_browser-chunks/chunk-6F5NZ26N.js

@@ -0,0 +1,291 @@
+import {
+  __export,
+  __name
+} from "./chunk-JFJ5UJ7Q.js";
+
+// src/entry-preview.ts
+var entry_preview_exports = {};
+__export(entry_preview_exports, {
+  applyDecorators: () => decorateStory,
+  argTypesEnhancers: () => argTypesEnhancers,
+  mount: () => mount2,
+  parameters: () => parameters,
+  render: () => render,
+  renderToCanvas: () => renderToCanvas
+});
+import { enhanceArgTypes } from "storybook/internal/docs-tools";
+
+// src/extractArgTypes.ts
+import { logger } from "storybook/internal/client-logger";
+function hasKeyword(keyword, keywords) {
+  return keywords ? keywords.find((k) => k.name === keyword) != null : false;
+}
+__name(hasKeyword, "hasKeyword");
+var extractArgTypes = /* @__PURE__ */ __name((component) => {
+  try {
+    const docgen = component.__docgen;
+    if (docgen) {
+      return createArgTypes(docgen);
+    }
+  } catch (err) {
+    logger.log(`Error extracting argTypes: ${err}`);
+  }
+  return {};
+}, "extractArgTypes");
+var createArgTypes = /* @__PURE__ */ __name((docgen) => {
+  const results = {};
+  if (docgen.data) {
+    docgen.data.forEach((item) => {
+      results[item.name] = {
+        ...parseTypeToControl(item.type),
+        name: item.name,
+        description: item.description || void 0,
+        type: {
+          required: hasKeyword("required", item.keywords || []),
+          name: item.type?.text === "{}" ? "object" : item.type?.text
+        },
+        table: {
+          type: {
+            summary: item.type?.text
+          },
+          defaultValue: {
+            summary: item.defaultValue
+          },
+          category: "properties"
+        }
+      };
+    });
+  }
+  if (docgen.events) {
+    docgen.events.forEach((item) => {
+      results[`event_${item.name}`] = {
+        name: item.name,
+        action: item.name,
+        control: false,
+        ...item.description ? { description: item.description } : {},
+        table: {
+          category: "events"
+        }
+      };
+    });
+  }
+  if (docgen.slots) {
+    docgen.slots.forEach((item) => {
+      results[`slot_${item.name}`] = {
+        name: item.name,
+        control: false,
+        description: [item.description, item.params?.map((p) => `\`${p.name}\``).join(" ")].filter((p) => p).join("\n\n"),
+        table: {
+          category: "slots"
+        }
+      };
+    });
+  }
+  return results;
+}, "createArgTypes");
+var parseTypeToControl = /* @__PURE__ */ __name((type) => {
+  if (!type) {
+    return null;
+  }
+  if (type.kind === "type") {
+    switch (type.type) {
+      case "string":
+        return { control: { type: "text" } };
+      case "any":
+        return { control: { type: "object" } };
+      default:
+        return { control: { type: type.type } };
+    }
+  } else if (type.kind === "union") {
+    if (Array.isArray(type.type) && !type.type.some(
+      (t) => t.kind !== "const" || !["string", "number", "null", "undefined"].includes(t.type)
+    )) {
+      const options = type.type.map((t) => t.value);
+      return {
+        control: {
+          type: "radio"
+        },
+        options
+      };
+    }
+  } else if (type.kind === "function") {
+    return { control: null };
+  }
+  return null;
+}, "parseTypeToControl");
+
+// src/extractComponentDescription.ts
+function extractComponentDescription(component) {
+  return component?.__docgen?.description || "";
+}
+__name(extractComponentDescription, "extractComponentDescription");
+
+// src/render.ts
+import { RESET_STORY_ARGS } from "storybook/internal/core-events";
+import PreviewRender from "@storybook/svelte/internal/PreviewRender.svelte";
+import { createReactiveProps } from "@storybook/svelte/internal/createReactiveProps";
+import { addons } from "storybook/preview-api";
+import * as svelte from "svelte";
+var storyIdsToRemountFromResetArgsEvent = /* @__PURE__ */ new Set();
+addons.getChannel().on(RESET_STORY_ARGS, ({ storyId }) => {
+  storyIdsToRemountFromResetArgsEvent.add(storyId);
+});
+var componentsByDomElement = /* @__PURE__ */ new Map();
+function renderToCanvas({
+  storyFn,
+  title,
+  name,
+  showMain,
+  showError,
+  storyContext,
+  forceRemount
+}, canvasElement) {
+  function unmount2(canvasElementToUnmount) {
+    const { mountedComponent } = componentsByDomElement.get(canvasElementToUnmount) ?? {};
+    if (!mountedComponent) {
+      return;
+    }
+    svelte.unmount(mountedComponent);
+    componentsByDomElement.delete(canvasElementToUnmount);
+  }
+  __name(unmount2, "unmount");
+  const existingComponent = componentsByDomElement.get(canvasElement);
+  let remount = forceRemount;
+  if (storyIdsToRemountFromResetArgsEvent.has(storyContext.id)) {
+    remount = true;
+    storyIdsToRemountFromResetArgsEvent.delete(storyContext.id);
+  }
+  if (remount) {
+    unmount2(canvasElement);
+  }
+  if (!existingComponent || remount) {
+    const props = createReactiveProps({
+      storyFn,
+      storyContext,
+      name,
+      title,
+      showError
+    });
+    const mountedComponent = svelte.mount(PreviewRender, {
+      target: canvasElement,
+      props
+    });
+    componentsByDomElement.set(canvasElement, { mountedComponent, props });
+  } else {
+    Object.assign(existingComponent.props, {
+      storyFn,
+      storyContext,
+      name,
+      title,
+      showError
+    });
+  }
+  showMain();
+  return () => {
+    unmount2(canvasElement);
+  };
+}
+__name(renderToCanvas, "renderToCanvas");
+var render = /* @__PURE__ */ __name((args, context) => {
+  const { id, component: Component } = context;
+  if (!Component) {
+    throw new Error(
+      `Unable to render story ${id} as the component annotation is missing from the default export`
+    );
+  }
+  return { Component, props: args };
+}, "render");
+
+// src/decorators.ts
+import DecoratorHandler from "@storybook/svelte/internal/DecoratorHandler.svelte";
+import { sanitizeStoryContextUpdate } from "storybook/preview-api";
+function unWrap(obj) {
+  return obj && typeof obj === "object" && "default" in obj ? obj.default : obj;
+}
+__name(unWrap, "unWrap");
+function prepareStory(context, rawStory, rawInnerStory) {
+  const story = unWrap(rawStory);
+  const innerStory = rawInnerStory && unWrap(rawInnerStory);
+  let preparedStory;
+  if (!story || Object.keys(story).length === 0) {
+    preparedStory = {
+      Component: context.component
+    };
+  } else if (story.Component) {
+    preparedStory = story;
+  } else {
+    preparedStory = {
+      Component: story
+    };
+  }
+  if (innerStory) {
+    return {
+      Component: DecoratorHandler,
+      props: {
+        // inner stories will already have been prepared, keep as is
+        ...innerStory,
+        decorator: preparedStory
+      }
+    };
+  }
+  return { ...preparedStory, argTypes: context.argTypes };
+}
+__name(prepareStory, "prepareStory");
+function decorateStory(storyFn, decorators) {
+  return decorators.reduce(
+    (decorated, decorator) => (context) => {
+      let story;
+      const decoratedStory = decorator((update) => {
+        story = decorated({
+          ...context,
+          ...sanitizeStoryContextUpdate(update)
+        });
+        return story;
+      }, context);
+      if (!story) {
+        story = decorated(context);
+      }
+      if (decoratedStory === story) {
+        return story;
+      }
+      return prepareStory(context, decoratedStory, story);
+    },
+    (context) => prepareStory(context, storyFn(context))
+  );
+}
+__name(decorateStory, "decorateStory");
+
+// src/mount.ts
+var mount2 = /* @__PURE__ */ __name((context) => {
+  return async (Component, options) => {
+    if (Component) {
+      context.originalStoryFn = () => ({
+        Component,
+        props: options && "props" in options ? options?.props : options
+      });
+    }
+    await context.renderToCanvas();
+    return context.canvas;
+  };
+}, "mount");
+
+// src/entry-preview.ts
+var parameters = {
+  renderer: "svelte",
+  docs: {
+    story: { inline: true },
+    extractArgTypes,
+    extractComponentDescription
+  }
+};
+var argTypesEnhancers = [enhanceArgTypes];
+
+export {
+  renderToCanvas,
+  render,
+  decorateStory,
+  mount2 as mount,
+  parameters,
+  argTypesEnhancers,
+  entry_preview_exports
+};

package/dist/_browser-chunks/chunk-JFJ5UJ7Q.js

@@ -0,0 +1,11 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __name,
+  __export
+};

package/dist/entry-preview-docs.js

@@ -1,5 +1,124 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var entry_preview_docs_exports={};__export(entry_preview_docs_exports,{decorators:()=>decorators});module.exports=__toCommonJS(entry_preview_docs_exports);var import_client_logger=require("storybook/internal/client-logger"),import_docs_tools=require("storybook/internal/docs-tools"),import_preview_api=require("storybook/preview-api"),skipSourceRender=context=>{let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return(context?.tags??[]).some(tag=>tag.startsWith("svelte-csf"))?!0:sourceParams?.type===import_docs_tools.SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===import_docs_tools.SourceType.CODE};function toSvelteProperty(key,value,argTypes){if(value==null)return null;let argType=argTypes[key];return argType&&argType.defaultValue===value||argType&&argType.action?null:value===!0?key:typeof value=="string"?`${key}=${JSON.stringify(value)}`:typeof value=="function"?`${key}={<handler>}`:`${key}={${JSON.stringify(value)}}`}function getComponentName(component){if(component==null)return null;let{__docgen={}}=component,{name}=__docgen;return name?(name.endsWith(".svelte")&&(name=name.substring(0,name.length-7)),name):component.name}function generateSvelteSource(component,args,argTypes,slotProperty){let name=getComponentName(component);if(!name)return null;let propsArray=Object.entries(args).filter(([k])=>k!==slotProperty).map(([k,v])=>toSvelteProperty(k,v,argTypes)).filter(p=>p),props=propsArray.join(" "),multiline=props.length>50,slotValue=slotProperty?args[slotProperty]:null,srcStart=multiline?`<${name}
-  ${propsArray.join(`
-  `)}`:`<${name} ${props}`;return slotValue?`${srcStart}>
+import {
+  __name
+} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+
+// src/docs/sourceDecorator.ts
+import { deprecate } from "storybook/internal/client-logger";
+import { SourceType } from "storybook/internal/docs-tools";
+import { emitTransformCode, useEffect, useRef } from "storybook/preview-api";
+var skipSourceRender = /* @__PURE__ */ __name((context) => {
+  const sourceParams = context?.parameters.docs?.source;
+  const isArgsStory = context?.parameters.__isArgsStory;
+  if ((context?.tags ?? []).some((tag) => tag.startsWith("svelte-csf"))) {
+    return true;
+  }
+  if (sourceParams?.type === SourceType.DYNAMIC) {
+    return false;
+  }
+  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
+}, "skipSourceRender");
+function toSvelteProperty(key, value, argTypes) {
+  if (value === void 0 || value === null) {
+    return null;
+  }
+  const argType = argTypes[key];
+  if (argType && argType.defaultValue === value) {
+    return null;
+  }
+  if (argType && argType.action) {
+    return null;
+  }
+  if (value === true) {
+    return key;
+  }
+  if (typeof value === "string") {
+    return `${key}=${JSON.stringify(value)}`;
+  }
+  if (typeof value === "function") {
+    return `${key}={<handler>}`;
+  }
+  return `${key}={${JSON.stringify(value)}}`;
+}
+__name(toSvelteProperty, "toSvelteProperty");
+function getComponentName(component) {
+  if (component == null) {
+    return null;
+  }
+  const { __docgen = {} } = component;
+  let { name } = __docgen;
+  if (!name) {
+    return component.name;
+  }
+  if (name.endsWith(".svelte")) {
+    name = name.substring(0, name.length - 7);
+  }
+  return name;
+}
+__name(getComponentName, "getComponentName");
+function generateSvelteSource(component, args, argTypes, slotProperty) {
+  const name = getComponentName(component);
+  if (!name) {
+    return null;
+  }
+  const propsArray = Object.entries(args).filter(([k]) => k !== slotProperty).map(([k, v]) => toSvelteProperty(k, v, argTypes)).filter((p) => p);
+  const props = propsArray.join(" ");
+  const multiline = props.length > 50;
+  const slotValue = slotProperty ? args[slotProperty] : null;
+  const srcStart = multiline ? `<${name}
+  ${propsArray.join("\n  ")}` : `<${name} ${props}`;
+  if (slotValue) {
+    return `${srcStart}>
     ${slotValue}
-</${name}>`:`${srcStart}/>`}function getWrapperProperties(component){let{__docgen}=component||{};return __docgen?__docgen.keywords?.find(kw=>kw.name==="wrapper")?{wrapper:!0,slotProperty:__docgen.data?.find(prop=>prop.keywords.find(kw=>kw.name==="slot"))?.name}:{wrapper:!1}:{wrapper:!1}}var sourceDecorator=(storyFn,context)=>{let skip=skipSourceRender(context),story=storyFn(),source=(0,import_preview_api.useRef)(void 0);return(0,import_preview_api.useEffect)(()=>{if(skip)return;let{parameters={},args={},component:ctxComponent}=context||{},{Component:component}=context.originalStoryFn(args,context),{wrapper,slotProperty}=getWrapperProperties(component);wrapper&&(parameters.component&&(0,import_client_logger.deprecate)("parameters.component is deprecated. Using context.component instead."),component=ctxComponent);let generated=generateSvelteSource(component,args,context?.argTypes,slotProperty);generated&&source.current!==generated&&((0,import_preview_api.emitTransformCode)(generated,context),source.current=generated)}),story};var decorators=[sourceDecorator];0&&(module.exports={decorators});
+</${name}>`;
+  }
+  return `${srcStart}/>`;
+}
+__name(generateSvelteSource, "generateSvelteSource");
+function getWrapperProperties(component) {
+  const { __docgen } = component || {};
+  if (!__docgen) {
+    return { wrapper: false };
+  }
+  if (!__docgen.keywords?.find((kw) => kw.name === "wrapper")) {
+    return { wrapper: false };
+  }
+  const slotProp = __docgen.data?.find(
+    (prop) => prop.keywords.find((kw) => kw.name === "slot")
+  );
+  return { wrapper: true, slotProperty: slotProp?.name };
+}
+__name(getWrapperProperties, "getWrapperProperties");
+var sourceDecorator = /* @__PURE__ */ __name((storyFn, context) => {
+  const skip = skipSourceRender(context);
+  const story = storyFn();
+  const source = useRef(void 0);
+  useEffect(() => {
+    if (skip) {
+      return;
+    }
+    const { parameters = {}, args = {}, component: ctxComponent } = context || {};
+    let { Component: component } = context.originalStoryFn(
+      args,
+      context
+    );
+    const { wrapper, slotProperty } = getWrapperProperties(component);
+    if (wrapper) {
+      if (parameters.component) {
+        deprecate("parameters.component is deprecated. Using context.component instead.");
+      }
+      component = ctxComponent;
+    }
+    const generated = generateSvelteSource(component, args, context?.argTypes, slotProperty);
+    if (generated && source.current !== generated) {
+      emitTransformCode(generated, context);
+      source.current = generated;
+    }
+  });
+  return story;
+}, "sourceDecorator");
+
+// src/entry-preview-docs.ts
+var decorators = [sourceDecorator];
+export {
+  decorators
+};

package/dist/entry-preview.js

@@ -1,3 +1,17 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var entry_preview_exports={};__export(entry_preview_exports,{applyDecorators:()=>decorateStory,argTypesEnhancers:()=>argTypesEnhancers,mount:()=>mount2,parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});module.exports=__toCommonJS(entry_preview_exports);var import_docs_tools=require("storybook/internal/docs-tools");var import_client_logger=require("storybook/internal/client-logger");function hasKeyword(keyword,keywords){return keywords?keywords.find(k=>k.name===keyword)!=null:!1}var extractArgTypes=component=>{try{let docgen=component.__docgen;if(docgen)return createArgTypes(docgen)}catch(err){import_client_logger.logger.log(`Error extracting argTypes: ${err}`)}return{}},createArgTypes=docgen=>{let results={};return docgen.data&&docgen.data.forEach(item=>{results[item.name]={...parseTypeToControl(item.type),name:item.name,description:item.description||void 0,type:{required:hasKeyword("required",item.keywords||[]),name:item.type?.text==="{}"?"object":item.type?.text},table:{type:{summary:item.type?.text},defaultValue:{summary:item.defaultValue},category:"properties"}}}),docgen.events&&docgen.events.forEach(item=>{results[`event_${item.name}`]={name:item.name,action:item.name,control:!1,...item.description?{description:item.description}:{},table:{category:"events"}}}),docgen.slots&&docgen.slots.forEach(item=>{results[`slot_${item.name}`]={name:item.name,control:!1,description:[item.description,item.params?.map(p=>`\`${p.name}\``).join(" ")].filter(p=>p).join(`
-
-`),table:{category:"slots"}}}),results},parseTypeToControl=type=>{if(!type)return null;if(type.kind==="type")switch(type.type){case"string":return{control:{type:"text"}};case"any":return{control:{type:"object"}};default:return{control:{type:type.type}}}else if(type.kind==="union"){if(Array.isArray(type.type)&&!type.type.some(t=>t.kind!=="const"||!["string","number","null","undefined"].includes(t.type))){let options=type.type.map(t=>t.value);return{control:{type:"radio"},options}}}else if(type.kind==="function")return{control:null};return null};function extractComponentDescription(component){return component?.__docgen?.description||""}var import_core_events=require("storybook/internal/core-events"),import_PreviewRender=__toESM(require("@storybook/svelte/internal/PreviewRender.svelte")),import_createReactiveProps=require("@storybook/svelte/internal/createReactiveProps"),import_preview_api=require("storybook/preview-api"),svelte=__toESM(require("svelte")),storyIdsToRemountFromResetArgsEvent=new Set;import_preview_api.addons.getChannel().on(import_core_events.RESET_STORY_ARGS,({storyId})=>{storyIdsToRemountFromResetArgsEvent.add(storyId)});var componentsByDomElement=new Map;function renderToCanvas({storyFn,title,name,showMain,showError,storyContext,forceRemount},canvasElement){function unmount2(canvasElementToUnmount){let{mountedComponent}=componentsByDomElement.get(canvasElementToUnmount)??{};mountedComponent&&(svelte.unmount(mountedComponent),componentsByDomElement.delete(canvasElementToUnmount))}let existingComponent=componentsByDomElement.get(canvasElement),remount=forceRemount;if(storyIdsToRemountFromResetArgsEvent.has(storyContext.id)&&(remount=!0,storyIdsToRemountFromResetArgsEvent.delete(storyContext.id)),remount&&unmount2(canvasElement),!existingComponent||remount){let props=(0,import_createReactiveProps.createReactiveProps)({storyFn,storyContext,name,title,showError}),mountedComponent=svelte.mount(import_PreviewRender.default,{target:canvasElement,props});componentsByDomElement.set(canvasElement,{mountedComponent,props})}else Object.assign(existingComponent.props,{storyFn,storyContext,name,title,showError});return showMain(),()=>{unmount2(canvasElement)}}var render=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return{Component,props:args}};var import_DecoratorHandler=__toESM(require("@storybook/svelte/internal/DecoratorHandler.svelte")),import_preview_api2=require("storybook/preview-api");function unWrap(obj){return obj&&typeof obj=="object"&&"default"in obj?obj.default:obj}function prepareStory(context,rawStory,rawInnerStory){let story=unWrap(rawStory),innerStory=rawInnerStory&&unWrap(rawInnerStory),preparedStory;return!story||Object.keys(story).length===0?preparedStory={Component:context.component}:story.Component?preparedStory=story:preparedStory={Component:story},innerStory?{Component:import_DecoratorHandler.default,props:{...innerStory,decorator:preparedStory}}:{...preparedStory,argTypes:context.argTypes}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...(0,import_preview_api2.sanitizeStoryContextUpdate)(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepareStory(context,decoratedStory,story)},context=>prepareStory(context,storyFn(context)))}var mount2=context=>async(Component,options)=>(Component&&(context.originalStoryFn=()=>({Component,props:options&&"props"in options?options?.props:options})),await context.renderToCanvas(),context.canvas);var parameters={renderer:"svelte",docs:{story:{inline:!0},extractArgTypes,extractComponentDescription}},argTypesEnhancers=[import_docs_tools.enhanceArgTypes];0&&(module.exports={applyDecorators,argTypesEnhancers,mount,parameters,render,renderToCanvas});
+import {
+  argTypesEnhancers,
+  decorateStory,
+  mount,
+  parameters,
+  render,
+  renderToCanvas
+} from "./_browser-chunks/chunk-6F5NZ26N.js";
+import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+export {
+  decorateStory as applyDecorators,
+  argTypesEnhancers,
+  mount,
+  parameters,
+  render,
+  renderToCanvas
+};

package/dist/index.d.ts

@@ -1,10 +1,32 @@
-import { Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, StoryAnnotationsOrFn, Store_CSFExports, StoriesWithPartialProps, ComposedStoryFn } from 'storybook/internal/types';
+import { WebRenderer, Canvas, Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, StoryAnnotationsOrFn, ComposedStoryFn, Store_CSFExports, StoriesWithPartialProps } from 'storybook/internal/types';
 export { ArgTypes, Args, Parameters, StrictArgs } from 'storybook/internal/types';
-import { SvelteComponent, ComponentProps, ComponentType } from 'svelte';
+import * as svelte from 'svelte';
+import { SvelteComponent, ComponentConstructorOptions, ComponentEvents, ComponentProps, ComponentType as ComponentType$1 } from 'svelte';
 import { Simplify, SetOptional } from 'type-fest';
-import { a as Svelte5ComponentType, S as SvelteRenderer } from './types-b7d0039b.js';
 import PreviewRender from '@storybook/svelte/internal/PreviewRender.svelte';
 
+type ComponentType<Props extends Record<string, any> = any, Events extends Record<string, any> = any> = new (options: ComponentConstructorOptions<Props>) => {
+    [P in keyof SvelteComponent<Props> as P extends `$$${string}` ? never : P]: SvelteComponent<Props, Events>[P];
+};
+type Svelte5ComponentType<Props extends Record<string, any> = any> = typeof svelte extends {
+    mount: any;
+} ? svelte.Component<Props, any, any> : never;
+interface SvelteRenderer<C extends SvelteComponent | Svelte5ComponentType = SvelteComponent> extends WebRenderer {
+    component: ComponentType<this['T'] extends Record<string, any> ? this['T'] : any> | Svelte5ComponentType<this['T'] extends Record<string, any> ? this['T'] : any>;
+    storyResult: this['T'] extends Record<string, any> ? SvelteStoryResult<this['T'], C extends SvelteComponent ? ComponentEvents<C> : {}> : SvelteStoryResult;
+    mount: (Component?: ComponentType | Svelte5ComponentType, options?: Record<string, any> & {
+        props: Record<string, any>;
+    }) => Promise<Canvas>;
+}
+interface SvelteStoryResult<Props extends Record<string, any> = any, Events extends Record<string, any> = any> {
+    Component?: ComponentType<Props> | Svelte5ComponentType<Props>;
+    on?: Record<string, any> extends Events ? Record<string, (event: CustomEvent) => void> : {
+        [K in keyof Events as string extends K ? never : K]?: (event: Events[K]) => void;
+    };
+    props?: Props;
+    decorator?: ComponentType<Props> | Svelte5ComponentType<Props>;
+}
+
 /**
  * Metadata to configure the stories for a component.
  *
@@ -26,7 +48,7 @@ type StoryObj<MetaOrCmpOrArgs = Args> = MetaOrCmpOrArgs extends {
     render?: ArgsStoryFn<SvelteRenderer, any>;
     component: infer Comp;
     args?: infer DefaultArgs;
-} ? Simplify<ComponentProps<Comp extends ComponentType<infer Component> ? Component : Comp extends Svelte5ComponentType ? Comp : never> & ArgsFromMeta<SvelteRenderer, MetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<SvelteRenderer<Comp extends ComponentType<infer Component> ? Component : Comp extends Svelte5ComponentType ? Comp : never>, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>> : never : MetaOrCmpOrArgs extends SvelteComponent | Svelte5ComponentType ? StoryAnnotations<SvelteRenderer<MetaOrCmpOrArgs>, ComponentProps<MetaOrCmpOrArgs>> : StoryAnnotations<SvelteRenderer, MetaOrCmpOrArgs>;
+} ? Simplify<ComponentProps<Comp extends ComponentType$1<infer Component> ? Component : Comp extends Svelte5ComponentType ? Comp : never> & ArgsFromMeta<SvelteRenderer, MetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<SvelteRenderer<Comp extends ComponentType$1<infer Component> ? Component : Comp extends Svelte5ComponentType ? Comp : never>, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>> : never : MetaOrCmpOrArgs extends SvelteComponent | Svelte5ComponentType ? StoryAnnotations<SvelteRenderer<MetaOrCmpOrArgs>, ComponentProps<MetaOrCmpOrArgs>> : StoryAnnotations<SvelteRenderer, MetaOrCmpOrArgs>;
 
 type Decorator<TArgs = StrictArgs> = DecoratorFunction<SvelteRenderer, TArgs>;
 type Loader<TArgs = StrictArgs> = LoaderFunction<SvelteRenderer, TArgs>;
@@ -119,4 +141,4 @@ declare function composeStory<TArgs extends Args = Args>(story: StoryAnnotations
  */
 declare function composeStories<TModule extends Store_CSFExports<SvelteRenderer, any>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<SvelteRenderer>): Omit<MapToComposed<StoriesWithPartialProps<SvelteRenderer, TModule>>, keyof Store_CSFExports>;
 
-export { Decorator, INTERNAL_DEFAULT_PROJECT_ANNOTATIONS, Loader, Meta, Preview, StoryContext, StoryFn, StoryObj, SvelteRenderer, composeStories, composeStory, setProjectAnnotations };
+export { type Decorator, INTERNAL_DEFAULT_PROJECT_ANNOTATIONS, type Loader, type Meta, type Preview, type StoryContext, type StoryFn, type StoryObj, type SvelteRenderer, composeStories, composeStory, setProjectAnnotations };

package/dist/index.js

@@ -1,3 +1,79 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var index_exports={};__export(index_exports,{INTERNAL_DEFAULT_PROJECT_ANNOTATIONS:()=>INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,composeStories:()=>composeStories,composeStory:()=>composeStory,setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(index_exports);globalThis.STORYBOOK_ENV="svelte";var import_PreviewRender2=__toESM(require("@storybook/svelte/internal/PreviewRender.svelte")),import_createReactiveProps2=require("@storybook/svelte/internal/createReactiveProps"),import_preview_api3=require("storybook/preview-api");var entry_preview_exports={};__export(entry_preview_exports,{applyDecorators:()=>decorateStory,argTypesEnhancers:()=>argTypesEnhancers,mount:()=>mount2,parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var import_docs_tools=require("storybook/internal/docs-tools");var import_client_logger=require("storybook/internal/client-logger");function hasKeyword(keyword,keywords){return keywords?keywords.find(k=>k.name===keyword)!=null:!1}var extractArgTypes=component=>{try{let docgen=component.__docgen;if(docgen)return createArgTypes(docgen)}catch(err){import_client_logger.logger.log(`Error extracting argTypes: ${err}`)}return{}},createArgTypes=docgen=>{let results={};return docgen.data&&docgen.data.forEach(item=>{results[item.name]={...parseTypeToControl(item.type),name:item.name,description:item.description||void 0,type:{required:hasKeyword("required",item.keywords||[]),name:item.type?.text==="{}"?"object":item.type?.text},table:{type:{summary:item.type?.text},defaultValue:{summary:item.defaultValue},category:"properties"}}}),docgen.events&&docgen.events.forEach(item=>{results[`event_${item.name}`]={name:item.name,action:item.name,control:!1,...item.description?{description:item.description}:{},table:{category:"events"}}}),docgen.slots&&docgen.slots.forEach(item=>{results[`slot_${item.name}`]={name:item.name,control:!1,description:[item.description,item.params?.map(p=>`\`${p.name}\``).join(" ")].filter(p=>p).join(`
+import {
+  entry_preview_exports,
+  renderToCanvas
+} from "./_browser-chunks/chunk-6F5NZ26N.js";
+import {
+  __name
+} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
 
-`),table:{category:"slots"}}}),results},parseTypeToControl=type=>{if(!type)return null;if(type.kind==="type")switch(type.type){case"string":return{control:{type:"text"}};case"any":return{control:{type:"object"}};default:return{control:{type:type.type}}}else if(type.kind==="union"){if(Array.isArray(type.type)&&!type.type.some(t=>t.kind!=="const"||!["string","number","null","undefined"].includes(t.type))){let options=type.type.map(t=>t.value);return{control:{type:"radio"},options}}}else if(type.kind==="function")return{control:null};return null};function extractComponentDescription(component){return component?.__docgen?.description||""}var import_core_events=require("storybook/internal/core-events"),import_PreviewRender=__toESM(require("@storybook/svelte/internal/PreviewRender.svelte")),import_createReactiveProps=require("@storybook/svelte/internal/createReactiveProps"),import_preview_api=require("storybook/preview-api"),svelte=__toESM(require("svelte")),storyIdsToRemountFromResetArgsEvent=new Set;import_preview_api.addons.getChannel().on(import_core_events.RESET_STORY_ARGS,({storyId})=>{storyIdsToRemountFromResetArgsEvent.add(storyId)});var componentsByDomElement=new Map;function renderToCanvas({storyFn,title,name,showMain,showError,storyContext,forceRemount},canvasElement){function unmount2(canvasElementToUnmount){let{mountedComponent}=componentsByDomElement.get(canvasElementToUnmount)??{};mountedComponent&&(svelte.unmount(mountedComponent),componentsByDomElement.delete(canvasElementToUnmount))}let existingComponent=componentsByDomElement.get(canvasElement),remount=forceRemount;if(storyIdsToRemountFromResetArgsEvent.has(storyContext.id)&&(remount=!0,storyIdsToRemountFromResetArgsEvent.delete(storyContext.id)),remount&&unmount2(canvasElement),!existingComponent||remount){let props=(0,import_createReactiveProps.createReactiveProps)({storyFn,storyContext,name,title,showError}),mountedComponent=svelte.mount(import_PreviewRender.default,{target:canvasElement,props});componentsByDomElement.set(canvasElement,{mountedComponent,props})}else Object.assign(existingComponent.props,{storyFn,storyContext,name,title,showError});return showMain(),()=>{unmount2(canvasElement)}}var render=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return{Component,props:args}};var import_DecoratorHandler=__toESM(require("@storybook/svelte/internal/DecoratorHandler.svelte")),import_preview_api2=require("storybook/preview-api");function unWrap(obj){return obj&&typeof obj=="object"&&"default"in obj?obj.default:obj}function prepareStory(context,rawStory,rawInnerStory){let story=unWrap(rawStory),innerStory=rawInnerStory&&unWrap(rawInnerStory),preparedStory;return!story||Object.keys(story).length===0?preparedStory={Component:context.component}:story.Component?preparedStory=story:preparedStory={Component:story},innerStory?{Component:import_DecoratorHandler.default,props:{...innerStory,decorator:preparedStory}}:{...preparedStory,argTypes:context.argTypes}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...(0,import_preview_api2.sanitizeStoryContextUpdate)(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepareStory(context,decoratedStory,story)},context=>prepareStory(context,storyFn(context)))}var mount2=context=>async(Component,options)=>(Component&&(context.originalStoryFn=()=>({Component,props:options&&"props"in options?options?.props:options})),await context.renderToCanvas(),context.canvas);var parameters={renderer:"svelte",docs:{story:{inline:!0},extractArgTypes,extractComponentDescription}},argTypesEnhancers=[import_docs_tools.enhanceArgTypes];function setProjectAnnotations(projectAnnotations){return(0,import_preview_api3.setDefaultProjectAnnotations)(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS),(0,import_preview_api3.setProjectAnnotations)(projectAnnotations)}var INTERNAL_DEFAULT_PROJECT_ANNOTATIONS={...entry_preview_exports,renderToCanvas:(renderContext,canvasElement)=>{if(renderContext.storyContext.testingLibraryRender==null)return renderToCanvas(renderContext,canvasElement);let{storyFn,storyContext:{testingLibraryRender:render2}}=renderContext,{Component,props}=storyFn(),{unmount:unmount2}=render2(Component,{props,target:canvasElement});return unmount2}};function composeStory(story,componentAnnotations,projectAnnotations,exportsName){let composedStory=(0,import_preview_api3.composeStory)(story,componentAnnotations,projectAnnotations,globalThis.globalProjectAnnotations??INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,exportsName),props=(0,import_createReactiveProps2.createReactiveProps)({storyFn:composedStory,storyContext:{...composedStory},name:composedStory.storyName,title:composedStory.id,showError:()=>{}}),renderable={Component:import_PreviewRender2.default,props};return Object.assign(renderable,composedStory),renderable}function composeStories(csfExports,projectAnnotations){return(0,import_preview_api3.composeStories)(csfExports,projectAnnotations,composeStory)}0&&(module.exports={INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,composeStories,composeStory,setProjectAnnotations});
+// src/globals.ts
+globalThis.STORYBOOK_ENV = "svelte";
+
+// src/portable-stories.ts
+import PreviewRender from "@storybook/svelte/internal/PreviewRender.svelte";
+import { createReactiveProps } from "@storybook/svelte/internal/createReactiveProps";
+import {
+  composeStories as originalComposeStories,
+  composeStory as originalComposeStory,
+  setProjectAnnotations as originalSetProjectAnnotations,
+  setDefaultProjectAnnotations
+} from "storybook/preview-api";
+function setProjectAnnotations(projectAnnotations) {
+  setDefaultProjectAnnotations(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS);
+  return originalSetProjectAnnotations(
+    projectAnnotations
+  );
+}
+__name(setProjectAnnotations, "setProjectAnnotations");
+var INTERNAL_DEFAULT_PROJECT_ANNOTATIONS = {
+  ...entry_preview_exports,
+  /** @deprecated */
+  renderToCanvas: /* @__PURE__ */ __name((renderContext, canvasElement) => {
+    if (renderContext.storyContext.testingLibraryRender == null) {
+      return renderToCanvas(renderContext, canvasElement);
+    }
+    const {
+      storyFn,
+      storyContext: { testingLibraryRender: render }
+    } = renderContext;
+    const { Component, props } = storyFn();
+    const { unmount } = render(Component, { props, target: canvasElement });
+    return unmount;
+  }, "renderToCanvas")
+};
+function composeStory(story, componentAnnotations, projectAnnotations, exportsName) {
+  const composedStory = originalComposeStory(
+    story,
+    // @ts-expect-error Fix this later: Type 'Partial<{ [x: string]: any; }>' is not assignable to type 'Partial<Simplify<TArgs, {}>>'
+    componentAnnotations,
+    projectAnnotations,
+    globalThis.globalProjectAnnotations ?? INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,
+    exportsName
+  );
+  const props = createReactiveProps({
+    storyFn: composedStory,
+    storyContext: { ...composedStory },
+    name: composedStory.storyName,
+    title: composedStory.id,
+    showError: /* @__PURE__ */ __name(() => {
+    }, "showError")
+  });
+  const renderable = {
+    Component: PreviewRender,
+    props
+  };
+  Object.assign(renderable, composedStory);
+  return renderable;
+}
+__name(composeStory, "composeStory");
+function composeStories(csfExports, projectAnnotations) {
+  const composedStories = originalComposeStories(csfExports, projectAnnotations, composeStory);
+  return composedStories;
+}
+__name(composeStories, "composeStories");
+export {
+  INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,
+  composeStories,
+  composeStory,
+  setProjectAnnotations
+};

package/dist/playwright.js

@@ -1 +1,7 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var playwright_exports={};__export(playwright_exports,{createTest:()=>import_preview_api.createPlaywrightTest});module.exports=__toCommonJS(playwright_exports);var import_preview_api=require("storybook/preview-api");0&&(module.exports={createTest});
+import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+
+// src/playwright.ts
+import { createPlaywrightTest } from "storybook/preview-api";
+export {
+  createPlaywrightTest as createTest
+};

package/dist/preset.js

@@ -1 +1,26 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preset_exports={};__export(preset_exports,{previewAnnotations:()=>previewAnnotations});module.exports=__toCommonJS(preset_exports);var import_node_path=require("path"),previewAnnotations=async(input=[],options)=>{let docsEnabled=Object.keys(await options.presets.apply("docs",{},options)).length>0;return[].concat(input).concat([(0,import_node_path.join)(__dirname,"entry-preview.mjs")]).concat(docsEnabled?[(0,import_node_path.join)(__dirname,"entry-preview-docs.mjs")]:[])};0&&(module.exports={previewAnnotations});
+import CJS_COMPAT_NODE_URL_1cof8tuzahu from 'node:url';
+import CJS_COMPAT_NODE_PATH_1cof8tuzahu from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1cof8tuzahu from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_1cof8tuzahu.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1cof8tuzahu.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1cof8tuzahu.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/preset.ts
+import { fileURLToPath } from "node:url";
+var previewAnnotations = /* @__PURE__ */ __name(async (input = [], options) => {
+  const docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
+  const result = [];
+  return result.concat(input).concat([fileURLToPath(import.meta.resolve("@storybook/svelte/entry-preview"))]).concat(
+    docsEnabled ? [fileURLToPath(import.meta.resolve("@storybook/svelte/entry-preview-docs"))] : []
+  );
+}, "previewAnnotations");
+export {
+  previewAnnotations
+};

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@storybook/svelte",
-  "version": "9.2.0-alpha.2",
-  "description": "Storybook Svelte renderer",
+  "version": "10.0.0-beta.0",
+  "description": "Storybook Svelte renderer: Develop, document, and test UI components in isolation.",
   "keywords": [
-    "storybook"
+    "storybook",
+    "storybook-renderer",
+    "svelte",
+    "components"
   ],
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/renderers/svelte",
   "bugs": {
@@ -19,31 +22,28 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "default": "./dist/index.js"
     },
+    "./entry-preview": "./dist/entry-preview.js",
+    "./entry-preview-docs": "./dist/entry-preview-docs.js",
     "./experimental-playwright": {
       "types": "./dist/playwright.d.ts",
-      "import": "./dist/playwright.mjs",
-      "require": "./dist/playwright.js"
+      "default": "./dist/playwright.js"
     },
-    "./preset": "./preset.js",
-    "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
-    "./dist/entry-preview-docs.mjs": "./dist/entry-preview-docs.mjs",
+    "./internal/AddStorybookIdDecorator.svelte": "./static/AddStorybookIdDecorator.svelte",
+    "./internal/createReactiveProps": "./static/createReactiveProps.svelte.js",
+    "./internal/DecoratorHandler.svelte": "./static/DecoratorHandler.svelte",
+    "./internal/PreviewRender.svelte": "./static/PreviewRender.svelte",
     "./package.json": "./package.json",
-    "./internal/PreviewRender.svelte": "./dist/components/PreviewRender.svelte",
-    "./internal/DecoratorHandler.svelte": "./dist/components/DecoratorHandler.svelte",
-    "./internal/AddStorybookIdDecorator.svelte": "./dist/components/AddStorybookIdDecorator.svelte",
-    "./internal/createReactiveProps": "./dist/createReactiveProps.svelte.js"
+    "./preset": "./dist/preset.js"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
+    "static/**/*",
     "template/cli/**/*",
     "README.md",
     "*.js",
@@ -52,7 +52,7 @@
   ],
   "scripts": {
     "check": "svelte-check",
-    "prep": "jiti ../../../scripts/prepare/bundle.ts"
+    "prep": "jiti ../../../scripts/build/build-package.ts"
   },
   "dependencies": {
     "ts-dedent": "^2.0.0",
@@ -66,28 +66,14 @@
     "svelte-check": "^4.1.4",
     "sveltedoc-parser": "^4.2.1",
     "typescript": "^5.8.3",
-    "vite": "^6.2.5"
+    "vite": "^7.0.4"
   },
   "peerDependencies": {
-    "storybook": "^9.2.0-alpha.2",
+    "storybook": "^10.0.0-beta.0",
     "svelte": "^5.0.0"
   },
-  "engines": {
-    "node": ">=20.0.0"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "bundler": {
-    "post": "./scripts/copy-unbundled-to-dist.ts",
-    "entries": [
-      "./src/index.ts",
-      "./src/preset.ts",
-      "./src/entry-preview.ts",
-      "./src/entry-preview-docs.ts",
-      "./src/playwright.ts"
-    ],
-    "platform": "browser"
-  },
-  "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
 }

package/preset.js

@@ -1 +1 @@
-module.exports = require('./dist/preset');
+export * from './dist/preset.js';

package/dist/chunk-CEH6MNVV.mjs

@@ -1,3 +0,0 @@
-var __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};
-
-export { __export };

package/dist/chunk-TTEVCAEV.mjs

@@ -1,15 +0,0 @@
-import { __export } from './chunk-CEH6MNVV.mjs';
-import { enhanceArgTypes } from 'storybook/internal/docs-tools';
-import { logger } from 'storybook/internal/client-logger';
-import { RESET_STORY_ARGS } from 'storybook/internal/core-events';
-import PreviewRender from '@storybook/svelte/internal/PreviewRender.svelte';
-import { createReactiveProps } from '@storybook/svelte/internal/createReactiveProps';
-import { addons, sanitizeStoryContextUpdate } from 'storybook/preview-api';
-import * as svelte from 'svelte';
-import DecoratorHandler from '@storybook/svelte/internal/DecoratorHandler.svelte';
-
-var entry_preview_exports={};__export(entry_preview_exports,{applyDecorators:()=>decorateStory,argTypesEnhancers:()=>argTypesEnhancers,mount:()=>mount2,parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});function hasKeyword(keyword,keywords){return keywords?keywords.find(k=>k.name===keyword)!=null:!1}var extractArgTypes=component=>{try{let docgen=component.__docgen;if(docgen)return createArgTypes(docgen)}catch(err){logger.log(`Error extracting argTypes: ${err}`);}return {}},createArgTypes=docgen=>{let results={};return docgen.data&&docgen.data.forEach(item=>{results[item.name]={...parseTypeToControl(item.type),name:item.name,description:item.description||void 0,type:{required:hasKeyword("required",item.keywords||[]),name:item.type?.text==="{}"?"object":item.type?.text},table:{type:{summary:item.type?.text},defaultValue:{summary:item.defaultValue},category:"properties"}};}),docgen.events&&docgen.events.forEach(item=>{results[`event_${item.name}`]={name:item.name,action:item.name,control:!1,...item.description?{description:item.description}:{},table:{category:"events"}};}),docgen.slots&&docgen.slots.forEach(item=>{results[`slot_${item.name}`]={name:item.name,control:!1,description:[item.description,item.params?.map(p=>`\`${p.name}\``).join(" ")].filter(p=>p).join(`
-
-`),table:{category:"slots"}};}),results},parseTypeToControl=type=>{if(!type)return null;if(type.kind==="type")switch(type.type){case"string":return {control:{type:"text"}};case"any":return {control:{type:"object"}};default:return {control:{type:type.type}}}else if(type.kind==="union"){if(Array.isArray(type.type)&&!type.type.some(t=>t.kind!=="const"||!["string","number","null","undefined"].includes(t.type))){let options=type.type.map(t=>t.value);return {control:{type:"radio"},options}}}else if(type.kind==="function")return {control:null};return null};function extractComponentDescription(component){return component?.__docgen?.description||""}var storyIdsToRemountFromResetArgsEvent=new Set;addons.getChannel().on(RESET_STORY_ARGS,({storyId})=>{storyIdsToRemountFromResetArgsEvent.add(storyId);});var componentsByDomElement=new Map;function renderToCanvas({storyFn,title,name,showMain,showError,storyContext,forceRemount},canvasElement){function unmount2(canvasElementToUnmount){let{mountedComponent}=componentsByDomElement.get(canvasElementToUnmount)??{};mountedComponent&&(svelte.unmount(mountedComponent),componentsByDomElement.delete(canvasElementToUnmount));}let existingComponent=componentsByDomElement.get(canvasElement),remount=forceRemount;if(storyIdsToRemountFromResetArgsEvent.has(storyContext.id)&&(remount=!0,storyIdsToRemountFromResetArgsEvent.delete(storyContext.id)),remount&&unmount2(canvasElement),!existingComponent||remount){let props=createReactiveProps({storyFn,storyContext,name,title,showError}),mountedComponent=svelte.mount(PreviewRender,{target:canvasElement,props});componentsByDomElement.set(canvasElement,{mountedComponent,props});}else Object.assign(existingComponent.props,{storyFn,storyContext,name,title,showError});return showMain(),()=>{unmount2(canvasElement);}}var render=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return {Component,props:args}};function unWrap(obj){return obj&&typeof obj=="object"&&"default"in obj?obj.default:obj}function prepareStory(context,rawStory,rawInnerStory){let story=unWrap(rawStory),innerStory=rawInnerStory&&unWrap(rawInnerStory),preparedStory;return !story||Object.keys(story).length===0?preparedStory={Component:context.component}:story.Component?preparedStory=story:preparedStory={Component:story},innerStory?{Component:DecoratorHandler,props:{...innerStory,decorator:preparedStory}}:{...preparedStory,argTypes:context.argTypes}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...sanitizeStoryContextUpdate(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepareStory(context,decoratedStory,story)},context=>prepareStory(context,storyFn(context)))}var mount2=context=>async(Component,options)=>(Component&&(context.originalStoryFn=()=>({Component,props:options&&"props"in options?options?.props:options})),await context.renderToCanvas(),context.canvas);var parameters={renderer:"svelte",docs:{story:{inline:!0},extractArgTypes,extractComponentDescription}},argTypesEnhancers=[enhanceArgTypes];
-
-export { argTypesEnhancers, decorateStory, entry_preview_exports, mount2 as mount, parameters, render, renderToCanvas };

package/dist/entry-preview-docs.d.ts

@@ -1,7 +0,0 @@
-import { DecoratorFunction } from 'storybook/internal/types';
-import { S as SvelteRenderer } from './types-b7d0039b.js';
-import 'svelte';
-
-declare const decorators: DecoratorFunction<SvelteRenderer>[];
-
-export { decorators };

package/dist/entry-preview-docs.mjs

@@ -1,12 +0,0 @@
-import './chunk-CEH6MNVV.mjs';
-import { deprecate } from 'storybook/internal/client-logger';
-import { SourceType } from 'storybook/internal/docs-tools';
-import { useRef, useEffect, emitTransformCode } from 'storybook/preview-api';
-
-var skipSourceRender=context=>{let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return (context?.tags??[]).some(tag=>tag.startsWith("svelte-csf"))?!0:sourceParams?.type===SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===SourceType.CODE};function toSvelteProperty(key,value,argTypes){if(value==null)return null;let argType=argTypes[key];return argType&&argType.defaultValue===value||argType&&argType.action?null:value===!0?key:typeof value=="string"?`${key}=${JSON.stringify(value)}`:typeof value=="function"?`${key}={<handler>}`:`${key}={${JSON.stringify(value)}}`}function getComponentName(component){if(component==null)return null;let{__docgen={}}=component,{name}=__docgen;return name?(name.endsWith(".svelte")&&(name=name.substring(0,name.length-7)),name):component.name}function generateSvelteSource(component,args,argTypes,slotProperty){let name=getComponentName(component);if(!name)return null;let propsArray=Object.entries(args).filter(([k])=>k!==slotProperty).map(([k,v])=>toSvelteProperty(k,v,argTypes)).filter(p=>p),props=propsArray.join(" "),multiline=props.length>50,slotValue=slotProperty?args[slotProperty]:null,srcStart=multiline?`<${name}
-  ${propsArray.join(`
-  `)}`:`<${name} ${props}`;return slotValue?`${srcStart}>
-    ${slotValue}
-</${name}>`:`${srcStart}/>`}function getWrapperProperties(component){let{__docgen}=component||{};return __docgen?__docgen.keywords?.find(kw=>kw.name==="wrapper")?{wrapper:!0,slotProperty:__docgen.data?.find(prop=>prop.keywords.find(kw=>kw.name==="slot"))?.name}:{wrapper:!1}:{wrapper:!1}}var sourceDecorator=(storyFn,context)=>{let skip=skipSourceRender(context),story=storyFn(),source=useRef(void 0);return useEffect(()=>{if(skip)return;let{parameters={},args={},component:ctxComponent}=context||{},{Component:component}=context.originalStoryFn(args,context),{wrapper,slotProperty}=getWrapperProperties(component);wrapper&&(parameters.component&&deprecate("parameters.component is deprecated. Using context.component instead."),component=ctxComponent);let generated=generateSvelteSource(component,args,context?.argTypes,slotProperty);generated&&source.current!==generated&&(emitTransformCode(generated,context),source.current=generated);}),story};var decorators=[sourceDecorator];
-
-export { decorators };

package/dist/entry-preview.d.ts

@@ -1,28 +0,0 @@
-import * as storybook_internal_docs_tools from 'storybook/internal/docs-tools';
-import { RenderContext, ArgsStoryFn, BaseAnnotations, ArgTypesEnhancer } from 'storybook/internal/types';
-import { S as SvelteRenderer } from './types-b7d0039b.js';
-import 'svelte';
-
-declare function extractComponentDescription(component?: any): string;
-
-declare function renderToCanvas({ storyFn, title, name, showMain, showError, storyContext, forceRemount, }: RenderContext<SvelteRenderer>, canvasElement: SvelteRenderer['canvasElement']): () => void;
-declare const render: ArgsStoryFn<SvelteRenderer>;
-
-declare function decorateStory(storyFn: any, decorators: any[]): any;
-
-declare const mount: BaseAnnotations<SvelteRenderer>['mount'];
-
-declare const parameters: {
-    renderer: string;
-    docs: {
-        story: {
-            inline: boolean;
-        };
-        extractArgTypes: storybook_internal_docs_tools.ArgTypesExtractor;
-        extractComponentDescription: typeof extractComponentDescription;
-    };
-};
-
-declare const argTypesEnhancers: ArgTypesEnhancer<SvelteRenderer>[];
-
-export { decorateStory as applyDecorators, argTypesEnhancers, mount, parameters, render, renderToCanvas };

package/dist/entry-preview.mjs

@@ -1,2 +0,0 @@
-export { decorateStory as applyDecorators, argTypesEnhancers, mount, parameters, render, renderToCanvas } from './chunk-TTEVCAEV.mjs';
-import './chunk-CEH6MNVV.mjs';

package/dist/index.mjs

@@ -1,9 +0,0 @@
-import { entry_preview_exports, renderToCanvas } from './chunk-TTEVCAEV.mjs';
-import './chunk-CEH6MNVV.mjs';
-import PreviewRender from '@storybook/svelte/internal/PreviewRender.svelte';
-import { createReactiveProps } from '@storybook/svelte/internal/createReactiveProps';
-import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1, composeStory as composeStory$1, composeStories as composeStories$1 } from 'storybook/preview-api';
-
-globalThis.STORYBOOK_ENV="svelte";function setProjectAnnotations(projectAnnotations){return setDefaultProjectAnnotations(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS),setProjectAnnotations$1(projectAnnotations)}var INTERNAL_DEFAULT_PROJECT_ANNOTATIONS={...entry_preview_exports,renderToCanvas:(renderContext,canvasElement)=>{if(renderContext.storyContext.testingLibraryRender==null)return renderToCanvas(renderContext,canvasElement);let{storyFn,storyContext:{testingLibraryRender:render}}=renderContext,{Component,props}=storyFn(),{unmount}=render(Component,{props,target:canvasElement});return unmount}};function composeStory(story,componentAnnotations,projectAnnotations,exportsName){let composedStory=composeStory$1(story,componentAnnotations,projectAnnotations,globalThis.globalProjectAnnotations??INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,exportsName),props=createReactiveProps({storyFn:composedStory,storyContext:{...composedStory},name:composedStory.storyName,title:composedStory.id,showError:()=>{}}),renderable={Component:PreviewRender,props};return Object.assign(renderable,composedStory),renderable}function composeStories(csfExports,projectAnnotations){return composeStories$1(csfExports,projectAnnotations,composeStory)}
-
-export { INTERNAL_DEFAULT_PROJECT_ANNOTATIONS, composeStories, composeStory, setProjectAnnotations };

package/dist/playwright.mjs

@@ -1,2 +0,0 @@
-import './chunk-CEH6MNVV.mjs';
-export { createPlaywrightTest as createTest } from 'storybook/preview-api';

package/dist/preset.d.ts

@@ -1,5 +0,0 @@
-import { PresetProperty } from 'storybook/internal/types';
-
-declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
-
-export { previewAnnotations };

package/dist/types-b7d0039b.d.ts

@@ -1,27 +0,0 @@
-import * as svelte from 'svelte';
-import { SvelteComponent, ComponentEvents, ComponentConstructorOptions } from 'svelte';
-import { WebRenderer, Canvas } from 'storybook/internal/types';
-
-type ComponentType<Props extends Record<string, any> = any, Events extends Record<string, any> = any> = new (options: ComponentConstructorOptions<Props>) => {
-    [P in keyof SvelteComponent<Props> as P extends `$$${string}` ? never : P]: SvelteComponent<Props, Events>[P];
-};
-type Svelte5ComponentType<Props extends Record<string, any> = any> = typeof svelte extends {
-    mount: any;
-} ? svelte.Component<Props, any, any> : never;
-interface SvelteRenderer<C extends SvelteComponent | Svelte5ComponentType = SvelteComponent> extends WebRenderer {
-    component: ComponentType<this['T'] extends Record<string, any> ? this['T'] : any> | Svelte5ComponentType<this['T'] extends Record<string, any> ? this['T'] : any>;
-    storyResult: this['T'] extends Record<string, any> ? SvelteStoryResult<this['T'], C extends SvelteComponent ? ComponentEvents<C> : {}> : SvelteStoryResult;
-    mount: (Component?: ComponentType | Svelte5ComponentType, options?: Record<string, any> & {
-        props: Record<string, any>;
-    }) => Promise<Canvas>;
-}
-interface SvelteStoryResult<Props extends Record<string, any> = any, Events extends Record<string, any> = any> {
-    Component?: ComponentType<Props> | Svelte5ComponentType<Props>;
-    on?: Record<string, any> extends Events ? Record<string, (event: CustomEvent) => void> : {
-        [K in keyof Events as string extends K ? never : K]?: (event: Events[K]) => void;
-    };
-    props?: Props;
-    decorator?: ComponentType<Props> | Svelte5ComponentType<Props>;
-}
-
-export { SvelteRenderer as S, Svelte5ComponentType as a };