@storybook/svelte 10.1.0-alpha.9 → 10.1.0-beta.0

package/dist/_browser-chunks/chunk-4BE7D4DS.js

@@ -0,0 +1,9 @@
+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/_browser-chunks/chunk-QEV3A2KO.js

@@ -0,0 +1,224 @@
+import {
+  __export
+} from "./chunk-4BE7D4DS.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 : !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;
+};
+
+// src/extractComponentDescription.ts
+function extractComponentDescription(component) {
+  return component?.__docgen?.description || "";
+}
+
+// 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();
+async 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 }), await svelte.tick();
+  } else
+    Object.assign(existingComponent.props, {
+      storyFn,
+      storyContext,
+      name,
+      title,
+      showError
+    }), await svelte.tick();
+  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 };
+};
+
+// 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;
+}
+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: {
+      // inner stories will already have been prepared, keep as is
+      ...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))
+  );
+}
+
+// src/mount.ts
+var mount2 = (context) => async (Component, options) => (Component && (context.originalStoryFn = () => ({
+  Component,
+  props: options && "props" in options ? options?.props : options
+})), await context.renderToCanvas(), context.canvas);
+
+// src/entry-preview.ts
+var parameters = {
+  renderer: "svelte",
+  docs: {
+    story: { inline: !0 },
+    extractArgTypes,
+    extractComponentDescription
+  }
+}, argTypesEnhancers = [enhanceArgTypes];
+
+export {
+  renderToCanvas,
+  render,
+  decorateStory,
+  mount2 as mount,
+  parameters,
+  argTypesEnhancers,
+  entry_preview_exports
+};

package/dist/entry-preview-docs.js

@@ -1,121 +1,56 @@
-import {
-  __name
-} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+import "./_browser-chunks/chunk-4BE7D4DS.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");
+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 === void 0 || value === null) {
-    return null;
-  }
-  const argType = argTypes[key];
-  if (argType && argType.defaultValue === value) {
+  if (value == null)
     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)}}`;
+  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)}}`;
 }
-__name(toSvelteProperty, "toSvelteProperty");
 function getComponentName(component) {
-  if (component == null) {
+  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;
+  let { __docgen = {} } = component, { name } = __docgen;
+  return name ? (name.endsWith(".svelte") && (name = name.substring(0, name.length - 7)), name) : component.name;
 }
-__name(getComponentName, "getComponentName");
 function generateSvelteSource(component, args, argTypes, slotProperty) {
-  const name = getComponentName(component);
-  if (!name) {
+  let 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}>
+  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}>`;
-  }
-  return `${srcStart}/>`;
+</${name}>` : `${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(
+  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")
-  );
-  return { wrapper: true, slotProperty: slotProp?.name };
+  )?.name } : { wrapper: !1 } : { wrapper: !1 };
 }
-__name(getWrapperProperties, "getWrapperProperties");
-var sourceDecorator = /* @__PURE__ */ __name((storyFn, context) => {
-  const skip = skipSourceRender(context);
-  const story = storyFn();
-  const source = useRef(void 0);
-  useEffect(() => {
-    if (skip) {
+var sourceDecorator = (storyFn, context) => {
+  let skip = skipSourceRender(context), story = storyFn(), source = useRef(void 0);
+  return useEffect(() => {
+    if (skip)
       return;
-    }
-    const { parameters = {}, args = {}, component: ctxComponent } = context || {};
-    let { Component: component } = context.originalStoryFn(
+    let { parameters = {}, args = {}, component: ctxComponent } = context || {}, { 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");
+    ), { 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;
+};
 
 // src/entry-preview-docs.ts
 var decorators = [sourceDecorator];

package/dist/entry-preview.js

@@ -5,8 +5,8 @@ import {
   parameters,
   render,
   renderToCanvas
-} from "./_browser-chunks/chunk-4ZGG6PUN.js";
-import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+} from "./_browser-chunks/chunk-QEV3A2KO.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   decorateStory as applyDecorators,
   argTypesEnhancers,

package/dist/index.js

@@ -1,10 +1,8 @@
 import {
   entry_preview_exports,
   renderToCanvas
-} from "./_browser-chunks/chunk-4ZGG6PUN.js";
-import {
-  __name
-} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+} from "./_browser-chunks/chunk-QEV3A2KO.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/globals.ts
 globalThis.STORYBOOK_ENV = "svelte";
@@ -19,58 +17,47 @@ import {
   setDefaultProjectAnnotations
 } from "storybook/preview-api";
 function setProjectAnnotations(projectAnnotations) {
-  setDefaultProjectAnnotations(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS);
-  return originalSetProjectAnnotations(
+  return setDefaultProjectAnnotations(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS), originalSetProjectAnnotations(
     projectAnnotations
   );
 }
-__name(setProjectAnnotations, "setProjectAnnotations");
 var INTERNAL_DEFAULT_PROJECT_ANNOTATIONS = {
   ...entry_preview_exports,
   /** @deprecated */
-  renderToCanvas: /* @__PURE__ */ __name((renderContext, canvasElement) => {
-    if (renderContext.storyContext.testingLibraryRender == null) {
+  renderToCanvas: (renderContext, canvasElement) => {
+    if (renderContext.storyContext.testingLibraryRender == null)
       return renderToCanvas(renderContext, canvasElement);
-    }
-    const {
+    let {
       storyFn,
       storyContext: { testingLibraryRender: render }
-    } = renderContext;
-    const { Component, props } = storyFn();
-    const { unmount } = render(Component, { props, target: canvasElement });
+    } = renderContext, { Component, props } = storyFn(), { unmount } = render(Component, { props, target: canvasElement });
     return unmount;
-  }, "renderToCanvas")
+  }
 };
 function composeStory(story, componentAnnotations, projectAnnotations, exportsName) {
-  const composedStory = originalComposeStory(
+  let 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({
+  ), props = createReactiveProps({
     storyFn: composedStory,
     storyContext: { ...composedStory },
     name: composedStory.storyName,
     title: composedStory.id,
-    showError: /* @__PURE__ */ __name(() => {
-    }, "showError")
-  });
-  const renderable = {
+    showError: () => {
+    }
+  }), renderable = {
     Component: PreviewRender,
     props
   };
-  Object.assign(renderable, composedStory);
-  return renderable;
+  return Object.assign(renderable, composedStory), renderable;
 }
-__name(composeStory, "composeStory");
 function composeStories(csfExports, projectAnnotations) {
-  const composedStories = originalComposeStories(csfExports, projectAnnotations, composeStory);
-  return composedStories;
+  return originalComposeStories(csfExports, projectAnnotations, composeStory);
 }
-__name(composeStories, "composeStories");
 export {
   INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,
   composeStories,

package/dist/playwright.js

@@ -1,4 +1,4 @@
-import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/playwright.ts
 import { createPlaywrightTest } from "storybook/preview-api";

package/dist/preset.js

@@ -1,26 +1,23 @@
-import CJS_COMPAT_NODE_URL_8svf9544ric from 'node:url';
-import CJS_COMPAT_NODE_PATH_8svf9544ric from 'node:path';
-import CJS_COMPAT_NODE_MODULE_8svf9544ric from "node:module";
+import CJS_COMPAT_NODE_URL_e08l4ipzm0m from 'node:url';
+import CJS_COMPAT_NODE_PATH_e08l4ipzm0m from 'node:path';
+import CJS_COMPAT_NODE_MODULE_e08l4ipzm0m from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_8svf9544ric.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_8svf9544ric.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_8svf9544ric.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_e08l4ipzm0m.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_e08l4ipzm0m.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_e08l4ipzm0m.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(
+var previewAnnotations = async (input = [], options) => {
+  let docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
+  return [].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,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "10.1.0-alpha.9",
+  "version": "10.1.0-beta.0",
   "description": "Storybook Svelte renderer: Develop, document, and test UI components in isolation.",
   "keywords": [
     "storybook",
@@ -68,11 +68,11 @@
     "vite": "^7.0.4"
   },
   "peerDependencies": {
-    "storybook": "^10.1.0-alpha.9",
+    "storybook": "^10.1.0-beta.0",
     "svelte": "^5.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1l"
 }

package/dist/_browser-chunks/chunk-4ZGG6PUN.js

@@ -1,293 +0,0 @@
-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();
-async 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 });
-    await svelte.tick();
-  } else {
-    Object.assign(existingComponent.props, {
-      storyFn,
-      storyContext,
-      name,
-      title,
-      showError
-    });
-    await svelte.tick();
-  }
-  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

@@ -1,11 +0,0 @@
-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
-};