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

package/README.md

@@ -1 +1,5 @@
 # Storybook web-components 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-CTBWQQZK.js

@@ -0,0 +1,88 @@
+import {
+  entry_preview_exports
+} from "./chunk-NIAEHH3S.js";
+import {
+  __name
+} from "./chunk-JFJ5UJ7Q.js";
+
+// src/index.ts
+import { global as global3 } from "@storybook/global";
+
+// src/globals.ts
+import { global } from "@storybook/global";
+var { window: globalWindow } = global;
+globalWindow.STORYBOOK_ENV = "web-components";
+
+// src/framework-api.ts
+import { global as global2 } from "@storybook/global";
+function isValidComponent(tagName) {
+  if (!tagName) {
+    return false;
+  }
+  if (typeof tagName === "string") {
+    return true;
+  }
+  throw new Error('Provided component needs to be a string. e.g. component: "my-element"');
+}
+__name(isValidComponent, "isValidComponent");
+function isValidMetaData(customElements) {
+  if (!customElements) {
+    return false;
+  }
+  if (customElements.tags && Array.isArray(customElements.tags) || customElements.modules && Array.isArray(customElements.modules)) {
+    return true;
+  }
+  throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
+    See the readme of addon-docs for web components for more details.`);
+}
+__name(isValidMetaData, "isValidMetaData");
+function setCustomElements(customElements) {
+  global2.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;
+}
+__name(setCustomElements, "setCustomElements");
+function setCustomElementsManifest(customElements) {
+  global2.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;
+}
+__name(setCustomElementsManifest, "setCustomElementsManifest");
+function getCustomElements() {
+  return global2.__STORYBOOK_CUSTOM_ELEMENTS__ || global2.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__;
+}
+__name(getCustomElements, "getCustomElements");
+
+// src/portable-stories.ts
+import {
+  setProjectAnnotations as originalSetProjectAnnotations,
+  setDefaultProjectAnnotations
+} from "storybook/preview-api";
+function setProjectAnnotations(projectAnnotations) {
+  setDefaultProjectAnnotations(entry_preview_exports);
+  return originalSetProjectAnnotations(
+    projectAnnotations
+  );
+}
+__name(setProjectAnnotations, "setProjectAnnotations");
+
+// src/index.ts
+var { window, EventSource } = global3;
+if (typeof module !== "undefined" && module?.hot?.decline) {
+  module.hot.decline();
+  const hmr = new EventSource("__webpack_hmr");
+  hmr.addEventListener("message", /* @__PURE__ */ __name(function fullPageReload(event) {
+    try {
+      const { action } = JSON.parse(event.data);
+      if (action === "built") {
+        window.location.reload();
+      }
+    } catch (error) {
+    }
+  }, "fullPageReload"));
+}
+
+export {
+  isValidComponent,
+  isValidMetaData,
+  setCustomElements,
+  setCustomElementsManifest,
+  getCustomElements,
+  setProjectAnnotations
+};

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/_browser-chunks/chunk-NIAEHH3S.js

@@ -0,0 +1,76 @@
+import {
+  __export,
+  __name
+} from "./chunk-JFJ5UJ7Q.js";
+
+// src/entry-preview.ts
+var entry_preview_exports = {};
+__export(entry_preview_exports, {
+  parameters: () => parameters,
+  render: () => render,
+  renderToCanvas: () => renderToCanvas
+});
+
+// src/render.ts
+import { global } from "@storybook/global";
+import { render as litRender } from "lit";
+import { isTemplateResult } from "lit/directive-helpers.js";
+import { simulateDOMContentLoaded, simulatePageLoad } from "storybook/preview-api";
+import { dedent } from "ts-dedent";
+var { Node } = global;
+var render = /* @__PURE__ */ __name((args, context) => {
+  const { id, component } = context;
+  if (!component) {
+    throw new Error(
+      `Unable to render story ${id} as the component annotation is missing from the default export`
+    );
+  }
+  const element = document.createElement(component);
+  Object.entries(args).forEach(([key, val]) => {
+    element[key] = val;
+  });
+  return element;
+}, "render");
+function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount }, canvasElement) {
+  const element = storyFn();
+  showMain();
+  if (isTemplateResult(element)) {
+    if (forceRemount || !canvasElement.querySelector('[id="root-inner"]')) {
+      canvasElement.innerHTML = '<div id="root-inner"></div>';
+    }
+    const renderTo = canvasElement.querySelector('[id="root-inner"]');
+    litRender(element, renderTo);
+    simulatePageLoad(canvasElement);
+  } else if (typeof element === "string") {
+    canvasElement.innerHTML = element;
+    simulatePageLoad(canvasElement);
+  } else if (element instanceof Node) {
+    if (canvasElement.firstChild === element && !forceRemount) {
+      return;
+    }
+    canvasElement.innerHTML = "";
+    canvasElement.appendChild(element);
+    simulateDOMContentLoaded();
+  } else {
+    showError({
+      title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,
+      description: dedent`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `
+    });
+  }
+}
+__name(renderToCanvas, "renderToCanvas");
+
+// src/entry-preview.ts
+var parameters = {
+  renderer: "web-components"
+};
+
+export {
+  render,
+  renderToCanvas,
+  parameters,
+  entry_preview_exports
+};

package/dist/entry-preview-argtypes.js

@@ -1,2 +1,141 @@
-"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_argtypes_exports={};__export(entry_preview_argtypes_exports,{argTypesEnhancers:()=>argTypesEnhancers,parameters:()=>parameters});module.exports=__toCommonJS(entry_preview_argtypes_exports);var import_docs_tools=require("storybook/internal/docs-tools");var import_client_logger=require("storybook/internal/client-logger"),import_tiny_invariant=__toESM(require("tiny-invariant"));var import_global4=require("@storybook/global");var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow.STORYBOOK_ENV="web-components";var import_global2=require("@storybook/global");function isValidComponent(tagName){if(!tagName)return!1;if(typeof tagName=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function isValidMetaData(customElements){if(!customElements)return!1;if(customElements.tags&&Array.isArray(customElements.tags)||customElements.modules&&Array.isArray(customElements.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
-    See the readme of addon-docs for web components for more details.`)}function getCustomElements(){return import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS__||import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var import_preview_api2=require("storybook/preview-api");var import_global3=require("@storybook/global"),import_lit=require("lit"),import_directive_helpers=require("lit/directive-helpers.js"),import_preview_api=require("storybook/preview-api"),import_ts_dedent=require("ts-dedent"),{Node}=import_global3.global;var{window,EventSource}=import_global4.global;typeof module<"u"&&module?.hot?.decline&&(module.hot.decline(),new EventSource("__webpack_hmr").addEventListener("message",function(event){try{let{action}=JSON.parse(event.data);action==="built"&&window.location.reload()}catch{}}));function mapItem(item,category){let type;switch(category){case"attributes":case"properties":type={name:item.type?.text||item.type};break;case"slots":type={name:"string"};break;default:type={name:"void"};break}return{name:item.name,required:!1,description:item.description,type,table:{category,type:{summary:item.type?.text||item.type},defaultValue:{summary:item.default!==void 0?item.default:item.defaultValue}}}}function mapEvent(item){let name=item.name.replace(/(-|_|:|\.|\s)+(.)?/g,(_match,_separator,chr)=>chr?chr.toUpperCase():"").replace(/^([A-Z])/,match=>match.toLowerCase());return name=`on${name.charAt(0).toUpperCase()+name.substr(1)}`,[{name,action:{name:item.name},table:{disable:!0}},mapItem(item,"events")]}function mapData(data,category){return data&&data.filter(item=>item&&item.name).reduce((acc,item)=>{if(item.kind==="method")return acc;switch(category){case"events":mapEvent(item).forEach(argType=>{(0,import_tiny_invariant.default)(argType.name,`${argType} should have a name property.`),acc[argType.name]=argType});break;default:acc[item.name]=mapItem(item,category);break}return acc},{})}var getMetaDataExperimental=(tagName,customElements)=>{if(!isValidComponent(tagName)||!isValidMetaData(customElements))return null;let metaData=customElements.tags.find(tag=>tag.name.toUpperCase()===tagName.toUpperCase());return metaData||import_client_logger.logger.warn(`Component not found in custom-elements.json: ${tagName}`),metaData},getMetaDataV1=(tagName,customElements)=>{if(!isValidComponent(tagName)||!isValidMetaData(customElements))return null;let metadata;return customElements?.modules?.forEach(_module=>{_module?.declarations?.forEach(declaration=>{declaration.tagName===tagName&&(metadata=declaration)})}),metadata||import_client_logger.logger.warn(`Component not found in custom-elements.json: ${tagName}`),metadata},getMetaData=(tagName,manifest)=>manifest?.version==="experimental"?getMetaDataExperimental(tagName,manifest):getMetaDataV1(tagName,manifest),extractArgTypesFromElements=(tagName,customElements)=>{let metaData=getMetaData(tagName,customElements);return metaData&&{...mapData(metaData.members??[],"properties"),...mapData(metaData.properties??[],"properties"),...mapData(metaData.attributes??[],"attributes"),...mapData(metaData.events??[],"events"),...mapData(metaData.slots??[],"slots"),...mapData(metaData.cssProperties??[],"css custom properties"),...mapData(metaData.cssParts??[],"css shadow parts")}},extractArgTypes=tagName=>{let cem=getCustomElements();return extractArgTypesFromElements(tagName,cem)},extractComponentDescription=tagName=>{let metaData=getMetaData(tagName,getCustomElements());return metaData&&metaData.description};var parameters={docs:{extractArgTypes,extractComponentDescription}},argTypesEnhancers=[import_docs_tools.enhanceArgTypes];0&&(module.exports={argTypesEnhancers,parameters});
+import {
+  getCustomElements,
+  isValidComponent,
+  isValidMetaData
+} from "./_browser-chunks/chunk-CTBWQQZK.js";
+import "./_browser-chunks/chunk-NIAEHH3S.js";
+import {
+  __name
+} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+
+// src/entry-preview-argtypes.ts
+import { enhanceArgTypes } from "storybook/internal/docs-tools";
+
+// src/docs/custom-elements.ts
+import { logger } from "storybook/internal/client-logger";
+import invariant from "tiny-invariant";
+function mapItem(item, category) {
+  let type;
+  switch (category) {
+    case "attributes":
+    case "properties":
+      type = { name: item.type?.text || item.type };
+      break;
+    case "slots":
+      type = { name: "string" };
+      break;
+    default:
+      type = { name: "void" };
+      break;
+  }
+  return {
+    name: item.name,
+    required: false,
+    description: item.description,
+    type,
+    table: {
+      category,
+      type: { summary: item.type?.text || item.type },
+      defaultValue: {
+        summary: item.default !== void 0 ? item.default : item.defaultValue
+      }
+    }
+  };
+}
+__name(mapItem, "mapItem");
+function mapEvent(item) {
+  let name = item.name.replace(/(-|_|:|\.|\s)+(.)?/g, (_match, _separator, chr) => {
+    return chr ? chr.toUpperCase() : "";
+  }).replace(/^([A-Z])/, (match) => match.toLowerCase());
+  name = `on${name.charAt(0).toUpperCase() + name.substr(1)}`;
+  return [{ name, action: { name: item.name }, table: { disable: true } }, mapItem(item, "events")];
+}
+__name(mapEvent, "mapEvent");
+function mapData(data, category) {
+  return data && data.filter((item) => item && item.name).reduce((acc, item) => {
+    if (item.kind === "method") {
+      return acc;
+    }
+    switch (category) {
+      case "events":
+        mapEvent(item).forEach((argType) => {
+          invariant(argType.name, `${argType} should have a name property.`);
+          acc[argType.name] = argType;
+        });
+        break;
+      default:
+        acc[item.name] = mapItem(item, category);
+        break;
+    }
+    return acc;
+  }, {});
+}
+__name(mapData, "mapData");
+var getMetaDataExperimental = /* @__PURE__ */ __name((tagName, customElements) => {
+  if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
+    return null;
+  }
+  const metaData = customElements.tags.find(
+    (tag) => tag.name.toUpperCase() === tagName.toUpperCase()
+  );
+  if (!metaData) {
+    logger.warn(`Component not found in custom-elements.json: ${tagName}`);
+  }
+  return metaData;
+}, "getMetaDataExperimental");
+var getMetaDataV1 = /* @__PURE__ */ __name((tagName, customElements) => {
+  if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
+    return null;
+  }
+  let metadata;
+  customElements?.modules?.forEach((_module) => {
+    _module?.declarations?.forEach((declaration) => {
+      if (declaration.tagName === tagName) {
+        metadata = declaration;
+      }
+    });
+  });
+  if (!metadata) {
+    logger.warn(`Component not found in custom-elements.json: ${tagName}`);
+  }
+  return metadata;
+}, "getMetaDataV1");
+var getMetaData = /* @__PURE__ */ __name((tagName, manifest) => {
+  if (manifest?.version === "experimental") {
+    return getMetaDataExperimental(tagName, manifest);
+  }
+  return getMetaDataV1(tagName, manifest);
+}, "getMetaData");
+var extractArgTypesFromElements = /* @__PURE__ */ __name((tagName, customElements) => {
+  const metaData = getMetaData(tagName, customElements);
+  return metaData && {
+    ...mapData(metaData.members ?? [], "properties"),
+    ...mapData(metaData.properties ?? [], "properties"),
+    ...mapData(metaData.attributes ?? [], "attributes"),
+    ...mapData(metaData.events ?? [], "events"),
+    ...mapData(metaData.slots ?? [], "slots"),
+    ...mapData(metaData.cssProperties ?? [], "css custom properties"),
+    ...mapData(metaData.cssParts ?? [], "css shadow parts")
+  };
+}, "extractArgTypesFromElements");
+var extractArgTypes = /* @__PURE__ */ __name((tagName) => {
+  const cem = getCustomElements();
+  return extractArgTypesFromElements(tagName, cem);
+}, "extractArgTypes");
+var extractComponentDescription = /* @__PURE__ */ __name((tagName) => {
+  const metaData = getMetaData(tagName, getCustomElements());
+  return metaData && metaData.description;
+}, "extractComponentDescription");
+
+// src/entry-preview-argtypes.ts
+var parameters = {
+  docs: {
+    extractArgTypes,
+    extractComponentDescription
+  }
+};
+var argTypesEnhancers = [enhanceArgTypes];
+export {
+  argTypesEnhancers,
+  parameters
+};

package/dist/entry-preview-docs.js

@@ -1 +1,58 @@
-"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,parameters:()=>parameters});module.exports=__toCommonJS(entry_preview_docs_exports);var import_docs_tools2=require("storybook/internal/docs-tools");var import_docs_tools=require("storybook/internal/docs-tools"),import_lit=require("lit"),import_preview_api=require("storybook/preview-api"),LIT_EXPRESSION_COMMENTS=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;function skipSourceRender(context){let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return sourceParams?.type===import_docs_tools.SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===import_docs_tools.SourceType.CODE}function sourceDecorator(storyFn,context){let story=storyFn(),renderedForSource=context?.parameters.docs?.source?.excludeDecorators?context.originalStoryFn(context.args,context):story,source;if((0,import_preview_api.useEffect)(()=>{source&&(0,import_preview_api.emitTransformCode)(source,context)}),!skipSourceRender(context)){let container=window.document.createElement("div");renderedForSource instanceof DocumentFragment?(0,import_lit.render)(renderedForSource.cloneNode(!0),container):(0,import_lit.render)(renderedForSource,container),source=container.innerHTML.replace(LIT_EXPRESSION_COMMENTS,"")}return story}var decorators=[sourceDecorator],parameters={docs:{source:{type:import_docs_tools2.SourceType.DYNAMIC,language:"html"},story:{inline:!0}}};0&&(module.exports={decorators,parameters});
+import {
+  __name
+} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+
+// src/entry-preview-docs.ts
+import { SourceType as SourceType2 } from "storybook/internal/docs-tools";
+
+// src/docs/sourceDecorator.ts
+import { SourceType } from "storybook/internal/docs-tools";
+import { render } from "lit";
+import { emitTransformCode, useEffect } from "storybook/preview-api";
+var LIT_EXPRESSION_COMMENTS = /<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;
+function skipSourceRender(context) {
+  const sourceParams = context?.parameters.docs?.source;
+  const isArgsStory = context?.parameters.__isArgsStory;
+  if (sourceParams?.type === SourceType.DYNAMIC) {
+    return false;
+  }
+  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
+}
+__name(skipSourceRender, "skipSourceRender");
+function sourceDecorator(storyFn, context) {
+  const story = storyFn();
+  const renderedForSource = context?.parameters.docs?.source?.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
+  let source;
+  useEffect(() => {
+    if (source) {
+      emitTransformCode(source, context);
+    }
+  });
+  if (!skipSourceRender(context)) {
+    const container = window.document.createElement("div");
+    if (renderedForSource instanceof DocumentFragment) {
+      render(renderedForSource.cloneNode(true), container);
+    } else {
+      render(renderedForSource, container);
+    }
+    source = container.innerHTML.replace(LIT_EXPRESSION_COMMENTS, "");
+  }
+  return story;
+}
+__name(sourceDecorator, "sourceDecorator");
+
+// src/entry-preview-docs.ts
+var decorators = [sourceDecorator];
+var parameters = {
+  docs: {
+    source: {
+      type: SourceType2.DYNAMIC,
+      language: "html"
+    },
+    story: { inline: true }
+  }
+};
+export {
+  decorators,
+  parameters
+};

package/dist/entry-preview.js

@@ -1,4 +1,11 @@
-"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_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});module.exports=__toCommonJS(entry_preview_exports);var import_global=require("@storybook/global"),import_lit=require("lit"),import_directive_helpers=require("lit/directive-helpers.js"),import_preview_api=require("storybook/preview-api"),import_ts_dedent=require("ts-dedent"),{Node}=import_global.global,render=(args,context)=>{let{id,component}=context;if(!component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);let element=document.createElement(component);return Object.entries(args).forEach(([key,val])=>{element[key]=val}),element};function renderToCanvas({storyFn,kind,name,showMain,showError,forceRemount},canvasElement){let element=storyFn();if(showMain(),(0,import_directive_helpers.isTemplateResult)(element)){(forceRemount||!canvasElement.querySelector('[id="root-inner"]'))&&(canvasElement.innerHTML='<div id="root-inner"></div>');let renderTo=canvasElement.querySelector('[id="root-inner"]');(0,import_lit.render)(element,renderTo),(0,import_preview_api.simulatePageLoad)(canvasElement)}else if(typeof element=="string")canvasElement.innerHTML=element,(0,import_preview_api.simulatePageLoad)(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&!forceRemount)return;canvasElement.innerHTML="",canvasElement.appendChild(element),(0,import_preview_api.simulateDOMContentLoaded)()}else showError({title:`Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,description:import_ts_dedent.dedent`
-        Did you forget to return the HTML snippet from the story?
-        Use "() => <your snippet or node>" or when defining the story.
-      `})}var parameters={renderer:"web-components"};0&&(module.exports={parameters,render,renderToCanvas});
+import {
+  parameters,
+  render,
+  renderToCanvas
+} from "./_browser-chunks/chunk-NIAEHH3S.js";
+import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+export {
+  parameters,
+  render,
+  renderToCanvas
+};

package/dist/index.d.ts

@@ -1,7 +1,12 @@
-import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';
+import { WebRenderer, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';
 export { ArgTypes, Args, Parameters, StrictArgs } from 'storybook/internal/types';
-import { W as WebComponentsRenderer } from './types-9976a2c9.js';
-import 'lit';
+import { TemplateResult, SVGTemplateResult } from 'lit';
+
+type StoryFnHtmlReturnType = string | Node | DocumentFragment | TemplateResult | SVGTemplateResult;
+interface WebComponentsRenderer extends WebRenderer {
+    component: string;
+    storyResult: StoryFnHtmlReturnType;
+}
 
 /**
  * Metadata to configure the stories for a component.
@@ -54,4 +59,4 @@ declare function getCustomElements(): any;
  */
 declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]): NormalizedProjectAnnotations<WebComponentsRenderer>;
 
-export { Decorator, Loader, Meta, Preview, StoryContext, StoryFn, StoryObj, WebComponentsRenderer, getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations };
+export { type Decorator, type Loader, type Meta, type Preview, type StoryContext, type StoryFn, type StoryObj, type WebComponentsRenderer, getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations };

package/dist/index.js

@@ -1,5 +1,18 @@
-"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 index_exports={};__export(index_exports,{getCustomElements:()=>getCustomElements,isValidComponent:()=>isValidComponent,isValidMetaData:()=>isValidMetaData,setCustomElements:()=>setCustomElements,setCustomElementsManifest:()=>setCustomElementsManifest,setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(index_exports);var import_global4=require("@storybook/global");var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow.STORYBOOK_ENV="web-components";var import_global2=require("@storybook/global");function isValidComponent(tagName){if(!tagName)return!1;if(typeof tagName=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function isValidMetaData(customElements){if(!customElements)return!1;if(customElements.tags&&Array.isArray(customElements.tags)||customElements.modules&&Array.isArray(customElements.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
-    See the readme of addon-docs for web components for more details.`)}function setCustomElements(customElements){import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS__=customElements}function setCustomElementsManifest(customElements){import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__=customElements}function getCustomElements(){return import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS__||import_global2.global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var import_preview_api2=require("storybook/preview-api");var entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var import_global3=require("@storybook/global"),import_lit=require("lit"),import_directive_helpers=require("lit/directive-helpers.js"),import_preview_api=require("storybook/preview-api"),import_ts_dedent=require("ts-dedent"),{Node}=import_global3.global,render=(args,context)=>{let{id,component}=context;if(!component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);let element=document.createElement(component);return Object.entries(args).forEach(([key,val])=>{element[key]=val}),element};function renderToCanvas({storyFn,kind,name,showMain,showError,forceRemount},canvasElement){let element=storyFn();if(showMain(),(0,import_directive_helpers.isTemplateResult)(element)){(forceRemount||!canvasElement.querySelector('[id="root-inner"]'))&&(canvasElement.innerHTML='<div id="root-inner"></div>');let renderTo=canvasElement.querySelector('[id="root-inner"]');(0,import_lit.render)(element,renderTo),(0,import_preview_api.simulatePageLoad)(canvasElement)}else if(typeof element=="string")canvasElement.innerHTML=element,(0,import_preview_api.simulatePageLoad)(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&!forceRemount)return;canvasElement.innerHTML="",canvasElement.appendChild(element),(0,import_preview_api.simulateDOMContentLoaded)()}else showError({title:`Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,description:import_ts_dedent.dedent`
-        Did you forget to return the HTML snippet from the story?
-        Use "() => <your snippet or node>" or when defining the story.
-      `})}var parameters={renderer:"web-components"};function setProjectAnnotations(projectAnnotations){return(0,import_preview_api2.setDefaultProjectAnnotations)(entry_preview_exports),(0,import_preview_api2.setProjectAnnotations)(projectAnnotations)}var{window,EventSource}=import_global4.global;typeof module<"u"&&module?.hot?.decline&&(module.hot.decline(),new EventSource("__webpack_hmr").addEventListener("message",function(event){try{let{action}=JSON.parse(event.data);action==="built"&&window.location.reload()}catch{}}));0&&(module.exports={getCustomElements,isValidComponent,isValidMetaData,setCustomElements,setCustomElementsManifest,setProjectAnnotations});
+import {
+  getCustomElements,
+  isValidComponent,
+  isValidMetaData,
+  setCustomElements,
+  setCustomElementsManifest,
+  setProjectAnnotations
+} from "./_browser-chunks/chunk-CTBWQQZK.js";
+import "./_browser-chunks/chunk-NIAEHH3S.js";
+import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+export {
+  getCustomElements,
+  isValidComponent,
+  isValidMetaData,
+  setCustomElements,
+  setCustomElementsManifest,
+  setProjectAnnotations
+};

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"),(0,import_node_path.join)(__dirname,"entry-preview-argtypes.mjs")]).concat(docsEnabled?[(0,import_node_path.join)(__dirname,"entry-preview-docs.mjs")]:[])};0&&(module.exports={previewAnnotations});
+import CJS_COMPAT_NODE_URL_tozt8ikgrb from 'node:url';
+import CJS_COMPAT_NODE_PATH_tozt8ikgrb from 'node:path';
+import CJS_COMPAT_NODE_MODULE_tozt8ikgrb from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_tozt8ikgrb.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_tozt8ikgrb.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_tozt8ikgrb.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/web-components/entry-preview"))]).concat(
+    docsEnabled ? [fileURLToPath(import.meta.resolve("@storybook/web-components/entry-preview-docs"))] : []
+  );
+}, "previewAnnotations");
+export {
+  previewAnnotations
+};

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@storybook/web-components",
-  "version": "9.2.0-alpha.2",
-  "description": "Storybook web-components renderer",
+  "version": "10.0.0-beta.0",
+  "description": "Storybook Web Components renderer: Develop, document, and test UI components in isolation",
   "keywords": [
+    "storybook",
+    "storybook-renderer",
     "lit",
     "lit-html",
-    "storybook",
-    "web-components"
+    "web-components",
+    "component",
+    "components"
   ],
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/renderers/web-components",
   "bugs": {
@@ -22,21 +25,18 @@
     "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"
     },
-    "./preset": "./preset.js",
-    "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
-    "./dist/entry-preview-argtypes.mjs": "./dist/entry-preview-argtypes.mjs",
-    "./dist/entry-preview-docs.mjs": "./dist/entry-preview-docs.mjs",
-    "./package.json": "./package.json"
+    "./entry-preview": "./dist/entry-preview.js",
+    "./entry-preview-argtypes": "./dist/entry-preview-argtypes.js",
+    "./entry-preview-docs": "./dist/entry-preview-docs.js",
+    "./package.json": "./package.json",
+    "./preset": "./dist/preset.js"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "template/cli/**/*",
@@ -46,8 +46,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "jiti ../../../scripts/prepare/check.ts",
-    "prep": "jiti ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/check/check-package.ts",
+    "prep": "jiti ../../../scripts/build/build-package.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
@@ -66,23 +66,10 @@
   },
   "peerDependencies": {
     "lit": "^2.0.0 || ^3.0.0",
-    "storybook": "^9.2.0-alpha.2"
-  },
-  "engines": {
-    "node": ">=20.0.0"
+    "storybook": "^10.0.0-beta.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "bundler": {
-    "entries": [
-      "./src/index.ts",
-      "./src/preset.ts",
-      "./src/entry-preview.ts",
-      "./src/entry-preview-argtypes.ts",
-      "./src/entry-preview-docs.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-J73AUUXV.mjs

@@ -1,13 +0,0 @@
-import { __export } from './chunk-CEH6MNVV.mjs';
-import { global } from '@storybook/global';
-import { render as render$1 } from 'lit';
-import { isTemplateResult } from 'lit/directive-helpers.js';
-import { simulatePageLoad, simulateDOMContentLoaded } from 'storybook/preview-api';
-import { dedent } from 'ts-dedent';
-
-var entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var {Node}=global,render=(args,context)=>{let{id,component}=context;if(!component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);let element=document.createElement(component);return Object.entries(args).forEach(([key,val])=>{element[key]=val;}),element};function renderToCanvas({storyFn,kind,name,showMain,showError,forceRemount},canvasElement){let element=storyFn();if(showMain(),isTemplateResult(element)){(forceRemount||!canvasElement.querySelector('[id="root-inner"]'))&&(canvasElement.innerHTML='<div id="root-inner"></div>');let renderTo=canvasElement.querySelector('[id="root-inner"]');render$1(element,renderTo),simulatePageLoad(canvasElement);}else if(typeof element=="string")canvasElement.innerHTML=element,simulatePageLoad(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&!forceRemount)return;canvasElement.innerHTML="",canvasElement.appendChild(element),simulateDOMContentLoaded();}else showError({title:`Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,description:dedent`
-        Did you forget to return the HTML snippet from the story?
-        Use "() => <your snippet or node>" or when defining the story.
-      `});}var parameters={renderer:"web-components"};
-
-export { entry_preview_exports, parameters, render, renderToCanvas };

package/dist/chunk-Y527KJ6E.mjs

@@ -1,8 +0,0 @@
-import { entry_preview_exports } from './chunk-J73AUUXV.mjs';
-import { global } from '@storybook/global';
-import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from 'storybook/preview-api';
-
-var{window:globalWindow}=global;globalWindow.STORYBOOK_ENV="web-components";function isValidComponent(tagName){if(!tagName)return !1;if(typeof tagName=="string")return !0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function isValidMetaData(customElements){if(!customElements)return !1;if(customElements.tags&&Array.isArray(customElements.tags)||customElements.modules&&Array.isArray(customElements.modules))return !0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
-    See the readme of addon-docs for web components for more details.`)}function setCustomElements(customElements){global.__STORYBOOK_CUSTOM_ELEMENTS__=customElements;}function setCustomElementsManifest(customElements){global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__=customElements;}function getCustomElements(){return global.__STORYBOOK_CUSTOM_ELEMENTS__||global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}function setProjectAnnotations(projectAnnotations){return setDefaultProjectAnnotations(entry_preview_exports),setProjectAnnotations$1(projectAnnotations)}var{window,EventSource}=global;typeof module<"u"&&module?.hot?.decline&&(module.hot.decline(),new EventSource("__webpack_hmr").addEventListener("message",function(event){try{let{action}=JSON.parse(event.data);action==="built"&&window.location.reload();}catch{}}));
-
-export { getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations };

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

@@ -1,16 +0,0 @@
-import * as storybook_internal_csf from 'storybook/internal/csf';
-import { ArgTypesEnhancer } from 'storybook/internal/types';
-import { W as WebComponentsRenderer } from './types-9976a2c9.js';
-import 'lit';
-
-declare const parameters: {
-    docs: {
-        extractArgTypes: (tagName: string) => {
-            [x: string]: storybook_internal_csf.InputType;
-        } | null | undefined;
-        extractComponentDescription: (tagName: string) => string | null | undefined;
-    };
-};
-declare const argTypesEnhancers: ArgTypesEnhancer<WebComponentsRenderer>[];
-
-export { argTypesEnhancers, parameters };

package/dist/entry-preview-argtypes.mjs

@@ -1,10 +0,0 @@
-import { getCustomElements, isValidComponent, isValidMetaData } from './chunk-Y527KJ6E.mjs';
-import './chunk-J73AUUXV.mjs';
-import './chunk-CEH6MNVV.mjs';
-import { enhanceArgTypes } from 'storybook/internal/docs-tools';
-import { logger } from 'storybook/internal/client-logger';
-import invariant from 'tiny-invariant';
-
-function mapItem(item,category){let type;switch(category){case"attributes":case"properties":type={name:item.type?.text||item.type};break;case"slots":type={name:"string"};break;default:type={name:"void"};break}return {name:item.name,required:!1,description:item.description,type,table:{category,type:{summary:item.type?.text||item.type},defaultValue:{summary:item.default!==void 0?item.default:item.defaultValue}}}}function mapEvent(item){let name=item.name.replace(/(-|_|:|\.|\s)+(.)?/g,(_match,_separator,chr)=>chr?chr.toUpperCase():"").replace(/^([A-Z])/,match=>match.toLowerCase());return name=`on${name.charAt(0).toUpperCase()+name.substr(1)}`,[{name,action:{name:item.name},table:{disable:!0}},mapItem(item,"events")]}function mapData(data,category){return data&&data.filter(item=>item&&item.name).reduce((acc,item)=>{if(item.kind==="method")return acc;switch(category){case"events":mapEvent(item).forEach(argType=>{invariant(argType.name,`${argType} should have a name property.`),acc[argType.name]=argType;});break;default:acc[item.name]=mapItem(item,category);break}return acc},{})}var getMetaDataExperimental=(tagName,customElements)=>{if(!isValidComponent(tagName)||!isValidMetaData(customElements))return null;let metaData=customElements.tags.find(tag=>tag.name.toUpperCase()===tagName.toUpperCase());return metaData||logger.warn(`Component not found in custom-elements.json: ${tagName}`),metaData},getMetaDataV1=(tagName,customElements)=>{if(!isValidComponent(tagName)||!isValidMetaData(customElements))return null;let metadata;return customElements?.modules?.forEach(_module=>{_module?.declarations?.forEach(declaration=>{declaration.tagName===tagName&&(metadata=declaration);});}),metadata||logger.warn(`Component not found in custom-elements.json: ${tagName}`),metadata},getMetaData=(tagName,manifest)=>manifest?.version==="experimental"?getMetaDataExperimental(tagName,manifest):getMetaDataV1(tagName,manifest),extractArgTypesFromElements=(tagName,customElements)=>{let metaData=getMetaData(tagName,customElements);return metaData&&{...mapData(metaData.members??[],"properties"),...mapData(metaData.properties??[],"properties"),...mapData(metaData.attributes??[],"attributes"),...mapData(metaData.events??[],"events"),...mapData(metaData.slots??[],"slots"),...mapData(metaData.cssProperties??[],"css custom properties"),...mapData(metaData.cssParts??[],"css shadow parts")}},extractArgTypes=tagName=>{let cem=getCustomElements();return extractArgTypesFromElements(tagName,cem)},extractComponentDescription=tagName=>{let metaData=getMetaData(tagName,getCustomElements());return metaData&&metaData.description};var parameters={docs:{extractArgTypes,extractComponentDescription}},argTypesEnhancers=[enhanceArgTypes];
-
-export { argTypesEnhancers, parameters };

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

@@ -1,19 +0,0 @@
-import { SourceType } from 'storybook/internal/docs-tools';
-import { DecoratorFunction } from 'storybook/internal/types';
-import { W as WebComponentsRenderer } from './types-9976a2c9.js';
-import 'lit';
-
-declare const decorators: DecoratorFunction<WebComponentsRenderer>[];
-declare const parameters: {
-    docs: {
-        source: {
-            type: SourceType;
-            language: string;
-        };
-        story: {
-            inline: boolean;
-        };
-    };
-};
-
-export { decorators, parameters };

package/dist/entry-preview-docs.mjs

@@ -1,8 +0,0 @@
-import './chunk-CEH6MNVV.mjs';
-import { SourceType } from 'storybook/internal/docs-tools';
-import { render } from 'lit';
-import { useEffect, emitTransformCode } from 'storybook/preview-api';
-
-var LIT_EXPRESSION_COMMENTS=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;function skipSourceRender(context){let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return sourceParams?.type===SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===SourceType.CODE}function sourceDecorator(storyFn,context){let story=storyFn(),renderedForSource=context?.parameters.docs?.source?.excludeDecorators?context.originalStoryFn(context.args,context):story,source;if(useEffect(()=>{source&&emitTransformCode(source,context);}),!skipSourceRender(context)){let container=window.document.createElement("div");renderedForSource instanceof DocumentFragment?render(renderedForSource.cloneNode(!0),container):render(renderedForSource,container),source=container.innerHTML.replace(LIT_EXPRESSION_COMMENTS,"");}return story}var decorators=[sourceDecorator],parameters={docs:{source:{type:SourceType.DYNAMIC,language:"html"},story:{inline:!0}}};
-
-export { decorators, parameters };

package/dist/entry-preview.d.ts

@@ -1,12 +0,0 @@
-import { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
-import { W as WebComponentsRenderer } from './types-9976a2c9.js';
-import 'lit';
-
-declare const render: ArgsStoryFn<WebComponentsRenderer>;
-declare function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount }: RenderContext<WebComponentsRenderer>, canvasElement: WebComponentsRenderer['canvasElement']): void;
-
-declare const parameters: {
-    renderer: string;
-};
-
-export { parameters, render, renderToCanvas };

package/dist/entry-preview.mjs

@@ -1,2 +0,0 @@
-export { parameters, render, renderToCanvas } from './chunk-J73AUUXV.mjs';
-import './chunk-CEH6MNVV.mjs';

package/dist/index.mjs

@@ -1,3 +0,0 @@
-export { getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations } from './chunk-Y527KJ6E.mjs';
-import './chunk-J73AUUXV.mjs';
-import './chunk-CEH6MNVV.mjs';

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-9976a2c9.d.ts

@@ -1,10 +0,0 @@
-import { WebRenderer } from 'storybook/internal/types';
-import { TemplateResult, SVGTemplateResult } from 'lit';
-
-type StoryFnHtmlReturnType = string | Node | DocumentFragment | TemplateResult | SVGTemplateResult;
-interface WebComponentsRenderer extends WebRenderer {
-    component: string;
-    storyResult: StoryFnHtmlReturnType;
-}
-
-export { WebComponentsRenderer as W };