@storybook/web-components 11.0.0-alpha.4 → 11.0.0-alpha.6

package/dist/_browser-chunks/{chunk-Z3YF52EY.js → chunk-BNL7LBNI.js}

@@ -125,7 +125,7 @@ var { Node: Node2 } = global, render = (args, context) => {
       `Unable to render story ${id} as the component annotation is missing from the default export`
     );
   let element = document.createElement(component);
-  if (!global.FEATURES?.experimentalDocgenServer)
+  if (!global.FEATURES?.docgenServer)
     return Object.assign(element, args);
   let styleRules = bindArgs(element, args), fragment = document.createDocumentFragment();
   if (styleRules.length > 0) {

package/dist/_browser-chunks/{chunk-6ZSMINL7.js → chunk-EGBR6PF2.js}

@@ -31,7 +31,7 @@ function sourceDecorator(storyFn, context) {
 }
 
 // src/entry-preview-docs.ts
-var decorators = [sourceDecorator], parameters = {
+var useStaticServiceSnippets = "FEATURES" in globalThis && globalThis.FEATURES?.docgenServer, decorators = useStaticServiceSnippets ? [] : [sourceDecorator], parameters = {
   docs: {
     source: {
       type: SourceType2.DYNAMIC,

package/dist/_browser-chunks/{chunk-ZTODZABH.js → chunk-TXUT6K6E.js}

@@ -1,9 +1,9 @@
 import {
   entry_preview_exports
-} from "./chunk-Z3YF52EY.js";
+} from "./chunk-BNL7LBNI.js";
 import {
   entry_preview_docs_exports
-} from "./chunk-6ZSMINL7.js";
+} from "./chunk-EGBR6PF2.js";
 
 // src/index.ts
 import { global as global3 } from "@storybook/global";
@@ -56,7 +56,11 @@ import { definePreview as definePreviewBase } from "storybook/internal/csf";
 function __definePreview(input) {
   return definePreviewBase({
     ...input,
-    addons: [entry_preview_exports, entry_preview_docs_exports, ...input.addons ?? []]
+    addons: [
+      entry_preview_exports,
+      entry_preview_docs_exports,
+      ...input.addons ?? []
+    ]
   });
 }
 

package/dist/_node-chunks/{chunk-3OPBLV6G.js → chunk-GDY64HEP.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_ntm93oozfz from 'node:url';
-import CJS_COMPAT_NODE_PATH_ntm93oozfz from 'node:path';
-import CJS_COMPAT_NODE_MODULE_ntm93oozfz from "node:module";
+import CJS_COMPAT_NODE_URL_3ov4ld79bt3 from 'node:url';
+import CJS_COMPAT_NODE_PATH_3ov4ld79bt3 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_3ov4ld79bt3 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_ntm93oozfz.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_ntm93oozfz.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_ntm93oozfz.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_3ov4ld79bt3.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_3ov4ld79bt3.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_3ov4ld79bt3.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -43,6 +43,35 @@ function readCssPropertySyntax(property, typeProperty) {
   return property.syntax ?? readTypeText(property, typeProperty);
 }
 
+// src/docgen/component-docgen/resolve-component/resolve-component.ts
+import { loadCsf, unwrapExpression } from "storybook/internal/csf-tools";
+import { recast, types as t } from "storybook/internal/babel";
+import { readFileSync } from "node:fs";
+function parseStoryFile(storyFilePath, title) {
+  try {
+    let source = readFileSync(storyFilePath, "utf8");
+    return loadCsf(source, { makeTitle: () => title }).parse();
+  } catch {
+    return;
+  }
+}
+var expressionFor = (node) => recast.print(node).code;
+function tagFromNode(node) {
+  let expression = expressionFor(node), unwrapped = unwrapExpression(node);
+  if (t.isStringLiteral(unwrapped) && unwrapped.value !== "")
+    return { tag: unwrapped.value };
+  if (t.isTemplateLiteral(unwrapped) && unwrapped.expressions.length === 0) {
+    let tag = unwrapped.quasis[0]?.value.cooked;
+    if (tag)
+      return { tag };
+  }
+  return { reason: "component-not-a-tag", expression };
+}
+function resolveStoryComponent(csf) {
+  let component = csf._metaAnnotations.component;
+  return component ? tagFromNode(component) : { reason: "no-meta-component" };
+}
+
 export {
   isRecord,
   namedItems,
@@ -52,5 +81,7 @@ export {
   firstValue,
   DEFAULT_TYPE_PROPERTY,
   readTypeText,
-  readCssPropertySyntax
+  readCssPropertySyntax,
+  parseStoryFile,
+  resolveStoryComponent
 };

package/dist/_node-chunks/{chunk-QOCKUGBG.js → chunk-X7F7EONQ.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_ntm93oozfz from 'node:url';
-import CJS_COMPAT_NODE_PATH_ntm93oozfz from 'node:path';
-import CJS_COMPAT_NODE_MODULE_ntm93oozfz from "node:module";
+import CJS_COMPAT_NODE_URL_3ov4ld79bt3 from 'node:url';
+import CJS_COMPAT_NODE_PATH_3ov4ld79bt3 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_3ov4ld79bt3 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_ntm93oozfz.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_ntm93oozfz.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_ntm93oozfz.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_3ov4ld79bt3.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_3ov4ld79bt3.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_3ov4ld79bt3.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -15,10 +15,12 @@ import {
   firstValue,
   isRecord,
   namedItems,
+  parseStoryFile,
   readCssPropertySyntax,
   readTypeText,
+  resolveStoryComponent,
   trimmedOrUndefined
-} from "./chunk-3OPBLV6G.js";
+} from "./chunk-GDY64HEP.js";
 
 // src/docgen/docgen-worker.ts
 import { createLazyDocgenMiddleware } from "storybook/internal/common";
@@ -516,35 +518,6 @@ function cssCustomPropertyControl(syntax) {
   return lowerSyntax === "<color>" ? { type: { name: "string" }, control: { type: "color" } } : lowerSyntax === "<number>" || lowerSyntax === "<integer>" ? { type: { name: "number" } } : { type: { name: "string" } };
 }
 
-// src/docgen/component-docgen/resolve-component/resolve-component.ts
-import { loadCsf, unwrapExpression } from "storybook/internal/csf-tools";
-import { recast, types as t } from "storybook/internal/babel";
-import { readFileSync } from "node:fs";
-function parseStoryFile(storyFilePath, title) {
-  try {
-    let source = readFileSync(storyFilePath, "utf8");
-    return loadCsf(source, { makeTitle: () => title }).parse();
-  } catch {
-    return;
-  }
-}
-var expressionFor = (node) => recast.print(node).code;
-function tagFromNode(node) {
-  let expression = expressionFor(node), unwrapped = unwrapExpression(node);
-  if (t.isStringLiteral(unwrapped) && unwrapped.value !== "")
-    return { tag: unwrapped.value };
-  if (t.isTemplateLiteral(unwrapped) && unwrapped.expressions.length === 0) {
-    let tag = unwrapped.quasis[0]?.value.cooked;
-    if (tag)
-      return { tag };
-  }
-  return { reason: "component-not-a-tag", expression };
-}
-function resolveStoryComponent(csf) {
-  let component = csf._metaAnnotations.component;
-  return component ? tagFromNode(component) : { reason: "no-meta-component" };
-}
-
 // src/docgen/component-docgen/build-docgen.ts
 function buildDocgenPayload(input, context) {
   let storyImportPath = getStoryImportPathFromEntry(input.entry);

package/dist/docgen/docgen-worker.js

@@ -1,18 +1,18 @@
-import CJS_COMPAT_NODE_URL_ntm93oozfz from 'node:url';
-import CJS_COMPAT_NODE_PATH_ntm93oozfz from 'node:path';
-import CJS_COMPAT_NODE_MODULE_ntm93oozfz from "node:module";
+import CJS_COMPAT_NODE_URL_3ov4ld79bt3 from 'node:url';
+import CJS_COMPAT_NODE_PATH_3ov4ld79bt3 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_3ov4ld79bt3 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_ntm93oozfz.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_ntm93oozfz.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_ntm93oozfz.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_3ov4ld79bt3.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_3ov4ld79bt3.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_3ov4ld79bt3.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   createDocgenProvider
-} from "../_node-chunks/chunk-QOCKUGBG.js";
-import "../_node-chunks/chunk-3OPBLV6G.js";
+} from "../_node-chunks/chunk-X7F7EONQ.js";
+import "../_node-chunks/chunk-GDY64HEP.js";
 export {
   createDocgenProvider
 };

package/dist/docgen/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_ntm93oozfz from 'node:url';
-import CJS_COMPAT_NODE_PATH_ntm93oozfz from 'node:path';
-import CJS_COMPAT_NODE_MODULE_ntm93oozfz from "node:module";
+import CJS_COMPAT_NODE_URL_3ov4ld79bt3 from 'node:url';
+import CJS_COMPAT_NODE_PATH_3ov4ld79bt3 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_3ov4ld79bt3 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_ntm93oozfz.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_ntm93oozfz.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_ntm93oozfz.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_3ov4ld79bt3.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_3ov4ld79bt3.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_3ov4ld79bt3.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,10 +12,10 @@ var require = CJS_COMPAT_NODE_MODULE_ntm93oozfz.createRequire(import.meta.url);
 import {
   buildDocgenPayload,
   createDocgenProvider
-} from "../_node-chunks/chunk-QOCKUGBG.js";
+} from "../_node-chunks/chunk-X7F7EONQ.js";
 import {
   DEFAULT_TYPE_PROPERTY
-} from "../_node-chunks/chunk-3OPBLV6G.js";
+} from "../_node-chunks/chunk-GDY64HEP.js";
 export {
   DEFAULT_TYPE_PROPERTY,
   buildDocgenPayload,

package/dist/entry-preview-argtypes.js

@@ -2,9 +2,9 @@ import {
   getCustomElements,
   isValidComponent,
   isValidMetaData
-} from "./_browser-chunks/chunk-ZTODZABH.js";
-import "./_browser-chunks/chunk-Z3YF52EY.js";
-import "./_browser-chunks/chunk-6ZSMINL7.js";
+} from "./_browser-chunks/chunk-TXUT6K6E.js";
+import "./_browser-chunks/chunk-BNL7LBNI.js";
+import "./_browser-chunks/chunk-EGBR6PF2.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/entry-preview-argtypes.ts

package/dist/entry-preview-docs.js

@@ -1,7 +1,7 @@
 import {
   decorators,
   parameters
-} from "./_browser-chunks/chunk-6ZSMINL7.js";
+} from "./_browser-chunks/chunk-EGBR6PF2.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   decorators,

package/dist/entry-preview.js

@@ -2,7 +2,7 @@ import {
   parameters,
   render,
   renderToCanvas
-} from "./_browser-chunks/chunk-Z3YF52EY.js";
+} from "./_browser-chunks/chunk-BNL7LBNI.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   parameters,

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { AnnotatedStoryFn, ArgTypes, Args, Args as Args$1, ArgsStoryFn, ComponentAnnotations, DecoratorFunction, LoaderFunction, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Parameters, ProjectAnnotations, StoryAnnotations, StoryContext as StoryContext$1, StrictArgs, StrictArgs as StrictArgs$1, WebRenderer } from "storybook/internal/types";
 import { SVGTemplateResult, TemplateResult } from "lit";
-import { AddonTypes, InferTypes, Meta as Meta$1, MetaInput, MetaTypes, Preview as Preview$1, PreviewAddon, Story, StoryArgs, TypedMetaArgKeys, WithRenderArgs } from "storybook/internal/csf";
+import { AddonTypes, InferTypes, Meta as Meta$1, MetaInput, MetaTypes, Preview as Preview$1, PreviewAddonEntry, Story, StoryArgs, TypedMetaArgKeys, WithRenderArgs } from "storybook/internal/csf";
 
 //#region code/renderers/web-components/.dts-emit/code/renderers/web-components/src/types.d.ts
 type WebComponentsFrameworkOptions = {
@@ -159,7 +159,7 @@ type Simplify<T> = { [KeyType in keyof T]: T[KeyType] } & {};
  * });
  * ```
  */
-declare function __definePreview<Addons extends PreviewAddon<never>[]>(input: {
+declare function __definePreview<Addons extends PreviewAddonEntry[]>(input: {
   addons: Addons;
 } & ProjectAnnotations<WebComponentsTypes & InferTypes<Addons>>): WebComponentsPreview<WebComponentsTypes & InferTypes<Addons>>;
 /**

package/dist/index.js

@@ -6,9 +6,9 @@ import {
   setCustomElements,
   setCustomElementsManifest,
   setProjectAnnotations
-} from "./_browser-chunks/chunk-ZTODZABH.js";
-import "./_browser-chunks/chunk-Z3YF52EY.js";
-import "./_browser-chunks/chunk-6ZSMINL7.js";
+} from "./_browser-chunks/chunk-TXUT6K6E.js";
+import "./_browser-chunks/chunk-BNL7LBNI.js";
+import "./_browser-chunks/chunk-EGBR6PF2.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   __definePreview,