@stencil/storybook-plugin 0.4.1 → 0.5.0

package/dist/docs/index.cjs

@@ -1,4 +1,4 @@
-const require_docs = require('../docs-DJjy-dqq.cjs');
+const require_docs = require('../docs-C41e1jpq.cjs');
 
 exports.renderHTML = require_docs.renderHTML;
 exports.sourceDecorator = require_docs.sourceDecorator;

package/dist/docs/index.d.cts

@@ -1,4 +1,4 @@
-import { StencilRenderer } from "../types-BjBqnnWi.cjs";
+import { StencilRenderer } from "../types-BZP9npQ9.cjs";
 import { VNode } from "@stencil/core";
 import { DecoratorFunction } from "storybook/internal/types";
 

package/dist/docs/index.d.ts

@@ -1,4 +1,4 @@
-import { StencilRenderer } from "../types-Dzw-ZY4t.js";
+import { StencilRenderer } from "../types-DqHtEV5w.js";
 import { VNode } from "@stencil/core";
 import { DecoratorFunction } from "storybook/internal/types";
 

package/dist/docs/index.js

@@ -1,3 +1,3 @@
-import { renderHTML, sourceDecorator } from "../docs-C9E8OhSN.js";
+import { renderHTML, sourceDecorator } from "../docs-ObZ8znBB.js";
 
 export { renderHTML, sourceDecorator };

package/dist/{docs-DJjy-dqq.cjs → docs-C41e1jpq.cjs}

@@ -54,4 +54,4 @@ Object.defineProperty(exports, 'sourceDecorator', {
     return sourceDecorator;
   }
 });
-//# sourceMappingURL=docs-DJjy-dqq.cjs.map
+//# sourceMappingURL=docs-C41e1jpq.cjs.map

package/dist/{docs-DJjy-dqq.cjs.map → docs-C41e1jpq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"docs-DJjy-dqq.cjs","names":["node: VNode","vnode: VNode","context: Parameters<DecoratorFunction<StencilRenderer<unknown>>>[1]","SourceType","sourceDecorator: DecoratorFunction<StencilRenderer<unknown>>"],"sources":["../src/docs/render-html.ts","../src/docs/source-decorator.ts"],"sourcesContent":["import { type VNode } from '@stencil/core';\n\nfunction vnodeToHtml(node: VNode, indentLevel = 0): string {\n  const indent = '  '.repeat(indentLevel);\n\n  if (node.$text$ !== null) {\n    return indent + node.$text$;\n  }\n\n  if (node.$tag$ === null) {\n    return '';\n  }\n\n  const tag = node.$tag$;\n  const attrs = node.$attrs$\n    ? Object.entries(node.$attrs$)\n        .filter(([_, value]) => value !== undefined)\n        .map(([key, value]) => {\n          if (typeof value === 'boolean') {\n            return value ? ` ${key}` : '';\n          }\n          return ` ${key}=\"${value}\"`;\n        })\n        .join('')\n    : '';\n\n  const children = node.$children$ ?? [];\n\n  if (children.length === 0) {\n    return `${indent}<${tag}${attrs}></${tag}>`;\n  }\n\n  const childrenHtml = children.map((child) => vnodeToHtml(child, indentLevel + 1)).join('\\n');\n\n  return `${indent}<${tag}${attrs}>\\n${childrenHtml}\\n${indent}</${tag}>`;\n}\n\nexport const renderHTML = (vnode: VNode) => {\n  return vnodeToHtml(vnode);\n};\n","import { SourceType } from 'storybook/internal/docs-tools';\nimport { emitTransformCode, useEffect } from 'storybook/internal/preview-api';\nimport type { AnnotatedStoryFn, Args, DecoratorFunction } from 'storybook/internal/types';\nimport type { StencilRenderer } from '../types';\nimport { renderHTML } from './render-html';\n\ntype StoryFn<TArgs = Args> = AnnotatedStoryFn<StencilRenderer<unknown>, TArgs>;\n\nconst skip = (context: Parameters<DecoratorFunction<StencilRenderer<unknown>>>[1]) => {\n  const sourceParams = context?.parameters.docs?.source;\n  const isArgsStory = context?.parameters.__isArgsStory;\n\n  if (sourceParams.type === SourceType.DYNAMIC) return false;\n\n  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;\n};\n\nexport const sourceDecorator: DecoratorFunction<StencilRenderer<unknown>> = (storyFn, context) => {\n  const story = storyFn();\n\n  useEffect(() => {\n    const renderedForSource = context?.parameters.docs?.source?.excludeDecorators\n      ? (context.originalStoryFn as StoryFn)(context.args, context)\n      : story;\n\n    if (skip(context)) return;\n\n    switch (context.parameters.docs.source.language) {\n      case 'html': {\n        emitTransformCode(renderHTML(renderedForSource), context);\n      }\n    }\n  });\n\n  return story;\n};\n"],"mappings":";;;;;AAEA,SAAS,YAAYA,MAAa,cAAc,GAAW;CACzD,MAAM,SAAS,KAAK,OAAO,YAAY;AAEvC,KAAI,KAAK,WAAW,KAClB,QAAO,SAAS,KAAK;AAGvB,KAAI,KAAK,UAAU,KACjB,QAAO;CAGT,MAAM,MAAM,KAAK;CACjB,MAAM,QAAQ,KAAK,UACf,OAAO,QAAQ,KAAK,QAAQ,CACzB,OAAO,CAAC,CAAC,GAAG,MAAM,KAAK,iBAAoB,CAC3C,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;AACrB,aAAW,UAAU,UACnB,QAAO,SAAS,GAAG,IAAI,IAAI;AAE7B,UAAQ,GAAG,IAAI,IAAI,MAAM;CAC1B,EAAC,CACD,KAAK,GAAG,GACX;CAEJ,MAAM,WAAW,KAAK,cAAc,CAAE;AAEtC,KAAI,SAAS,WAAW,EACtB,SAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,KAAK,IAAI;CAG3C,MAAM,eAAe,SAAS,IAAI,CAAC,UAAU,YAAY,OAAO,cAAc,EAAE,CAAC,CAAC,KAAK,KAAK;AAE5F,SAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,KAAK,aAAa,IAAI,OAAO,IAAI,IAAI;AACtE;AAED,MAAa,aAAa,CAACC,UAAiB;AAC1C,QAAO,YAAY,MAAM;AAC1B;;;;AC/BD,MAAM,OAAO,CAACC,YAAwE;CACpF,MAAM,eAAe,SAAS,WAAW,MAAM;CAC/C,MAAM,cAAc,SAAS,WAAW;AAExC,KAAI,aAAa,SAASC,yCAAW,QAAS,QAAO;AAErD,SAAQ,eAAe,cAAc,QAAQ,cAAc,SAASA,yCAAW;AAChF;AAED,MAAaC,kBAA+D,CAAC,SAAS,YAAY;CAChG,MAAM,QAAQ,SAAS;AAEvB,+CAAU,MAAM;EACd,MAAM,oBAAoB,SAAS,WAAW,MAAM,QAAQ,oBACxD,AAAC,QAAQ,gBAA4B,QAAQ,MAAM,QAAQ,GAC3D;AAEJ,MAAI,KAAK,QAAQ,CAAE;AAEnB,UAAQ,QAAQ,WAAW,KAAK,OAAO,UAAvC;GACE,KAAK,OACH,uDAAkB,WAAW,kBAAkB,EAAE,QAAQ;EAE5D;CACF,EAAC;AAEF,QAAO;AACR"}
+{"version":3,"file":"docs-C41e1jpq.cjs","names":["node: VNode","vnode: VNode","context: Parameters<DecoratorFunction<StencilRenderer<unknown>>>[1]","SourceType","sourceDecorator: DecoratorFunction<StencilRenderer<unknown>>"],"sources":["../src/docs/render-html.ts","../src/docs/source-decorator.ts"],"sourcesContent":["import { type VNode } from '@stencil/core';\n\nfunction vnodeToHtml(node: VNode, indentLevel = 0): string {\n  const indent = '  '.repeat(indentLevel);\n\n  if (node.$text$ !== null) {\n    return indent + node.$text$;\n  }\n\n  if (node.$tag$ === null) {\n    return '';\n  }\n\n  const tag = node.$tag$;\n  const attrs = node.$attrs$\n    ? Object.entries(node.$attrs$)\n        .filter(([_, value]) => value !== undefined)\n        .map(([key, value]) => {\n          if (typeof value === 'boolean') {\n            return value ? ` ${key}` : '';\n          }\n          return ` ${key}=\"${value}\"`;\n        })\n        .join('')\n    : '';\n\n  const children = node.$children$ ?? [];\n\n  if (children.length === 0) {\n    return `${indent}<${tag}${attrs}></${tag}>`;\n  }\n\n  const childrenHtml = children.map((child) => vnodeToHtml(child, indentLevel + 1)).join('\\n');\n\n  return `${indent}<${tag}${attrs}>\\n${childrenHtml}\\n${indent}</${tag}>`;\n}\n\nexport const renderHTML = (vnode: VNode) => {\n  return vnodeToHtml(vnode);\n};\n","import { SourceType } from 'storybook/internal/docs-tools';\nimport { emitTransformCode, useEffect } from 'storybook/internal/preview-api';\nimport type { AnnotatedStoryFn, Args, DecoratorFunction } from 'storybook/internal/types';\nimport type { StencilRenderer } from '../types';\nimport { renderHTML } from './render-html';\n\ntype StoryFn<TArgs = Args> = AnnotatedStoryFn<StencilRenderer<unknown>, TArgs>;\n\nconst skip = (context: Parameters<DecoratorFunction<StencilRenderer<unknown>>>[1]) => {\n  const sourceParams = context?.parameters.docs?.source;\n  const isArgsStory = context?.parameters.__isArgsStory;\n\n  if (sourceParams.type === SourceType.DYNAMIC) return false;\n\n  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;\n};\n\nexport const sourceDecorator: DecoratorFunction<StencilRenderer<unknown>> = (storyFn, context) => {\n  const story = storyFn();\n\n  useEffect(() => {\n    const renderedForSource = context?.parameters.docs?.source?.excludeDecorators\n      ? (context.originalStoryFn as StoryFn)(context.args, context)\n      : story;\n\n    if (skip(context)) return;\n\n    switch (context.parameters.docs.source.language) {\n      case 'html': {\n        emitTransformCode(renderHTML(renderedForSource), context);\n      }\n    }\n  });\n\n  return story;\n};\n"],"mappings":";;;;;AAEA,SAAS,YAAYA,MAAa,cAAc,GAAW;CACzD,MAAM,SAAS,KAAK,OAAO,YAAY;AAEvC,KAAI,KAAK,WAAW,KAClB,QAAO,SAAS,KAAK;AAGvB,KAAI,KAAK,UAAU,KACjB,QAAO;CAGT,MAAM,MAAM,KAAK;CACjB,MAAM,QAAQ,KAAK,UACf,OAAO,QAAQ,KAAK,QAAQ,CACzB,OAAO,CAAC,CAAC,GAAG,MAAM,KAAK,iBAAoB,CAC3C,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;AACrB,aAAW,UAAU,UACnB,QAAO,SAAS,GAAG,IAAI,IAAI;AAE7B,UAAQ,GAAG,IAAI,IAAI,MAAM;CAC1B,EAAC,CACD,KAAK,GAAG,GACX;CAEJ,MAAM,WAAW,KAAK,cAAc,CAAE;AAEtC,KAAI,SAAS,WAAW,EACtB,SAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,KAAK,IAAI;CAG3C,MAAM,eAAe,SAAS,IAAI,CAAC,UAAU,YAAY,OAAO,cAAc,EAAE,CAAC,CAAC,KAAK,KAAK;AAE5F,SAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,KAAK,aAAa,IAAI,OAAO,IAAI,IAAI;AACtE;AAED,MAAa,aAAa,CAACC,UAAiB;AAC1C,QAAO,YAAY,MAAM;AAC1B;;;;AC/BD,MAAM,OAAO,CAACC,YAAwE;CACpF,MAAM,eAAe,SAAS,WAAW,MAAM;CAC/C,MAAM,cAAc,SAAS,WAAW;AAExC,KAAI,aAAa,SAASC,yCAAW,QAAS,QAAO;AAErD,SAAQ,eAAe,cAAc,QAAQ,cAAc,SAASA,yCAAW;AAChF;AAED,MAAaC,kBAA+D,CAAC,SAAS,YAAY;CAChG,MAAM,QAAQ,SAAS;AAEvB,+CAAU,MAAM;EACd,MAAM,oBAAoB,SAAS,WAAW,MAAM,QAAQ,oBACxD,AAAC,QAAQ,gBAA4B,QAAQ,MAAM,QAAQ,GAC3D;AAEJ,MAAI,KAAK,QAAQ,CAAE;AAEnB,UAAQ,QAAQ,WAAW,KAAK,OAAO,UAAvC;GACE,KAAK,OACH,uDAAkB,WAAW,kBAAkB,EAAE,QAAQ;EAE5D;CACF,EAAC;AAEF,QAAO;AACR"}

package/dist/{docs-C9E8OhSN.js → docs-ObZ8znBB.js}

@@ -42,4 +42,4 @@ const sourceDecorator = (storyFn, context) => {
 
 //#endregion
 export { renderHTML, sourceDecorator };
-//# sourceMappingURL=docs-C9E8OhSN.js.map
+//# sourceMappingURL=docs-ObZ8znBB.js.map

package/dist/{docs-C9E8OhSN.js.map → docs-ObZ8znBB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"docs-C9E8OhSN.js","names":["node: VNode","vnode: VNode","context: Parameters<DecoratorFunction<StencilRenderer<unknown>>>[1]","sourceDecorator: DecoratorFunction<StencilRenderer<unknown>>"],"sources":["../src/docs/render-html.ts","../src/docs/source-decorator.ts"],"sourcesContent":["import { type VNode } from '@stencil/core';\n\nfunction vnodeToHtml(node: VNode, indentLevel = 0): string {\n  const indent = '  '.repeat(indentLevel);\n\n  if (node.$text$ !== null) {\n    return indent + node.$text$;\n  }\n\n  if (node.$tag$ === null) {\n    return '';\n  }\n\n  const tag = node.$tag$;\n  const attrs = node.$attrs$\n    ? Object.entries(node.$attrs$)\n        .filter(([_, value]) => value !== undefined)\n        .map(([key, value]) => {\n          if (typeof value === 'boolean') {\n            return value ? ` ${key}` : '';\n          }\n          return ` ${key}=\"${value}\"`;\n        })\n        .join('')\n    : '';\n\n  const children = node.$children$ ?? [];\n\n  if (children.length === 0) {\n    return `${indent}<${tag}${attrs}></${tag}>`;\n  }\n\n  const childrenHtml = children.map((child) => vnodeToHtml(child, indentLevel + 1)).join('\\n');\n\n  return `${indent}<${tag}${attrs}>\\n${childrenHtml}\\n${indent}</${tag}>`;\n}\n\nexport const renderHTML = (vnode: VNode) => {\n  return vnodeToHtml(vnode);\n};\n","import { SourceType } from 'storybook/internal/docs-tools';\nimport { emitTransformCode, useEffect } from 'storybook/internal/preview-api';\nimport type { AnnotatedStoryFn, Args, DecoratorFunction } from 'storybook/internal/types';\nimport type { StencilRenderer } from '../types';\nimport { renderHTML } from './render-html';\n\ntype StoryFn<TArgs = Args> = AnnotatedStoryFn<StencilRenderer<unknown>, TArgs>;\n\nconst skip = (context: Parameters<DecoratorFunction<StencilRenderer<unknown>>>[1]) => {\n  const sourceParams = context?.parameters.docs?.source;\n  const isArgsStory = context?.parameters.__isArgsStory;\n\n  if (sourceParams.type === SourceType.DYNAMIC) return false;\n\n  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;\n};\n\nexport const sourceDecorator: DecoratorFunction<StencilRenderer<unknown>> = (storyFn, context) => {\n  const story = storyFn();\n\n  useEffect(() => {\n    const renderedForSource = context?.parameters.docs?.source?.excludeDecorators\n      ? (context.originalStoryFn as StoryFn)(context.args, context)\n      : story;\n\n    if (skip(context)) return;\n\n    switch (context.parameters.docs.source.language) {\n      case 'html': {\n        emitTransformCode(renderHTML(renderedForSource), context);\n      }\n    }\n  });\n\n  return story;\n};\n"],"mappings":";;;;AAEA,SAAS,YAAYA,MAAa,cAAc,GAAW;CACzD,MAAM,SAAS,KAAK,OAAO,YAAY;AAEvC,KAAI,KAAK,WAAW,KAClB,QAAO,SAAS,KAAK;AAGvB,KAAI,KAAK,UAAU,KACjB,QAAO;CAGT,MAAM,MAAM,KAAK;CACjB,MAAM,QAAQ,KAAK,UACf,OAAO,QAAQ,KAAK,QAAQ,CACzB,OAAO,CAAC,CAAC,GAAG,MAAM,KAAK,iBAAoB,CAC3C,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;AACrB,aAAW,UAAU,UACnB,QAAO,SAAS,GAAG,IAAI,IAAI;AAE7B,UAAQ,GAAG,IAAI,IAAI,MAAM;CAC1B,EAAC,CACD,KAAK,GAAG,GACX;CAEJ,MAAM,WAAW,KAAK,cAAc,CAAE;AAEtC,KAAI,SAAS,WAAW,EACtB,SAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,KAAK,IAAI;CAG3C,MAAM,eAAe,SAAS,IAAI,CAAC,UAAU,YAAY,OAAO,cAAc,EAAE,CAAC,CAAC,KAAK,KAAK;AAE5F,SAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,KAAK,aAAa,IAAI,OAAO,IAAI,IAAI;AACtE;AAED,MAAa,aAAa,CAACC,UAAiB;AAC1C,QAAO,YAAY,MAAM;AAC1B;;;;AC/BD,MAAM,OAAO,CAACC,YAAwE;CACpF,MAAM,eAAe,SAAS,WAAW,MAAM;CAC/C,MAAM,cAAc,SAAS,WAAW;AAExC,KAAI,aAAa,SAAS,WAAW,QAAS,QAAO;AAErD,SAAQ,eAAe,cAAc,QAAQ,cAAc,SAAS,WAAW;AAChF;AAED,MAAaC,kBAA+D,CAAC,SAAS,YAAY;CAChG,MAAM,QAAQ,SAAS;AAEvB,WAAU,MAAM;EACd,MAAM,oBAAoB,SAAS,WAAW,MAAM,QAAQ,oBACxD,AAAC,QAAQ,gBAA4B,QAAQ,MAAM,QAAQ,GAC3D;AAEJ,MAAI,KAAK,QAAQ,CAAE;AAEnB,UAAQ,QAAQ,WAAW,KAAK,OAAO,UAAvC;GACE,KAAK,OACH,mBAAkB,WAAW,kBAAkB,EAAE,QAAQ;EAE5D;CACF,EAAC;AAEF,QAAO;AACR"}
+{"version":3,"file":"docs-ObZ8znBB.js","names":["node: VNode","vnode: VNode","context: Parameters<DecoratorFunction<StencilRenderer<unknown>>>[1]","sourceDecorator: DecoratorFunction<StencilRenderer<unknown>>"],"sources":["../src/docs/render-html.ts","../src/docs/source-decorator.ts"],"sourcesContent":["import { type VNode } from '@stencil/core';\n\nfunction vnodeToHtml(node: VNode, indentLevel = 0): string {\n  const indent = '  '.repeat(indentLevel);\n\n  if (node.$text$ !== null) {\n    return indent + node.$text$;\n  }\n\n  if (node.$tag$ === null) {\n    return '';\n  }\n\n  const tag = node.$tag$;\n  const attrs = node.$attrs$\n    ? Object.entries(node.$attrs$)\n        .filter(([_, value]) => value !== undefined)\n        .map(([key, value]) => {\n          if (typeof value === 'boolean') {\n            return value ? ` ${key}` : '';\n          }\n          return ` ${key}=\"${value}\"`;\n        })\n        .join('')\n    : '';\n\n  const children = node.$children$ ?? [];\n\n  if (children.length === 0) {\n    return `${indent}<${tag}${attrs}></${tag}>`;\n  }\n\n  const childrenHtml = children.map((child) => vnodeToHtml(child, indentLevel + 1)).join('\\n');\n\n  return `${indent}<${tag}${attrs}>\\n${childrenHtml}\\n${indent}</${tag}>`;\n}\n\nexport const renderHTML = (vnode: VNode) => {\n  return vnodeToHtml(vnode);\n};\n","import { SourceType } from 'storybook/internal/docs-tools';\nimport { emitTransformCode, useEffect } from 'storybook/internal/preview-api';\nimport type { AnnotatedStoryFn, Args, DecoratorFunction } from 'storybook/internal/types';\nimport type { StencilRenderer } from '../types';\nimport { renderHTML } from './render-html';\n\ntype StoryFn<TArgs = Args> = AnnotatedStoryFn<StencilRenderer<unknown>, TArgs>;\n\nconst skip = (context: Parameters<DecoratorFunction<StencilRenderer<unknown>>>[1]) => {\n  const sourceParams = context?.parameters.docs?.source;\n  const isArgsStory = context?.parameters.__isArgsStory;\n\n  if (sourceParams.type === SourceType.DYNAMIC) return false;\n\n  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;\n};\n\nexport const sourceDecorator: DecoratorFunction<StencilRenderer<unknown>> = (storyFn, context) => {\n  const story = storyFn();\n\n  useEffect(() => {\n    const renderedForSource = context?.parameters.docs?.source?.excludeDecorators\n      ? (context.originalStoryFn as StoryFn)(context.args, context)\n      : story;\n\n    if (skip(context)) return;\n\n    switch (context.parameters.docs.source.language) {\n      case 'html': {\n        emitTransformCode(renderHTML(renderedForSource), context);\n      }\n    }\n  });\n\n  return story;\n};\n"],"mappings":";;;;AAEA,SAAS,YAAYA,MAAa,cAAc,GAAW;CACzD,MAAM,SAAS,KAAK,OAAO,YAAY;AAEvC,KAAI,KAAK,WAAW,KAClB,QAAO,SAAS,KAAK;AAGvB,KAAI,KAAK,UAAU,KACjB,QAAO;CAGT,MAAM,MAAM,KAAK;CACjB,MAAM,QAAQ,KAAK,UACf,OAAO,QAAQ,KAAK,QAAQ,CACzB,OAAO,CAAC,CAAC,GAAG,MAAM,KAAK,iBAAoB,CAC3C,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;AACrB,aAAW,UAAU,UACnB,QAAO,SAAS,GAAG,IAAI,IAAI;AAE7B,UAAQ,GAAG,IAAI,IAAI,MAAM;CAC1B,EAAC,CACD,KAAK,GAAG,GACX;CAEJ,MAAM,WAAW,KAAK,cAAc,CAAE;AAEtC,KAAI,SAAS,WAAW,EACtB,SAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,KAAK,IAAI;CAG3C,MAAM,eAAe,SAAS,IAAI,CAAC,UAAU,YAAY,OAAO,cAAc,EAAE,CAAC,CAAC,KAAK,KAAK;AAE5F,SAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,KAAK,aAAa,IAAI,OAAO,IAAI,IAAI;AACtE;AAED,MAAa,aAAa,CAACC,UAAiB;AAC1C,QAAO,YAAY,MAAM;AAC1B;;;;AC/BD,MAAM,OAAO,CAACC,YAAwE;CACpF,MAAM,eAAe,SAAS,WAAW,MAAM;CAC/C,MAAM,cAAc,SAAS,WAAW;AAExC,KAAI,aAAa,SAAS,WAAW,QAAS,QAAO;AAErD,SAAQ,eAAe,cAAc,QAAQ,cAAc,SAAS,WAAW;AAChF;AAED,MAAaC,kBAA+D,CAAC,SAAS,YAAY;CAChG,MAAM,QAAQ,SAAS;AAEvB,WAAU,MAAM;EACd,MAAM,oBAAoB,SAAS,WAAW,MAAM,QAAQ,oBACxD,AAAC,QAAQ,gBAA4B,QAAQ,MAAM,QAAQ,GAC3D;AAEJ,MAAI,KAAK,QAAQ,CAAE;AAEnB,UAAQ,QAAQ,WAAW,KAAK,OAAO,UAAvC;GACE,KAAK,OACH,mBAAkB,WAAW,kBAAkB,EAAE,QAAQ;EAE5D;CACF,EAAC;AAEF,QAAO;AACR"}

package/dist/{entry-preview-B91w5aFH.cjs → entry-preview-C0ipNwpw.cjs}

@@ -1,7 +1,7 @@
 const require_chunk = require('./chunk-CsX-DzYB.cjs');
 const storybook_internal_docs_tools = require_chunk.__toESM(require("storybook/internal/docs-tools"));
-const __stencil_core = require_chunk.__toESM(require("@stencil/core"));
 const storybook_preview_api = require_chunk.__toESM(require("storybook/preview-api"));
+const __stencil_core = require_chunk.__toESM(require("@stencil/core"));
 
 //#region src/render.ts
 const render = (args, context) => {
@@ -82,4 +82,4 @@ Object.defineProperty(exports, 'renderToCanvas', {
     return renderToCanvas;
   }
 });
-//# sourceMappingURL=entry-preview-B91w5aFH.cjs.map
+//# sourceMappingURL=entry-preview-C0ipNwpw.cjs.map

package/dist/{entry-preview-B91w5aFH.cjs.map → entry-preview-C0ipNwpw.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"entry-preview-B91w5aFH.cjs","names":["render: ArgsStoryFn<StencilRenderer<unknown>>","children: any[]","parameters","canvasElement: StencilRenderer<unknown>['canvasElement']","parameters: Parameters","argTypesEnhancers: ArgTypesEnhancer[]","enhanceArgTypes"],"sources":["../src/render.ts","../src/entry-preview.ts"],"sourcesContent":["import { h, render as renderStencil, VNode } from '@stencil/core';\nimport { ArgsStoryFn, RenderContext } from 'storybook/internal/types';\nimport { simulatePageLoad } from 'storybook/preview-api';\n\nimport type { StencilRenderer } from './types';\n\nexport const render: ArgsStoryFn<StencilRenderer<unknown>> = (args, context) => {\n  const { component, parameters } = context;\n\n  if (Array.isArray(component)) {\n    throw new Error('If your story does not contain a render function, you must provide a component property!');\n  }\n  if (typeof component === 'string' && !customElements.get(component)) {\n    throw new Error(\n      `Stencil component not found. If you are not lazy loading your components with \\`defineCustomElements()\\` in preview.ts, pass a constructor value for component in your story \\`component: MyComponent\\``,\n    );\n  } else if (typeof component !== 'string' && !customElements.getName(component)) {\n    throw new Error(\n      `Stencil component not found. If you are lazy loading your components with \\`defineCustomElements()\\` in preview.ts, pass a string value for component in your story \\`component: 'my-component'\\``,\n    );\n  }\n  const cmpName = typeof component === 'string' ? component : customElements.getName(component);\n\n  const children: any[] = Object.entries<VNode>(parameters.slots || []).map(([key, value]) => {\n    // if the parameter key is 'default' don't give it a slot name so it renders just as a child\n    const slot = key === 'default' ? undefined : key;\n    // if the value it s a string, create a vnode with the string as the children\n    const child =\n      typeof value === 'string'\n        ? h(undefined, { slot }, value)\n        : {\n            ...value,\n            $attrs$: {\n              ...value.$attrs$,\n              slot,\n            },\n          };\n    // if the value is a fragment and it is a named slot, create a span element with the slot name\n    child.$tag$ = child.$tag$ || (slot ? 'span' : null);\n    return child.$tag$ ? child : child.$children$;\n  });\n\n  const Component = `${cmpName}`;\n  return h(Component, { ...args }, children);\n};\n\nexport function renderToCanvas(\n  { storyFn, showMain, storyContext }: RenderContext<StencilRenderer<unknown>>,\n  canvasElement: StencilRenderer<unknown>['canvasElement'],\n) {\n  const vdom = storyFn();\n  showMain();\n\n  /**\n   * If the component is not automatically registered after import, register it here\n   */\n  if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) {\n    customElements.define(storyContext.component.is, storyContext.component);\n  }\n\n  if (canvasElement.firstChild) {\n    canvasElement.removeChild(canvasElement.firstChild);\n  }\n\n  const element = document.createElement('div');\n  canvasElement.appendChild(element);\n  renderStencil(vdom, element);\n  simulatePageLoad(element);\n}\n","import { enhanceArgTypes } from 'storybook/internal/docs-tools';\nimport type { ArgTypesEnhancer } from 'storybook/internal/types';\nimport type { Parameters } from './types';\n\nexport const parameters: Parameters = { renderer: 'stencil' };\n\nexport { render, renderToCanvas } from './render';\n\nexport const argTypesEnhancers: ArgTypesEnhancer[] = [enhanceArgTypes];\n"],"mappings":";;;;;;AAMA,MAAaA,SAAgD,CAAC,MAAM,YAAY;CAC9E,MAAM,EAAE,WAAW,0BAAY,GAAG;AAElC,KAAI,MAAM,QAAQ,UAAU,CAC1B,OAAM,IAAI,MAAM;AAElB,YAAW,cAAc,aAAa,eAAe,IAAI,UAAU,CACjE,OAAM,IAAI,OACP;iBAEa,cAAc,aAAa,eAAe,QAAQ,UAAU,CAC5E,OAAM,IAAI,OACP;CAGL,MAAM,iBAAiB,cAAc,WAAW,YAAY,eAAe,QAAQ,UAAU;CAE7F,MAAMC,WAAkB,OAAO,QAAeC,aAAW,SAAS,CAAE,EAAC,CAAC,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;EAE1F,MAAM,OAAO,QAAQ,qBAAwB;EAE7C,MAAM,eACG,UAAU,WACb,8BAAa,EAAE,KAAM,GAAE,MAAM,GAC7B;GACE,GAAG;GACH,SAAS;IACP,GAAG,MAAM;IACT;GACD;EACF;AAEP,QAAM,QAAQ,MAAM,UAAU,OAAO,SAAS;AAC9C,SAAO,MAAM,QAAQ,QAAQ,MAAM;CACpC,EAAC;CAEF,MAAM,aAAa,EAAE,QAAQ;AAC7B,QAAO,sBAAE,WAAW,EAAE,GAAG,KAAM,GAAE,SAAS;AAC3C;AAED,SAAgB,eACd,EAAE,SAAS,UAAU,cAAuD,EAC5EC,eACA;CACA,MAAM,OAAO,SAAS;AACtB,WAAU;;;;AAKV,KAAI,aAAa,aAAa,aAAa,UAAU,OAAO,eAAe,IAAI,aAAa,UAAU,GAAG,CACvG,gBAAe,OAAO,aAAa,UAAU,IAAI,aAAa,UAAU;AAG1E,KAAI,cAAc,WAChB,eAAc,YAAY,cAAc,WAAW;CAGrD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,eAAc,YAAY,QAAQ;AAClC,4BAAc,MAAM,QAAQ;AAC5B,6CAAiB,QAAQ;AAC1B;;;;;;;;;;;AChED,MAAaC,aAAyB,EAAE,UAAU,UAAW;AAI7D,MAAaC,oBAAwC,CAACC,6CAAgB"}
+{"version":3,"file":"entry-preview-C0ipNwpw.cjs","names":["render: ArgsStoryFn<StencilRenderer<unknown>>","children: any[]","parameters","canvasElement: StencilRenderer<unknown>['canvasElement']","parameters: Parameters","argTypesEnhancers: ArgTypesEnhancer[]","enhanceArgTypes"],"sources":["../src/render.ts","../src/entry-preview.ts"],"sourcesContent":["import { h, render as renderStencil, VNode } from '@stencil/core';\nimport { ArgsStoryFn, RenderContext } from 'storybook/internal/types';\nimport { simulatePageLoad } from 'storybook/preview-api';\n\nimport type { StencilRenderer } from './types';\n\nexport const render: ArgsStoryFn<StencilRenderer<unknown>> = (args, context) => {\n  const { component, parameters } = context;\n\n  if (Array.isArray(component)) {\n    throw new Error('If your story does not contain a render function, you must provide a component property!');\n  }\n  if (typeof component === 'string' && !customElements.get(component)) {\n    throw new Error(\n      `Stencil component not found. If you are not lazy loading your components with \\`defineCustomElements()\\` in preview.ts, pass a constructor value for component in your story \\`component: MyComponent\\``,\n    );\n  } else if (typeof component !== 'string' && !customElements.getName(component)) {\n    throw new Error(\n      `Stencil component not found. If you are lazy loading your components with \\`defineCustomElements()\\` in preview.ts, pass a string value for component in your story \\`component: 'my-component'\\``,\n    );\n  }\n  const cmpName = typeof component === 'string' ? component : customElements.getName(component);\n\n  const children: any[] = Object.entries<VNode>(parameters.slots || []).map(([key, value]) => {\n    // if the parameter key is 'default' don't give it a slot name so it renders just as a child\n    const slot = key === 'default' ? undefined : key;\n    // if the value it s a string, create a vnode with the string as the children\n    const child =\n      typeof value === 'string'\n        ? h(undefined, { slot }, value)\n        : {\n            ...value,\n            $attrs$: {\n              ...value.$attrs$,\n              slot,\n            },\n          };\n    // if the value is a fragment and it is a named slot, create a span element with the slot name\n    child.$tag$ = child.$tag$ || (slot ? 'span' : null);\n    return child.$tag$ ? child : child.$children$;\n  });\n\n  const Component = `${cmpName}`;\n  return h(Component, { ...args }, children);\n};\n\nexport function renderToCanvas(\n  { storyFn, showMain, storyContext }: RenderContext<StencilRenderer<unknown>>,\n  canvasElement: StencilRenderer<unknown>['canvasElement'],\n) {\n  const vdom = storyFn();\n  showMain();\n\n  /**\n   * If the component is not automatically registered after import, register it here\n   */\n  if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) {\n    customElements.define(storyContext.component.is, storyContext.component);\n  }\n\n  if (canvasElement.firstChild) {\n    canvasElement.removeChild(canvasElement.firstChild);\n  }\n\n  const element = document.createElement('div');\n  canvasElement.appendChild(element);\n  renderStencil(vdom, element);\n  simulatePageLoad(element);\n}\n","import { enhanceArgTypes } from 'storybook/internal/docs-tools';\nimport type { ArgTypesEnhancer, Parameters } from 'storybook/internal/types';\n\nexport const parameters: Parameters = { renderer: 'stencil' };\n\nexport { render, renderToCanvas } from './render';\n\nexport const argTypesEnhancers: ArgTypesEnhancer[] = [enhanceArgTypes];\n"],"mappings":";;;;;;AAMA,MAAaA,SAAgD,CAAC,MAAM,YAAY;CAC9E,MAAM,EAAE,WAAW,0BAAY,GAAG;AAElC,KAAI,MAAM,QAAQ,UAAU,CAC1B,OAAM,IAAI,MAAM;AAElB,YAAW,cAAc,aAAa,eAAe,IAAI,UAAU,CACjE,OAAM,IAAI,OACP;iBAEa,cAAc,aAAa,eAAe,QAAQ,UAAU,CAC5E,OAAM,IAAI,OACP;CAGL,MAAM,iBAAiB,cAAc,WAAW,YAAY,eAAe,QAAQ,UAAU;CAE7F,MAAMC,WAAkB,OAAO,QAAeC,aAAW,SAAS,CAAE,EAAC,CAAC,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;EAE1F,MAAM,OAAO,QAAQ,qBAAwB;EAE7C,MAAM,eACG,UAAU,WACb,8BAAa,EAAE,KAAM,GAAE,MAAM,GAC7B;GACE,GAAG;GACH,SAAS;IACP,GAAG,MAAM;IACT;GACD;EACF;AAEP,QAAM,QAAQ,MAAM,UAAU,OAAO,SAAS;AAC9C,SAAO,MAAM,QAAQ,QAAQ,MAAM;CACpC,EAAC;CAEF,MAAM,aAAa,EAAE,QAAQ;AAC7B,QAAO,sBAAE,WAAW,EAAE,GAAG,KAAM,GAAE,SAAS;AAC3C;AAED,SAAgB,eACd,EAAE,SAAS,UAAU,cAAuD,EAC5EC,eACA;CACA,MAAM,OAAO,SAAS;AACtB,WAAU;;;;AAKV,KAAI,aAAa,aAAa,aAAa,UAAU,OAAO,eAAe,IAAI,aAAa,UAAU,GAAG,CACvG,gBAAe,OAAO,aAAa,UAAU,IAAI,aAAa,UAAU;AAG1E,KAAI,cAAc,WAChB,eAAc,YAAY,cAAc,WAAW;CAGrD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,eAAc,YAAY,QAAQ;AAClC,4BAAc,MAAM,QAAQ;AAC5B,6CAAiB,QAAQ;AAC1B;;;;;;;;;;;ACjED,MAAaC,aAAyB,EAAE,UAAU,UAAW;AAI7D,MAAaC,oBAAwC,CAACC,6CAAgB"}

package/dist/{entry-preview-DWaghsKM.js → entry-preview-C1JSJAGq.js}

@@ -1,6 +1,6 @@
 import { enhanceArgTypes } from "storybook/internal/docs-tools";
-import { h, render } from "@stencil/core";
 import { simulatePageLoad } from "storybook/preview-api";
+import { h, render } from "@stencil/core";
 
 //#region rolldown:runtime
 var __defProp = Object.defineProperty;
@@ -62,4 +62,4 @@ const argTypesEnhancers = [enhanceArgTypes];
 
 //#endregion
 export { argTypesEnhancers, entry_preview_exports, parameters, render$1 as render, renderToCanvas };
-//# sourceMappingURL=entry-preview-DWaghsKM.js.map
+//# sourceMappingURL=entry-preview-C1JSJAGq.js.map

package/dist/{entry-preview-DWaghsKM.js.map → entry-preview-C1JSJAGq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"entry-preview-DWaghsKM.js","names":["render: ArgsStoryFn<StencilRenderer<unknown>>","children: any[]","parameters","canvasElement: StencilRenderer<unknown>['canvasElement']","parameters: Parameters","argTypesEnhancers: ArgTypesEnhancer[]"],"sources":["../src/render.ts","../src/entry-preview.ts"],"sourcesContent":["import { h, render as renderStencil, VNode } from '@stencil/core';\nimport { ArgsStoryFn, RenderContext } from 'storybook/internal/types';\nimport { simulatePageLoad } from 'storybook/preview-api';\n\nimport type { StencilRenderer } from './types';\n\nexport const render: ArgsStoryFn<StencilRenderer<unknown>> = (args, context) => {\n  const { component, parameters } = context;\n\n  if (Array.isArray(component)) {\n    throw new Error('If your story does not contain a render function, you must provide a component property!');\n  }\n  if (typeof component === 'string' && !customElements.get(component)) {\n    throw new Error(\n      `Stencil component not found. If you are not lazy loading your components with \\`defineCustomElements()\\` in preview.ts, pass a constructor value for component in your story \\`component: MyComponent\\``,\n    );\n  } else if (typeof component !== 'string' && !customElements.getName(component)) {\n    throw new Error(\n      `Stencil component not found. If you are lazy loading your components with \\`defineCustomElements()\\` in preview.ts, pass a string value for component in your story \\`component: 'my-component'\\``,\n    );\n  }\n  const cmpName = typeof component === 'string' ? component : customElements.getName(component);\n\n  const children: any[] = Object.entries<VNode>(parameters.slots || []).map(([key, value]) => {\n    // if the parameter key is 'default' don't give it a slot name so it renders just as a child\n    const slot = key === 'default' ? undefined : key;\n    // if the value it s a string, create a vnode with the string as the children\n    const child =\n      typeof value === 'string'\n        ? h(undefined, { slot }, value)\n        : {\n            ...value,\n            $attrs$: {\n              ...value.$attrs$,\n              slot,\n            },\n          };\n    // if the value is a fragment and it is a named slot, create a span element with the slot name\n    child.$tag$ = child.$tag$ || (slot ? 'span' : null);\n    return child.$tag$ ? child : child.$children$;\n  });\n\n  const Component = `${cmpName}`;\n  return h(Component, { ...args }, children);\n};\n\nexport function renderToCanvas(\n  { storyFn, showMain, storyContext }: RenderContext<StencilRenderer<unknown>>,\n  canvasElement: StencilRenderer<unknown>['canvasElement'],\n) {\n  const vdom = storyFn();\n  showMain();\n\n  /**\n   * If the component is not automatically registered after import, register it here\n   */\n  if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) {\n    customElements.define(storyContext.component.is, storyContext.component);\n  }\n\n  if (canvasElement.firstChild) {\n    canvasElement.removeChild(canvasElement.firstChild);\n  }\n\n  const element = document.createElement('div');\n  canvasElement.appendChild(element);\n  renderStencil(vdom, element);\n  simulatePageLoad(element);\n}\n","import { enhanceArgTypes } from 'storybook/internal/docs-tools';\nimport type { ArgTypesEnhancer } from 'storybook/internal/types';\nimport type { Parameters } from './types';\n\nexport const parameters: Parameters = { renderer: 'stencil' };\n\nexport { render, renderToCanvas } from './render';\n\nexport const argTypesEnhancers: ArgTypesEnhancer[] = [enhanceArgTypes];\n"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAaA,WAAgD,CAAC,MAAM,YAAY;CAC9E,MAAM,EAAE,WAAW,0BAAY,GAAG;AAElC,KAAI,MAAM,QAAQ,UAAU,CAC1B,OAAM,IAAI,MAAM;AAElB,YAAW,cAAc,aAAa,eAAe,IAAI,UAAU,CACjE,OAAM,IAAI,OACP;iBAEa,cAAc,aAAa,eAAe,QAAQ,UAAU,CAC5E,OAAM,IAAI,OACP;CAGL,MAAM,iBAAiB,cAAc,WAAW,YAAY,eAAe,QAAQ,UAAU;CAE7F,MAAMC,WAAkB,OAAO,QAAeC,aAAW,SAAS,CAAE,EAAC,CAAC,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;EAE1F,MAAM,OAAO,QAAQ,qBAAwB;EAE7C,MAAM,eACG,UAAU,WACb,UAAa,EAAE,KAAM,GAAE,MAAM,GAC7B;GACE,GAAG;GACH,SAAS;IACP,GAAG,MAAM;IACT;GACD;EACF;AAEP,QAAM,QAAQ,MAAM,UAAU,OAAO,SAAS;AAC9C,SAAO,MAAM,QAAQ,QAAQ,MAAM;CACpC,EAAC;CAEF,MAAM,aAAa,EAAE,QAAQ;AAC7B,QAAO,EAAE,WAAW,EAAE,GAAG,KAAM,GAAE,SAAS;AAC3C;AAED,SAAgB,eACd,EAAE,SAAS,UAAU,cAAuD,EAC5EC,eACA;CACA,MAAM,OAAO,SAAS;AACtB,WAAU;;;;AAKV,KAAI,aAAa,aAAa,aAAa,UAAU,OAAO,eAAe,IAAI,aAAa,UAAU,GAAG,CACvG,gBAAe,OAAO,aAAa,UAAU,IAAI,aAAa,UAAU;AAG1E,KAAI,cAAc,WAChB,eAAc,YAAY,cAAc,WAAW;CAGrD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,eAAc,YAAY,QAAQ;AAClC,QAAc,MAAM,QAAQ;AAC5B,kBAAiB,QAAQ;AAC1B;;;;;;;;;;;AChED,MAAaC,aAAyB,EAAE,UAAU,UAAW;AAI7D,MAAaC,oBAAwC,CAAC,eAAgB"}
+{"version":3,"file":"entry-preview-C1JSJAGq.js","names":["render: ArgsStoryFn<StencilRenderer<unknown>>","children: any[]","parameters","canvasElement: StencilRenderer<unknown>['canvasElement']","parameters: Parameters","argTypesEnhancers: ArgTypesEnhancer[]"],"sources":["../src/render.ts","../src/entry-preview.ts"],"sourcesContent":["import { h, render as renderStencil, VNode } from '@stencil/core';\nimport { ArgsStoryFn, RenderContext } from 'storybook/internal/types';\nimport { simulatePageLoad } from 'storybook/preview-api';\n\nimport type { StencilRenderer } from './types';\n\nexport const render: ArgsStoryFn<StencilRenderer<unknown>> = (args, context) => {\n  const { component, parameters } = context;\n\n  if (Array.isArray(component)) {\n    throw new Error('If your story does not contain a render function, you must provide a component property!');\n  }\n  if (typeof component === 'string' && !customElements.get(component)) {\n    throw new Error(\n      `Stencil component not found. If you are not lazy loading your components with \\`defineCustomElements()\\` in preview.ts, pass a constructor value for component in your story \\`component: MyComponent\\``,\n    );\n  } else if (typeof component !== 'string' && !customElements.getName(component)) {\n    throw new Error(\n      `Stencil component not found. If you are lazy loading your components with \\`defineCustomElements()\\` in preview.ts, pass a string value for component in your story \\`component: 'my-component'\\``,\n    );\n  }\n  const cmpName = typeof component === 'string' ? component : customElements.getName(component);\n\n  const children: any[] = Object.entries<VNode>(parameters.slots || []).map(([key, value]) => {\n    // if the parameter key is 'default' don't give it a slot name so it renders just as a child\n    const slot = key === 'default' ? undefined : key;\n    // if the value it s a string, create a vnode with the string as the children\n    const child =\n      typeof value === 'string'\n        ? h(undefined, { slot }, value)\n        : {\n            ...value,\n            $attrs$: {\n              ...value.$attrs$,\n              slot,\n            },\n          };\n    // if the value is a fragment and it is a named slot, create a span element with the slot name\n    child.$tag$ = child.$tag$ || (slot ? 'span' : null);\n    return child.$tag$ ? child : child.$children$;\n  });\n\n  const Component = `${cmpName}`;\n  return h(Component, { ...args }, children);\n};\n\nexport function renderToCanvas(\n  { storyFn, showMain, storyContext }: RenderContext<StencilRenderer<unknown>>,\n  canvasElement: StencilRenderer<unknown>['canvasElement'],\n) {\n  const vdom = storyFn();\n  showMain();\n\n  /**\n   * If the component is not automatically registered after import, register it here\n   */\n  if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) {\n    customElements.define(storyContext.component.is, storyContext.component);\n  }\n\n  if (canvasElement.firstChild) {\n    canvasElement.removeChild(canvasElement.firstChild);\n  }\n\n  const element = document.createElement('div');\n  canvasElement.appendChild(element);\n  renderStencil(vdom, element);\n  simulatePageLoad(element);\n}\n","import { enhanceArgTypes } from 'storybook/internal/docs-tools';\nimport type { ArgTypesEnhancer, Parameters } from 'storybook/internal/types';\n\nexport const parameters: Parameters = { renderer: 'stencil' };\n\nexport { render, renderToCanvas } from './render';\n\nexport const argTypesEnhancers: ArgTypesEnhancer[] = [enhanceArgTypes];\n"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAaA,WAAgD,CAAC,MAAM,YAAY;CAC9E,MAAM,EAAE,WAAW,0BAAY,GAAG;AAElC,KAAI,MAAM,QAAQ,UAAU,CAC1B,OAAM,IAAI,MAAM;AAElB,YAAW,cAAc,aAAa,eAAe,IAAI,UAAU,CACjE,OAAM,IAAI,OACP;iBAEa,cAAc,aAAa,eAAe,QAAQ,UAAU,CAC5E,OAAM,IAAI,OACP;CAGL,MAAM,iBAAiB,cAAc,WAAW,YAAY,eAAe,QAAQ,UAAU;CAE7F,MAAMC,WAAkB,OAAO,QAAeC,aAAW,SAAS,CAAE,EAAC,CAAC,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;EAE1F,MAAM,OAAO,QAAQ,qBAAwB;EAE7C,MAAM,eACG,UAAU,WACb,UAAa,EAAE,KAAM,GAAE,MAAM,GAC7B;GACE,GAAG;GACH,SAAS;IACP,GAAG,MAAM;IACT;GACD;EACF;AAEP,QAAM,QAAQ,MAAM,UAAU,OAAO,SAAS;AAC9C,SAAO,MAAM,QAAQ,QAAQ,MAAM;CACpC,EAAC;CAEF,MAAM,aAAa,EAAE,QAAQ;AAC7B,QAAO,EAAE,WAAW,EAAE,GAAG,KAAM,GAAE,SAAS;AAC3C;AAED,SAAgB,eACd,EAAE,SAAS,UAAU,cAAuD,EAC5EC,eACA;CACA,MAAM,OAAO,SAAS;AACtB,WAAU;;;;AAKV,KAAI,aAAa,aAAa,aAAa,UAAU,OAAO,eAAe,IAAI,aAAa,UAAU,GAAG,CACvG,gBAAe,OAAO,aAAa,UAAU,IAAI,aAAa,UAAU;AAG1E,KAAI,cAAc,WAChB,eAAc,YAAY,cAAc,WAAW;CAGrD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,eAAc,YAAY,QAAQ;AAClC,QAAc,MAAM,QAAQ;AAC5B,kBAAiB,QAAQ;AAC1B;;;;;;;;;;;ACjED,MAAaC,aAAyB,EAAE,UAAU,UAAW;AAI7D,MAAaC,oBAAwC,CAAC,eAAgB"}

package/dist/entry-preview-argtypes.cjs

@@ -0,0 +1,134 @@
+const require_chunk = require('./chunk-CsX-DzYB.cjs');
+const require_src = require('./src-D0dJRYm2.cjs');
+require('./entry-preview-C0ipNwpw.cjs');
+const storybook_internal_docs_tools = require_chunk.__toESM(require("storybook/internal/docs-tools"));
+const storybook_internal_client_logger = require_chunk.__toESM(require("storybook/internal/client-logger"));
+
+//#region src/docs/infer-type.ts
+const inferSBType = (prop) => {
+	const scalarTypes = [
+		"string",
+		"number",
+		"boolean",
+		"symbol"
+	];
+	if (prop.type.toLowerCase() in scalarTypes) return {
+		name: prop.type.toLowerCase(),
+		raw: prop.type,
+		required: prop.required
+	};
+	if (/^\(.*\)\s*=>\s*.*$/.test(prop.type)) return {
+		name: "function",
+		raw: prop.type,
+		required: prop.required
+	};
+	return {
+		name: "other",
+		value: prop.type,
+		raw: prop.type,
+		required: prop.required
+	};
+};
+const inferControlType = (prop) => {
+	switch (prop.type) {
+		case "string": return { type: "text" };
+		case "number": return { type: "number" };
+		case "boolean": return { type: "boolean" };
+		case "Date": return { type: "date" };
+		default: return { type: "object" };
+	}
+};
+
+//#endregion
+//#region src/docs/custom-elements.ts
+const mapData = (data, category) => data.reduce((acc, item) => {
+	acc[item.name] = {
+		name: item.name,
+		description: item.docs,
+		control: false,
+		table: { category }
+	};
+	return acc;
+}, {});
+const mapMethods = (methods) => methods.reduce((acc, method) => {
+	acc[method.name] = {
+		name: method.name,
+		description: method.docs,
+		control: null,
+		type: { name: "function" },
+		table: {
+			category: "methods",
+			type: { summary: method.signature }
+		}
+	};
+	return acc;
+}, {});
+const mapEvent = (events) => events.reduce((acc, event) => {
+	let name = event.event.replace(/(-|_|:|\.|\s)+(.)?/g, (_match, _separator, chr) => {
+		return chr ? chr.toUpperCase() : "";
+	}).replace(/^([A-Z])/, (match) => match.toLowerCase());
+	name = `on${name.charAt(0).toUpperCase() + name.slice(1)}`;
+	acc[name] = {
+		name,
+		description: event.docs,
+		control: null,
+		table: {
+			category: "events",
+			type: { summary: event.detail }
+		},
+		type: { name: "function" }
+	};
+	return acc;
+}, {});
+const mapProps = (props) => props.reduce((acc, prop) => {
+	acc[prop.name] = {
+		name: prop.attr || prop.name,
+		description: prop.docs,
+		control: inferControlType(prop),
+		table: {
+			category: "properties",
+			type: { summary: prop.complexType?.original },
+			defaultValue: { summary: prop.default }
+		},
+		type: inferSBType(prop)
+	};
+	return acc;
+}, {});
+const getMetaData = (tagName, manifest) => {
+	if (!require_src.isValidComponent(tagName) || !require_src.isValidMetaData(manifest)) return null;
+	const metaData = manifest.components.find((component) => component.tag.toUpperCase() === tagName.toUpperCase());
+	if (!metaData) storybook_internal_client_logger.logger.warn(`Component not found in custom-elements.json: ${tagName}`);
+	return metaData;
+};
+const extractArgTypesFromElements = (tagName, customElements) => {
+	const metaData = getMetaData(tagName, customElements);
+	return metaData && {
+		...mapProps(metaData.props),
+		...mapEvent(metaData.events),
+		...mapMethods(metaData.methods),
+		...mapData(metaData.slots, "slots"),
+		...mapData(metaData.parts, "parts"),
+		...mapData(metaData.styles, "styles")
+	};
+};
+const extractArgTypes = (component) => {
+	const cem = require_src.getCustomElements();
+	return extractArgTypesFromElements(component.is, cem);
+};
+const extractComponentDescription = (component) => {
+	const metaData = getMetaData(component.is, require_src.getCustomElements());
+	return metaData && metaData.docs;
+};
+
+//#endregion
+//#region src/entry-preview-argtypes.ts
+const parameters = { docs: {
+	extractArgTypes,
+	extractComponentDescription
+} };
+const argTypesEnhancers = [storybook_internal_docs_tools.enhanceArgTypes];
+
+//#endregion
+exports.argTypesEnhancers = argTypesEnhancers;
+exports.parameters = parameters;
+//# sourceMappingURL=entry-preview-argtypes.cjs.map

package/dist/entry-preview-argtypes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry-preview-argtypes.cjs","names":["prop: JsonDocsProp","scalarTypes: SBScalarType['name'][]","data: T[]","category: string","methods: JsonDocsMethod[]","events: JsonDocsEvent[]","chr: string","props: JsonDocsProp[]","tagName: string","manifest: JsonDocs","customElements: JsonDocs","component: any","argTypesEnhancers: ArgTypesEnhancer<StencilRenderer<unknown>>[]","enhanceArgTypes"],"sources":["../src/docs/infer-type.ts","../src/docs/custom-elements.ts","../src/entry-preview-argtypes.ts"],"sourcesContent":["import type { JsonDocsProp } from '@stencil/core/internal';\nimport type { SBType, SBScalarType, InputType } from 'storybook/internal/types';\n\nexport const inferSBType = (prop: JsonDocsProp): SBType => {\n  const scalarTypes: SBScalarType['name'][] = ['string', 'number', 'boolean', 'symbol'];\n  if (prop.type.toLowerCase() in scalarTypes) {\n    return { name: prop.type.toLowerCase(), raw: prop.type, required: prop.required } as SBScalarType;\n  }\n\n  if (/^\\(.*\\)\\s*=>\\s*.*$/.test(prop.type)) {\n    return { name: 'function', raw: prop.type, required: prop.required };\n  }\n\n  return { name: 'other', value: prop.type, raw: prop.type, required: prop.required };\n};\n\nexport const inferControlType = (prop: JsonDocsProp): InputType['control'] => {\n  switch (prop.type) {\n    case 'string':\n      return { type: 'text' };\n    case 'number':\n      return { type: 'number' };\n    case 'boolean':\n      return { type: 'boolean' };\n    case 'Date':\n      return { type: 'date' };\n    default:\n      return { type: 'object' };\n  }\n};\n","import { logger } from 'storybook/internal/client-logger';\nimport type { ArgTypes } from 'storybook/internal/types';\nimport type {\n  JsonDocs,\n  JsonDocsProp,\n  JsonDocsEvent,\n  JsonDocsSlot,\n  JsonDocsMethod,\n  JsonDocsStyle,\n  JsonDocsPart,\n} from '@stencil/core/internal';\n\nimport { inferSBType, inferControlType } from './infer-type';\nimport { getCustomElements, isValidComponent, isValidMetaData } from '..';\n\nconst mapData = <T extends JsonDocsPart>(data: T[], category: string): ArgTypes =>\n  data.reduce<ArgTypes>((acc, item) => {\n    acc[item.name] = {\n      name: item.name,\n      description: item.docs,\n      control: false,\n      table: {\n        category,\n      },\n    };\n    return acc;\n  }, {});\n\nconst mapMethods = (methods: JsonDocsMethod[]): ArgTypes =>\n  methods.reduce<ArgTypes>((acc, method) => {\n    acc[method.name] = {\n      name: method.name,\n      description: method.docs,\n      control: null,\n      type: { name: 'function' },\n      table: {\n        category: 'methods',\n        type: { summary: method.signature },\n      },\n    };\n    return acc;\n  }, {});\n\nconst mapEvent = (events: JsonDocsEvent[]): ArgTypes =>\n  events.reduce<ArgTypes>((acc, event) => {\n    let name = event.event\n      .replace(/(-|_|:|\\.|\\s)+(.)?/g, (_match, _separator, chr: string) => {\n        return chr ? chr.toUpperCase() : '';\n      })\n      .replace(/^([A-Z])/, (match) => match.toLowerCase());\n\n    name = `on${name.charAt(0).toUpperCase() + name.slice(1)}`;\n\n    acc[name] = {\n      name,\n      description: event.docs,\n      control: null,\n      table: {\n        category: 'events',\n        type: { summary: event.detail },\n      },\n      type: { name: 'function' },\n    };\n\n    return acc;\n  }, {});\n\nconst mapProps = (props: JsonDocsProp[]): ArgTypes =>\n  props.reduce<ArgTypes>((acc, prop) => {\n    acc[prop.name] = {\n      name: prop.attr || prop.name,\n      description: prop.docs,\n      control: inferControlType(prop),\n      table: {\n        category: 'properties',\n        type: { summary: prop.complexType?.original },\n        defaultValue: { summary: prop.default },\n      },\n      type: inferSBType(prop),\n    };\n\n    return acc;\n  }, {});\n\nconst getMetaData = (tagName: string, manifest: JsonDocs) => {\n  if (!isValidComponent(tagName) || !isValidMetaData(manifest)) {\n    return null;\n  }\n  const metaData = manifest.components.find((component) => component.tag.toUpperCase() === tagName.toUpperCase());\n  if (!metaData) {\n    logger.warn(`Component not found in custom-elements.json: ${tagName}`);\n  }\n  return metaData;\n};\n\nexport const extractArgTypesFromElements = (tagName: string, customElements: JsonDocs) => {\n  const metaData = getMetaData(tagName, customElements);\n  return (\n    metaData && {\n      ...mapProps(metaData.props),\n      ...mapEvent(metaData.events),\n      ...mapMethods(metaData.methods),\n      ...mapData<JsonDocsSlot>(metaData.slots, 'slots'),\n      ...mapData<JsonDocsPart>(metaData.parts, 'parts'),\n      ...mapData<JsonDocsStyle>(metaData.styles, 'styles'),\n    }\n  );\n};\n\nexport const extractArgTypes = (component: any) => {\n  const cem = getCustomElements();\n  return extractArgTypesFromElements(component.is, cem);\n};\n\nexport const extractComponentDescription = (component: any) => {\n  const metaData = getMetaData(component.is, getCustomElements());\n  return metaData && metaData.docs;\n};\n","import { enhanceArgTypes } from 'storybook/internal/docs-tools';\nimport type { ArgTypesEnhancer } from 'storybook/internal/types';\n\nimport { extractArgTypes, extractComponentDescription } from './docs/custom-elements';\nimport type { StencilRenderer } from './types';\n\nexport const parameters = {\n  docs: {\n    extractArgTypes,\n    extractComponentDescription,\n  },\n};\n\nexport const argTypesEnhancers: ArgTypesEnhancer<StencilRenderer<unknown>>[] = [enhanceArgTypes];"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { StencilRenderer } from "./types-BZP9npQ9.cjs";
+import { ArgTypesEnhancer } from "storybook/internal/types";
+import * as storybook_internal_csf0 from "storybook/internal/csf";
+
+//#region src/entry-preview-argtypes.d.ts
+declare const parameters: {
+  docs: {
+    extractArgTypes: (component: any) => {
+      [x: string]: storybook_internal_csf0.InputType;
+    };
+    extractComponentDescription: (component: any) => string;
+  };
+};
+declare const argTypesEnhancers: ArgTypesEnhancer<StencilRenderer<unknown>>[];
+//#endregion
+export { argTypesEnhancers, parameters };
+//# sourceMappingURL=entry-preview-argtypes.d.cts.map

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

@@ -0,0 +1,17 @@
+import { StencilRenderer } from "./types-DqHtEV5w.js";
+import { ArgTypesEnhancer } from "storybook/internal/types";
+import * as storybook_internal_csf0 from "storybook/internal/csf";
+
+//#region src/entry-preview-argtypes.d.ts
+declare const parameters: {
+  docs: {
+    extractArgTypes: (component: any) => {
+      [x: string]: storybook_internal_csf0.InputType;
+    };
+    extractComponentDescription: (component: any) => string;
+  };
+};
+declare const argTypesEnhancers: ArgTypesEnhancer<StencilRenderer<unknown>>[];
+//#endregion
+export { argTypesEnhancers, parameters };
+//# sourceMappingURL=entry-preview-argtypes.d.ts.map

package/dist/entry-preview-argtypes.js

@@ -0,0 +1,133 @@
+import "./entry-preview-C1JSJAGq.js";
+import "./rollup-parseAst-t-4tfMPG.d.ts";
+import { getCustomElements, isValidComponent, isValidMetaData } from "./src-BBcTbcCa.js";
+import { enhanceArgTypes } from "storybook/internal/docs-tools";
+import { logger } from "storybook/internal/client-logger";
+
+//#region src/docs/infer-type.ts
+const inferSBType = (prop) => {
+	const scalarTypes = [
+		"string",
+		"number",
+		"boolean",
+		"symbol"
+	];
+	if (prop.type.toLowerCase() in scalarTypes) return {
+		name: prop.type.toLowerCase(),
+		raw: prop.type,
+		required: prop.required
+	};
+	if (/^\(.*\)\s*=>\s*.*$/.test(prop.type)) return {
+		name: "function",
+		raw: prop.type,
+		required: prop.required
+	};
+	return {
+		name: "other",
+		value: prop.type,
+		raw: prop.type,
+		required: prop.required
+	};
+};
+const inferControlType = (prop) => {
+	switch (prop.type) {
+		case "string": return { type: "text" };
+		case "number": return { type: "number" };
+		case "boolean": return { type: "boolean" };
+		case "Date": return { type: "date" };
+		default: return { type: "object" };
+	}
+};
+
+//#endregion
+//#region src/docs/custom-elements.ts
+const mapData = (data, category) => data.reduce((acc, item) => {
+	acc[item.name] = {
+		name: item.name,
+		description: item.docs,
+		control: false,
+		table: { category }
+	};
+	return acc;
+}, {});
+const mapMethods = (methods) => methods.reduce((acc, method) => {
+	acc[method.name] = {
+		name: method.name,
+		description: method.docs,
+		control: null,
+		type: { name: "function" },
+		table: {
+			category: "methods",
+			type: { summary: method.signature }
+		}
+	};
+	return acc;
+}, {});
+const mapEvent = (events) => events.reduce((acc, event) => {
+	let name = event.event.replace(/(-|_|:|\.|\s)+(.)?/g, (_match, _separator, chr) => {
+		return chr ? chr.toUpperCase() : "";
+	}).replace(/^([A-Z])/, (match) => match.toLowerCase());
+	name = `on${name.charAt(0).toUpperCase() + name.slice(1)}`;
+	acc[name] = {
+		name,
+		description: event.docs,
+		control: null,
+		table: {
+			category: "events",
+			type: { summary: event.detail }
+		},
+		type: { name: "function" }
+	};
+	return acc;
+}, {});
+const mapProps = (props) => props.reduce((acc, prop) => {
+	acc[prop.name] = {
+		name: prop.attr || prop.name,
+		description: prop.docs,
+		control: inferControlType(prop),
+		table: {
+			category: "properties",
+			type: { summary: prop.complexType?.original },
+			defaultValue: { summary: prop.default }
+		},
+		type: inferSBType(prop)
+	};
+	return acc;
+}, {});
+const getMetaData = (tagName, manifest) => {
+	if (!isValidComponent(tagName) || !isValidMetaData(manifest)) return null;
+	const metaData = manifest.components.find((component) => component.tag.toUpperCase() === tagName.toUpperCase());
+	if (!metaData) logger.warn(`Component not found in custom-elements.json: ${tagName}`);
+	return metaData;
+};
+const extractArgTypesFromElements = (tagName, customElements) => {
+	const metaData = getMetaData(tagName, customElements);
+	return metaData && {
+		...mapProps(metaData.props),
+		...mapEvent(metaData.events),
+		...mapMethods(metaData.methods),
+		...mapData(metaData.slots, "slots"),
+		...mapData(metaData.parts, "parts"),
+		...mapData(metaData.styles, "styles")
+	};
+};
+const extractArgTypes = (component) => {
+	const cem = getCustomElements();
+	return extractArgTypesFromElements(component.is, cem);
+};
+const extractComponentDescription = (component) => {
+	const metaData = getMetaData(component.is, getCustomElements());
+	return metaData && metaData.docs;
+};
+
+//#endregion
+//#region src/entry-preview-argtypes.ts
+const parameters = { docs: {
+	extractArgTypes,
+	extractComponentDescription
+} };
+const argTypesEnhancers = [enhanceArgTypes];
+
+//#endregion
+export { argTypesEnhancers, parameters };
+//# sourceMappingURL=entry-preview-argtypes.js.map

package/dist/entry-preview-argtypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry-preview-argtypes.js","names":["prop: JsonDocsProp","scalarTypes: SBScalarType['name'][]","data: T[]","category: string","methods: JsonDocsMethod[]","events: JsonDocsEvent[]","chr: string","props: JsonDocsProp[]","tagName: string","manifest: JsonDocs","customElements: JsonDocs","component: any","argTypesEnhancers: ArgTypesEnhancer<StencilRenderer<unknown>>[]"],"sources":["../src/docs/infer-type.ts","../src/docs/custom-elements.ts","../src/entry-preview-argtypes.ts"],"sourcesContent":["import type { JsonDocsProp } from '@stencil/core/internal';\nimport type { SBType, SBScalarType, InputType } from 'storybook/internal/types';\n\nexport const inferSBType = (prop: JsonDocsProp): SBType => {\n  const scalarTypes: SBScalarType['name'][] = ['string', 'number', 'boolean', 'symbol'];\n  if (prop.type.toLowerCase() in scalarTypes) {\n    return { name: prop.type.toLowerCase(), raw: prop.type, required: prop.required } as SBScalarType;\n  }\n\n  if (/^\\(.*\\)\\s*=>\\s*.*$/.test(prop.type)) {\n    return { name: 'function', raw: prop.type, required: prop.required };\n  }\n\n  return { name: 'other', value: prop.type, raw: prop.type, required: prop.required };\n};\n\nexport const inferControlType = (prop: JsonDocsProp): InputType['control'] => {\n  switch (prop.type) {\n    case 'string':\n      return { type: 'text' };\n    case 'number':\n      return { type: 'number' };\n    case 'boolean':\n      return { type: 'boolean' };\n    case 'Date':\n      return { type: 'date' };\n    default:\n      return { type: 'object' };\n  }\n};\n","import { logger } from 'storybook/internal/client-logger';\nimport type { ArgTypes } from 'storybook/internal/types';\nimport type {\n  JsonDocs,\n  JsonDocsProp,\n  JsonDocsEvent,\n  JsonDocsSlot,\n  JsonDocsMethod,\n  JsonDocsStyle,\n  JsonDocsPart,\n} from '@stencil/core/internal';\n\nimport { inferSBType, inferControlType } from './infer-type';\nimport { getCustomElements, isValidComponent, isValidMetaData } from '..';\n\nconst mapData = <T extends JsonDocsPart>(data: T[], category: string): ArgTypes =>\n  data.reduce<ArgTypes>((acc, item) => {\n    acc[item.name] = {\n      name: item.name,\n      description: item.docs,\n      control: false,\n      table: {\n        category,\n      },\n    };\n    return acc;\n  }, {});\n\nconst mapMethods = (methods: JsonDocsMethod[]): ArgTypes =>\n  methods.reduce<ArgTypes>((acc, method) => {\n    acc[method.name] = {\n      name: method.name,\n      description: method.docs,\n      control: null,\n      type: { name: 'function' },\n      table: {\n        category: 'methods',\n        type: { summary: method.signature },\n      },\n    };\n    return acc;\n  }, {});\n\nconst mapEvent = (events: JsonDocsEvent[]): ArgTypes =>\n  events.reduce<ArgTypes>((acc, event) => {\n    let name = event.event\n      .replace(/(-|_|:|\\.|\\s)+(.)?/g, (_match, _separator, chr: string) => {\n        return chr ? chr.toUpperCase() : '';\n      })\n      .replace(/^([A-Z])/, (match) => match.toLowerCase());\n\n    name = `on${name.charAt(0).toUpperCase() + name.slice(1)}`;\n\n    acc[name] = {\n      name,\n      description: event.docs,\n      control: null,\n      table: {\n        category: 'events',\n        type: { summary: event.detail },\n      },\n      type: { name: 'function' },\n    };\n\n    return acc;\n  }, {});\n\nconst mapProps = (props: JsonDocsProp[]): ArgTypes =>\n  props.reduce<ArgTypes>((acc, prop) => {\n    acc[prop.name] = {\n      name: prop.attr || prop.name,\n      description: prop.docs,\n      control: inferControlType(prop),\n      table: {\n        category: 'properties',\n        type: { summary: prop.complexType?.original },\n        defaultValue: { summary: prop.default },\n      },\n      type: inferSBType(prop),\n    };\n\n    return acc;\n  }, {});\n\nconst getMetaData = (tagName: string, manifest: JsonDocs) => {\n  if (!isValidComponent(tagName) || !isValidMetaData(manifest)) {\n    return null;\n  }\n  const metaData = manifest.components.find((component) => component.tag.toUpperCase() === tagName.toUpperCase());\n  if (!metaData) {\n    logger.warn(`Component not found in custom-elements.json: ${tagName}`);\n  }\n  return metaData;\n};\n\nexport const extractArgTypesFromElements = (tagName: string, customElements: JsonDocs) => {\n  const metaData = getMetaData(tagName, customElements);\n  return (\n    metaData && {\n      ...mapProps(metaData.props),\n      ...mapEvent(metaData.events),\n      ...mapMethods(metaData.methods),\n      ...mapData<JsonDocsSlot>(metaData.slots, 'slots'),\n      ...mapData<JsonDocsPart>(metaData.parts, 'parts'),\n      ...mapData<JsonDocsStyle>(metaData.styles, 'styles'),\n    }\n  );\n};\n\nexport const extractArgTypes = (component: any) => {\n  const cem = getCustomElements();\n  return extractArgTypesFromElements(component.is, cem);\n};\n\nexport const extractComponentDescription = (component: any) => {\n  const metaData = getMetaData(component.is, getCustomElements());\n  return metaData && metaData.docs;\n};\n","import { enhanceArgTypes } from 'storybook/internal/docs-tools';\nimport type { ArgTypesEnhancer } from 'storybook/internal/types';\n\nimport { extractArgTypes, extractComponentDescription } from './docs/custom-elements';\nimport type { StencilRenderer } from './types';\n\nexport const parameters = {\n  docs: {\n    extractArgTypes,\n    extractComponentDescription,\n  },\n};\n\nexport const argTypesEnhancers: ArgTypesEnhancer<StencilRenderer<unknown>>[] = [enhanceArgTypes];"],"mappings":"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"}

package/dist/entry-preview-docs.cjs

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CsX-DzYB.cjs');
-const require_docs = require('./docs-DJjy-dqq.cjs');
+const require_docs = require('./docs-C41e1jpq.cjs');
 const storybook_internal_docs_tools = require_chunk.__toESM(require("storybook/internal/docs-tools"));
 
 //#region src/entry-preview-docs.ts

package/dist/entry-preview-docs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"entry-preview-docs.cjs","names":["decorators: DecoratorFunction<StencilRenderer<unknown>>[]","sourceDecorator","SourceType"],"sources":["../src/entry-preview-docs.ts"],"sourcesContent":["import { SourceType } from 'storybook/internal/docs-tools';\nimport type { DecoratorFunction } from 'storybook/internal/types';\n\nimport { sourceDecorator } from './docs';\nimport type { StencilRenderer } from './types';\n\nexport const decorators: DecoratorFunction<StencilRenderer<unknown>>[] = [sourceDecorator];\n\nexport const parameters = {\n  docs: {\n    story: { inline: true },\n    source: {\n      type: SourceType.DYNAMIC,\n      language: 'html',\n    },\n  },\n};\n"],"mappings":";;;;;AAMA,MAAaA,aAA4D,CAACC,4BAAgB;AAE1F,MAAa,aAAa,EACxB,MAAM;CACJ,OAAO,EAAE,QAAQ,KAAM;CACvB,QAAQ;EACN,MAAMC,yCAAW;EACjB,UAAU;CACX;AACF,EACF"}
+{"version":3,"file":"entry-preview-docs.cjs","names":["decorators: DecoratorFunction<StencilRenderer<unknown>>[]","sourceDecorator","parameters: Parameters","SourceType"],"sources":["../src/entry-preview-docs.ts"],"sourcesContent":["import { SourceType } from 'storybook/internal/docs-tools';\nimport type { DecoratorFunction, Parameters } from 'storybook/internal/types';\nimport { sourceDecorator } from './docs';\nimport type { StencilRenderer } from './types';\n\nexport const decorators: DecoratorFunction<StencilRenderer<unknown>>[] = [sourceDecorator];\n\nexport const parameters: Parameters = {\n  docs: {\n    story: { inline: true },\n    source: {\n      type: SourceType.DYNAMIC,\n      language: 'html',\n    },\n  },\n};\n"],"mappings":";;;;;AAKA,MAAaA,aAA4D,CAACC,4BAAgB;AAE1F,MAAaC,aAAyB,EACpC,MAAM;CACJ,OAAO,EAAE,QAAQ,KAAM;CACvB,QAAQ;EACN,MAAMC,yCAAW;EACjB,UAAU;CACX;AACF,EACF"}

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

@@ -1,20 +1,9 @@
-import { StencilRenderer } from "./types-BjBqnnWi.cjs";
-import { DecoratorFunction } from "storybook/internal/types";
-import { SourceType } from "storybook/internal/docs-tools";
+import { StencilRenderer } from "./types-BZP9npQ9.cjs";
+import { DecoratorFunction, Parameters } from "storybook/internal/types";
 
 //#region src/entry-preview-docs.d.ts
 declare const decorators: DecoratorFunction<StencilRenderer<unknown>>[];
-declare const parameters: {
-  docs: {
-    story: {
-      inline: boolean;
-    };
-    source: {
-      type: SourceType;
-      language: string;
-    };
-  };
-};
+declare const parameters: Parameters;
 //#endregion
 export { decorators, parameters };
 //# sourceMappingURL=entry-preview-docs.d.cts.map

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

@@ -1,20 +1,9 @@
-import { StencilRenderer } from "./types-Dzw-ZY4t.js";
-import { SourceType } from "storybook/internal/docs-tools";
-import { DecoratorFunction } from "storybook/internal/types";
+import { StencilRenderer } from "./types-DqHtEV5w.js";
+import { DecoratorFunction, Parameters } from "storybook/internal/types";
 
 //#region src/entry-preview-docs.d.ts
 declare const decorators: DecoratorFunction<StencilRenderer<unknown>>[];
-declare const parameters: {
-  docs: {
-    story: {
-      inline: boolean;
-    };
-    source: {
-      type: SourceType;
-      language: string;
-    };
-  };
-};
+declare const parameters: Parameters;
 //#endregion
 export { decorators, parameters };
 //# sourceMappingURL=entry-preview-docs.d.ts.map

package/dist/entry-preview-docs.js

@@ -1,4 +1,4 @@
-import { sourceDecorator } from "./docs-C9E8OhSN.js";
+import { sourceDecorator } from "./docs-ObZ8znBB.js";
 import { SourceType } from "storybook/internal/docs-tools";
 
 //#region src/entry-preview-docs.ts

package/dist/entry-preview-docs.js.map

@@ -1 +1 @@
-{"version":3,"file":"entry-preview-docs.js","names":["decorators: DecoratorFunction<StencilRenderer<unknown>>[]"],"sources":["../src/entry-preview-docs.ts"],"sourcesContent":["import { SourceType } from 'storybook/internal/docs-tools';\nimport type { DecoratorFunction } from 'storybook/internal/types';\n\nimport { sourceDecorator } from './docs';\nimport type { StencilRenderer } from './types';\n\nexport const decorators: DecoratorFunction<StencilRenderer<unknown>>[] = [sourceDecorator];\n\nexport const parameters = {\n  docs: {\n    story: { inline: true },\n    source: {\n      type: SourceType.DYNAMIC,\n      language: 'html',\n    },\n  },\n};\n"],"mappings":";;;;AAMA,MAAaA,aAA4D,CAAC,eAAgB;AAE1F,MAAa,aAAa,EACxB,MAAM;CACJ,OAAO,EAAE,QAAQ,KAAM;CACvB,QAAQ;EACN,MAAM,WAAW;EACjB,UAAU;CACX;AACF,EACF"}
+{"version":3,"file":"entry-preview-docs.js","names":["decorators: DecoratorFunction<StencilRenderer<unknown>>[]","parameters: Parameters"],"sources":["../src/entry-preview-docs.ts"],"sourcesContent":["import { SourceType } from 'storybook/internal/docs-tools';\nimport type { DecoratorFunction, Parameters } from 'storybook/internal/types';\nimport { sourceDecorator } from './docs';\nimport type { StencilRenderer } from './types';\n\nexport const decorators: DecoratorFunction<StencilRenderer<unknown>>[] = [sourceDecorator];\n\nexport const parameters: Parameters = {\n  docs: {\n    story: { inline: true },\n    source: {\n      type: SourceType.DYNAMIC,\n      language: 'html',\n    },\n  },\n};\n"],"mappings":";;;;AAKA,MAAaA,aAA4D,CAAC,eAAgB;AAE1F,MAAaC,aAAyB,EACpC,MAAM;CACJ,OAAO,EAAE,QAAQ,KAAM;CACvB,QAAQ;EACN,MAAM,WAAW;EACjB,UAAU;CACX;AACF,EACF"}

package/dist/entry-preview.cjs

@@ -1,4 +1,4 @@
-const require_entry_preview = require('./entry-preview-B91w5aFH.cjs');
+const require_entry_preview = require('./entry-preview-C0ipNwpw.cjs');
 
 exports.argTypesEnhancers = require_entry_preview.argTypesEnhancers;
 exports.parameters = require_entry_preview.parameters;

package/dist/entry-preview.d.cts

@@ -1,5 +1,5 @@
-import { Parameters, StencilRenderer } from "./types-BjBqnnWi.cjs";
-import { ArgTypesEnhancer, ArgsStoryFn, RenderContext } from "storybook/internal/types";
+import { StencilRenderer } from "./types-BZP9npQ9.cjs";
+import { ArgTypesEnhancer, ArgsStoryFn, Parameters, RenderContext } from "storybook/internal/types";
 
 //#region src/render.d.ts
 declare const render: ArgsStoryFn<StencilRenderer<unknown>>;

package/dist/entry-preview.d.ts

@@ -1,5 +1,5 @@
-import { Parameters, StencilRenderer } from "./types-Dzw-ZY4t.js";
-import { ArgTypesEnhancer, ArgsStoryFn, RenderContext } from "storybook/internal/types";
+import { StencilRenderer } from "./types-DqHtEV5w.js";
+import { ArgTypesEnhancer, ArgsStoryFn, Parameters, RenderContext } from "storybook/internal/types";
 
 //#region src/render.d.ts
 declare const render: ArgsStoryFn<StencilRenderer<unknown>>;

package/dist/entry-preview.js

@@ -1,3 +1,3 @@
-import { argTypesEnhancers, parameters, render, renderToCanvas } from "./entry-preview-DWaghsKM.js";
+import { argTypesEnhancers, parameters, render, renderToCanvas } from "./entry-preview-C1JSJAGq.js";
 
 export { argTypesEnhancers, parameters, render, renderToCanvas };

package/dist/index.cjs

@@ -1,32 +1,9 @@
-const require_chunk = require('./chunk-CsX-DzYB.cjs');
-const require_entry_preview = require('./entry-preview-B91w5aFH.cjs');
-const storybook_preview_api = require_chunk.__toESM(require("storybook/preview-api"));
+const require_src = require('./src-D0dJRYm2.cjs');
+require('./entry-preview-C0ipNwpw.cjs');
 
-//#region src/portable-stories.tsx
-/**
-* Function that sets the globalConfig of your storybook. The global config is the preview module of
-* your .storybook folder.
-*
-* It should be run a single time, so that your global config (e.g. decorators) is applied to your
-* stories when using `composeStories` or `composeStory`.
-*
-* Example:
-*
-* ```jsx
-* // setup-file.js
-* import { setProjectAnnotations } from '@storybook/web-components';
-* import projectAnnotations from './.storybook/preview';
-*
-* setProjectAnnotations(projectAnnotations);
-* ```
-*
-* @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
-*/
-function setProjectAnnotations(projectAnnotations) {
-	(0, storybook_preview_api.setDefaultProjectAnnotations)(require_entry_preview.entry_preview_exports);
-	return (0, storybook_preview_api.setProjectAnnotations)(projectAnnotations);
-}
-
-//#endregion
-exports.setProjectAnnotations = setProjectAnnotations;
-//# sourceMappingURL=index.cjs.map
+exports.getCustomElements = require_src.getCustomElements;
+exports.isValidComponent = require_src.isValidComponent;
+exports.isValidMetaData = require_src.isValidMetaData;
+exports.setCustomElements = require_src.setCustomElements;
+exports.setCustomElementsManifest = require_src.setCustomElementsManifest;
+exports.setProjectAnnotations = require_src.setProjectAnnotations;

package/dist/index.d.cts

@@ -1,5 +1,6 @@
-import { ArgTypes, Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, StrictArgs } from "./types-BjBqnnWi.cjs";
+import { Decorator, Loader, Meta, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig } from "./types-BZP9npQ9.cjs";
 import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from "storybook/internal/types";
+import { JsonDocs } from "@stencil/core/internal";
 
 //#region @types/rollup-parseAst.d.ts
 
@@ -26,6 +27,14 @@ declare module 'rollup/parseAst' {
   export function parseAstAsync(code: string, options?: any): Promise<any>;
 }
 //#endregion
+//#region src/framework-api.d.ts
+declare function isValidComponent(tagName: string): boolean;
+declare function isValidMetaData(customElements: JsonDocs): boolean;
+/** @param customElements `any` for now as spec is not super stable yet */
+declare function setCustomElements(customElements: any): void;
+declare function setCustomElementsManifest(customElements: any): void;
+declare function getCustomElements(): any;
+//#endregion
 //#region src/portable-stories.d.ts
 /**
  * Function that sets the globalConfig of your storybook. The global config is the preview module of
@@ -48,5 +57,5 @@ declare module 'rollup/parseAst' {
  */
 declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]): NormalizedProjectAnnotations<StencilRenderer<unknown>>;
 //#endregion
-export { ArgTypes, Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, StrictArgs, setProjectAnnotations };
+export { Decorator, Loader, Meta, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations };
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.ts

@@ -1,9 +1,17 @@
-import "./rollup-parseAst-DXE9IfcK.js";
-import { ArgTypes, Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, StrictArgs } from "./types-Dzw-ZY4t.js";
+import "./rollup-parseAst-t-4tfMPG.js";
+import { Decorator, Loader, Meta, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig } from "./types-DqHtEV5w.js";
 import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from "storybook/internal/types";
+import { JsonDocs } from "@stencil/core/internal";
 
+//#region src/framework-api.d.ts
+declare function isValidComponent(tagName: string): boolean;
+declare function isValidMetaData(customElements: JsonDocs): boolean;
+/** @param customElements `any` for now as spec is not super stable yet */
+declare function setCustomElements(customElements: any): void;
+declare function setCustomElementsManifest(customElements: any): void;
+declare function getCustomElements(): any;
+//#endregion
 //#region src/portable-stories.d.ts
-
 /**
  * Function that sets the globalConfig of your storybook. The global config is the preview module of
  * your .storybook folder.
@@ -25,5 +33,5 @@ import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from "
  */
 declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]): NormalizedProjectAnnotations<StencilRenderer<unknown>>;
 //#endregion
-export { ArgTypes, Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, StrictArgs, setProjectAnnotations };
+export { Decorator, Loader, Meta, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,32 +1,5 @@
-import { entry_preview_exports } from "./entry-preview-DWaghsKM.js";
-import "./rollup-parseAst-DXE9IfcK.d.ts";
-import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from "storybook/preview-api";
+import "./entry-preview-C1JSJAGq.js";
+import "./rollup-parseAst-t-4tfMPG.d.ts";
+import { getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations } from "./src-BBcTbcCa.js";
 
-//#region src/portable-stories.tsx
-/**
-* Function that sets the globalConfig of your storybook. The global config is the preview module of
-* your .storybook folder.
-*
-* It should be run a single time, so that your global config (e.g. decorators) is applied to your
-* stories when using `composeStories` or `composeStory`.
-*
-* Example:
-*
-* ```jsx
-* // setup-file.js
-* import { setProjectAnnotations } from '@storybook/web-components';
-* import projectAnnotations from './.storybook/preview';
-*
-* setProjectAnnotations(projectAnnotations);
-* ```
-*
-* @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
-*/
-function setProjectAnnotations(projectAnnotations) {
-	setDefaultProjectAnnotations(entry_preview_exports);
-	return setProjectAnnotations$1(projectAnnotations);
-}
-
-//#endregion
-export { setProjectAnnotations };
-//# sourceMappingURL=index.js.map
+export { getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations };

package/dist/node/index.d.cts

@@ -1,4 +1,4 @@
-import { StorybookConfig } from "../types-BjBqnnWi.cjs";
+import { StorybookConfig } from "../types-BZP9npQ9.cjs";
 
 //#region src/node/index.d.ts
 declare function defineMain(config: StorybookConfig): StorybookConfig;

package/dist/node/index.d.ts

@@ -1,4 +1,4 @@
-import { StorybookConfig } from "../types-Dzw-ZY4t.js";
+import { StorybookConfig } from "../types-DqHtEV5w.js";
 
 //#region src/node/index.d.ts
 declare function defineMain(config: StorybookConfig): StorybookConfig;

package/dist/preset.cjs

@@ -1,8 +1,8 @@
 const require_chunk = require('./chunk-CsX-DzYB.cjs');
 const module$1 = require_chunk.__toESM(require("module"));
 const path = require_chunk.__toESM(require("path"));
-const url = require_chunk.__toESM(require("url"));
 const unplugin_stencil_vite = require_chunk.__toESM(require("unplugin-stencil/vite"));
+const url = require_chunk.__toESM(require("url"));
 const vite = require_chunk.__toESM(require("vite"));
 
 //#region src/preset.ts
@@ -14,20 +14,18 @@ const core = {
 	builder: getAbsolutePath("@storybook/builder-vite"),
 	renderer
 };
-const viteFinal = async (defaultConfig) => {
+const viteFinal = async (defaultConfig, { configType }) => {
 	const config = (0, vite.mergeConfig)(defaultConfig, {
-		build: {
-			target: "es2020",
-			rollupOptions: { external: ["@stencil/core"] }
-		},
+		build: { target: "es2020" },
 		plugins: [(0, unplugin_stencil_vite.default)({ rootPath: defaultConfig.root })]
 	});
+	if (configType === "DEVELOPMENT") return (0, vite.mergeConfig)(config, { build: { rollupOptions: { external: ["@stencil/core"] } } });
 	return config;
 };
 const previewAnnotations = async (input = [], options) => {
 	const docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
 	const result = [];
-	return result.concat(input).concat([renderer]).concat(docsEnabled ? [(0, path.join)(__dirname$1, "entry-preview-docs.js")] : []);
+	return result.concat(input).concat([renderer, (0, path.join)(__dirname$1, "entry-preview-argtypes.js")]).concat(docsEnabled ? [(0, path.join)(__dirname$1, "entry-preview-docs.js")] : []);
 };
 
 //#endregion

package/dist/preset.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"preset.cjs","names":["require","input: I","__dirname","core: StorybookConfig['core']","viteFinal: StorybookConfig['viteFinal']","previewAnnotations: StorybookConfig['previewAnnotations']","result: string[]"],"sources":["../src/preset.ts"],"sourcesContent":["/**\n * we can't prefix the Node.js imports with `node:` because it will break\n * within Storybook due to its Vite setup.\n */\nimport { createRequire } from 'module';\nimport { dirname, join } from 'path';\nimport { fileURLToPath } from 'url';\n\nimport stencil from 'unplugin-stencil/vite';\nimport { mergeConfig } from 'vite';\n\nimport { StorybookConfig } from './types.js';\n\nconst require = createRequire(import.meta.url);\nconst getAbsolutePath = <I extends string>(input: I): I => dirname(require.resolve(join(input, 'package.json'))) as any;\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nconst renderer = join(__dirname, 'entry-preview.js');\n\nexport const core: StorybookConfig['core'] = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer,\n};\n\nexport const viteFinal: StorybookConfig['viteFinal'] = async (defaultConfig) => {\n  const config = mergeConfig(defaultConfig, {\n    build: {\n      target: 'es2020',\n      rollupOptions: {\n        external: ['@stencil/core'],\n      },\n    },\n    plugins: [\n      stencil({\n        rootPath: defaultConfig.root,\n      }),\n    ],\n  });\n\n  return config;\n};\n\nexport const previewAnnotations: StorybookConfig['previewAnnotations'] = async (input = [], options) => {\n  const docsEnabled = Object.keys(await options.presets.apply('docs', {}, options)).length > 0;\n  const result: string[] = [];\n\n  return result\n    .concat(input)\n    .concat([renderer])\n    .concat(docsEnabled ? [join(__dirname, 'entry-preview-docs.js')] : []);\n};\n"],"mappings":";;;;;;;;AAaA,MAAMA,YAAU,0EAA8B;AAC9C,MAAM,kBAAkB,CAAmBC,UAAgB,kBAAQ,UAAQ,QAAQ,eAAK,OAAO,eAAe,CAAC,CAAC;AAEhH,MAAMC,cAAY,kBAAQ,qEAA8B,CAAC;AAEzD,MAAM,WAAW,eAAKA,aAAW,mBAAmB;AAEpD,MAAaC,OAAgC;CAC3C,SAAS,gBAAgB,0BAA0B;CACnD;AACD;AAED,MAAaC,YAA0C,OAAO,kBAAkB;CAC9E,MAAM,SAAS,sBAAY,eAAe;EACxC,OAAO;GACL,QAAQ;GACR,eAAe,EACb,UAAU,CAAC,eAAgB,EAC5B;EACF;EACD,SAAS,CACP,mCAAQ,EACN,UAAU,cAAc,KACzB,EAAC,AACH;CACF,EAAC;AAEF,QAAO;AACR;AAED,MAAaC,qBAA4D,OAAO,QAAQ,CAAE,GAAE,YAAY;CACtG,MAAM,cAAc,OAAO,KAAK,MAAM,QAAQ,QAAQ,MAAM,QAAQ,CAAE,GAAE,QAAQ,CAAC,CAAC,SAAS;CAC3F,MAAMC,SAAmB,CAAE;AAE3B,QAAO,OACJ,OAAO,MAAM,CACb,OAAO,CAAC,QAAS,EAAC,CAClB,OAAO,cAAc,CAAC,eAAKJ,aAAW,wBAAwB,AAAC,IAAG,CAAE,EAAC;AACzE"}
+{"version":3,"file":"preset.cjs","names":["require","input: I","__dirname","core: StorybookConfig['core']","viteFinal: StorybookConfig['viteFinal']","previewAnnotations: StorybookConfig['previewAnnotations']","result: string[]"],"sources":["../src/preset.ts"],"sourcesContent":["/**\n * we can't prefix the Node.js imports with `node:` because it will break\n * within Storybook due to its Vite setup.\n */\nimport { createRequire } from 'module';\nimport { dirname, join } from 'path';\nimport stencil from 'unplugin-stencil/vite';\nimport { fileURLToPath } from 'url';\nimport { mergeConfig } from 'vite';\nimport { StorybookConfig } from './types';\n\nconst require = createRequire(import.meta.url);\nconst getAbsolutePath = <I extends string>(input: I): I => dirname(require.resolve(join(input, 'package.json'))) as any;\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nconst renderer = join(__dirname, 'entry-preview.js');\n\nexport const core: StorybookConfig['core'] = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer,\n};\n\nexport const viteFinal: StorybookConfig['viteFinal'] = async (defaultConfig, { configType }) => {\n  const config = mergeConfig(defaultConfig, {\n    build: {\n      target: 'es2020',\n    },\n    plugins: [\n      stencil({\n        rootPath: defaultConfig.root,\n      }),\n    ],\n  });\n  if (configType === 'DEVELOPMENT') {\n    return mergeConfig(config, {\n      build: {\n        rollupOptions: {\n          external: ['@stencil/core'],\n        },\n      },\n    });\n  }\n\n  return config;\n};\n\nexport const previewAnnotations: StorybookConfig['previewAnnotations'] = async (input = [], options) => {\n  const docsEnabled = Object.keys(await options.presets.apply('docs', {}, options)).length > 0;\n  const result: string[] = [];\n\n  return result\n    .concat(input)\n    .concat([renderer, join(__dirname, 'entry-preview-argtypes.js')])\n    .concat(docsEnabled ? [join(__dirname, 'entry-preview-docs.js')] : []);\n};\n"],"mappings":";;;;;;;;AAWA,MAAMA,YAAU,0EAA8B;AAC9C,MAAM,kBAAkB,CAAmBC,UAAgB,kBAAQ,UAAQ,QAAQ,eAAK,OAAO,eAAe,CAAC,CAAC;AAEhH,MAAMC,cAAY,kBAAQ,qEAA8B,CAAC;AAEzD,MAAM,WAAW,eAAKA,aAAW,mBAAmB;AAEpD,MAAaC,OAAgC;CAC3C,SAAS,gBAAgB,0BAA0B;CACnD;AACD;AAED,MAAaC,YAA0C,OAAO,eAAe,EAAE,YAAY,KAAK;CAC9F,MAAM,SAAS,sBAAY,eAAe;EACxC,OAAO,EACL,QAAQ,SACT;EACD,SAAS,CACP,mCAAQ,EACN,UAAU,cAAc,KACzB,EAAC,AACH;CACF,EAAC;AACF,KAAI,eAAe,cACjB,QAAO,sBAAY,QAAQ,EACzB,OAAO,EACL,eAAe,EACb,UAAU,CAAC,eAAgB,EAC5B,EACF,EACF,EAAC;AAGJ,QAAO;AACR;AAED,MAAaC,qBAA4D,OAAO,QAAQ,CAAE,GAAE,YAAY;CACtG,MAAM,cAAc,OAAO,KAAK,MAAM,QAAQ,QAAQ,MAAM,QAAQ,CAAE,GAAE,QAAQ,CAAC,CAAC,SAAS;CAC3F,MAAMC,SAAmB,CAAE;AAE3B,QAAO,OACJ,OAAO,MAAM,CACb,OAAO,CAAC,UAAU,eAAKJ,aAAW,4BAA4B,AAAC,EAAC,CAChE,OAAO,cAAc,CAAC,eAAKA,aAAW,wBAAwB,AAAC,IAAG,CAAE,EAAC;AACzE"}

package/dist/preset.d.cts

@@ -1,4 +1,4 @@
-import { StorybookConfig } from "./types-BjBqnnWi.cjs";
+import { StorybookConfig } from "./types-BZP9npQ9.cjs";
 
 //#region src/preset.d.ts
 declare const core: StorybookConfig['core'];

package/dist/preset.d.ts

@@ -1,4 +1,4 @@
-import { StorybookConfig } from "./types-Dzw-ZY4t.js";
+import { StorybookConfig } from "./types-DqHtEV5w.js";
 
 //#region src/preset.d.ts
 declare const core: StorybookConfig['core'];

package/dist/preset.js

@@ -1,7 +1,7 @@
 import { createRequire } from "module";
 import { dirname, join } from "path";
-import { fileURLToPath } from "url";
 import stencil from "unplugin-stencil/vite";
+import { fileURLToPath } from "url";
 import { mergeConfig } from "vite";
 
 //#region src/preset.ts
@@ -13,20 +13,18 @@ const core = {
 	builder: getAbsolutePath("@storybook/builder-vite"),
 	renderer
 };
-const viteFinal = async (defaultConfig) => {
+const viteFinal = async (defaultConfig, { configType }) => {
 	const config = mergeConfig(defaultConfig, {
-		build: {
-			target: "es2020",
-			rollupOptions: { external: ["@stencil/core"] }
-		},
+		build: { target: "es2020" },
 		plugins: [stencil({ rootPath: defaultConfig.root })]
 	});
+	if (configType === "DEVELOPMENT") return mergeConfig(config, { build: { rollupOptions: { external: ["@stencil/core"] } } });
 	return config;
 };
 const previewAnnotations = async (input = [], options) => {
 	const docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
 	const result = [];
-	return result.concat(input).concat([renderer]).concat(docsEnabled ? [join(__dirname, "entry-preview-docs.js")] : []);
+	return result.concat(input).concat([renderer, join(__dirname, "entry-preview-argtypes.js")]).concat(docsEnabled ? [join(__dirname, "entry-preview-docs.js")] : []);
 };
 
 //#endregion

package/dist/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","names":["input: I","core: StorybookConfig['core']","viteFinal: StorybookConfig['viteFinal']","previewAnnotations: StorybookConfig['previewAnnotations']","result: string[]"],"sources":["../src/preset.ts"],"sourcesContent":["/**\n * we can't prefix the Node.js imports with `node:` because it will break\n * within Storybook due to its Vite setup.\n */\nimport { createRequire } from 'module';\nimport { dirname, join } from 'path';\nimport { fileURLToPath } from 'url';\n\nimport stencil from 'unplugin-stencil/vite';\nimport { mergeConfig } from 'vite';\n\nimport { StorybookConfig } from './types.js';\n\nconst require = createRequire(import.meta.url);\nconst getAbsolutePath = <I extends string>(input: I): I => dirname(require.resolve(join(input, 'package.json'))) as any;\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nconst renderer = join(__dirname, 'entry-preview.js');\n\nexport const core: StorybookConfig['core'] = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer,\n};\n\nexport const viteFinal: StorybookConfig['viteFinal'] = async (defaultConfig) => {\n  const config = mergeConfig(defaultConfig, {\n    build: {\n      target: 'es2020',\n      rollupOptions: {\n        external: ['@stencil/core'],\n      },\n    },\n    plugins: [\n      stencil({\n        rootPath: defaultConfig.root,\n      }),\n    ],\n  });\n\n  return config;\n};\n\nexport const previewAnnotations: StorybookConfig['previewAnnotations'] = async (input = [], options) => {\n  const docsEnabled = Object.keys(await options.presets.apply('docs', {}, options)).length > 0;\n  const result: string[] = [];\n\n  return result\n    .concat(input)\n    .concat([renderer])\n    .concat(docsEnabled ? [join(__dirname, 'entry-preview-docs.js')] : []);\n};\n"],"mappings":";;;;;;;AAaA,MAAM,UAAU,cAAc,OAAO,KAAK,IAAI;AAC9C,MAAM,kBAAkB,CAAmBA,UAAgB,QAAQ,QAAQ,QAAQ,KAAK,OAAO,eAAe,CAAC,CAAC;AAEhH,MAAM,YAAY,QAAQ,cAAc,OAAO,KAAK,IAAI,CAAC;AAEzD,MAAM,WAAW,KAAK,WAAW,mBAAmB;AAEpD,MAAaC,OAAgC;CAC3C,SAAS,gBAAgB,0BAA0B;CACnD;AACD;AAED,MAAaC,YAA0C,OAAO,kBAAkB;CAC9E,MAAM,SAAS,YAAY,eAAe;EACxC,OAAO;GACL,QAAQ;GACR,eAAe,EACb,UAAU,CAAC,eAAgB,EAC5B;EACF;EACD,SAAS,CACP,QAAQ,EACN,UAAU,cAAc,KACzB,EAAC,AACH;CACF,EAAC;AAEF,QAAO;AACR;AAED,MAAaC,qBAA4D,OAAO,QAAQ,CAAE,GAAE,YAAY;CACtG,MAAM,cAAc,OAAO,KAAK,MAAM,QAAQ,QAAQ,MAAM,QAAQ,CAAE,GAAE,QAAQ,CAAC,CAAC,SAAS;CAC3F,MAAMC,SAAmB,CAAE;AAE3B,QAAO,OACJ,OAAO,MAAM,CACb,OAAO,CAAC,QAAS,EAAC,CAClB,OAAO,cAAc,CAAC,KAAK,WAAW,wBAAwB,AAAC,IAAG,CAAE,EAAC;AACzE"}
+{"version":3,"file":"preset.js","names":["input: I","core: StorybookConfig['core']","viteFinal: StorybookConfig['viteFinal']","previewAnnotations: StorybookConfig['previewAnnotations']","result: string[]"],"sources":["../src/preset.ts"],"sourcesContent":["/**\n * we can't prefix the Node.js imports with `node:` because it will break\n * within Storybook due to its Vite setup.\n */\nimport { createRequire } from 'module';\nimport { dirname, join } from 'path';\nimport stencil from 'unplugin-stencil/vite';\nimport { fileURLToPath } from 'url';\nimport { mergeConfig } from 'vite';\nimport { StorybookConfig } from './types';\n\nconst require = createRequire(import.meta.url);\nconst getAbsolutePath = <I extends string>(input: I): I => dirname(require.resolve(join(input, 'package.json'))) as any;\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nconst renderer = join(__dirname, 'entry-preview.js');\n\nexport const core: StorybookConfig['core'] = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer,\n};\n\nexport const viteFinal: StorybookConfig['viteFinal'] = async (defaultConfig, { configType }) => {\n  const config = mergeConfig(defaultConfig, {\n    build: {\n      target: 'es2020',\n    },\n    plugins: [\n      stencil({\n        rootPath: defaultConfig.root,\n      }),\n    ],\n  });\n  if (configType === 'DEVELOPMENT') {\n    return mergeConfig(config, {\n      build: {\n        rollupOptions: {\n          external: ['@stencil/core'],\n        },\n      },\n    });\n  }\n\n  return config;\n};\n\nexport const previewAnnotations: StorybookConfig['previewAnnotations'] = async (input = [], options) => {\n  const docsEnabled = Object.keys(await options.presets.apply('docs', {}, options)).length > 0;\n  const result: string[] = [];\n\n  return result\n    .concat(input)\n    .concat([renderer, join(__dirname, 'entry-preview-argtypes.js')])\n    .concat(docsEnabled ? [join(__dirname, 'entry-preview-docs.js')] : []);\n};\n"],"mappings":";;;;;;;AAWA,MAAM,UAAU,cAAc,OAAO,KAAK,IAAI;AAC9C,MAAM,kBAAkB,CAAmBA,UAAgB,QAAQ,QAAQ,QAAQ,KAAK,OAAO,eAAe,CAAC,CAAC;AAEhH,MAAM,YAAY,QAAQ,cAAc,OAAO,KAAK,IAAI,CAAC;AAEzD,MAAM,WAAW,KAAK,WAAW,mBAAmB;AAEpD,MAAaC,OAAgC;CAC3C,SAAS,gBAAgB,0BAA0B;CACnD;AACD;AAED,MAAaC,YAA0C,OAAO,eAAe,EAAE,YAAY,KAAK;CAC9F,MAAM,SAAS,YAAY,eAAe;EACxC,OAAO,EACL,QAAQ,SACT;EACD,SAAS,CACP,QAAQ,EACN,UAAU,cAAc,KACzB,EAAC,AACH;CACF,EAAC;AACF,KAAI,eAAe,cACjB,QAAO,YAAY,QAAQ,EACzB,OAAO,EACL,eAAe,EACb,UAAU,CAAC,eAAgB,EAC5B,EACF,EACF,EAAC;AAGJ,QAAO;AACR;AAED,MAAaC,qBAA4D,OAAO,QAAQ,CAAE,GAAE,YAAY;CACtG,MAAM,cAAc,OAAO,KAAK,MAAM,QAAQ,QAAQ,MAAM,QAAQ,CAAE,GAAE,QAAQ,CAAC,CAAC,SAAS;CAC3F,MAAMC,SAAmB,CAAE;AAE3B,QAAO,OACJ,OAAO,MAAM,CACb,OAAO,CAAC,UAAU,KAAK,WAAW,4BAA4B,AAAC,EAAC,CAChE,OAAO,cAAc,CAAC,KAAK,WAAW,wBAAwB,AAAC,IAAG,CAAE,EAAC;AACzE"}

package/dist/{rollup-parseAst-DXE9IfcK.d.ts → rollup-parseAst-t-4tfMPG.d.ts}

@@ -21,4 +21,4 @@ declare module 'rollup/parseAst' {
   export function parseAst(code: string, options?: any): any;
   export function parseAstAsync(code: string, options?: any): Promise<any>;
 }
-//# sourceMappingURL=rollup-parseAst-DXE9IfcK.d.ts.map
+//# sourceMappingURL=rollup-parseAst-t-4tfMPG.d.ts.map

package/dist/src-BBcTbcCa.js

@@ -0,0 +1,55 @@
+import { entry_preview_exports } from "./entry-preview-C1JSJAGq.js";
+import { global } from "@storybook/global";
+import { setDefaultProjectAnnotations, setProjectAnnotations } from "storybook/preview-api";
+
+//#region src/framework-api.ts
+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\"");
+}
+function isValidMetaData(customElements) {
+	if (!customElements) return false;
+	if (customElements.components && Array.isArray(customElements.components)) return true;
+	throw new Error(`You need to setup valid meta data in your stencil.config.js via docs-json output target.`);
+}
+/** @param customElements `any` for now as spec is not super stable yet */
+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__;
+}
+
+//#endregion
+//#region src/portable-stories.tsx
+/**
+* Function that sets the globalConfig of your storybook. The global config is the preview module of
+* your .storybook folder.
+*
+* It should be run a single time, so that your global config (e.g. decorators) is applied to your
+* stories when using `composeStories` or `composeStory`.
+*
+* Example:
+*
+* ```jsx
+* // setup-file.js
+* import { setProjectAnnotations } from '@storybook/web-components';
+* import projectAnnotations from './.storybook/preview';
+*
+* setProjectAnnotations(projectAnnotations);
+* ```
+*
+* @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
+*/
+function setProjectAnnotations$1(projectAnnotations) {
+	setDefaultProjectAnnotations(entry_preview_exports);
+	return setProjectAnnotations(projectAnnotations);
+}
+
+//#endregion
+export { getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations$1 as setProjectAnnotations };
+//# sourceMappingURL=src-BBcTbcCa.js.map

package/dist/src-BBcTbcCa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-BBcTbcCa.js","names":["tagName: string","customElements: JsonDocs","customElements: any","setProjectAnnotations","projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]","stencilAnnotations"],"sources":["../src/framework-api.ts","../src/portable-stories.tsx"],"sourcesContent":["import { global } from '@storybook/global';\nimport type { JsonDocs } from '@stencil/core/internal';\n\nexport function isValidComponent(tagName: string) {\n  if (!tagName) {\n    return false;\n  }\n  if (typeof tagName === 'string') {\n    return true;\n  }\n  throw new Error('Provided component needs to be a string. e.g. component: \"my-element\"');\n}\n\nexport function isValidMetaData(customElements: JsonDocs) {\n  if (!customElements) {\n    return false;\n  }\n\n  if (customElements.components && Array.isArray(customElements.components)) {\n    return true;\n  }\n  \n  throw new Error(`You need to setup valid meta data in your stencil.config.js via docs-json output target.`);\n}\n\n/** @param customElements `any` for now as spec is not super stable yet */\nexport function setCustomElements(customElements: any) {\n  global.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;\n}\n\nexport function setCustomElementsManifest(customElements: any) {\n  global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;\n}\n\nexport function getCustomElements() {\n  return global.__STORYBOOK_CUSTOM_ELEMENTS__ || global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__;\n}\n","import type { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';\n\nimport {\n  setProjectAnnotations as originalSetProjectAnnotations,\n  setDefaultProjectAnnotations,\n} from 'storybook/preview-api';\n\nimport * as stencilAnnotations from './entry-preview';\nimport type { StencilRenderer } from './types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/web-components';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n  projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[],\n): NormalizedProjectAnnotations<StencilRenderer<unknown>> {\n  setDefaultProjectAnnotations(stencilAnnotations);\n  return originalSetProjectAnnotations(projectAnnotations) as NormalizedProjectAnnotations<StencilRenderer<unknown>>;\n}\n"],"mappings":";;;;;AAGA,SAAgB,iBAAiBA,SAAiB;AAChD,MAAK,QACH,QAAO;AAET,YAAW,YAAY,SACrB,QAAO;AAET,OAAM,IAAI,MAAM;AACjB;AAED,SAAgB,gBAAgBC,gBAA0B;AACxD,MAAK,eACH,QAAO;AAGT,KAAI,eAAe,cAAc,MAAM,QAAQ,eAAe,WAAW,CACvE,QAAO;AAGT,OAAM,IAAI,OAAO;AAClB;;AAGD,SAAgB,kBAAkBC,gBAAqB;AACrD,QAAO,gCAAgC;AACxC;AAED,SAAgB,0BAA0BA,gBAAqB;AAC7D,QAAO,yCAAyC;AACjD;AAED,SAAgB,oBAAoB;AAClC,QAAO,OAAO,iCAAiC,OAAO;AACvD;;;;;;;;;;;;;;;;;;;;;;;ACPD,SAAgBC,wBACdC,oBACwD;AACxD,8BAA6BC,sBAAmB;AAChD,QAAO,sBAA8B,mBAAmB;AACzD"}

package/dist/src-D0dJRYm2.cjs

@@ -0,0 +1,91 @@
+const require_chunk = require('./chunk-CsX-DzYB.cjs');
+const require_entry_preview = require('./entry-preview-C0ipNwpw.cjs');
+const __storybook_global = require_chunk.__toESM(require("@storybook/global"));
+const storybook_preview_api = require_chunk.__toESM(require("storybook/preview-api"));
+
+//#region src/framework-api.ts
+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\"");
+}
+function isValidMetaData(customElements) {
+	if (!customElements) return false;
+	if (customElements.components && Array.isArray(customElements.components)) return true;
+	throw new Error(`You need to setup valid meta data in your stencil.config.js via docs-json output target.`);
+}
+/** @param customElements `any` for now as spec is not super stable yet */
+function setCustomElements(customElements) {
+	__storybook_global.global.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;
+}
+function setCustomElementsManifest(customElements) {
+	__storybook_global.global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;
+}
+function getCustomElements() {
+	return __storybook_global.global.__STORYBOOK_CUSTOM_ELEMENTS__ || __storybook_global.global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__;
+}
+
+//#endregion
+//#region src/portable-stories.tsx
+/**
+* Function that sets the globalConfig of your storybook. The global config is the preview module of
+* your .storybook folder.
+*
+* It should be run a single time, so that your global config (e.g. decorators) is applied to your
+* stories when using `composeStories` or `composeStory`.
+*
+* Example:
+*
+* ```jsx
+* // setup-file.js
+* import { setProjectAnnotations } from '@storybook/web-components';
+* import projectAnnotations from './.storybook/preview';
+*
+* setProjectAnnotations(projectAnnotations);
+* ```
+*
+* @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
+*/
+function setProjectAnnotations(projectAnnotations) {
+	(0, storybook_preview_api.setDefaultProjectAnnotations)(require_entry_preview.entry_preview_exports);
+	return (0, storybook_preview_api.setProjectAnnotations)(projectAnnotations);
+}
+
+//#endregion
+Object.defineProperty(exports, 'getCustomElements', {
+  enumerable: true,
+  get: function () {
+    return getCustomElements;
+  }
+});
+Object.defineProperty(exports, 'isValidComponent', {
+  enumerable: true,
+  get: function () {
+    return isValidComponent;
+  }
+});
+Object.defineProperty(exports, 'isValidMetaData', {
+  enumerable: true,
+  get: function () {
+    return isValidMetaData;
+  }
+});
+Object.defineProperty(exports, 'setCustomElements', {
+  enumerable: true,
+  get: function () {
+    return setCustomElements;
+  }
+});
+Object.defineProperty(exports, 'setCustomElementsManifest', {
+  enumerable: true,
+  get: function () {
+    return setCustomElementsManifest;
+  }
+});
+Object.defineProperty(exports, 'setProjectAnnotations', {
+  enumerable: true,
+  get: function () {
+    return setProjectAnnotations;
+  }
+});
+//# sourceMappingURL=src-D0dJRYm2.cjs.map

package/dist/src-D0dJRYm2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-D0dJRYm2.cjs","names":["tagName: string","customElements: JsonDocs","customElements: any","global","projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]","stencilAnnotations"],"sources":["../src/framework-api.ts","../src/portable-stories.tsx"],"sourcesContent":["import { global } from '@storybook/global';\nimport type { JsonDocs } from '@stencil/core/internal';\n\nexport function isValidComponent(tagName: string) {\n  if (!tagName) {\n    return false;\n  }\n  if (typeof tagName === 'string') {\n    return true;\n  }\n  throw new Error('Provided component needs to be a string. e.g. component: \"my-element\"');\n}\n\nexport function isValidMetaData(customElements: JsonDocs) {\n  if (!customElements) {\n    return false;\n  }\n\n  if (customElements.components && Array.isArray(customElements.components)) {\n    return true;\n  }\n  \n  throw new Error(`You need to setup valid meta data in your stencil.config.js via docs-json output target.`);\n}\n\n/** @param customElements `any` for now as spec is not super stable yet */\nexport function setCustomElements(customElements: any) {\n  global.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;\n}\n\nexport function setCustomElementsManifest(customElements: any) {\n  global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;\n}\n\nexport function getCustomElements() {\n  return global.__STORYBOOK_CUSTOM_ELEMENTS__ || global.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__;\n}\n","import type { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';\n\nimport {\n  setProjectAnnotations as originalSetProjectAnnotations,\n  setDefaultProjectAnnotations,\n} from 'storybook/preview-api';\n\nimport * as stencilAnnotations from './entry-preview';\nimport type { StencilRenderer } from './types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/web-components';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n  projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[],\n): NormalizedProjectAnnotations<StencilRenderer<unknown>> {\n  setDefaultProjectAnnotations(stencilAnnotations);\n  return originalSetProjectAnnotations(projectAnnotations) as NormalizedProjectAnnotations<StencilRenderer<unknown>>;\n}\n"],"mappings":";;;;;;AAGA,SAAgB,iBAAiBA,SAAiB;AAChD,MAAK,QACH,QAAO;AAET,YAAW,YAAY,SACrB,QAAO;AAET,OAAM,IAAI,MAAM;AACjB;AAED,SAAgB,gBAAgBC,gBAA0B;AACxD,MAAK,eACH,QAAO;AAGT,KAAI,eAAe,cAAc,MAAM,QAAQ,eAAe,WAAW,CACvE,QAAO;AAGT,OAAM,IAAI,OAAO;AAClB;;AAGD,SAAgB,kBAAkBC,gBAAqB;AACrD,2BAAO,gCAAgC;AACxC;AAED,SAAgB,0BAA0BA,gBAAqB;AAC7D,2BAAO,yCAAyC;AACjD;AAED,SAAgB,oBAAoB;AAClC,QAAOC,0BAAO,iCAAiCA,0BAAO;AACvD;;;;;;;;;;;;;;;;;;;;;;;ACPD,SAAgB,sBACdC,oBACwD;AACxD,yDAA6BC,4CAAmB;AAChD,QAAO,iDAA8B,mBAAmB;AACzD"}

package/dist/{types-Dzw-ZY4t.d.ts → types-BZP9npQ9.d.cts}

@@ -1,5 +1,5 @@
 import { JSX, VNode } from "@stencil/core";
-import { AnnotatedStoryFn, ArgTypes, Args, Args as Args$1, ComponentAnnotations, DecoratorFunction, LoaderFunction, Parameters, ProjectAnnotations, StoryAnnotations, StoryContext, StorybookConfig, StrictArgs, StrictArgs as StrictArgs$1, WebRenderer } from "storybook/internal/types";
+import { AnnotatedStoryFn, Args, ComponentAnnotations, DecoratorFunction, LoaderFunction, ProjectAnnotations, StoryAnnotations, StoryContext, StorybookConfig, StrictArgs, WebRenderer } from "storybook/internal/types";
 import { StorybookConfigVite } from "@storybook/builder-vite";
 
 //#region src/types.d.ts
@@ -67,5 +67,5 @@ declare global {
   }
 }
 //#endregion
-export { ArgTypes, Args$1 as Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext$1 as StoryContext, StoryFn, StoryObj, StorybookConfig$1 as StorybookConfig, StrictArgs$1 as StrictArgs };
-//# sourceMappingURL=types-Dzw-ZY4t.d.ts.map
+export { Decorator, Loader, Meta, Preview, StencilRenderer, StoryContext$1 as StoryContext, StoryFn, StoryObj, StorybookConfig$1 as StorybookConfig };
+//# sourceMappingURL=types-BZP9npQ9.d.cts.map

package/dist/{types-BjBqnnWi.d.cts → types-DqHtEV5w.d.ts}

@@ -1,5 +1,5 @@
 import { JSX, VNode } from "@stencil/core";
-import { AnnotatedStoryFn, ArgTypes, Args, Args as Args$1, ComponentAnnotations, DecoratorFunction, LoaderFunction, Parameters, ProjectAnnotations, StoryAnnotations, StoryContext, StorybookConfig, StrictArgs, StrictArgs as StrictArgs$1, WebRenderer } from "storybook/internal/types";
+import { AnnotatedStoryFn, Args, ComponentAnnotations, DecoratorFunction, LoaderFunction, ProjectAnnotations, StoryAnnotations, StoryContext, StorybookConfig, StrictArgs, WebRenderer } from "storybook/internal/types";
 import { StorybookConfigVite } from "@storybook/builder-vite";
 
 //#region src/types.d.ts
@@ -67,5 +67,5 @@ declare global {
   }
 }
 //#endregion
-export { ArgTypes, Args$1 as Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext$1 as StoryContext, StoryFn, StoryObj, StorybookConfig$1 as StorybookConfig, StrictArgs$1 as StrictArgs };
-//# sourceMappingURL=types-BjBqnnWi.d.cts.map
+export { Decorator, Loader, Meta, Preview, StencilRenderer, StoryContext$1 as StoryContext, StoryFn, StoryObj, StorybookConfig$1 as StorybookConfig };
+//# sourceMappingURL=types-DqHtEV5w.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/storybook-plugin",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Storybook plugin for Stencil",
   "license": "MIT",
   "homepage": "https://github.com/stenciljs/storybook",
@@ -70,7 +70,7 @@
     "@storybook/html": "^9.0.8",
     "preact-render-to-string": "^6.5.13",
     "react-docgen-typescript": "^2.4.0",
-    "unplugin-stencil": "^0.3.4"
+    "unplugin-stencil": "^0.3.5"
   },
   "peerDependencies": {
     "@stencil/core": "^4.30.0",

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]","stencilAnnotations"],"sources":["../src/portable-stories.tsx"],"sourcesContent":["import type { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';\n\nimport {\n  setProjectAnnotations as originalSetProjectAnnotations,\n  setDefaultProjectAnnotations,\n} from 'storybook/preview-api';\n\nimport * as stencilAnnotations from './entry-preview';\nimport type { StencilRenderer } from './types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/web-components';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n  projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[],\n): NormalizedProjectAnnotations<StencilRenderer<unknown>> {\n  setDefaultProjectAnnotations(stencilAnnotations);\n  return originalSetProjectAnnotations(projectAnnotations) as NormalizedProjectAnnotations<StencilRenderer<unknown>>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,sBACdA,oBACwD;AACxD,yDAA6BC,4CAAmB;AAChD,QAAO,iDAA8B,mBAAmB;AACzD"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]","stencilAnnotations"],"sources":["../src/portable-stories.tsx"],"sourcesContent":["import type { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';\n\nimport {\n  setProjectAnnotations as originalSetProjectAnnotations,\n  setDefaultProjectAnnotations,\n} from 'storybook/preview-api';\n\nimport * as stencilAnnotations from './entry-preview';\nimport type { StencilRenderer } from './types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/web-components';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n  projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[],\n): NormalizedProjectAnnotations<StencilRenderer<unknown>> {\n  setDefaultProjectAnnotations(stencilAnnotations);\n  return originalSetProjectAnnotations(projectAnnotations) as NormalizedProjectAnnotations<StencilRenderer<unknown>>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,sBACdA,oBACwD;AACxD,8BAA6BC,sBAAmB;AAChD,QAAO,wBAA8B,mBAAmB;AACzD"}